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

ul:before, ul:after{ content:''; display:table;}
ul:after{ clear:both;}
.full-img img{ width:100%; height:auto;}
img.img-crop { display:block; max-width:none }
.margin-0{ margin-left:0; margin-right:0;}
.padding-0{ padding-left:0; padding-right:0;}
.table-cell {display:table-cell; vertical-align:middle; padding:0;}
.table-div{ display:table; height:100%; width:100%; }
[class*=col-].reverse-col{ float:right;}

.header{ padding:32px 0; background:#fff; position:relative}
.logo{ float:left; line-height:41px;}
.toggleMenu { display:none; height:41px; width:40px; background:url(../images/toogle-open.png) no-repeat center #003567; text-indent:-9999px; float:right;}
.toggleMenu.active{ background:url(../images/toogle-close.png) no-repeat center #003567; color:#fff; }
.toggleMenu:hover{ color:#fff; }
.main-nav{ float:right; margin-top:9px;}
.menu { list-style:none; *zoom:1; margin:0; padding:0; width:100%; display:table;}
.menu:before, .menu:after { content:""; display:table; }
.menu:after { clear:both; }
.menu ul { list-style:none; min-width:238px; float:none; left:0; top:100%; position:relative; background:rgba(255,255,255, 0.9);}
.menu a { padding:0 15px; color:#575858; }
.menu li { position:relative; padding:0; }
.menu li a:hover, .menu li:hover > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a{color:#fff; text-decoration:none; background:#003567}
.menu > li { display:table-cell; font-size:20px; position:relative; line-height:32px; text-align:center; font-weight:700;}
.menu > li:last-child{ background:none;}
.menu > li > a { display:block;  position:relative; }
.menu li ul { position:absolute; left:-9999px; margin:0; list-style:none;  padding:0 }
.menu li ul:after{ background:url(../images/shadow.png); height:10px; width:100%; z-index:-1; content:''; position:absolute; left:0; right:0; top:100%;}
.menu > li.hover > ul { left:0; margin-left:0; }
.menu li li.hover ul { left:100%; top:0; }
.menu li li{ padding:0; line-height:22px; text-align:left; margin:0;}
.menu li li a { display:block; position:relative; z-index:100; font-size:18px; padding:8px 10px; background:#003567; text-transform:inherit; font-weight:400; color:#fff;}
.menu li li:last-child{ border-bottom:none; }
.menu li li a:hover{ color:#fff; background:#014687;}
.menu li li li a { background-color:#003567; z-index:200; }
@media screen and (max-width:991px) {
.main-nav .active { display:block; }
.main-nav{ text-align:left; position:absolute; top:100%; left:0; right:0; background:#fff; z-index:9999; display:block; padding:0; width:auto;}
.menu > li { float:none; display:block; border-bottom:1px solid #d8d8d8; text-align:left; line-height:30px; background:none; font-size:16px;}
.menu a{ padding:8px 25px }
.menu li{ display:block; }
.menu > li > .parent { background-image:none;}
.menu > li > .parent:after{ content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%);}
.menu li.hover > .parent:after{ content:'\f106'; font-family:'FontAwesome';  position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu li li .parent:after {content:'\f107'; font-family:'FontAwesome'; position:absolute; top:7px; right:15px; left:auto; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%)}
.menu ul { display:block; width:auto; border-bottom:none; min-width:inherit}
.menu > li.hover > ul , .menu li li.hover ul {position:static; margin-left:0}
.menu li li a { padding:8px 35px; font-size:15px;}
.menu li li{ text-align:left; }
.menu li li li a{ padding:5px 45px; }
.menu li ul{ box-shadow:none; -webkit-box-shadow:none}
.menu li ul::after{ display:none;}
}

.banner-bg{ height:80vh; background-size:cover; background-position:center; background-repeat:no-repeat;}
.banner .carousel-caption{ top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin:0; padding:0; bottom:auto; left:0; right:0; text-shadow:none; font-weight:700; width:100%;}
.banner .carousel-caption h2{ font-size:60px; text-transform:uppercase;}
.banner .carousel-caption p{ font-size:30px;}
.banner .bx-wrapper .bx-prev, .banner .bx-wrapper .bx-prev:hover, .banner .bx-wrapper .bx-prev, .banner .bx-wrapper .bx-prev:focus{ background:url(../images/back.png) no-repeat; background-position:0 0; width:32px; height:32px; margin-top:-16px; text-indent:-9999px;}
.banner .bx-wrapper .bx-next, .banner .bx-wrapper .bx-next:hover, .banner .bx-wrapper .bx-next, .banner .bx-wrapper .bx-next:focus{ background:url(../images/next.png) no-repeat; background-position:0 0; width:32px; height:32px; margin-top:-16px; text-indent:-9999px;}

.bx-wrapper{position:relative;margin-bottom:0;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translateZ(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#fff;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#ccc}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(../images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(../images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:500}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}

.welcome-wrapper{ padding:69px 0; background:#eee; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.welcome-wrapper h1{ color:#003567; font-size:30px; margin-bottom:50px;}
.welcome-wrapper p{ font-size:30px; font-weight:700; line-height:45px; margin-bottom:40px}

.button{ border:2px solid #003567; color:#003567; font-weight:700; font-size:18px; display:inline-block; line-height:38px; padding:0 15px; font-family:'Roboto', sans-serif;}
.button:hover{ background:#003567; color:#fff;}

.slide-section .carousel-control-prev{ background:url(../images/back-button-circle.png) no-repeat center; width:70px; text-indent:-9999px; opacity:1}
.slide-section .carousel-control-next{ background:url(../images/right-arrow-circular-button.png) no-repeat center; width:70px; text-indent:-9999px; opacity:1}
.slide-section .carousel-control-next span, .slide-section .carousel-control-prev span{ display:none;}
.slide-section .content{ padding:40px 76px; direction:ltr;}
.slide-section .content h3{ color:#003567; font-size:26px; margin-bottom:20px;}
.slide-section .content ul{ padding:0; list-style:none;}
.slide-section .content ul li{ font-size:22px; line-height:36px;}
.slide-section.rtl{ direction:rtl}

.slide-left .bx-wrapper .bx-controls-auto, .slide-right .bx-wrapper .bx-controls-direction a{ display:none;}
.slide-right .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{ bottom:20px;}

.slide-section .carousel-indicators li:after, .slide-section .carousel-indicators li:before{ display:none;}

.footer{ padding:15px; background:#434343; text-align:center; color:#fff; font-family:'Raleway', sans-serif; font-size:12px;}
.footer a{ color:#fff;}
.footer a:hover{ color:#fff; text-decoration:underline;}

.bg-cover{ background-size:cover; background-position:center; background-repeat:no-repeat}

.page-banner{ margin:0; padding:0;}

.company-profile{ color:#fff; padding:70px 0 100px;}
.company-profile h1{ font-size:30px; font-weight:700; margin-bottom:25px; text-align:center;}
.company-profile p{ font-size:24px; font-weight:500; margin-bottom:20px; line-height:36px;}
.company-profile p:last-child{ margin-bottom:0;}


.three-col-block .img-overlay{ position:absolute; top:0; left:0; bottom:0; right:0; color:#fff; text-align:center; font-size:24px; font-weight:500; background:rgba(0,0,0,0.6)}
.three-col-block .img-overlay:hover{ text-decoration:none;  background:rgba(0,0,0,0.8)}

.facility{ padding:70px 0 100px; text-align:center;}
.facility h2{ font-size:30px; font-weight:700; margin-bottom:25px; text-align:center;}
.facility p{ font-size:24px; font-weight:500; line-height:36px;}

.intro-section{ padding:66px 0 40px 0;}
.main-image{ border:3px solid #dcdcdc; margin-bottom:25px; text-align:center; padding:15px;}
.intro-section h1{ font-size:26px; margin-bottom:20px; color:#003567;}
.intro-section p{ font-size:20px; margin-bottom:20px;}
.intro-section h2{ font-size:20px; font-weight:700}

.specification-pdf{ margin-top:100px; padding-left:140px; position:relative; margin-bottom:20px;}
.specification-pdf:last-child{ margin-bottom:0;}
.specification-pdf:before{ content:'Specification:'; font-size:20px; position:absolute; top:0; left:0; font-weight:700; line-height:33px;}
.specification-pdf ul{ margin:0; padding:0; list-style:none;}
.specification-pdf ul li{ padding:0; margin-bottom:10px; margin-right:10px; display:inline-block; }
.specification-pdf ul li a{ display:block; background:url(../images/pdf-icon.png) no-repeat left; padding-left:40px; line-height:33px; font-size:20px;}

.product-listing{ margin:70px 0 0 0; padding:0 15px 25px;}
.product-listing h3{ color:#003567; font-weight:700; font-size:26px; text-align:center; margin-bottom:20px;}
.product-listing ul{ margin:0; padding:0; list-style:none;}
.product-listing ul li{ border:2px solid #dcdcdc; padding:15px; text-align:center; width:20%; float:left;}
.product-listing ul li p{ font-size:18px; margin-top:15px;}

.report-wrapper{ padding:70px 0 0 0;}
.report-wrapper .row{ margin-left:-40px; margin-right:-40px; }
.report-wrapper [class*=col-]{ margin-bottom:70px; padding-left:40px; padding-right:40px;}
.report-img{ text-align:center;}
.report-img img{ border:1px solid #f6f6f6}
.report-list h2{ margin-bottom:30px; color:#003567; font-size:30px; font-weight:700; text-align:center;}


.map {height:500px; padding-bottom:0; margin-bottom:0; padding-top:0; position:relative; width:100%;}
.map .map-inner { bottom:0; left:0; position:absolute; top:0; width:100%; right:0;}
.map .map-inner iframe { height:100%; width:100%;}


.contact-wrapper{ padding:70px 0;}
.contact-wrapper h1{ margin-bottom:25px; text-align:center; font-weight:700; color:#003567; font-size:30px;}
.contact-info{ margin-bottom:60px; padding:0; margin-left:110px; list-style:none;}
.contact-info li{ margin-bottom:10px; display:block; font-size:20px; font-weight:700;}
.contact-info li span{ display:inline-block; float:left; padding-left:30px; background-position:left 0; background-repeat:no-repeat; width:150px; padding-right:35px; text-align:right}
.contact-info li.address span{ background-image:url(../images/placeholder.png)}
.contact-info li.phone span{ background-image:url(../images/phone-receiver.png)}
.contact-info li.fax span{ background-image:url(../images/printing-tool.png)}
.contact-info li.email span{ background-image:url(../images/email-filled-closed-envelope.png)}
.contact-wrapper label{ display:block; margin:0; line-height:40px; text-align:right; font-weight:700}
.contact-wrapper  textarea{ height:143px;}

/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width:992px) and (max-width:1199px) {
.specification-pdf{ padding-top:43px; padding-left:0;}
.specification-pdf:before{ top:0; left:0;}
.product-listing ul li{ padding:10px;}
.report-wrapper .row{ margin-left:-15px; margin-right:-15px;}
.report-wrapper [class*=col-]{ margin-bottom:70px; padding-left:15px; padding-right:15px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.header{ padding:15px 0;}
.banner-bg{ height:50vh}
.banner .carousel-caption h2{ font-size:40px;}
.banner .carousel-caption p{ font-size:24px;}
.slide-section .content{ padding:40px;}
.specification-pdf{ padding-top:43px; padding-left:0;}
.specification-pdf:before{ top:0; left:0;}
.product-listing ul li{ width:33.333%;}
.specification-pdf{ margin-top:40px;}
.report-wrapper{ padding-top:40px;}
.report-wrapper .row{ margin-left:-15px; margin-right:-15px;}
.report-wrapper [class*=col-]{ margin-bottom:40px; padding-left:15px; padding-right:15px;}
.contact-info{ margin-left:0;}
.contact-info li{ font-size:16px;}
.contact-wrapper label{ text-align:left; line-height:inherit; margin-bottom:5px;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.header{ padding:15px 0;}
.banner-bg{ height:300px}
.banner .carousel-caption h2{ font-size:30px;}
.banner .carousel-caption p{ font-size:16px;}
.welcome-wrapper p{ font-size:20px; line-height:30px; margin-bottom:20px;}
.welcome-wrapper h1{ margin-bottom:20px;}
.welcome-wrapper { padding:25px 0;}
.logo img{ height:35px; width:auto;}
.slide-section .content{ padding:25px}
.company-profile, .facility{ padding:25px 0}
.company-profile h1, .facility h2{ font-size:26px;}
.company-profile p, .facility p, .intro-section p{ font-size:18px; line-height:30px;}
.three-col-block .img-overlay{ font-size:20px;}
.specification-pdf{ padding-top:43px; padding-left:0;}
.specification-pdf:before{ top:0; left:0; font-size:16px;}
.specification-pdf ul li a{ font-size:16px;}
.product-listing ul li{ width:50%}
.product-listing{ margin-top:25px; padding-bottom:25px;}
.specification-pdf{ margin-top:25px;}
.intro-section{ padding:25px 0;}
.report-wrapper{ padding-top:25px;}
.report-wrapper .row{ margin-left:-15px; margin-right:-15px;}
.report-wrapper [class*=col-]{ margin-bottom:25px; padding-left:15px; padding-right:15px;}
.contact-info { margin-bottom:25px; margin-left:0}
.contact-info li{ font-size:16px;}
.contact-wrapper label{ text-align:left; line-height:inherit; margin-bottom:5px;}
.contact-wrapper{ padding:25px 0;}
.map{ height:300px;}
.contact-info li span{text-align:left; display:block; float:none; margin-bottom:5px;}

.banner.full-img img{height:300px;}
} 
/* END__ */

@media (max-width:575px) {
.product-listing ul li{ width:100%;}
.specification-pdf ul li{ width:100%;}
} 
/* END__ */

.popup-overlay{ position:fixed; top:0; left:0; bottom:0; right:0; z-index:1000; background:rgba(0,0,0, 0.8); -webkit-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name:fadeIn;}
.msg-poup{ padding:50px 25px 25px; background:#a77b43; color:#fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index:1010; width:420px; -webkit-animation-duration:1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name:fadeIn; border-radius:6px}
.msg-poup .cls-btn{ position:absolute; top:5px; right:5px; font-size:20px; height:30px; width:30px; line-height:30px; text-align:center; color:#fff}
.popup-overlay.inactive, .msg-poup.inactive{ display:none;}