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

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

body { font-family: 'Montserrat-Regular'; color: #000;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }





ul, ol { margin: 0; padding: 0; list-style: none; }

a { color: #6b9735; transition: 0.6s ease;-o-transition: 0.6s ease;-ms-transition: 0.6s ease;-moz-transition: 0.6s ease;-webkit-transition: 0.6s ease;}

a:hover, a:focus { text-decoration: none; color: #079bbb; outline: none !important;  }

img { max-width: 100%; }

h1, h2, h3, h4, h5 { font-family: 'Montserrat-Bold'; margin-top: 0 !important; text-transform: capitalize; color:#264389;  }

ul li {display: inline-block;}

.menu-close { display: none; }

.common-btn { overflow: hidden; line-height: 1.4; border: 1px solid transparent;  border position: relative; z-index: 1; padding: 8px 35px; background: #1AB9D4; color: #fff; font-size: 20px;border-radius:100px; -o-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;}

.common-btn:hover, .common-btn:focus {background: transparent; color:#1AB9D4; border: 1px solid #1AB9D4;}

.line-btn {border: 1px solid #1AB9D4; color: #fff;line-height: 1.4; background: transparent; text-transform: capitalize; font-size: 18px; padding: 8px 35px;  font-family: 'Montserrat-Regular'; border-radius:100px; -o-border-radius: 100px;-ms-border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px; transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }

.line-btn:hover {color:#fff; background: #1AB9D4; border: 1px solid transparent; }



.title h2 {position: relative; text-align: center; margin-bottom: 50px;}

.title h2:before{background: #264389; content: " "; display: block; height: 3px; left: -72px; margin: 0 auto; position: absolute; right: 0; bottom: -7px;  width: 70px; z-index: 99;}





header { z-index: 9; top: 0; right: 0; left: 0; width: 100%; margin: 0 auto;  -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91); }



.left-box { display: inline-block; vertical-align: middle; width: 22%;}

.left-box a {display: block;width: 250px;}

.right-box { display: inline-block; width: 78%; margin-right: -5px; text-align: right; vertical-align: middle;}



.custom-nav ul > li { display: inline-block; vertical-align: middle; }

.custom-nav ul > li > a {position: relative; font-size: 20px; text-transform: capitalize; padding:20px 30px; display: block; color: #000; transition: all .5s ease; -ms-transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; }

.custom-nav ul > li:last-child > a {padding-right: 6px;}

.custom-nav ul > li > a:hover {color:#1AB9D4;}



.custom-nav ul > li > a:before {position: absolute; left: 0; right: 0; bottom: 0; background:#000; height: 2px; width: 62px; display: block;}



.banner-section {position: relative;}

.banner-section img {width: 100%;}

.banner-section .item .banner-text {position: absolute; left: 380px; text-align: left; top: 50%;z-index: 1; transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}



.banner-section .item .banner-text h2 {color: #fff; font-size: 42px; margin-bottom: 0;}

.banner-section .item .banner-text p {color: #fff; font-size: 28px; /*padding-top: 20px;*/ margin:30px 0; width:60%; }

.banner-section .item .banner-text p:nth-last-child(3){padding: 0;}

.owl-theme .owl-controls .owl-page {display:inline; margin-bottom: 10px;}

.banner-section .item {position: relative;}

.banner-section .item .line-btn {border-color: #fff;}

.banner-section .item .line-btn:hover{border-color: #1AB9D4;}

/*.banner-section .item .banner-text .register-btn {display: none;}

*/

.top-header  {background: #264389; padding:5px 0;}

.top-header .top-left-box {float: left; }

.top-header .top-right-box {float: right;}

.top-header .top-right-box a {color: #fff; font-size: 18px; padding-right: 27px;}

.top-header .top-right-box ul li:last-child a {padding-right: 0;}

.top-header .top-right-box i {margin-right: 20px;}

.top-header .top-right-box a:hover {color: #1AB9D4; }



.top-header .top-left-box ul li a { color: #fff; margin-right: 24px; font-size: 18px; text-align: center; display: inline-block; text-transform: capitalize; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}

.top-header .top-left-box ul li:last-child a {margin-right: 0;}

.top-header .top-left-box ul li a:hover { color: #1AB9D4;}

.top-header .top-left-box ul li a.menu-active {color:#1e30b6; }



.common-section {padding-top: 90px;}

.about-us-section {padding-bottom: 90px;}

.about-us-section .img-box {display: inline-block; width: 50%; }

.about-us-section .img-box img {border-radius: 7px; padding-right: 50px;}

.about-us-section .text-box {display: inline-block; width: 49%; vertical-align: middle;}

.about-us-section .text-box h4 {position: relative; font-size: 14px;margin-left: 55px;}

.about-us-section .text-box h4:before {content: ''; width: 50px; height: 3px; background: #264389; position: absolute; left:-55px; top: 6px;}

.about-us-section .text-box h3 {font-size: 32px; margin-bottom: 30px;}

.about-us-section .text-box p {font-size: 18px; margin-bottom:0;}

.about-us-section .text-box .btn-box .common-btn:hover {border-color:#0f61ab; color: #0f61ab; }

.about-us-section .text-box .btn-box {display: none;}

.products-section {padding-bottom: 90px;}

.products-section .common-box {height: 295px; cursor: pointer; background: #EB9FF2E8; text-align: center; border-radius: 5px;position: relative; }

.products-section .common-box .main-box {position: absolute;top: 45%; transform: translateY(-50%); left: 0; right: 0; display: block; margin: 0 auto;}



.products-section .common-box .main-box h3 {color: #000; margin-bottom: 0; font-size: 22px;}

.products-section .common-box .main-box .icon-box {width: 165px; margin: 0 auto;}

.products-section .common-box .main-box .icon-box .hover-img {display: none;}

.products-section .common-box:hover .main-box .icon-box .hover-img  {display: block;}

.products-section .common-box:hover .main-box .icon-box .hide-img {display: none;}

.products-section .green-img-box {background:#C0CE78;}



.products-section .common-box:hover, .products-section .common-box:hover .main-box h3 {background: #B950C3; color: #fff;}

.products-section .green-img-box:hover, .products-section .green-img-box:hover .main-box h3{background: #9BB900; color: #fff;}





/*{transition: 0.6s ease; -o-transition: 0.6s ease; -ms-transition: 0.6s ease; -moz-transition: 0.6s ease; -webkit-transition: 0.6s ease; }*/

.our-expertise-section {background: #f5f5f5; padding-bottom: 90px;}

.our-expertise-section .expertise-text-box {display: inline-block; width: 50%; vertical-align: middle;}

.our-expertise-section .expertise-img-box {display: inline-block; width: 49%; }

.our-expertise-section .expertise-img-box  img {border-radius: 7px; padding-left: 50px; width: 100%;}

.our-expertise-section .expertise-text-box .title h2{text-align: left;}

.our-expertise-section .expertise-text-box .title h2::before {margin: 0; left:0;}



.our-expertise-section .expertise-text-box h3 {margin-bottom: 20px; font-size:21px;}

.our-expertise-section .expertise-text-box p {font-size: 18px; margin-bottom: 20px;}

.our-expertise-section .expertise-text-box .no-margin {margin-bottom: 0;}



.call-to-action-banner{/* The image used */  background-image: url("../images/call-to-action-img.png"); /* Set a specific height */ min-height: 450px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

.call-to-action-banner .call-to-action-box {padding: 90px 0;}

.call-to-action-section .title-box {width: 55%; display: inline-block;}

.call-to-action-section .form-box {width: 45%; display: inline-block; margin-right: -5px; vertical-align: middle;}

.call-to-action-section .form-box .form-group input {height: 45px; padding: 10px 15px;}

.call-to-action-section .form-box .form-group textarea {height:120px; resize: none; }

.call-to-action-section .form-box .submit-btn {margin-bottom: 0;}

.call-to-action-section .form-box .submit-btn .common-btn {font-size: 16px; padding: 7px 25px;}

.call-to-action-section .title-box h2 {margin-bottom: 0; color: #fff; position: relative;font-size: 38px;}

.call-to-action-section .title-box h2:before{background: #fff; content: " "; display: block; height: 3px; left: 0;  position: absolute; right: 0; bottom: -7px;  width: 70px; z-index: 99;}

.industries-section {padding-bottom: 90px;}

.industries-section .industries-box .top-img img {width: 100%; border-radius: 5px;-webkit-transition: all .8s linear; -khtml-transition: all .8s linear; -moz-transition: all .8s linear; -ms-transition: all .8s linear; -o-transition: all .8s linear; transition: all .8s linear;} .industries-section .industries-box .bottom-text {background: #F7F9FB; padding: 15px; height: 70px; border-radius: 0 0 5px 5px;}

.industries-section .industries-box .bottom-text h4 {margin-bottom: 0; text-align: center;}



.industries-section .industries-box .top-img {overflow: hidden; border-radius: 5px;}

.industries-section .industries-box:hover .top-img img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}



.industries-section .industries-box  {position: relative; border-radius: 5px;}

.industries-section .industries-box .bottom-text {position: absolute; bottom: 15px; background: #fff; width: calc(100% - 30px); left: 15px; padding: 15px; border-radius: 4px; z-index: 1;}





.catalogue-section {background: #264389; height: 155px; position: relative;}

.catalogue-section .line-btn {border-color: #fff;}

.catalogue-section .line-btn i {padding-left: 10px;}

.catalogue-section .line-btn:hover {border-color: #1AB9D4;}



.catalogue-section h3 {margin: 0; color: #fff; display: inline-block; vertical-align: middle; font-size: 30px; color: #fff; width: 40%;}

.catalogue-section .container{position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; text-align: center; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}



footer {padding-top: 90px; background-image: url(../images/footer-banner.png); background-size: cover; background-repeat: no-repeat; position: relative;}

footer .top-footer  {padding-bottom: 90px;}

footer .top-footer .title h2 {color: #fff; text-align: left; margin-bottom: 40px;}

footer .top-footer .title h2::before {right: auto; left: 0;}

footer .top-footer .add-content p {color: #fff; font-size: 17px; margin-bottom: 30px;}

footer .top-footer ul li {display:block; }

footer .top-footer ul li a {display: block; color: #fff; padding-bottom: 15px; font-size: 17px; text-transform: capitalize;}

footer .top-footer ul li a:hover {color:#1AB9D4; }

footer .top-footer .add-content ul li {display: inline-block;}

footer .top-footer .add-content ul li a {display:block; margin-right: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; background:#264389; font-size: 1.125rem; position: relative; overflow: hidden; border-radius: 50%; } 

footer .top-footer .add-content ul li:last-child a {margin-right: 0;}

footer .top-footer .add-content ul li a i {display: inline-block; position: relative; vertical-align: middle; z-index: 2; color:#fff; font-size: 18px;}

footer .top-footer .add-content ul li a::before {content: ""; display: block; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; top: 0; background-color: transparent; transform: scale(0); transition: all .3s cubic-bezier(.77,0,.175,1); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 50%; }

footer .top-footer .add-content ul li a:hover::before {background-color: #fff;}

footer .top-footer .add-content ul li a:hover::before {transform: scale(1); background-color: #1AB9D4; }

footer .top-footer ul li:last-child a {padding-bottom: 0;}

footer .top-footer .add-content ul li a:hover i {color: #fff;}

.contact-content a {display: block; color: #fff; padding-bottom: 15px; font-size: 17px;}

.contact-content a span {display: block; margin-top: -25px; padding-left: 35px;}

.contact-content a:hover {color:#1AB9D4;}

.contact-content a:last-child {padding-bottom: 0;}

footer .bottom-footer {border-top: 1px solid rgba(51,51,51,.5);}

footer .bottom-footer p {color: #fff; margin: 0; font-size: 16px; padding: 20px 0;}

footer .bottom-footer .left {float: left;} 

footer .bottom-footer .right {float: right;}

footer .bottom-footer .right a {color:#1AB9D4;}

footer .bottom-footer .right a:hover {color: #fff;}

footer .back-to-top {background-color: #33a8e2; border-radius: 5px; bottom: 20px; color: #fff; display: none; font-size: 25px; padding: 5px 0; height: 50px; position: fixed; right: 20px; text-align: center; width: 50px; }

footer .back-to-top:hover {background: #264389;}



#myModal1 .modal-body .form-group input {width: 95%; margin: 0 auto; height: 50px;}

#myModal1 .modal-body {padding-bottom: 35px;}

#myModal1 .modal-body .common-btn {padding: 6px 26px; margin: 0 auto; display: block; margin-top: 10px; text-align: center;}

.modal-header .close {margin-top: -17px; font-size:48px; position: absolute;right: 9px;top: 14px;color:#1ab9d4;opacity: 1;}

.modal-header {padding-top: 35px; position: relative;}

.modal-content {width: 500px; margin: 0 auto;}

#myModal1 .modal-header {text-align: left;}

.banner-section .owl-theme .owl-nav.disabled + .owl-dots {position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; }





.banner-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff; }

.banner-section .owl-theme .owl-dots .owl-dot span {background: #f9b92d; }

.banner-section .owl-theme .owl-dots .owl-dot span {background: #33a8e2; opacity: 1; width: 14px; height: 14px; margin: 10px; }



.shrink {position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -ms-box-shadow: 0 0 5px #999; -o-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both;}



.shrink .top-header {display: none; }



.contact-us-banner {position: relative; background: url(../images/call-to-action-img.png); background-size: cover; height: 450px; background-repeat: no-repeat;}

.contact-us-section {padding-bottom: 90px;}

.contact-us-section .form-box{background-color: #f7f9fb; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 30px;}

.contact-us-section .form-box .form-group input{height: 40px;}

.contact-us-section .form-box .form-group .common-btn {display: block; margin: 0 auto;}

.contact-us-section .form-box .form-group:last-child {margin-bottom: 0;}

.contact-us-section .form-box .form-group textarea {height: 130px;}

.contact-us-section .form-box .form-group:before  {content: ""; font-family:'Fontawesome'; position: absolute; top: 12px; left: 12px; font-size: 14px; color: #ff5e14;}

.contact-us-section ul li i {font-size: 18px; background: #1e1717;width: 45px; height: 45px; text-align: center;padding: 9px; border-radius: 50px; color: #fff;}

.contact-us-section ul li {display: block; padding-bottom: 25px;}

.contact-us-section p span, .contact-us-section ul li a span {display: block; margin-top: -34px; padding-left: 52px; font-size: 18px;}





.contact-us-section .contact-info .address, .contact-us-section .contact-info .phone, .contact-us-section .contact-info .email {padding-bottom: 30px; font-size: 18px; color: #000; }

.contact-us-section .contact-info img {display: inline-block; vertical-align: middle; background:#1AB9D4; padding: 8px; width: 35px; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

.contact-us-section .contact-info .address p {width: 80%; margin-top: -38px; margin-bottom: 0; }

.contact-us-section .contact-info  a {font-size: 18px; color:#000; }

.contact-us-section .contact-info h4 {display: inline-block; vertical-align: middle; margin: 0; }

.con-box {display: block; margin-top: -30px; padding-left: 55px; }

.contact-us-section .contact-info a:hover {color: #1AB9D4; }



.page-title-inner {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center;}

.page-title-inner h3 {color: #fff;}







#nav-toggle {cursor: pointer; padding: 10px 35px 16px 0px; outline: none; z-index: 99999999; position: absolute; right: 15px; top: 50%; margin-top: -13px; display: none; }



#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after {cursor: pointer; border-radius: 1px; height: 2px; width: 30px; background: #264389; position: absolute; display: block; content: ''; -moz-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -o-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); -webkit-transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); transition: all 0.3s cubic-bezier(0.61, 0.42, 0.61, 0.47); }





#nav-toggle span::before {top: -10px; }

#nav-toggle span::after {bottom: -10px; }



#nav-toggle.active span::after {transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

#nav-toggle.active span::before {transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }

#nav-toggle.active span::before, #nav-toggle.active span::after {top: 0; } 

#nav-toggle.active span {background-color: transparent; }





.page-title-inner h3 {font-size: 38px; margin-bottom: 0}

.map-section  {margin: 0 auto; text-align: center;}



.conatact-left-box {width: 50%; display: inline-block; vertical-align: middle;}

.form-right-box {width: 50%; display: inline-block; margin-left: -5px; vertical-align: middle;}











@keyframes slideInDown {

	from { top: -100%; visibility: visible }

	to { top: 0 }

}

@-webkit-keyframes slideInDown {

	from { top: -100%; visibility: visible }

	to { top: 0 }

}



form#get-quote .spinner {

 /* margin: 100px auto;

  width: 50px;*/

  width: 22%;

}



.spinner {

 /* margin: 100px auto;

  width: 50px;*/

  height: 40px;

  text-align: center;

  font-size: 10px;

}



.spinner > div {

  background-color: #465ca0;

  height: 100%;

  width: 6px;

  display: inline-block;

  

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;

  animation: sk-stretchdelay 1.2s infinite ease-in-out;

}



.spinner .rect2 {

  -webkit-animation-delay: -1.1s;

  animation-delay: -1.1s;

}



.spinner .rect3 {

  -webkit-animation-delay: -1.0s;

  animation-delay: -1.0s;

}



.spinner .rect4 {

  -webkit-animation-delay: -0.9s;

  animation-delay: -0.9s;

}



.spinner .rect5 {

  -webkit-animation-delay: -0.8s;

  animation-delay: -0.8s;

}



@-webkit-keyframes sk-stretchdelay {

  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  

  20% { -webkit-transform: scaleY(1.0) }

}



@keyframes sk-stretchdelay {

  0%, 40%, 100% { 

    transform: scaleY(0.4);

    -webkit-transform: scaleY(0.4);

  }  20% { 

    transform: scaleY(1.0);

    -webkit-transform: scaleY(1.0);

  }

}



form#conctform input.error, form#catalogue-box input.error,form#get-quote input.error {border:1px solid red;background: #FFD3D3;}

form#conctform textarea.error, form#catalogue-box textarea.error,form#get-quote textarea.error {border:1px solid red;background: #FFD3D3;}

.products-section .products-box a h2 {display: inline-block; margin-bottom: 0;  font-family: 'Montserrat-Regular'; font-size: 14px !important; vertical-align: top; text-align: right;}
.products-section .products-box  a .title-item {float: right;}
.products-section .products-box  a {display: block; margin-bottom:30px;}
.products-section .products-box  a img {margin-bottom: 15px; width: 100%;}