@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');

a:hover {text-decoration:none; transition:all ease 0.5s; outline:none;}

a:focus {text-decoration:none; transition:all ease 0.5s; outline:none;}

a:focus, a:hover {text-decoration:none; transition:all ease 0.5s; outline:none;}

body {font-family: 'Lato', sans-serif;}

.header-top {width:100%; border-bottom:1px solid #ff2020;}

.header-top h3 {font-size:16px; color:#000000; margin:10px 0px 10px;}

.header-top h3 i {color:#009846; font-size:19px;}

.header-top h3 a {font-size:16px; color:#000000; margin:10px 0px 10px;}

.header-top h3 a:hover {color:#009846;}

.header-top .social-icons ul, .social-icons ul li{list-style:none;margin:0;padding:0;display:inline-block;}
.header-top .social-icons ul li:first-child a{border-left:1px solid #ef7f1a;}
.header-top .social-icons ul li a{display:inline-block;font-size:15px;color:#000000;border-right:1px solid #ef7f1a;line-height:48px;text-align:center;padding:0 16px;margin-left:-5px;transition:all .3s ease;}
.header-top .social-icons ul li .facebook a:hover{color:#fff;background:#3b5998;}
.header-top .social-icons ul li .twitter a:hover{color:#fff;background:#55acee;}
.header-top .social-icons ul li .linkedin a:hover{color:#fff;background:#007bb5;}
.header-top .social-icons ul li .you-tube a:hover{color:#fff;background:#bb0000;}
.header-top .social-icons ul li .instagram a:hover{color:#fff;background:#bc2a8d;}

.header-top .language {width:100%; padding:10px;}

.header-main {width:100%; padding:10px 0px 10px;}

.header-main .logo {width:100%; margin:5px 0px 5px;}

.header-main .header-info-box{position:relative; float:left; margin:25px 0px 0px 48px; padding:4px 5px 0 80px; border:1px solid #ddd; border-radius:5px;}
.header-main .header-info-box .header-info-icon{position:absolute; left:0; top:6px; width:57px; height:36px; padding-left:8px; border-right:2px solid #E72503; color:#E72503; font-size:34px; text-align:left; line-height:37px;-moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease;}
.header-main .header-info-box h6{margin:0px; font-weight:700; text-transform:capitalize;}
.header-main .header-info-box p{color:#282828; margin-bottom:5px;}
.header-main .header-info-box:last-child{padding-left:0; border:none;}
.header-main .quote-btn{color:#333; padding:8px 10px; margin-top:3px; border-radius:30px; text-transform:uppercase; font-weight:700; position:relative; background:transparent; border:2px solid #333; display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s;}
.header-main .quote-btn:before{content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; border-radius:30px; background:#009846; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:50%;transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s;transition-duration:.3s; -webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.header-main .quote-btn:hover,.quote-btn:focus,.quote-btn:active{color:#fff; border-color:#009846;}
.header-main .quote-btn:hover:before,.quote-btn:focus:before,.quote-btn:active:before{-webkit-transform:scaleX(1); transform:scaleX(1);}

.menu {width:100%; background-color:#009846; padding:10px 10px 10px 10px}

.menu .bg-success {background-color:#009846!important;}

.menu .navbar-dark .navbar-nav .nav-link {color:#FFFFFF!important; font-size:18px; font-weight:500}

.menu .navbar .nav-item .nav-link:hover {background-color:#009846; color:#FFFFFF;}

.menu .navbar {padding:0rem;}

.menu .nav-link {padding:.4rem 1rem; font-family: 'Roboto Condensed', sans-serif;}

.menu .navbar-expand-sm .navbar-nav .nav-link {padding-right: 5rem; padding-left: 3rem;}

.menu .dropdown{border-radius:0;border:0}
.menu .dropdown-menu{background:#009846;border:0;top:80%;border-radius:0 0 5px 5px}
.menu .dropdown-item:hover{background:#0c1f38;color:#fff}
.menu .dropdown-menu a{color:#fff}

.banner {width:100%; margin-bottom:10px;}

.banner .carousel-indicators .active {background:#ef7f1a;}

.banner .carousel-indicators li {background-color:rgba(0,0,0,1);}

.count {width:100%; padding-top:50px; background-image:url(../images/counter-bg.jpg); background-repeat:no-repeat;}

.count .box {width:100%; padding:10px 0px 10px; float:left;}

.count .icone-box {width:100%; text-align:center; margin:0 auto; color:#FFFFFF;}

.count .icone-box .icofont-simple-smile {font-size:60px;}

.count .icone-box .fa {font-size:60px;} 

.count .icone-box .fa-plus {font-size:16px;}

.count h4 {font-size:45px; font-weight:600; margin:20px 0px 0px;}

.count p {font-size:18px; width:70%; margin:0 auto; padding-bottom:50px;}

.company-overview {width:100%; padding:45px 0px 45px;}

.company-overview h1 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

.company-overview h1 span {color:#0c1f38;}

.company-overview .line {width:80%; background-color:#000000; height:1px; position:relative; margin-bottom:20px; margin-top:20px;}

.company-overview .hline {position:absolute; bottom:-3px; height:7px; background-color:#0c1f38; width:65px;}

.company-overview p {font-size:18px; color:#000000; line-height:26px;}

.company-overview .box {width:100%; margin:60px 0px 0px;}

.our-products {width:100%; padding:10px 0px 45px;}

.our-products h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

.our-products h2 span {color:#0c1f38;}

.our-products span.line{background-color:#000000;height:1px;width:18%;font-size:28px;display:inline-block;position:relative;margin:21px auto 18px;}
.our-products span.line:before{position:absolute;content:"";height:5px;width:50px;background-color:#0c1f38;top:-2px;border-radius:30px;left:50%;margin-left:-28px;}

.our-products .caption-text h3 {font-size:14px; margin:20px 0px 20px;}
.our-products .cuadro_intro_hover{padding:0;position:relative;overflow:hidden;height:100%;}
.our-products .cuadro_intro_hover:hover .caption{opacity:1;transform:translateY(-150px);-webkit-transform:translateY(-150px);-moz-transform:translateY(-150px);-ms-transform:translateY(-150px);-o-transform:translateY(-150px);}
.our-products .cuadro_intro_hover img{z-index:4;}
.our-products .cuadro_intro_hover .caption{position:absolute;top:150px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;}
.our-products .cuadro_intro_hover .blur{background-color:rgba(0,0,0,0.7);height:300px;z-index:5;position:absolute;width:100%;}
.our-products .cuadro_intro_hover .caption-text{z-index:10;color:#fff;position:absolute;height:300px;text-align:center;top:-1px;width:100%;}

.quote {width:100%; background-color:#009846; padding:40px 0px 40px;}

.quote h3 {font-size:21px; color:#ffffff; font-weight:700; margin:17px 0px 16px; font-family: 'Montserrat', sans-serif;}

.quote .get {width:100%;}

.quote .get .quote-btn{color:#FFFFFF; font-size:25px; padding:8px 36px; margin-top:3px; position:relative; background-color:#0c1f38; display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:.3s; transition-duration:.3s; display:block; text-align:center; font-family: 'Montserrat', sans-serif;}
.quote .get .quote-btn:before{content:""; position:absolute; z-index:-1; top:0; bottom:0; left:0; right:0; background:#009846; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:50%;transform-origin:50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:.3s;transition-duration:.3s; -webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.quote .get .quote-btn:hover,.quote-btn:focus,.quote-btn:active{color:#fff; border-color:#009846;}
.quote .get .quote-btn:hover:before,.quote-btn:focus:before,.quote-btn:active:before{-webkit-transform:scaleX(1); transform:scaleX(1);}

.client-logo {width:100%; padding:50px 0px 40px;}

.client-logo .carousel-item > div {float: left;}

.client-logo .carousel-by-item [class*="cloneditem-"] {display: none;}

.testimony {padding:30px 0px 30px;}

.testimony .owl-theme .owl-dots {display:none!important;}

.testimony h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

.testimony span.line{background-color:#000000;height:1px;width:25%;font-size:28px;display:inline-block;position:relative;margin:21px auto 18px;}
.testimony span.line:before{position:absolute;content:"";height:5px;width:50px;background-color:#0c1f38;top:-2px;border-radius:30px;left:50%;margin-left:-28px;}

/* 2.8. BOX TESTIMONY */
.box-testimony{position:relative;box-sizing:border-box}
.box-testimony:before{content:"\f10e";color:#000;font-family:FontAwesome;font-size:60px;float:left;line-height:initial;}
.box-testimony .quote-box{margin-left:80px;}
.box-testimony .quote-box blockquote{font-size:18px;line-height:32px;font-weight:600;padding:0;background-color:transparent;margin:0;border-left:0;font-style:italic;}
.box-testimony .quote-box .quote-name{margin-top:30px;font-size:24px;line-height:34px;font-weight:700;color:#FFC31D;}
.box-testimony .quote-box .quote-name span{font-size:12px;font-style:italic;color:#222;font-weight:400;display:block;}

/* TESTIMONIALS 1 */
.testimonial-1{position:relative;}
.testimonial-1 .media{float:left;margin:0 20px 0 0;max-width:80px;display:block;position:relative;background-color:#ededed;}
.testimonial-1 .media img{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:.4s all linear;transition:.4s all linear;}
.testimonial-1:hover .media img{filter:alpha(opacity=30);opacity:.3;-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05);-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:250ms;transition-duration:250ms;}
.testimonial-1 .body{overflow:hidden;color:#222;}
.testimonial-1 .title{color:#000000;font-weight:700;font-size:16px;}
.testimonial-1 .position{color:#a2a2a2;}
.testimonial-1 .company{color:#a2a2a2;margin-bottom:20px;}

.event {width:100%; background-color:#f2f2f2; padding:50px 0px 30px;}

.event .panel-group .panel{border-radius:0;box-shadow:none;border-color:#EEE;}
.event .panel-default > .panel-heading{padding:0;border-radius:0;color:#FFFFFF;background-color:#009846;border-color:#EEE;}
.event .panel-title{font-size:14px;}
.event .panel-title > a{display:block;padding:15px;text-decoration:none; color:#FFFFFF;}
.event .more-less{float:right;color:#FFFFFF;}
.event .panel-default > .panel-heading + .panel-collapse > .panel-body{border-top-color:#EEE;}

.event .snip1543{background-color:#fff;color:#fff;display:inline-block;font-family:'Source Sans Pro',sans-serif;font-size:16px;margin:0px 10px 0px;overflow:hidden;position:relative;text-align:left;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);}
.event .snip1543 *,.snip1543 :before,.snip1543 :after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .45s ease;transition:all .45s ease;}
.event .snip1543 img{backface-visibility:hidden;max-width:100%;vertical-align:top;}
.event .snip1543:before,.snip1543:after{position:absolute;top:0;bottom:0;left:0;right:0;content:'';background-color:#009846;opacity:.5;-webkit-transition:all .45s ease;transition:all .45s ease;}
.event .snip1543:before{-webkit-transform:skew(30deg) translateX(-80%);transform:skew(30deg) translateX(-80%);}
.event .snip1543:after{-webkit-transform:skew(-30deg) translateX(-70%);transform:skew(-30deg) translateX(-70%);}
.event .snip1543 figcaption{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;bottom:0;padding:25px 40% 25px 20px;}
.event .snip1543 figcaption:before,.snip1543 figcaption:after{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#009846;box-shadow:0 0 20px rgba(0,0,0,0.7);content:'';opacity:.5;z-index:-1;}
.event .snip1543 figcaption:before{-webkit-transform:skew(30deg) translateX(-100%);transform:skew(30deg) translateX(-100%);}
.event .snip1543 figcaption:after{-webkit-transform:skew(-30deg) translateX(-90%);transform:skew(-30deg) translateX(-90%);}
.event .snip1543 h3,.snip1543 p{margin:0;opacity:0;letter-spacing:1px;}
.event .snip1543 h3{font-family:'Teko',sans-serif;font-size:26px;font-weight:700;line-height:1em;text-transform:uppercase;}
.event .snip1543 p{font-size:.9em;}
.event .snip1543 a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;}
.event .snip1543:hover h3,.snip1543.hover h3,.snip1543:hover p,.snip1543.hover p{-webkit-transform:translateY(0);transform:translateY(0);opacity:.9;-webkit-transition-delay:.2s;transition-delay:.2s;}
.event .snip1543:hover:before,.snip1543.hover:before{-webkit-transform:skew(30deg) translateX(-20%);transform:skew(30deg) translateX(-20%);-webkit-transition-delay:.05s;transition-delay:.05s;}
.event .snip1543:hover:after,.snip1543.hover:after{-webkit-transform:skew(-30deg) translateX(-10%);transform:skew(-30deg) translateX(-10%);}
.event .snip1543:hover figcaption:before,.snip1543.hover figcaption:before{-webkit-transform:skew(30deg) translateX(-40%);transform:skew(30deg) translateX(-40%);-webkit-transition-delay:.15s;transition-delay:.15s;}
.event .snip1543:hover figcaption:after,.snip1543.hover figcaption:after{-webkit-transform:skew(-30deg) translateX(-30%);transform:skew(-30deg) translateX(-30%);-webkit-transition-delay:.1s;transition-delay:.1s;}

.event .media a {color:#000000;}

.event .media a:hover {color:#ef7f1a;} 

.event .media-body {margin-left:15px;}

.footer{padding:180px 0 0;background-color:#0c1f38;color:#fff;}
.footer > .container{padding-bottom:5px;}
.footer .footer-item .logo-bottom{margin-top:20px;margin-bottom:20px;}
.footer .footer-item .footer-title{font-size:24px;font-weight:600;padding:20px 0;margin-bottom:30px;position:relative;}
.footer .footer-item .footer-title:after{content:'';display:block;width:30px;height:6px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;position:absolute;background-color:#FFFFFF;left:0;bottom:0;}
.footer .footer-item .footer-sosmed{margin-top:50px;margin-bottom:30px;display:inline-block;}
.footer .footer-item .footer-sosmed a .item{color:#fff;display:table-cell;vertical-align:middle;margin:0 14px;width:40px;height:40px;text-align:center;background-color:#102b4d;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;border-radius:50px;}
.footer .footer-item .footer-sosmed a .item:hover{background-color:#FFC31D;}
.footer .footer-item .footer-sosmed a .item .fa{font-size:16px;}
.footer .footer-item .list{margin:0;padding:0;}
.footer .footer-item .list li{list-style:none;margin:14px 0;}
.footer .footer-item .list li a{color:#FFFFFF;}
.footer .footer-item .list li a:hover{color:#fdaa5f;}
.footer .footer-item .footer-subscribe{position:relative;}
.footer .footer-item .footer-subscribe input[type=email]{width:100%;background:#fff;padding:10px 57px 10px 17px;min-height:38px;max-width:480px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;}
.footer .footer-item .footer-subscribe input[type=email]:focus{background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 0 2px #FFC31D;-moz-box-shadow:0 0 0 2px #FFC31D;box-shadow:0 0 0 2px #FFC31D;border-color:transparent;}
.footer .footer-item .footer-subscribe input[type=submit]{position:absolute;left:0;top:0;visibility:hidden;}
.footer .footer-item .footer-subscribe label{position:absolute;right:0;top:0;border:0;width:40px;height:38px;line-height:40px;padding:0;cursor:pointer;text-align:center;font-size:13px;background:none;color:#0c1f38;outline:0!important;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-ms-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;background:#FFC31D;}
.footer .footer-item .footer-subscribe .icon{font-size:18px;}
.footer .footer-item .footer-subscribe p{color:rgba(255,255,255,0.7);font-size:13px;margin-top:16px;}
.footer .footer-item .recent-post{margin:0;padding:0;}
.footer .footer-item .recent-post li{list-style:none;margin:0 0 30px;}
.footer .footer-item .recent-post li a{color:#fff;line-height:20px;display:inline-block;vertical-align:top;margin:0 0 14px;}
.footer .footer-item .recent-post li a:hover{color:#FFC31D;}
.footer .footer-item .recent-post li .date{display:block;font-size:12px;padding:0;color:rgba(255,255,255,0.7);}
.footer .footer-item .recent-post li .date i{margin-right:5px;}
.footer .fcopy{padding:30px 0;color:#fff;font-size:14px;border-top:1px solid #153662;}
.footer .fcopy h6 {float:right; font-size:14px;}
.footer .fcopy h6 a {color:#FFFFFF;}
.footer .fcopy h6 a:hover {color:#ef7f1a;}
.list-info{margin:0;padding:0;}
.list-info li{margin-bottom:20px;list-style:none;}
.list-info li .info-icon{display:inline-block;color:#041e42;font-size:16px;float:left;}
.list-info li .info-text{margin-left:30px;}
.section.overlap-bottom{position:relative;z-index:100;margin-bottom:-125px;}
.section.overlap-bottom > .container{background-color:#ff2020;padding-top:20px;padding-bottom:0;}
.box-icon-4{margin-bottom:2px;padding:10px 30px 30px 60px;min-height:20px;position:relative;overflow:hidden;}
.box-icon-4 .icon{display:inline-block;color:rgba(255,255,255,0.3);font-size:100px;position:absolute;left:0;bottom:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.box-icon-4 .body-content{color:#ffffff;position:relative;z-index:1;}
.box-icon-4 .body-content a {color:#ffffff;}
.box-icon-4 .body-content a:hover {color:#ffffff;}
.box-icon-4 .body-content .heading{color:#ffffff;font-size:18px;margin-bottom:15px;text-transform:uppercase;font-weight:700;}

#what-we-do{width:100%; padding:20px 0px 20px; background-color:#f6f6f6;}
#what-we-do .card{padding:1rem!important;border:none;margin-bottom:1rem;-webkit-transition:.5s all ease;-moz-transition:.5s all ease;transition:.5s all ease;}
#what-we-do .card:hover{-webkit-box-shadow:5px 7px 9px -4px #9e9e9e;-moz-box-shadow:5px 7px 9px -4px #9e9e9e;box-shadow:5px 7px 9px -4px #9e9e9e;}
#what-we-do .card .card-block{padding-left:50px;position:relative;}
#what-we-do .card .card-block a{color:#009846!important;font-weight:700;text-decoration:none;}
#what-we-do .card .card-block a i{display:none;}
#what-we-do .card:hover .card-block a i{display:inline-block;font-weight:700;}
#what-we-do .card .card-block:before{font-family:FontAwesome;position:absolute;font-size:39px;color:#009846;left:0;-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;}
#what-we-do .card .block-1:before{content:"\f1b2";}
#what-we-do .card .block-2:before{content:"\f290";}
#what-we-do .card .block-3:before{content:"\f1b3";}
#what-we-do .card .block-4:before{content:"\f132";}
#what-we-do .card .block-5:before{content:"\f0ea";}
#what-we-do .card:hover .card-block:before{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:.5s all ease;-moz-transition:.5s all ease;transition:.5s all ease;}
#what-we-do h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

#what-we-do h2 span {color:#0c1f38;}

#what-we-do span.line{background-color:#000000;height:1px;width:18%;font-size:28px;display:inline-block;position:relative;margin:21px auto 18px;}
#what-we-do span.line:before{position:absolute;content:"";height:5px;width:50px;background-color:#0c1f38;top:-2px;border-radius:30px;left:50%;margin-left:-28px;}

#what-we-do .card-title {font-family: 'Montserrat', sans-serif; font-weight:600; font-size:20px; color:#000000;}

.breadcome-1 {width:100%; background-color:rgba(0, 0, 0, 0.9);}

.breadcome-1 h1 {color:#FFFFFF; font-size:36px; padding:40px 0px 40px; margin:0px; font-weight:bold; text-align:center;}

.breadcome-1 .over-bg {background-image:url(../images/bg.png);}

.breadcome-1 .over-bg1 {background-image:url(../images/bg-1.png);}

.about-us {width:100%; padding:20px 0px 40px;}

.about-us .box {width:100%; margin:0px 0px 20px;}

.about-us h1 {font-size:32px; color:#000000; font-family: 'Montserrat', sans-serif; font-weight:600;}

.about-us h1 span {color:#0c1f38;}

.about-us .line {width:80%; background-color:#000000; height:1px; position:relative; margin-bottom:20px; margin-top:20px;}

.about-us .hline {position:absolute; bottom:-3px; height:7px; background-color:#0c1f38; width:65px;}

.about-us p {font-size:18px; color:#000000; line-height:28px; text-align:justify;}

.about-us p a {color:#000000;}

.about-us p a:hover {color:#ef7f1a;}

.about-us ul.bull {margin:0 0 20px;list-style:none;padding:0;}

.about-us ul.bull li {position:relative;padding:0 0 0 26px;margin:0 0 14px;line-height:18px;}

.about-us ul.bull li:before {content:"\f105";font:normal normal normal 14px/1 FontAwesome;position:absolute;left:0;top:2px;display:inline-block;vertical-align:top;font-size:16px;color:#009846;}

.about-us .box-1 {width:45%; float:left; margin-right:10px;}

.about-us h3 {font-size:20px; color:#0c1f38; font-family: 'Montserrat', sans-serif; font-weight:600;}

.why-us {width:100%; background-color:rgba(0, 151, 69, 0.2); padding:40px 0px 50px;} 

.why-us h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

.why-us h2 span {color:#0c1f38;}

.why-us h4 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:26px; color:#000000; margin:10px 0px 10px;}

.why-us span.line{background-color:#000000;height:1px;width:18%;font-size:28px;display:inline-block;position:relative;margin:21px auto 18px;}
.why-us span.line:before{position:absolute;content:"";height:5px;width:50px;background-color:#0c1f38;top:-2px;border-radius:30px;left:50%;margin-left:-28px;}
.why-us .progress-bar {background-color: #ef7f1a;}

.team {width:100%; padding:40px 0px 40px;}

.team h3 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

.team h3 span {color:#0c1f38;}

.team span.line {background-color:#000000;height:1px;width:18%;font-size:28px;display:inline-block;position:relative;margin:21px auto 18px;}

.team span.line:before {position:absolute;content:"";height:5px;width:50px;background-color:#0c1f38;top:-2px;border-radius:30px;left:50%;margin-left:-28px;}

.team .team-block {background-color:#0c1f38; border:1px solid #0c1f38; margin:20px 0px 0px;}
.team .team-img {position: relative; }
.team .team-img img { width: 100%; }
.team .team-img img.border { border-color: #fff !important; }
.team .social-media { position: absolute; bottom: 36px; opacity: 0; }
.team .social-icon-box { margin-bottom: 5px; background-color: #0c1f38; width: 46px; height: 46px; color: #ffffff; font-size: 16px; padding: 15px 19px 26px 16px; display: inline-block; line-height: 1.2; }
.team .team-img:hover .social-media { opacity: 1; transition: 2s ease; }
.team .team-block.active .social-media { opacity: 1; transition: 2s ease; }
.team  .team-content {padding:10px 0px 10px;}

.team  .team-content h4 {color:#FFFFFF; margin:0px; text-align:center;}

.team  .team-content h4 a {color:#FFFFFF; margin:0px; text-align:center;}

.team-text {width:100%; padding-top:30px;}

.team-text p {font-size:18px; color:#000000; line-height:28px; text-align:justify;}

.quality {width:100%; padding:40px 0px 40px;}

.quality .box {width:100%; margin:80px 0px 20px;}

.quality .box-1 {width:100%; margin:20px 0px 20px;}

.quality h1 {font-size:32px; color:#000000; font-family: 'Montserrat', sans-serif; font-weight:600;}

.quality h1 span {color:#0c1f38;}

.quality .line {width:80%; background-color:#000000; height:1px; position:relative; margin-bottom:20px; margin-top:20px;}

.quality .hline {position:absolute; bottom:-3px; height:7px; background-color:#0c1f38; width:65px;}

.quality p {font-size:18px; color:#000000; line-height:28px; text-align:justify;}

.applications {width:100%; padding:50px 0px 50px;}

.applications .section-title h4{text-transform:capitalize;font-size:40px;position:relative;padding-bottom:20px;margin-bottom:20px;font-weight:600;}

.applications .section-title h4:before{position:absolute;content:"";width:60px;height:2px;background-color:#ff3636;bottom:0;left:50%;margin-left:-30px;}

.applications .section-title h4:after{position:absolute;background-color:#ff3636;content:"";width:10px;height:10px;bottom:-4px;left:50%;margin-left:-5px;border-radius:50%;}

.applications .single-team img{width:100%;}
.applications .single-team{position:relative;}

.applications .team-hover{background-color:#222;color:#fff;position:absolute;bottom:-107px;left:0;width:100%;padding:10px;text-align:center;-webkit-transition:.4s;transition:.4s;}

.applications .team-hover h4{font-size:20px;text-transform:capitalize;}

.applications .team-hover h4 span{display:block;font-size:14px;font-weight:300;margin:10px 0;}

.applications .team-hover a{display:inline-block;color:#fff;padding:0 5px;}

.applications .single-team:hover .team-hover{bottom:0;}

.applications .single-team{overflow:hidden;}
	
.products {width:100%; padding:40px 0px 40px;}	
	
.products .card-header	{background-color:#009846;}
	
.products .card-header a {color:#FFFFFF;}	
	
.products .card {margin-bottom:10px;}

.products .card-body {padding:0px;}	

.products .nav > li > a {font-size:14px; color:#000000; font-weight:600; line-height:25px; display:inherit; padding:10px 5px 10px 20px;}

.products .nav > li > a:hover {background-color:#fdaa5f; color:#FFFFFF;}	

.products .nav > li > a.active {background-color:#0c1f38; color:#FFFFFF;}

.products .box {width:100%; border:2px solid #0c1f38; margin:0px 0px 5px;}

.products p {font-size:18px; color:#000000; line-height:28px; text-align:justify;}

.products .box-1 {width:45%; float:left;}

.products .box-2 {width:45%; float:left;}

.products .usage {float:left;}

.products h4 {font-size:20px; color:#000000; margin:0px 0px 15px; font-weight:bold;}

.products .usage ul {padding-left:25px; margin:0px 0px 20px 0px;}

.products .usage ul li {list-style: outside none none; padding:5px 0px 5px 0px; line-height:25px; font-size:18px; color:#000000;}

.products .usage ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#000000; font-size:18px;}

.main-products {width:100%; padding:10px 0px 45px;}

.main-products h2 {font-family: 'Montserrat', sans-serif; font-weight:700; font-size:36px; color:#000000;}

.main-products h2 span {color:#0c1f38;}

.main-products span.line {background-color:#000000;height:1px;width:18%;font-size:28px;display:inline-block;position:relative;margin:21px auto 18px;}
.main-products span.line:before {position:absolute;content:"";height:5px;width:50px;background-color:#0c1f38;top:-2px;border-radius:30px;left:50%;margin-left:-28px;}

.main-products .single-service {border:1px solid #ddd;box-shadow:1px 10px 8px #ddd;margin-bottom:40px;background:#fff;position:relative;z-index:1;}
.main-products .single-service:before {height:100%;width:100%;position:absolute;left:0;top:0;content:"";background:#f7f7f7;-moz-transform:scale(0.9,0.9);-ms-transform:scale(0.9,0.9);-o-transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);transform:scale(0.9,0.9);filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;z-index:-1;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;}
.main-products .single-service:hover:before {-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1);filter:progid: DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.main-products .single-service .single-service-info {padding:20px;}
.main-products .single-service .single-service-info h6 {font-weight:400;margin:25px 0 0;}
.main-products .single-service .single-service-info h4 {text-transform:uppercase;margin:15px 0;font-size:18px; line-height:24px;}
.main-products .serv-red-btn{color:#333;font-weight:600;text-transform:uppercase;letter-spacing:1px;display:inline-block;margin:20px 0 25px;padding:8px 35px;border:1px solid #ddd;background:transparent;-webkit-transition:all .2s;transition:all .2s;}
.main-products .single-service:hover .serv-red-btn {background:#009846;color:#fff;}

.main-products .single-service-img {border-bottom:1px solid #ddd;}

.iso {width:100%; background-color:#d7d7d7;}

.iso .brands {width:100%;min-height:120px;}

.iso .brands ul {margin-right:10%;margin-left:10%;}

.iso .brands li {float:left;list-style:none;}

.iso .brands img {padding:35px 30px;}

.inquiry {width:100%;}

.inquiry fieldset {margin:0px 0px 20px;}

.team-chart {width:100%; padding:40px 0px 40px; background-color:#efefef; margin-bottom:20px;}

.team-chart .box-1 {width:100%; margin:20px 0px 20px;}

.faq {width:100%; padding:40px 0px 40px;}

.faq p {font-size:16px; color:#000000; line-height:28px; text-align:justify;}

.faq .card {margin:0px 0px 10px;}

.faq .card-header {background-color:#009846;}

.faq .card-header h5 .btn-link {color:#FFFFFF; text-decoration:none;}

.faq .box {width:100%;}

.gallery {width:100%; padding:40px 0px 40px;}

.gallery .box {width:100%; border:3px solid #000000; margin:10px 0px 10px;}

.exhibitions {width:100%; background-color:#f2f2f2; padding:30px 0px 30px;}

.exhibitions .box {width:100%; border:3px solid #000000; margin:10px 0px 10px;}

.exhibitions marquee {color:#FF0000; font-size:24px;}

	
	  

@media (max-width:320px) {
.header-top h3 {text-align:center;}

.header-top .pull-right {float:none;}

.header-top .social-icons {text-align:center;}

.header-main .logo {text-align:center;}

.header-main .header-info-box {float:none; margin:25px 0px 0px 0px; text-align:center;}

.count {background-repeat:repeat-y;}

.company-overview h1 {font-size:22px;}

.main-products h2 {font-size:22px;}

.main-products span.line {width:40%;}

.quote h3 {text-align:center;}

.quote .get .quote-btn {font-size:19px;}

.testimony h2 {font-size:22px;}

.testimony span.line {width:40%;}
}
@media screen and (min-width:321px) and (max-width:767px) {
.header-top h3 {text-align:center;}

.header-top .pull-right {float:none;}

.header-top .social-icons {text-align:center;}

.header-main .logo {text-align:center;}

.header-main .header-info-box {float:none; margin:25px 0px 0px 0px; text-align:center;}

.count {background-repeat:repeat-y;}

.company-overview h1 {font-size:22px;}

.main-products h2 {font-size:22px;}

.main-products span.line {width:40%;}

.quote h3 {text-align:center;}

.quote .get .quote-btn {font-size:19px;}

.testimony h2 {font-size:22px;}

.testimony span.line {width:40%;}
}
@media (min-width:768px) and (max-width:1024px) {
.count {background-repeat:repeat-y;}
}
@media (min-width:1025px) and (max-width:1680px) {

}
@media (min-width:1200px) and (max-width:1300px) {

}


.iconmelon {
    display: block;
    margin: 50% 0px 0px;
}

#particles {
    width: 100%;
    height:100%;
    overflow: hidden;
    top: 100%;                        
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -2;
}

.iconmelon,
.im {
  position: relative;
  width: 150px;
  height: 150px;
  display: block;
  fill: #525151;
}

.iconmelon:after,
.im:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




// Mixin itself
@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

// Usage as a mixin
.element {
  @include clearfix;
}