@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Exo:wght@300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Eurostar';
    src: url('../fonts/Eurostar.eot');
    src: url('../fonts/Eurostar.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Eurostar.woff2') format('woff2'),
        url('../fonts/Eurostar.woff') format('woff'),
        url('../fonts/Eurostar.ttf') format('truetype'),
        url('../fonts/Eurostar.svg#Eurostar') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostar Black';
    src: url('../fonts/EurostarBlack.eot');
    src: url('../fonts/EurostarBlack.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostarBlack.woff2') format('woff2'),
        url('../fonts/EurostarBlack.woff') format('woff'),
        url('../fonts/EurostarBlack.ttf') format('truetype'),
        url('../fonts/EurostarBlack.svg#EurostarBlack') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Eurostar Black Extended';
    src: url('../fonts/EurostarBlackExtended.eot');
    src: url('../fonts/EurostarBlackExtended.eot?#iefix') format('embedded-opentype'),
        url('../fonts/EurostarBlackExtended.woff2') format('woff2'),
        url('../fonts/EurostarBlackExtended.woff') format('woff'),
        url('../fonts/EurostarBlackExtended.ttf') format('truetype'),
        url('../fonts/EurostarBlackExtended.svg#EurostarBlackExtended') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* @font-face { */
    /* font-family: 'Helvetica Neue'; */
    /* src: url('../fonts/HelveticaNeue-Light.eot'); */
    /* src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), */
        /* url('../fonts/HelveticaNeue-Light.woff2') format('woff2'), */
        /* url('../fonts/HelveticaNeue-Light.woff') format('woff'), */
        /* url('../fonts/HelveticaNeue-Light.ttf') format('truetype'); */
    /* font-weight: 300; */
    /* font-style: normal; */
    /* font-display: swap; */
/* } */

body {font-family: 'Exo', sans-serif; background: url('../images/tringle-bg.svg') center center no-repeat; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: #383838; font-size: 17px; padding:0px; max-width: 2000px; margin: 0 auto; }
.cl{clear:both;}

a { color: #0d3a57; font-weight: 500; transition: all 0.3s; -webkit-transition: all 0.3s; }
a:hover {
    color: #dc6125;
    text-decoration: none;
}

h1, h2, h3, h4 { color:#0d3a57; margin-bottom: 15px; font-weight: 600; letter-spacing: 0px; }
.h2, h2 { font-size: 25px; }

p { margin-bottom: 25px; line-height: 28px; }

.container { max-width: 1280px; }

#header { position: fixed; z-index: 999; width: 100%; left: 0; transition:all 0.8s; opacity: 1; top: 0px; }

#header.hide {transition:all 0.8s; opacity: 0; z-index: -1; }

.navbar-expand-lg .navbar-nav .nav-link{padding:10px 0px; margin:0px 19px;}
.edit1{max-width:1500px; position:relative;}
.navbar{padding:10px 15px; /* font-family: 'Eurostar', sans-serif; */ }
.navbar>.container { align-items: center; }
.file{ z-index: 9; /* padding:20px 24px; box-shadow: 0 0.05rem 2.1rem rgba(0,0,0,.5); position:absolute; */ width:180px; top:0px;}
.file img { max-width: 100%; }
.navbar-nav .nav-link{color:#000; font-size: 15px; font-weight:400; position:relative; transition:all 0.5s; letter-spacing: 0.25px; }
.navbar-nav .nav-link:hover { color:#3b227d; }
.file2 i{color:#be1522; padding-right:10px;}
.section{padding:0px 0px; line-height: 38px;}
.navbar-nav li { margin-right: 1px; }
.section2{border-color:transparent; padding-bottom:10px; border-radius:14px; background-color:#3b227d;  }
.navbar-nav .active>.nav-link::after{width:100%;position:absolute; height:3px; content: ""; left:0px; background-color:#be1522; top:0px;}
.navbar-nav .active>.nav-link{position:relative;color:#4b5459;}
.navbar-nav .nav-link:after{position:absolute; height:3px; content: ""; left:0px; background-color:#be1522;width:0%; transition:all 0.5s; top:0px;}
.navbar-nav .nav-link:hover:after{width:100%;}
.dropdown-toggle::after { border:none; }
.dropdown>.dropdown-menu { margin:-10px 0 0 0; border:none; border-radius:0px; box-shadow:6px 6px 10px rgba(0,0,0,0.3); padding:0px; display:block; height:0px; overflow:hidden; opacity:0; transition: all 0.4s; -webkit-transition: all 0.4s; }
.dropdown:hover>.dropdown-menu { opacity:1; display:inline-block; height:auto;margin:0; }
.dropdown .dropdown-menu li { line-height:normal; }
.dropdown .dropdown-menu li a { white-space: nowrap; font-size: 14px; font-weight: 500; color:#4b5459; width:100%; display:inline-block; transition: all 0.4s; -webkit-transition: all 0.4s; text-align: left; overflow: hidden; line-height: 28px; letter-spacing: 0.3px; }
.dropdown .dropdown-menu li a:hover { text-decoration:none; background-color:#3b227d; color:#fff; } 


.edit{background: url('../images/logo1.png') no-repeat center center; background-size:cover; height:100vh; width:100%; text-align:center; display:table; max-height: 850px;}
.editimg{background: url('../images/logo1.png') no-repeat center center; background-size:cover !important; height:402px; width:100%; text-align:center; display:table;}
.editright{vertical-align: bottom;  display: table-cell; text-align: center;}
.editup{background-color:pink; }

.editimg .bannerContainer { display: inline-block; width: auto; background: #0d3a57; color: #fff; line-height: 40px; margin-bottom: 30px;     margin-left: 0px; padding: 0 15px; font-size: 30px; font-weight: 500; transform: skew(-15deg); position: relative; }
.editimg .bannerContainer span { transform: skew(15deg); display: inline-block; }
.editimg .bannerContainer:before { position: absolute; content:"";  height: 100%; width: 10px; left: calc(100% + 3px); transform: skew(0deg); background: rgb(235,115,37); background: linear-gradient(180deg, rgba(235,115,37,1) 19%, rgba(203,84,48,1) 100%); }

.editright .macro { color:#fff; }

nav { transition: 0.5s; }
nav.shrink { background:#ffffffcf; box-shadow: 0px 5px 5px rgb(0 0 0 / 5%);  /* position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; */ }

.grediantBg { max-width: 100%; background: rgb(234,234,234); background: linear-gradient(180deg, rgba(234,234,234,1) 0%, rgba(245,245,245,1) 20%); }
.exploreProducts.grediantBg .view2 { background: none; max-width: 1280px; }

.productsList .item.aboutContent { padding-right: 30px; padding-left: 30px; }
.productsList .item.aboutContent .macro, .productsList .item.aboutContent .macro2 { text-align:left; }

.view2{background-color:#fff; /* box-shadow:25px 25px 40px rgba(0,0,0,.3); */ padding:40px 60px; position:relative; max-width:800px; margin:0 auto; }
.container.view2 { max-width:1000px; }
.view2.darkView { background-color:transparent; padding-right: 0px; padding-left: 0px; }
.view2.darkView .macroup2 { color:#d5d5d5; }
.viewup{padding:50px 0px;}
.viewup2{padding-bottom:50px; position: relative; }
.exploreProducts .view2 { margin-top:-52px; max-width: 100%; background-color: #fff; box-shadow: none; }
.macro{ text-transform: uppercase; font-size:18px; color:#667076; letter-spacing:5px; font-weight:500; text-align:center; margin-bottom: 0; }
.macro2{font-size:32px; text-align:center; text-transform: uppercase; margin-bottom:25px;  }
.macroup{font-size:16px; font-weight:450; margin-bottom:30px; max-width:100%;}
.macroup2{font-size:16px; font-weight: 300; text-align: justify; }
.view2.darkView .macro2 { color:#fff; }
.macrotop{color:#4b5459; font-size:12px; margin-top: 20px; font-weight:700; letter-spacing:5px; position:relative; float:left;}
.viewup img{position:absolute; right:-100px;}
.macrotop:hover{text-decoration:none; color:#4b5459;}
.alt{background-color:#3b6676; width:34px; height:1px; margin:20px 0px;}

.max600Width { max-width: 500px; margin-left: auto; margin-right: auto; }

.run{background: url('../images/logo1.png') no-repeat center center; background-size:cover; height:700px; width:100%; margin-top:340px; }
.run .view2 { display: inline-block; background-color:rgba(255,255,255,0.93); }
.runtext{background: url('../images/logo1.png') no-repeat center center; background-size:cover; height:700px; width:100%;}
.runup{background-color: rgba(255,255,255,0.93); padding:80px; margin-top:-20px; display:inline-block;  position:relative; width:100%; max-width:800px; box-shadow: 30px 30px 40px rgba(0,0,0,.6);}
.runup .right, .runup .right2  { text-align:left; }
.right{color:#4b5459; font-size:14px; letter-spacing:8px;}
.right2{color:#4b5459; font-size:38px; font-weight:300; line-height:36px; margin:0px;}
.rightup{font-size:15px; font-weight:300; text-align:left; }
.righttop{font-size:13px; font-weight:600;  letter-spacing:5px; color:#fdffff; position:relative;}
.div{text-align:center;}
.righttop:hover{text-decoration:none; color:#fdffff;}
.alt2{background-color:#44ad95; width:34px; height:1px; margin:30px 0px; float:left; display:inline-block;}

.box{background-color:#fff; position:relative; max-width:800px; min-height:500px; margin:0 auto; padding:80px; box-shadow: 30px 30px 40px rgba(0,0,0,.06); -webkit-box-shadow:30px 30px 40px rgba(0,0,0,.06); margin-top:-85px;}
.boxleft{color:#fff; background-color:#44ad95; box-shadow: 9px 10px 20px rgba(0,0,0,.06); padding:20px 66px; display:inline-block; font-size:14px; font-weight:700; margin:0px 0px 0px 0px;}
.aboutus{font-size:38px; color:#fff; }
.aboutus:hover{text-decoration:none; color:#fff;}
.boxright{color:#fff; background-color:#435765; padding:12px 40px; display:inline-block; font-size:16px; margin:25px 0px 50px 0px; transition: all 0.5s; margin: 0 auto; font-family: 'Helvetica Neue', Sans sarif; text-transform: uppercase; letter-spacing: 1px;}
.tab{padding-bottom:70px;}
.home{padding:0px 0px;}
.boxright:hover{text-decoration:none; color:#fff; background: #2e3c46; }
.boxleft:hover{text-decoration:none; color:#fff; background: #2e3c46;}

.footer{ border-bottom: solid 1px #e2e2e22e; }
.aboutleft i{background-color:#fff; border:1px solid #e8e8e8; color:#4b5459; width:39px; height:39px; border-radius:30px; padding:10px; float:left; margin-right:10px; text-align:center;}
.aboutleft2 i{background-color:#fff; border:1px solid #e8e8e8; color:#4b5459; width:39px; height:39px; border-radius:30px; padding:10px; float:left; margin-right:10px; text-align:center;}
.aboutright{float:left; padding-top:5px; color:#838688;}
.aboutleft{float:left; padding-right:20px;}
.aboutleft2{float:left; padding-right:0px;}
.about a:nth-child(2) i{ font-family: 'poppins', sans-sarif; font-weight: 700; font-size:15px; }
.about i{background-color:#fff; border:1px solid #e8e8e8; color:#4b5459; width:39px; line-height: 39px; height:39px; border-radius:30px; padding:0px; margin-right:5px; text-align:center;  transition:all 0.5s;}
.about{float:right;}
.about2{padding:50px 15px; background-color:#f5f5f5; box-shadow: 9px 10px 20px rgba(0,0,0,.06);}
.top{text-align:center; color:#4b5459; font-size:13px; padding:12px 0px; margin:0px;}
.bottomtop{float:right; display:inline-block;}
.about i:last-child{margin:0px;}
.about a i:hover{background-color:#4b5459; color:#fff; text-decoration:none !important;}

.promoteDiv .macro2 { margin-bottom: 10px; }
.promoteDiv .promoteLine { font-size: 20px; }

.macrotop::before{height:1px; width:34px; content: ""; position:absolute; background-color:#4b5459; left:105%; top:7px; transition:all 0.5s;}
.righttop::before{height:1px; width:34px; content: ""; position:absolute; background-color:#fff;  right:105%; bottom:7px; transition:all 0.5s;}
.macrotop:hover::before{ width:60px;}
.righttop:hover::before{ width:60px;}




.tableft{width:38%; float:right; position:relative; right:100px;}
.tableft2{width:38%; float:left; position:relative; left:100px; padding-top:130px;}
.tabup{width:100%; position:relative; margin-top:-238px}
.box:after{position:absolute; content: ""; left:100%; background-color:#44ad95; top:85px; width:8px; height:103px;}
.runup:after{position:absolute; content: ""; left:100%; background-color:#44ad95; top:85px; width:8px; height:103px;}
/* .view2:after{position:absolute; content: ""; right:100%; background-color:#44ad95; 	top:85px; width:5px; height:103px;} */


.inquiryBtn {  bottom:10px; position:fixed; right:10px; z-index:9; }
.inquiryBtn a { font-size:15px; color:#fff; background-color:#14c656; padding: 12px; display:inline-block; text-transform:uppercase; font-weight:600; transition: all 0.4s; border-radius: 75px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.inquiryBtn a:hover { background-color:#2e3c46; text-decoration:none; }
.inquiryBtn a img { max-width:35px; }

/* .inquiryBtn {transform: translate(41%,-50%); top:50%; position:fixed; right:0%; z-index:9;} */
/* .inquiryBtn a { font-size:15px; color:#fff; transform: rotate(90deg); background-color:#435765; padding: 12px 70px; display:inline-block; text-transform:uppercase; font-weight:600; transition: all 0.4s; } */
/* .inquiryBtn a:hover { background-color:#2e3c46; text-decoration:none; } */

.text{background-color:#fff; color:#000;padding: 80px; display: inline-block;position: relative;width: 100%; max-width: 800px; /* box-shadow: 30px 30px 40px rgba(0,0,0,.06); */ display: table; margin: 0 auto; margin-top: -25px; margin-bottom: 85px;}
.text2{color:#435765; font-weight: 300;}
/* .text:after{position:absolute; content: ""; left:100%; background-color:#44ad95; top:85px; width:8px; height:103px;} */
.tab2 img {float: left; padding-right: 10px; position:absolute; left:0px; max-width:35px; }
.textleft{float:left;}

.tab2 .textleft { margin: 0px; font-weight: 300;}

.runright{max-width: 700px; margin: 0 auto;}
.pageright{width: 100%;border-bottom: 1px solid #d6d6d6; padding: 15px 0px;float: left;}
.pageright2 { padding: 0px; margin: 0px; float: left; font-size: 20px; font-weight: bold; color: #0d3a57; letter-spacing: 0.7px; font-family: 'Eurostar', sans-serif; }
.open {float: right;}
.open p { margin: 0px; font-size: 16px; }

.contacttop {margin-bottom: 20px; padding-left:0px; border: none; border-bottom: 2px solid #dbdbde; color: #000; font-size: 16px; border-radius: 0px; }
.contacttop:focus{ border-color:#435765;}
.top2{background: url('../images/logo1.png') no-repeat center center; background-size:cover; height:480px; width:100%;}
.design{margin: -25px 0px;}
.boxbottom{display: table; text-align: center;width: 100%;}
.textright{background-color:#fff; color:#000;padding: 40px 60px; margin-top: 0px;display: inline-block;position: relative;width: 100%; max-width: 800px; /* box-shadow: 0px 30px 40px -30px rgb(0 0 0 / 25%); */ margin: -25px 0px 99px 0px;}
.tab2{float:left; position:relative; padding: 8px 0 8px 40px; text-align:left; display: flex; align-items: center; }

.btn-primary { background-color:#0d3a57; border-width: 3px; border-color:#0d3a57; border-radius:0px; -webkit-border-radius:0px; transition: all 0.3s; -webkit-transition: all 0.3s; padding: 8px 18px; transition: all 0.5s; }
.btn-primary:hover { background-color: #dc6125; border-color:#fff;}
.btn-primary.active { background-color: #dc6125; border-color:#fff; }

.projectsView img { width:100%; }

.projectColumn { position:relative; margin-bottom:30px; overflow:hidden; }
.projectColumn a { outline: none; }
.projectColumn a i { text-align:center; outline: none; position:absolute; border-right:solid 15px #fff; border-left:solid 15px #fff; background-color:#44ad95eb; left:0px; top:100%; height:100%; width:100%; transition: all 0.3s; -webkit-transition: all 0.3s; }
	
.projectColumn a:hover i { top:0px;  }
.projectColumn a i { padding-top: 32%; color: #fff; font-size:20px;}

.formSubmit { text-transform: uppercase; margin-top: 20px; font-size: 14px; letter-spacing: 3px; padding: 14px 50px; font-weight: 600; }

.anchorLink { display: inline-block; color:#fff; padding-bottom: 10px; border-bottom: solid 1px #be1522; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; }
.anchorLink:hover { border-bottom: solid 1px #811005; color:#aaa; }

.anchorLinkDark { display: inline-block; color:#000; padding-bottom: 10px; border-bottom: solid 1px #be1522; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; }
.anchorLinkDark:hover { border-bottom: solid 1px #811005; color:#333; }

.productsList .item { margin-bottom: 40px; padding: 0px 15px; padding-top: 10px; }
.project_logo p {
    font-size: 18px;
    padding: 15px 0px 12px 0px;
    width: 100%;
    text-align: center;
    margin: 0px;
    /* min-height: 66px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d3a57;
	font-weight: 600;
    text-transform: uppercase;
	transition: all 0.4s;
	font-family: 'Exo', sans-serif;
    letter-spacing: 0px;
}
.project_logo:hover p { color:#dc6125; }
.project_logo {
    text-align: center; margin: 0px; padding: 4px 4px 0px 4px; position: relative; /* box-shadow: 5px 5px 10px #e6e6e6; */ transition: all 0.3s; background: #fff; }

.project_logo:hover { box-shadow: 0px 20px 30px -22px #222; transform: translateY(-5px); }
.project_logo img { margin-bottom: 0px; width: 100%; position: relative; right: auto; border-radius: 10px; }
.item { position:relative; }
.edit { position:relative; }
.edit:after { position:absolute; content:""; height: 100%; width:100%; left: 0px; top:0px; opacity: 0.95; z-index:0; background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 150px, rgba(75,89,98,0) 320px); }

.edit:before {position:absolute; content:""; height: 100%; width:100%; left: 0px; bottom:0px; opacity: 1; z-index:0; background: rgb(0,0,0);
background: linear-gradient(23deg, rgba(0,0,0,0.9026961126247374) 0%, rgba(0,0,0,0.7934524151457458) 12%, rgba(0,0,0,0) 29%);}


.editright { position: relative; }

.editright:after { position: absolute; content: ""; height: 100%; width: 100%; left: 0px; top: 0px; opacity: 0.95; z-index: 0; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 130px, rgba(75,89,98,0) 280px); }

/* .editright:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0px; bottom: 0px; opacity: 1; z-index: 0; background: rgb(0,0,0); background: linear-gradient(23deg, rgba(0,0,0,0.9026961126247374) 0%, rgba(0,0,0,0.7934524151457458) 12%, rgba(0,0,0,0) 29%);} */
  
.editright * { position: relative; z-index:1; }

.item .container { height: 100%; color:#fff; display: flex; min-height: 400px; padding-top: 9%; align-items: end; justify-content: flex-start; max-width: 100%; z-index: 1; position: relative; width: 100%; }
.item .container h1 { font-size: 30px; margin-bottom: 20px; text-transform:uppercase; color:#fff; }
.item .container span { font-size: 16px; margin-bottom: 0px; text-transform:uppercase; display: inline-block; line-height: 30px;  }
.bannerContainer { text-align: left; position: relative; padding-bottom: 50px; padding-left: 20px; }
/* .bannerContainer:before { position: absolute; content:""; left: -25px; top: -5px; width: 20px; height: 20px; background: url('../images/triangle.png') no-repeat; background-size: 100%; } */
.bannerContainer p { color:#eee; font-size: 19px; }
.bannerContainer .boxleft { margin-top: 20px;  }
		
.inMobileShow { margin-left: auto; margin-right: 50px; display: none; }
.inMobileShow .nav-link { padding-right:5px; }

.catalogInner .project_logo a { cursor: auto; }
/* .catalogInner .project_logo { box-shadow: 3px 5px 3px #f5f5f5; } */
.catalogInner .project_logo:hover { box-shadow: 0px 20px 30px -10px #555; }
.catalogInner .project_logo img { max-width: 250px }
.catalogInner.different1600 .project_logo img { width: auto; }
.catalogInner.smallImgCatalog .project_logo img { max-width: 150px }
.catalogInner .project_logo p { font-size: 20px; padding: 10px 0px 10px 0px; font-weight: 400; letter-spacing: 0.8px; }
.catalogInner .project_logo span { text-transform: uppercase; padding-bottom: 7px; font-size:11px; color:#b0b0b0; display: block; letter-spacing: 2.5px; }

.item:hover a { text-decoration:none; }
.item:hover a .project_logo p { color:#710901; }

/* .banner { margin-left: -20px; margin-right: -20px; } */
.banner .editright:after { display:none; }

.banner .owl-controls { position: absolute; z-index: 99; margin-top: -40px !important; width: 100%; }

.banner .owl-theme .owl-controls .owl-page.active span, .banner .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fff; border: solid 2px #fff; }

.item .projectColumn a i { border: none; }
.item .projectColumn { margin-bottom: 0px; overflow: hidden; border-radius: 7px; }

.productsList.projectsView h1 { font-family: 'Georgia', sans-sarif; font-size: 28px; font-weight: bold; margin-bottom: 1.2rem; margin-top: 20px; }
.productsList.projectsView ul { padding-left: 20px; }
.productsList.projectsView hr { margin-bottom: 2rem; opacity: 0.5; }

.productsMainDiv .alt { width: 100%; height: 2px; }
/* .productsMainDiv .macro2 { font-weight: bold; } */

.exploreProducts.cataloguesDiv .view2 { margin-top: 0px; }
.exploreProducts.cataloguesDiv .viewup { padding: 0px; }

.certifications .project_logo { box-shadow: 5px 5px 10px #e6e6e6; margin: 0 15px; }
.certifications .productsList .item { margin-bottom: 30px; }

.yourStyle { margin-top:0px;  }
.yourStyle.run { display: flex; align-items: center; justify-content: center; height: 600px; }
.yourStyle.run .view2 { padding: 10px 15px; box-shadow: none; border: solid 3px #fff; background: rgb(23,27,30);
background: linear-gradient(180deg, rgba(23,27,30,0.9) 37%, rgba(75,89,98,0.85) 100%); }
.yourStyle.run .macro2 { margin-bottom: 0px; line-height: 36px; color:#b3b2b2; }
.yourStyle.run .macro { color:#b3b2b2; }

.exploreProducts.promoteDiv { background: #fff; margin-top: -25px; position: relative; }
.exploreProducts.promoteDiv .view2 { margin-top: 0px; }

.promoteDiv .productsList .item { margin-bottom: 15px; }


/** Footer **/


#footer { background: #001421ed; } 

.footer { padding:25px 0px 40px 0px; position:relative;  /* background: #171b1e; */ background-size: cover; background: transparent; }

/* .footer:before { position: absolute; top: 0px; left: 0px; height: 250px; width: 100%; content:""; background: rgb(0,0,0); */
/* background: linear-gradient(180deg, rgba(187,187,187,1) 0%, rgba(9,9,121,0) 70%, rgba(0,212,255,0) 100%); } */

.footer .container { position: relative; padding-top: 15px; }
/* .footer .container:before { position: absolute; top: 0px; left: 30px; height: 1px; width: calc(100% - 60px); content:""; background: #811005; } */

.footer_box h3 { color:#dedede; font-size:16px; text-transform: uppercase; font-weight: 600; margin:0px; margin-bottom:20px; margin-top: 30px; letter-spacing: 1.2px; border-bottom: solid 3px #dc6125; padding-bottom: 12px; }

.footer { color: #cad4db; }
.menu {}
.menu ul { list-style: none; padding: 0; margin: 0;}
.menu ul li {padding:4px 0px; flex-wrap: nowrap; }
.menu ul li a { display: inline-block; color: #cad4db; letter-spacing: 0.3px; font-weight: 400; }
.menu ul li a:hover { color: #dc6125; text-decoration: none; }
.footer_box p { color:#7d8a92; font-size:15px; /* line-height:30px; */ letter-spacing: -0.5px; }
p.addressOfficehead {  font-size:15px; color:#fff; }
.footer_icon { color:#44ad95; font-size:15px; margin-right:5px;}
.footer_box a { color:#7d8a92; font-size:15px;}
.footer_box a:hover { color:#44ad95;}

.footer_box { padding-right: 30px; padding-left: 30px; }

.footer_box p { color:#7d8a92; font-size:15px; }
p.addressOfficehead {  font-size:15px; color:#7d8a92; margin-bottom: 0; }
.footer_icon { color:#0d3a57; font-size:15px; margin-right:5px;}
.footer_box a { color:#7d8a92; font-size:15px; font-weight: 400; }
.footer_box a:hover { color:#0d3a57;}
.brdr_bttm { border-top:1px solid #434343; padding-top:30px; margin-top:10px;}
.padd { padding-bottom:52px; }

.footerLogo img { max-width: 180px; }
.footerLogo { text-align:center; }
.contactLogo img { max-width: 250px; }

.footerContactDiv { padding-bottom: 30px; position: relative; z-index: 1; }
.footerContactDiv span { font-size: 22px; color:#fff; display:block; }
.footerContactDiv a { font-size: 30px; color:#a3a3a3; }


.menu .shareWith li { display: inline-block; margin-right: 5px; }
.menu .shareWith li span { padding-left: 5px; }
.menu .shareWith li a { display: flex; align-items:center; justify-content:center; transition: all 0.5s; }
.menu .shareWith.getInTouch strong { font-size: 13px; color:#000; }
.menu .shareWith.getInTouch li { display: block; }
.menu .shareWith.getInTouch li a { text-align: center; display: inline-block; }
.menu .shareWith.getInTouch li.mtFooter10 { margin-top:10px; }
.menu .shareWith.getInTouch li span	{line-height: 28px;}
.menu .shareWith.getInTouch i { width: 28px; min-width: 28px; height: 28px; line-height: 28px; border-radius: 24px; }
.menu .shareWith li a i { color:#fff; margin-right: 0px; width: 32px; min-width: 32px; height: 32px; line-height: 32px; border-radius: 32px; background:#0d3a57; text-align: center; transition: all 0.5s; }
.menu .shareWith li a:hover { color:#dc6125; }
.menu .shareWith li a:hover i { background-color:#dc6125; color:#fff; }

.shopLicences { padding-top: 20px; }
	.shopLicences span { margin-right: 20px; font-size:16px; }
	.shopLicences span b { color:#fff; font-weight:600; }

/* .grediantBanner { position: absolute; top: 0px; left: 0px; width: 100%;	background: rgb(0,0,0); */
	/* background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(9,9,121,0) 39%, rgba(0,212,255,0) 100%); } */

.gredientDarkLight:before { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; content:""; background: rgb(187,187,187);
background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(9,9,121,0) 65%, rgba(0,212,255,0) 100%); }

.viewup2.gredientLightDark:before { position: absolute; left: 0px; height: 100%; width: 100%; content:""; background: rgb(187,187,187);
background: linear-gradient(180deg, rgba(187,187,187,1) 0%, rgba(9,9,121,0) 75%, rgba(0,212,255,0) 100%); }

.textright.midDarkView { background-color:transparent; padding-bottom: 0px; box-shadow: none; margin-top: 0px; margin-bottom: 0px; }
.textright.midDarkView .macro2, .textright.midDarkView .macroup2 { color:#000; }

.boxbottom.gredientDarkLight { background: #bfbfbf; }

.whyChoose { margin-top: 20px; color:#fff; } 
.whyChoose img { max-width: 110px; margin-bottom: 10px; }

.planKitchen { padding-right: 7px; padding-left: 7px; }
.planKitchen img { width: 100%; }

.homeContact .contacttop { padding: .75rem .75rem; border-color: #fff; } 
.contacttop:focus { border-color: #dc6125; }

h3.poweredDiv span { font-size: 16px; display: block; margin-top: 5px; opacity: 0.7; }  
h3.poweredDiv { font-size: 25px; margin-bottom: 5px; }

.kitchenHeading { font-size: 22px; padding-left: 15px; padding-bottom: 10px; border-bottom: solid 2px #be1522; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 3px; }

.kitchenDiv { background: #000; color:#fff; border: solid 1px #555; padding-top: 120px; }

.kitchenContent { padding: 25px 50px; position:absolute; z-index:1; height:100%; top:0px; max-height: 200px; width: 100%; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%); text-align:center; }

.midKitchenDiv { max-width: 500px; margin: 0 auto; }

.innerDarkLight { background:none !important; position: relative; }
.innerDarkLight:before { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; content:""; background: rgb(187,187,187);
background: linear-gradient(0deg, rgba(187,187,187,1) 0%, rgba(9,9,121,0) 75%, rgba(0,212,255,0) 100%); }

.kitchenContent a { color:#fff; padding-bottom: 10px; font-size: 13px; display: inline-block; margin-top: 10px; letter-spacing: 2px; border-bottom: solid 1px #be1522; text-transform: uppercase; transition: all 0.4s; }
.kitchenContent a:hover { padding-left: 30px; padding-right: 30px; letter-spacing: 3px; } 

.productBGNone .project_logo { background: transparent !important; }

a.backBtn { color:#fff; padding-bottom: 10px; font-size: 13px; display: inline-block; margin-top: 10px; letter-spacing: 2px; border-bottom: solid 1px #be1522; text-transform: uppercase; transition: all 0.4s; }
a.backBtn:hover { padding-left: 30px; padding-right: 30px; letter-spacing: 3px; }


.topLine {  display: flex; justify-content: space-between; align-items:center; text-transform: uppercase;
    font-size: 13px; font-weight: 500; border-bottom: solid 1px rgba(0,0,0,0.08); }
.topLine select { font-size: 13px; border-radius: 4px; height: 24px !important; border: solid 1px #888; }

.topLineBg { background: #0d3a57eb; color:#fff; padding: 7px 15px; } 

.indiaCompany { display: flex; align-items:center; }
.indiaCompany img { max-width: 26px; margin-right: 8px; }

/** Navigation Menu **/

.btn-flip { opacity: 1; outline: 0; color: #fff; position: relative; text-align: center; text-decoration: none; display: inline-block;
  text-transform: uppercase; font-size: 14px; font-weight: 700; letter-spacing: 0.3px; }
  
.btn-flip:hover:after { opacity: 1; transform: translateY(0) rotateX(0); }
.btn-flip:hover:before { opacity: 0; transform: translateY(50%) rotateX(90deg); }
.btn-flip:after { top: 0; left: 0; opacity: 0; width: 100%; padding: 8px 17px; color: #fff; display: block; transition: 0.5s; position: absolute;
  background: #dc6125; content: attr(title); height: 100%; transform: translateY(-50%) rotateX(90deg); }
.btn-flip:before { top: 0; left: 0; opacity: 1; color: #0d3a57; display: block; padding: 8px 17px; transition: 0.5s; position: relative;
  background: rgba(255,255,255,0.5); content: attr(title); transform: translateY(0) rotateX(0); border-bottom: solid 2px #dc6125; }


a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border-top: 1px solid #0d3a57;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	z-index:2;
	font-weight: 500;
	background:#0d3a57;
}
a.animated-button.thar-one:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #0d3a57;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	/* margin: 30px auto 0; */
	padding: 20px 25px;
	color: #fff;
	font-size:16px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	border-radius: 0;
	letter-spacing: 0.3px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	/* height: 450%; */
}

a.compact.animated-button:link, a.compact.animated-button:visited { padding: 15px 25px; min-width: 200px; border: none; } 

.btn.orangeBtn {  transition: all 0.5s; padding: 6px 18px 5px 18px; text-transform: uppercase; font-weight: bold; font-size: 13px; } 
.btn.orangeBtn:hover { background:#0d3a57; border-color:#0d3a57; } 

a.animated-button.thar-one.blueBtn { background-color:#0d3a57; color:#fff; box-shadow: 0 2px 4px #3b227d0a; font-family: 'Exo', sans-serif; letter-spacing: 0.5px; font-weight: 600; transform: skew(-15deg); }
a.animated-button.thar-one.blueBtn span { transform: skew(15deg); display: inline-block; }
a.animated-button.thar-one.blueBtn:before { background-color:#dc6125; }
a.animated-button.thar-one.grayBtn { background-color:#fff; box-shadow: 0 2px 4px #3b227d0a; color:#0d3a57; }
a.animated-button.thar-one.grayBtn:before { background-color:#0d3a57; }

.rounded-pill { border-radius: 50rem!important; }

.BtnCenter .animated-button.btn { margin: 5px; margin-top: 20px; display: inline-block; }

.nav-item.dropdown .dropdown-menu a.animated-button.thar-one { background: #fff; border: none; }
.nav-item.dropdown .dropdown-menu a.animated-button:link, .nav-item.dropdown .dropdown-menu a.animated-button:visited {
	padding: 8px 25px; }
	
.nav-item.dropdown .dropdown-menu a.animated-button.thar-one span { display: block; font-size: 12px; opacity: 0.7; line-height: 10px;
    margin-bottom: 6px; }

.sectionContainer { padding: 60px 0px; position: relative; }
.lightBg { background: #ffffff91; }



.notesDiv { text-transform: uppercase; color:#dc6125; margin-bottom: 15px; display: inline-block; font-family: 'Exo', sans-serif; letter-spacing: 0.5px; font-weight: 800; }

.img-responsive { width: 100%; }

.aboutImgDiv { padding-left: 80px; }

.aboutLinks { width: 930px; justify-content: flex-start; padding: 0 15px; margin: 0px auto; }
.aboutLinks a.animated-button { width: calc(100% - 2px); margin:0 1px; }

.borderBottom { border-bottom: solid 1px #e2e2e2; } 

.strengthDiv { position: relative; }  
.strengthDiv .headingStrength { position: absolute; bottom: 50px; width: 100%; text-align:center; font-size: 32px; color:#fff; text-shadow: 2px 2px 3px rgba(0,0,0,0.3); z-index: 1; font-weight: 600; }

.jmNumbers { max-width: 1000px; text-align: center; text-transform: uppercase; font-weight: 600; }
.jmNumbers span { padding: 14px 10px; font-size: 16px; display: block; font-family: 'Eurostar', sans-serif;
    letter-spacing: 2px; border-top: solid 2px #888; color: #0d3a57; }
.jmNumbers .strengthNumbers { font-size: 34px; color:#dc6125; font-weight: 300; font-family: arial; line-height: 55px; margin-top: 10px; margin-bottom: 5px; font-family: 'Eurostar Black', sans-serif; }
.jmNumbers .strengthNumbers small { font-size:32px; text-transform: lowercase; line-height: initial; }
.jmNumbers .squareMeter { font-size: 14px; border-bottom: solid 1px #3b227d; padding-bottom: 15px; }

/* .jmNumbers .jmNumberDiv { padding: 0 3px;  } */

.pt0 { padding-top: 0px !important; }

.globalDiv { max-width: 800px; margin: 15px auto 0 auto; }

.qualityHomeDiv { display: flex; width: 100%; margin: 0px auto; padding:30px; background: #ffffff91; /* box-shadow: 0px 20px 30px -22px #222; */ }
.qualityHomeDiv .qualityImg { padding: 15px; }
.qualityHomeDiv .qualityContent { padding: 15px; }

.learnMoreBtn { text-transform: uppercase; font-size: 14px; transition: all 0.3s; font-weight: 600; }
.learnMoreBtn i { margin-left: 5px; font-size: 14px; } 
.learnMoreBtn:hover { padding-left: 10px; }

.promotionDiv p { margin-bottom: 10px; }
.promotionDiv h1 { margin-bottom: 10px; font-weight: 700; font-size: 39px !important; } 

.productsList .owl-theme .owl-controls {  margin-top: -30px !important; }

.industriesBgDiv { background: #0d3a57b0; }
.sectionContainer h1 { font-size: 35px; color: #0d3a57; letter-spacing: 0px; }

.directorDiv .project_logo { background:#f3f3f3; margin-bottom: 20px;  }
.directorDiv .project_logo p { flex-wrap: wrap; text-align: left; padding-left: 20px; padding-right: 20px; justify-content: start; padding: 9px 20px 6px 20px; }
.directorDiv .project_logo p span { display: block; width: 100%; font-size: 14px; color:#555; line-height: 21px; margin-bottom: 4px; }

.maxWidth1000 { max-width: 1000px; margin: 0 auto; } 
.maxWidth1200 { max-width: 1200px; margin: 0 auto; } 
.maxWidth930 { max-width: 930px; margin: 0 auto; }  
.qualityImgs .project_logo { padding: 0px; border-radius: 10px; }
.authImage { max-width: 150px; }

.zoomIcon { width: 55px; height: 55px; position: absolute; right: 0px; bottom: 0px; border-radius:10px; background-color: #3b227d;
    transition: all 0.3s; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==);
    background-repeat: no-repeat; background-position: center center; background-size: 28px; }

/** Masonry Gallery CSS **/

.grid:after { content: ''; display: block; clear: both; }
.grid-sizer, .grid-item { width: 100%; padding: 20px; }
.grid-item { float: left; }
.grid-item img { display: block; max-width: 100%; width: 100%; }
.grid-item.fullWidthDiv { width: 100%; } 

.productsDiv .project_logo { background:#ddd; padding: 4px; /* box-shadow: 0px 22px 30px -25px #555; */ margin-bottom: 30px; }
.productsDiv .project_logo:hover { box-shadow: 0px 28px 30px -25px #222; }
.productsDiv .zoomIcon { border-radius: 10px 0px 0px 0px; }
.productsDiv .zoomIcon:hover { background-color: #6a43cf; }

/* .productsDiv.spotlight-group .item:first-child { display: none; } */
/* .productsDiv.spotlight-group .item:nth-child(2) { flex: 0 0 100%; max-width:100%; } */

.goog-te-gadget-icon { display:none; }
.goog-te-banner-frame { visibility: hidden !important; top: -100% !important; }
.goog-te-gadget-simple { border-radius: 4px; }

.productsCards .card-header { background: #dc6125; color:#fff; }
.productsCards .card-header button.btn { color:#fff; padding: 0px; font-weight: 600; font-size: 20px; }
.productsCards .card { margin-bottom: 10px; background: transparent; border: none; }
.productsCards .card-body { padding-bottom: 0px; }
.productsCards .project_logo p { border-top: solid 1px #f2f2f2; font-size: 22px; transition: all 0.5s; flex-wrap: wrap; }
.productsCards .project_logo img { transition: all 0.4s; }
.productsCards .project_logo:hover img { transform: scale(0.98); opacity: 0.8; }
.productsCards .project_logo p span { font-size:12px; color:#888; display: block; width:100%; line-height: 14px; font-weight: 500; }
.productsCards .project_logo { background: #fff; margin: 0 0 20px 0; }
/* .productsCards .project_logo:hover p { border-top: solid 1px #dc6125; } */

.productsCards .card-header button.btn:hover, .productsCards .card-header button.btn:focus { text-decoration: none; }

.owl-item.owl-fade-in .bannerContainer { padding-bottom: 0px; transition: all 0.8s; }
.owl-item.owl-fade-in .bannerContainer { padding-bottom: 50px; }


.banner .slick-dots { text-align: center; margin-top:-50px; position:relative; }
.banner .slick-dots li { display: inline-block; margin: 0 3px; }
.banner .slick-dots li button {
	font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #cbced1;
    border: 0;
    cursor: pointer;
}

.banner .slick-dots li.slick-active button { background-color: #00a651; }

.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -15px;
  z-index: 1;
  border:none;
}
.prev-arrow{
  left: 40px;
}
.next-arrow{
  right: 40px;
}

.bannerContent { height: calc(100vh - 108px); }

.slideshow .item img {
  width: 100%;
  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.slideshow .item.slick-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-animation: cssAnimation 8s 1 ease-in-out forwards;
  animation: cssAnimation 8s 1 ease-in-out forwards;
}

@keyframes cssAnimation {
  from {
    -webkit-transform: scale(1.1) translate(0px);
  }
  to {
    -webkit-transform: scale(1) translate(0px);
  }
}
@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: scale(1.1) translate(0px);
  }
  to {
    -webkit-transform: scale(1) translate(0px);
  }
}




/** Slider **/

.slider, .slide { height: 100vh !important; }

.slide {
  position: relative;
  text-align: left;
}
.slide .slide__img {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  .slide .slide__img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	z-index: -1;
	transition: all 1s ease;
  }
}
.slide .slide__img img {
  max-width: 100%;
  height: auto;
  opacity: 1 !important;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  transition: all 1s ease;
}
.slide .slide__content {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.slide .slide__content--headings {
  color: #FFF;
}
.slide .slide__content--headings h2 {
  font-size: 34px;
  margin-bottom: 20px;
  color: #fff;
  letter-spacing: 0.5px;
  background: #0d3a57cc;
  padding: 5px 10px;
  font-weight: 500;
}

.slide .slide__content--headings p { 
	font-size: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 30px;
	font-family: 'Exo', sans-serif;
    letter-spacing: 1px;
	color: #fff;
	background: #dc6125cc;
	padding: 0px 10px;
	font-weight: 800;
 }

.slide .slide__content--headings .animated {
  transition: all 0.5s ease;
}
.slider [data-animation-in] {
  opacity: 0;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  transition: opacity 0.5s ease 0.3s;
}

.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.simple-dots .slick-dots li {
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: white;
  opacity: 0.25;
  width: 20px;
  height: 20px;
}
.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
  opacity: 1;
}
.simple-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.stick-dots .slick-dots li {
  height: 3px;
  width: 50px;
}
.stick-dots .slick-dots li button {
  position: relative;
  background-color: white;
  opacity: 0.25;
  width: 50px;
  height: 3px;
  padding: 0;
}
.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
  opacity: 1;
}
.stick-dots .slick-dots li.slick-active button {
  color: white;
  opacity: 0.75;
}
.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1;
}
/* /////////// IMAGE ZOOM /////////// */
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {
  -webkit-animation-name: zoomInImage;
          animation-name: zoomInImage;
}
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
          animation-name: zoomOutImage;
}



/** Cookie **/

.cookie-banner {
	position: fixed;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%);
  max-width: 650px;
  width: 100%;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.cookie-banner p { margin-bottom: 0px; display:flex; align-items:center; line-height: 20px; }
.cookie-banner .btn { margin: 4px; }
.cookie-banner .btn-primary { font-size: 14px; margin-right: 15px; }
.cookie-banner .btn-primary.rejectBtn { background: #777; border-color:#777; }
.cookie-banner .btn-primary.rejectBtn:hover { background: #333; border-color:#fff; }

.cookieClose {
  height: 25px;
  width: 25px;
  background-color: #555;
  border: none;
  color: white;
  border-radius: 2px;
  font-size: 28px;
  cursor: pointer;
  border-radius: 25px;
  display: flex; align-items: center; justify-content: center;
}




.timeline{
    position: relative;
    margin: 0px auto 50px auto;
    padding: 0px;
    width: 100%;
}

.timeline::before{
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    height: 100%;
    background-color: #e4e4e4;
}

.timeline ul li:hover .time{
    transform: scale(1.1);
}

/*Elementos de lista*/
.timeline ul li{
    list-style: none;
    position: relative;
    width: 50%;
    padding: 20px 40px;
}

.timeline ul li:nth-child(odd){
    float: left;
    text-align: right;
    clear: both;
}

.timeline ul li:nth-child(even){
    float: right;
    text-align: left;
    clear: both;
}

/*Circulo indicador*/
.timeline ul li::before{
    content: '';
    position: absolute;
    top: 30px;
    width: 15px;
    height: 15px;
    background-color: #3b227d;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #3b227d3d;
	transition: all 0.4s;
}

.timeline ul li:nth-child(odd)::before{
    right: -9px;
}

.timeline ul li:nth-child(even)::before{
    left: -6px;
}

.timeline ul li:hover::before{
    transform: scale(1.5);
}

/*Fecha*/
.time{
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px;
    margin-bottom: 15px;
    background-color: #3b227d;
    color: #fff;
    border-radius: 20px;
	transition: all 0.4s;
	min-width: 120px;
    text-align: center;
}

.time h3{
    font-weight: 300;
	margin-bottom: 0px;
	font-size: 22px;
	color: #fff;
}

/*Contenido*/
.content {
    
}

.timeline ul li:nth-child(odd) p { margin-left: auto; }
.timeline ul li:nth-child(even) p { margin-right: auto; }

.timeline ul { padding: 0px; }
.timeline ul li h2{
    font-weight: 500;
    color: var(--colorPrincipal);
}

.timeline ul li p{
	max-width: 275px;
	margin-bottom: 0px;
}

.historyLogo { max-width: 135px; margin-bottom: 30px; }


.circlePath {
	fill: #5F50C9;
	stroke-width: 2px;
	stroke:#5F50C9;
	animation: circleZoom 3s linear;
	animation-iteration-count: infinite;
}

@keyframes circleZoom {
   0% {
    stroke-width: 2px;
  }
  50% {
    stroke-width: 5px;
	fill: #3b227d;
	stroke:#3b227d;
  }
  100% {
    stroke-width: 2px;
	fill: #5F50C9;
  }
  
  
}


.path {
  stroke-dasharray: 10 5;
  animation: dash 25s linear;
  animation-iteration-count: infinite;
}

@keyframes dash {
  to {
    stroke-dashoffset: -1000;
  }
}

.path2 {
  stroke-dasharray: 10 5;
  animation: dash2 25s linear;
  animation-iteration-count: infinite;
}

@keyframes dash2 {
  to {
    stroke-dashoffset: 1000;
  }
}

.globalImg { max-width: 100%; width: 100%; height: auto; }  

#global svg { max-width: 100%; width: 100%; height: auto; }  

.project_logo.borderLogo { /* border: solid 1px #e7e7e7; */ padding: 12px 20px; border-radius: 6px; }
.project_logo.borderLogo img { max-width: 80%; }

.industriesBgDiv { position: relative; }
.industriesBgDiv:before { position: absolute; content:""; height: 350px; width: 100%; left: 0px; top: 0px; background: rgb(13,58,87); background: linear-gradient(180deg, rgba(13,58,87,1) 0%, rgba(13,58,87,0) 41%); opacity: 0.7; }

.clientsList .project_logo { padding: 12px 20px 1px 20px;  }
.clientsList .project_logo p { font-size: 15px; line-height: 20px; } 

.euroStarFont { font-family: 'Eurostar', sans-serif; }

.productsBg { background: rgb(13,58,87); background: linear-gradient(180deg, rgba(13,58,87,1) 15%, rgba(13,58,87,0) 71%); }
.productsBg h1 { color:#fff; } 

.productsCards { padding-left: 2px; padding-right: 2px; }
.productsCards .row { margin-left: -2px; margin-right: -2px; }
.productsCards .item { padding-left: 2px; padding-right: 2px; }

.industriesBgDiv h1 { background: #dc6125cc; font-size: 16px; letter-spacing: 1.7px; font-family: 'Eurostar Black', sans-serif; line-height: 30px; display: inline-block; padding: 0px 10px; color: #fff; position: absolute; width: auto; left: 50%; top: 30px; text-align:center; z-index:1; text-transform: uppercase; transform: translateX(-50%); }
.industriesScroll .item { padding: 0px; } 
.industriesScroll .project_logo { padding: 0px; overflow: hidden; padding-top:140%; padding-left:50%; background: rgb(13,58,87);
background: linear-gradient(360deg, rgba(13,58,87,0.9) 100%, rgba(220,97,37,0) 70%); }
.industriesScroll .project_logo img { border-radius: 0px; transition: all 0.4s; position: absolute; top: 50%; left: 50%; transform: scale(1.1) translate(-50%,-50%); height: 100%; width: auto; opacity: 0.8; }
.industriesScroll .project_logo:hover img { transform: scale(1.0) translate(-50%,-50%); }
.industriesScroll .project_logo p { position: absolute; z-index: 1; bottom: 0; color: #fff; background: rgb(13,58,87); background: linear-gradient(360deg, rgba(13,58,87,0.88) 35%, rgba(220,97,37,0) 100%); padding-top: 55px; padding-bottom: 40px; left:0px; font-size: 22px; }
.industriesScroll .project_logo:hover { transform: translate(0); }
.industriesScroll .project_logo:hover p { padding-bottom: 55px; }  

.industriesScroll.owl-theme .owl-controls { display: none !important; }  

.goog-te-gadget-simple .goog-te-menu-value { color: #0d3a57 !important; } 

.transparentLogo:before { position: absolute; top:0px; right:0px; content:""; width: 100%; height: 100%; background: url('../images/icon.svg') center right no-repeat; background-size: cover; filter: grayscale(1); opacity: 0.04; background-attachment: fixed; }