/* fonts */
@font-face { font-family: 'ProximaNovaRegular'; src: url('../fonts/ProximaNovaRegular.eot'); src: url('../fonts/ProximaNovaRegular.eot') format('embedded-opentype'), url('../fonts/ProximaNovaRegular.woff2') format('woff2'), url('../fonts/ProximaNovaRegular.woff') format('woff'), url('../fonts/ProximaNovaRegular.ttf') format('truetype'), url('../fonts/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg'); }
@font-face { font-family: 'ProximaNovaSemibold'; src: url('../fonts/ProximaNovaSemibold.eot'); src: url('../fonts/ProximaNovaSemibold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaSemibold.woff2') format('woff2'), url('../fonts/ProximaNovaSemibold.woff') format('woff'), url('../fonts/ProximaNovaSemibold.ttf') format('truetype'), url('../fonts/ProximaNovaSemibold.svg#ProximaNovaSemibold') format('svg'); }
@font-face { font-family: 'ProximaNovaBold'; src: url('../fonts/ProximaNovaBold.eot'); src: url('../fonts/ProximaNovaBold.eot') format('embedded-opentype'), url('../fonts/ProximaNovaBold.woff2') format('woff2'), url('../fonts/ProximaNovaBold.woff') format('woff'), url('../fonts/ProximaNovaBold.ttf') format('truetype'), url('../fonts/ProximaNovaBold.svg#ProximaNovaBold') format('svg'); }
body { font-weight: 500; font-family: 'Montserrat', sans-serif; padding: 0px; margin: 0px; }
a, a:hover, a:focus { outline : none; text-decoration: none; cursor: pointer; }
a, button, input[type="submit"] { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }
ul, ol { list-style: none; margin: 0px; padding: 0px; }
img { border: 0px; }
input, select, button, textarea { outline: none !important; box-shadow: none; }
.p-btm-50 { padding-bottom: 50px !important; }
.p-top-25 { padding-top: 25px !important; }
.p-btm-20 { padding-bottom: 20px; }
p { font-size: 15px; }
h1 { font-size: 35px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; font-family: 'ProximaNovaSemibold'; font-weight: 500; }
h4 { font-size: 16px; }
.m-top35 { margin-top: 35px!important; }
.bg-white { float: left; width: 100%; background: #fff; padding: 25px 0px 5px 0px; border-bottom: 1px solid #e4e4e4; }
.bg-white h2 { color: #252B38; font-size: 25px; font-family: 'Montserrat', sans-serif; float: left; width: 100%; margin: 0px 0px 30px; position: relative; font-weight: 500; }
.bg-white h2:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; margin: 0 auto; width: 65px; height: 1px; background: #d7579f; }
.bg-white h2:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; margin: 0 auto; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.wrapper { float: left; width: 100%; }
header { float: left; width: 100%; border-top: 3px solid #231F21; position: relative; z-index: 9 }
.header_top { float: left; width: 100%; padding: 10px 0px 13px; }
.header_top .logo { display: inline-block; vertical-align: top; padding-right: 15px; margin-left: -7px; }
.header_top p { display: inline-block; vertical-align: top; padding-left: 10px; line-height: 20px; font-size: 14px; letter-spacing: 3.7px; border-left: 1px solid #CCCCCC; margin: 15px 0px 0px; padding-top: 54px; text-align: left; }
.header_top_right { float: right; padding-top: 22px; }
.header_top_right span { padding-left: 12px; border-left: 1px solid #CCCCCC; display: inline-block; vertical-align: top; }
.header_top_right span:last-child img { width: 180px; }
.header_top_right span:first-child { border-left: 0px; padding-left: 0px; padding-right: 6px; }
/* menu */
.header_menu { float: left; width: 100%; }
.header_menu .navbar-default { background: #f60727; border: 0px; min-height: auto; margin-bottom: 0px; z-index: 1; }
.navbar-default .navbar-nav > li > a { color: #FFFFFF; font-size: 14px; text-transform: uppercase; border-left: 1px solid #920518; padding: 30px 14px; position: relative; font-weight: 600; }
.navbar-default .navbar-nav > li > a:before { position: absolute; top: 50%; margin: 0 auto; background: #00102c; text-align: center; width: 100%; content: ""; left: 0px; height: 0px; transition: 0.5s; z-index: -1; }
.navbar-default .navbar-nav > li:first-child > a { border-left: 0px; }
.navbar-default .navbar-nav > li:nth-last-child(2) > a { display: none; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; background: #641b49; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #fff; background: #f60727; }
.navbar-default .navbar-nav > li > a:hover:before { height: 100%; top: 0px; }
.navbar-default .navbar-nav > li.active a:before { height: 100%; top: 0px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: #641b49; color: #fff; }
/* submenu */
.navbar-nav li { transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.navbar-nav li > .dropdown-menu { opacity: 0; background: #8f0707; border-radius: 0; box-shadow: none; padding: 0px; border: 0px; top: 150%; z-index: 9999; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; border-bottom: 3px solid #620707; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1); -mozbox-shadow: -0px 0px 5px 1px rgba(0,0,0,0.1); }
.dropdown-header, .dropdown-menu li a { padding: 13px 15px; border-top: 1px solid #620707; font-size: 14px; color: #f3f6fa; font-weight: 500; width: 100%; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.dropdown-menu > li.kopie > a { padding-left: 5px; }
.dropdown-submenu { position: relative; float: left; width: 100%; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu > a:after { border-color: transparent transparent transparent #333; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0; }
.dropdown-submenu:hover>a:after { border-left-color: #555; }
.navbar-nav li .dropdown.dropdown-submenu .dropdown-menu { top: 5px; background: #4166ad; }
.navbar-nav li:hover > .dropdown-menu { top: 100%; opacity: 1; }
/* menu end */
/* middle */
.middle_part { float: left; width: 100%; }
.banner_part { float: left; width: 100%; position: relative; border-bottom: 5px solid #641b49; }
.banner_part .content_title.container { position: absolute; bottom: 30%; right: 0px; z-index: 1; left: 0px; text-align: center; }
.banner_part .inner_title { float: right; text-align: right; }
.banner_part .inner_title h3 { font-size: 30px; color: #FFFFFF; font-family: 'ProximaNovaRegular'; text-shadow: 1px 1px #333333; margin: 0px 0px 12px; }
.banner_part .inner_title h2 { font-family: 'ProximaNovaBold'; font-size: 35px; text-shadow: 1px 1px #333333; color: #ffffff; text-align: right; line-height: 44px; margin: 0px; }
.banner_slide .item { position: relative; }
.banner_slide .item > img { height: 550px; object-fit: cover; }
.banner_slide .item:after { content: ""; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; background: rgba(35,31,32,0.25); }
.banner_slide .overly_content { position: absolute; bottom: 0px; right: 0px; width: 100%; z-index: 1; }
.overly_content .aeroplane_img { position: absolute; top: 115px; left: 0px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; max-width: 100%; width: 1170px; right: 0px; margin: 0 auto; }
.overly_content .aeroplane_img img { width: auto !important; margin-left: -120px; }
.banner_slide .owl-item.active .aeroplane_img { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; opacity: 1; }
.overly_content .helicopter_img { position: absolute; top: 50px; left: 0px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; max-width: 100%; width: 1170px; right: 0px; margin: 0 auto; }
.overly_content .helicopter_img img { width: auto !important; margin-left: -150px; }
.banner_slide .owl-item.active .helicopter_img { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; opacity: 1; }
.overly_content .inner_products { float: right; width: 30%; padding-bottom: 183px; position: relative; }
.overly_content .inner_products .slide_pro1 { background: #fff; width: 340px; height: 340px; border-radius: 100%; display: inline-block; vertical-align: middle; text-align: right; border: 10px solid #75B0DE; overflow: hidden; padding-top: 85px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.banner_slide .owl-item.active .slide_pro1 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; opacity: 1; }
.overly_content .inner_products .slide_pro2 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }
.overly_content .inner_products .slide_pro1 img { width: auto; max-width: 100%; display: inline-block; vertical-align: middle; margin-left: -1px; }
.overly_content .inner_products .slide_pro1.slide_pro2 { text-align: left; width: 258px; height: 258px; position: absolute; bottom: 13px; right: -85px; }
.banner_slide .owl-dots { position: absolute; bottom: 18px; left: 0px; right: 0px; text-align: center; width: 100%; padding-left: 115px; }
.banner_slide .owl-dots .owl-dot { display: inline-block; vertical-align: top; }
.banner_slide .owl-dots .owl-dot span { width: 16px; height: 16px; border: 2px solid #02346F; border-radius: 100%; display: inline-block; vertical-align: top; margin-left: 4px; background: #fff; }
.banner_slide .owl-dots .owl-dot.active span { border: 2px solid #fff; background: #02346F; }
.spc_quality { float: left; width: 100%; padding: 40px 0px; }
.spc_quality .first_img, .spc_quality .welcome_text { float: left; width: 100%; margin-top: 23px; }
.spc_quality h3 { color: #000000; float: left; width: 100%; margin: 0px 0px 16px; line-height: 25px; }
.spc_quality p { color: #333333; float: left; width: 100%; font-weight: 400; line-height: 22px; }
.spc_quality .welcome_text a { display: inline-block; vertical-align: top; background: #f60727; font-size: 14px; text-transform: uppercase; padding: 10px 15px; color: #fff; margin-top: 15px; }
.spc_quality .welcome_text a:hover { background: #1E396D; }
.spc_quality .policy { background: #1E396D; float: left; width: 100%; padding: 23px 20px 13px; position: relative; }
.spc_quality .policy h3 { color: #fff; }
.spc_quality .policy p { color: #ADBBD2; text-align: justify; }
.spc_quality .policy i { position: absolute; color: #f60727; font-size: 30px; }
.spc_quality .policy i.fa.fa-quote-left { top: -12px; left: 20px; }
.spc_quality .policy i.fa.fa-quote-right { bottom: -14px; right: 20px; }
/* product slider */
.products_item { float: left; width: 100%; background: url(../images/product_banner.jpg) no-repeat; padding: 30px 0px; background-size: cover; }
.sub_title { float: left; width: 100%; text-align: center; }
.sub_title h3 { color: #ffffff; float: left; width: 100%; text-transform: uppercase; margin: 0px 0px 25px; }
.product_slide .item { text-align: center; }
.product_slide .product_outer { background: #E3E3E5; display: inline-block; border: 10px solid #FFFFFF; overflow: hidden; position: relative; }
.product_slide .product_outer .overly_hover { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; background: rgba(30,57,109,0.7); float: left; text-align: center; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.product_slide .product_outer .overly_hover:hover { opacity: 1; }
.product_slide .product_outer .overly_hover:after { content: "\f0c1"; font-family: FontAwesome; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); background: #f60727; width: 36px; height: 36px; color: #fff; line-height: 38px; font-size: 18px; border-radius: 5px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.product_slide h4 { text-align: center; color: #000000; text-transform: capitalize; float: left; width: 100%; margin: 13px 0px 0px; line-height: 22px; }
.app_info { float: left; width: 100%; background: #1E396D; padding: 50px 0px 45px; }
.app_info .container { position: relative; }
.app_info .sub_title h3 { text-align: left; padding-top: 7px; }
.app_text { float: left; width: 100%; }
.app_text p { color: #ADBBD2; font-weight: 400; line-height: 22px; margin: 5px 0px 0px; }
.app_slide.owl-carousel, .app_info .col-md-9 { position: static; }
.app_slide .item h4 { float: left; width: 100%; text-align: center; color: #fff; line-height: 22px; text-transform: capitalize; font-weight: 500; margin: 14px 0px 0px; font-size: 15px; }
.app_slide .owl-nav { position: absolute; bottom: -15px; left: 15px; }
.app_slide .owl-prev, .app_slide .owl-next { display: inline-block; vertical-align: top; width: 37px; height: 37px; border: 2px solid #f60727; font-size: 25px; color: #fff; text-align: center; border-radius: 5px; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; line-height: 33px; }
.app_slide .owl-next { margin-left: 4px; }
.app_slide .owl-prev i, .app_slide .owl-next i { vertical-align: top; line-height: 33px; }
.app_slide .owl-prev:hover, .app_slide .owl-next:hover { background: #f60727; }
.client_logo { float: left; width: 100%; background: #F1F1F1; padding: 30px 0px 50px; }
.client_logo .sub_title h3 { color: #000000; }
.client_slide { margin-top: 15px; }
.client_slide .item { padding: 3px; float: left; }
.client_slide .item span { background: #fff; text-align: center; float: left; width: 100%; -webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.25); box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.25); transition: 0.3s; -webkit-transition: 0.3s; }
.client_slide .item span:hover { -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2); }
.company_details { float: left; width: 100%; background: #1E396D; padding: 30px 0px 20px; }
.company_details .spc_address { float: left; width: 100%; }
.company_details h5 { font-size: 15px; font-weight: 600; text-transform: uppercase; color: #fff; float: left; width: 100%; margin: 0px 0px 5px; }
.company_details .spc_address p { float: left; width: 100%; color: #ADBBD2; font-weight: 500; line-height: 25px; margin: 0px; }
.company_details .col-md-3 { padding-left: 10px; padding-right: 0px; }
.company_details .spc_contact { float: left; width: 100%; margin-top: 0px; }
.company_details .spc_contact p { float: left; width: 100%; color: #ADBBD2; font-weight: 500; padding-top: 5px; margin-bottom: 0px; }
.company_details .spc_contact a{color: #ADBBD2;}
.company_details .spc_contact p:first-child { padding-top: 0px; margin-bottom: 0px; }
.company_details .language_container { float: left; width: 100%; text-align: center; }
.goog-te-gadget { float: left; width: 100%; text-align: center; color: #1e396d !important; }
.goog-te-combo option { color: #666666; }
.skiptranslate.goog-te-gadget > span { display: none; }
.goog-te-gadget .goog-te-combo { background: #ffffff; border: 1px solid #ffffff; margin: 4px 0; padding: 10px 30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(../sub-images/select-arrow.png); background-repeat: no-repeat; background-position: 93% center; background-size: 10px; }
.company_details .social_icons { float: left; width: 100%; }
.company_details .social_icons ul li { display: inline-block; vertical-align: top; margin-top: 4px; }
.company_details .social_icons ul li a { border: 2px solid #ADBBD2; display: inline-block; vertical-align: top; width: 40px; height: 40px; font-size: 15px; line-height: 40px; color: #ADBBD2; font-weight: 400; text-align: center; margin-left: 4px; }
.company_details .social_icons ul li:first-child a { margin-left: 0px; }
.company_details .social_icons ul li a:hover { background: #ADBBD2; color: #1E396D; }
footer { float: left; width: 100%; background: #f60727; padding: 25px 0px; }
footer p { float: left; font-size: 14px; color: #FFFFFF; font-weight: 400; margin: 0px; }
footer span { float: right; font-size: 14px; font-weight: 400; color: #fff; }
footer span a { font-size: 14px; color: #fff; border-bottom: 1px solid #fff; line-height: 20px; display: inline-block; vertical-align: top; }
footer span a:hover { color: #1E396D; border-bottom: 1px solid #1E396D; }
/* subpage banner */
.middle_part.sub_page_middle { background: #f3f6fa; }
.subpage_banner { float: left; width: 100%; background: #FBFBFB; border-bottom: 1px solid #e1e1e1; }
.subpage_banner .container { position: relative; }
.subpage_banner .inner_banner { float: left; width: 100%; padding: 90px 0px; position: relative; background-size: cover !important; background-position: center !important; }
.subpage_banner .inner_banner:after { background: rgba(35,32,32,0.5); content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
.subpage_banner ul { float: left; padding: 0px 0px; position: absolute; bottom: 45%; background: #fff; border-radius: 0px 20px 20px 0px; }
.subpage_banner ul li { display: inline-block; vertical-align: top; color: #666666; font-size: 15px; text-transform: capitalize; font-family: 'ProximaNovaSemibold'; padding: 10px 20px; }
.subpage_banner ul li:first-child { background: #f60727; border-radius: 0px 20px 20px 0px; box-shadow: 2px 0px 15px -2px #1e396da1; }
.subpage_banner ul li a { color: #fff; }
.subpage_banner ul li.active { color: #000; }
.subpage_banner ul li a:hover { color: #000; }
/* about */
.about_spc { float: left; width: 100%; padding: 40px 0px; }
.about_img { float: left; width: 100%; position: relative; z-index: 1; padding: 0px 15px 0px 25px; }
.about_img img { width: 100%; }
.about_img a { float: left; width: 100%; position: relative; }
/* vedio popup */
#closer_videopopup { position: absolute; right: 2%; top: 2%; text-align: center; z-index: 100004; cursor: pointer; width: 35px; height: 35px; border: 2px solid #fff; border-radius: 100%; }
#closer_videopopup::after { color: #ffffff; content: "+"; font-family: FontAwesome; font-size: 31px; font-weight: 600; left: 2px; line-height: 33px; position: absolute; text-align: center; top: 0; transform: rotate(135deg); width: 100%; }
#closer_videopopup:hover:after { opacity: 0.6; }
#opct { position: fixed; z-index: 100000; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9; }
#videCont { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin: auto; max-width: 900px; height: 0; height: auto !important; }
video { position: absolute; top: 15%; left: 0; width: 100%; opacity: 1 !important; border: 4px solid #fff; }
#video1 { cursor: pointer; cursor: hand; }
.about_img a:after { content: ""; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.56); height: 100%; width: 100%; }
.about_img a i { border: 2px solid #ffffff; border-radius: 100%; color: #ffffff; font-size: 20px; height: 45px; left: 50%; line-height: 42px; padding-left: 2px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 45px; z-index: 1; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0.6; }
.about_img a:hover i { opacity: 1; }
.about_img a i:hover { color: #adbbd2; border: 2px solid #adbbd2; }
.about_img:before { content: ""; left: 10px; bottom: -15px; background: #C95DAA; width: 192px; height: 100px; position: absolute; z-index: -1; }
.about_img:after { content: ""; right: 0px; top: -15px; background: #C95DAA; width: 192px; height: 100px; position: absolute; z-index: -1; }
.about_left { float: left; width: 100%; padding-right: 10px; }
.about_left h3 { color: #252B38; font-size: 25px; font-family: 'ProximaNovaSemibold'; float: left; width: 100%; margin: 0px 0px 30px; position: relative; }
.about_left h3:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; width: 65px; height: 1px; background: #d7579f; }
.about_left h3:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.about_left p { color: #333333; font-size: 15px; line-height: 26px; float: left; width: 100%; text-align: justify; font-weight: 400; }
.about_detail { float: left; width: 100%; }
.about_detail ul { float: left; width: 100%; padding-left: 20px; margin-top: 50px; }
.about_detail ul li { font-size: 15px; color: #333333; float: left; width: 100%; position: relative; font-weight: 400; line-height: 23px; padding: 18px 20px 18px 30px; background: #ffffff; -webkit-box-shadow: 0 8px 2px -6px #cccccc; -moz-box-shadow: 0 8px 2px -6px #cccccc; box-shadow: 0 8px 2px -6px #cccccc; margin-top: 42px; text-align: justify; }
.about_detail ul li:first-child { margin-top: 0px; }
.about_detail ul li::after { border: 2px solid #C95DAA; border-radius: 100%; color: #333333; content: ""; font-family: FontAwesome; font-size: 12px; height: 37px; left: -20px; position: absolute; top: 0px; width: 37px; line-height: 34px; text-align: center; background: #fff; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); }
/* quality */
.quality_info { float: left; width: 100%; padding: 15px 0px 40px; }
.quality_info h3 { color: #252B38; font-size: 25px; font-family: 'ProximaNovaSemibold'; float: left; width: 100%; margin: 25px 0px 0px; position: relative; }
.quality_info h3:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; width: 65px; height: 1px; background: #d7579f; }
.quality_info h3:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.quality_info p { font-weight: 400; color: #333333; float: left; width: 100%; line-height: 27px; margin: 0px; padding-top: 25px; text-align: justify; }
.quality_certificate { float: right; margin-top: 30px; }
.quality_certificate img { width: 100%; max-width: 330px; border: 6px solid #e9e9e9; }
.facility_main { float: left; width: 100%; background: #ffffff; margin-top: 25px; padding: 30px 0px; }
.test_facility { float: left; width: 100%; }
.test_facility h4 { float: left; width: 100%; font-size: 19px; color: #000000; line-height: 32px; }
.facility_pointes { float: left; width: 100%; }
.facility_pointes ul { float: left; width: 100%; margin-top: 20px; }
.facility_pointes ul li { background: #ffffff; color: #333333; float: left; font-size: 15px; font-weight: 400; line-height: 23px; margin: 5px 0.5%; padding: 14px 20px 14px 40px; position: relative; text-align: justify; width: 32.3%; border: 3px solid #f2f2f2; }
.facility_pointes ul li::after { border-radius: 100%; color: #333333; content: ""; font-family: FontAwesome; font-size: 13px; height: 37px; left: 0px; line-height: 34px; position: absolute; text-align: center; top: 8px; width: 37px; }
.policy_info { float: left; width: 100%; }
.policy_info h4 { float: left; width: 100%; margin: 0px; padding-top: 40px; font-size: 22px; color: #000; text-transform: capitalize; font-family: 'ProximaNovaSemibold'; }
.policy_info p { padding-top: 15px; }
/* clientele */
.clients_main { float: left; width: 100%; padding: 10px 0px 40px; }
.clients_main .logo_part { float: left; width: 100%; background: #fff; border: 7px solid #f3f6fa; box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.4); margin-top: 30px; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; text-align: center; padding: 50px 0px; }
.clients_main .logo_part img { max-width: 100%; }
/* Contact */
.contact_details { float: left; width: 100%; padding: 80px 0px; }
.contact_outer {
float: left width: 100%; background: #fff; height: 410px; }
.contact_form { background: #FFF; border: 3px solid #f60727; float: left; padding: 30px 20px; width: 100%; margin-left: 20px; margin-top: -45px; }
.contact-adress { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.contact-adress li { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; }
.contact-adress a { color: #333; }
.contact_form .form_area { float: left; width: 100%; }
.contact_form .form_area .form_row { float: left; width: 100%; padding: 9px 0px; position: relative; }
.form_area .form_row input, .form_area .form_row textarea { float: left; width: 100%; border: 1px solid #e4e4e4; height: 50px; padding: 10px; color: #333333; font-size: 14px; background: #f3f6fa; position: relative; }
.form_area .form_row input:focus, .form_area .form_row textarea:focus, .form_area .form_row input:hover, .form_area .form_row textarea:hover { border: 1px solid #c1c1c1; }
.form_area .form_row textarea { resize: none; height: 140px; }
.form_area .form_row .captcha { position: absolute; top: 20px; right: 15px; }
.form_area button { width: 100%; display: inline-block; vertical-align: top; background: #f60727; padding: 12px 60px; border: 0px; color: #fff; text-transform: uppercase; margin-top: 10px; font-weight: 400; font-size: 15px; height: 45px; line-height: 23px; }
.form_area button:hover { background: #1E396D; }
/*input[type="file"] { display: none; }*/
.inq-box .browse.btn.btn-group { position: absolute; top: 0; right: 0; padding: 12px 15px; color: #fff; background-color: #000; border: 0; border-radius: 0; font-size: 14px; text-transform: uppercase; }
.inq-box .browse.btn.btn-group i { padding-left: 15px; }
.contact_details .touch_details { float: left; width: 100%; padding: 30px 0px 30px 10px; }
.touch_details h3, .contact_form h3 { float: left; width: 100%; margin: 0px 0px 20px; color: #000000; text-transform: uppercase; font-size: 22px; }
.touch_details h4 { float: left; width: 100%; margin: 0px; }
.touch_details ul { float: left; width: 100%; }
.touch_details ul li { float: left; width: 33.33%; font-size: 15px; padding: 10px 0px 10px 20px; position: relative; }
.touch_details ul li:first-child { padding-left: 0px; }
.touch_details ul li strong { font-weight: 500; padding-right: 10px; float: left; width: 100%; text-transform: uppercase; font-size: 13px; line-height: 20px; }
.touch_details ul li i { color: #000000; float: left; font-size: 14px; height: 25px; left: -10px; line-height: 38px; margin-right: 10px; position: absolute; text-align: center; top: 0px; width: 25px; }
.touch_details ul li p { display: inline-block; vertical-align: top; font-weight: 400; margin: 0px; color: #333333; font-size: 15px; padding-right: 20px; }
.touch_details ul li:first-child p { line-height: 28px; padding-top: 0px; }
.touch_details ul li a { color: #333333; }
.touch_details ul li a:hover { color: #000; }
.map { float: left; width: 100%; margin-top: 25px; }
.map iframe { width: 100%; }
/* product */
.products_detail { float: left; width: 100%; padding: 40px 0px; }
.products_detail .nav-pills { float: left; width: 100%; }
.products_detail .nav-pills li { float: left; width: 100%; margin-left: 0px; margin-top: 2px; }
.products_detail .nav-pills > li.active > a, .products_detail .nav-pills > li.active > a:hover, .products_detail .nav-pills > li.active > a:focus { background: #f5f5f8; color: #f60727; }
.products_detail .nav > li > a:hover, .products_detail .nav > li > a:focus { background: #f5f5f8; color: #f60727; }
.products_detail .nav-pills > li > a { color: #000; border-radius: 0px; padding: 13px 15px; border-right: 2px solid #1e396d; position: relative; }
.products_detail .nav-pills > li > a:after { content: "\f0da"; font-family: FontAwesome; position: absolute; top: 50%; right: -7px; color: #1e396d; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 18px; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; opacity: 0; }
.products_detail .nav-pills > li > a:hover:after { opacity: 1; }
.products_detail .nav-pills > li.active > a:after { opacity: 1; }
/* under Construction */
.under_construction { float: left; width: 100%; }
.under_construction h2 { color: #1e396d; float: left; font-size: 64px; font-weight: 500; padding: 180px 0; text-align: center; text-transform: capitalize; width: 100%; }
.under_construction h2 strong { color: #f60727; font-weight: 500; }
/* keyframe animation */
 @-webkit-keyframes slideInLeft { 0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
 @keyframes slideInLeft { 0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
 @-webkit-keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
 @keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.header_menu .navbar-default.goToTop { position: fixed; top: 0; z-index: 99; width: 100%; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.header_menu .navbar-default.goToTop .container { width: 100%; }
.navbar .sticky_logo { display: none; }
.navbar.goToTop .sticky_logo { display: block; }
.navbar-header { width: 100%; }
.navbar-header a { float: left; }
.navbar-header .navbar-collapse { float: left; margin-left:25px; }
.header_menu .navbar-default.goToTop .navbar-nav { margin: 20px 0px; }
.header_menu .navbar-default.goToTop .navbar-header img { width: 200px; }
.header_menu .navbar-default.goToTop .navbar-header a.sticky_logo { padding: 10px 0px; }
 @-webkit-keyframes fadeInDown { 0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
 @keyframes fadeInDown { 0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.header_menu .navbar-static-top.goToTop .navbar-toggle { margin-top: 26px; }
.product-main { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; }
.product-main h2 { color: #252B38; font-size: 25px; font-family: 'Montserrat', sans-serif; float: left; width: 100%; margin: 0px 0px 30px; position: relative; font-weight: 500; }
.product-main h2:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; margin: 0 auto; width: 65px; height: 1px; background: #d7579f; }
.product-main h2:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; margin: 0 auto; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.product-main h3 { font-size: 18px; color: #1e396d; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; position: relative; }
.product-main p { font-size: 15px; color: #333333; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.pro-content { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px 0px 0px; }
.product-det { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 25px 20px 25px; position: relative; background: #fff; border-left: 1px solid #dedede; }
.advantages { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; }
.pro-advantage { margin: 20px 0px 20px 10px; padding: 0px 0px 0px 20px; position: relative; border-left: 1px dashed #1e396d; }
.pro-advantage li { color: #333333; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 24px; padding: 0px 0px 15px 0px; position: relative; text-align: justify }
.pro-advantage li:before { content: ""; display: block; width: 10px; height: 10px; border-radius: 100%; border: 3px solid #fff; background: #1e396c; position: absolute; left: -26px; top: 6px; text-align: center; box-shadow: 0px 0px 0px 1px #1e396d; }
.advantages p { font-size: 15px; color: #333; font-weight: 400; font-family: 'Montserrat', sans-serif; text-align: justify; line-height: 24px; }
.advantages strong { font-weight: 600; color: #666; }
.advantage-part { float: left; width: 100%; margin: 0px 0px; padding: 35px 0px 30px 0px; background: #fff; }
.advantage-part h4 { margin: 15px 0px 15px 0px; padding: 0px 0px 15px 0px; font-size: 17px; color: #1e396d; font-family: 'Montserrat', sans-serif; text-transform: uppercase; position: relative; font-weight: 600; }
.advantage-part h4:before { content: ''; display: block; width: 55px; height: 1px; background: #d7579f; position: absolute; left: 0; right: 0; bottom: 0px; }
.advantage-part h4:after { content: ''; display: block; position: absolute; bottom: -3px; left: 0px; right: 0; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.pro-size { margin: 35px 0px 20px 20px; padding: 0px 0px 0px 0px; position: relative; }
.pro-size li { color: #333333; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 24px; padding: 10px 15px 10px 15px; margin: 0px 0px 5px 0px; position: relative; text-align: justify; background: #f5f5f5; }
.pro-top { float: left; width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; }
.product-img { float: left; margin: 30px 0px 0px 0px; padding: 25px 0px; position: relative; }
.product-img img { position: relative; z-index: 11; box-shadow: 0px 8px 21px -3px #00000042; max-width: 95%; left: 30px; }
.product-img:after { content: ''; display: block; position: absolute; left: 0; top: -10px; margin: 0 auto; width: 68%; height: 105%; background: #ffffff00; z-index: 1; border: 5px solid #1e386c29; }
.products-details .pro-det { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.products-details .pro-det p { font-size: 15px; color: #333; }
.products-part { margin: -50px 0px 0px 0px; padding: 15px 15px; position: relative; background: #fff; border-left: 1px solid #1e396c38; }
.products-part h4 { margin: 0px 0px 40px 0px; padding: 0px 0px 15px px; font-size: 18px; color: #1e396d; font-family: 'Montserrat', sans-serif; text-transform: uppercase; position: relative; font-weight: 600 }
.products-part h6 { font-size: 16px; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 500; margin: 0px 0px 0px 0px; }
.products-part ul { margin: 10px 0px 25px 0px; padding: 0px 0px; position: relative; }
.products-part ul li { font-size: 13px; color: #333; font-family: 'Montserrat', sans-serif; padding: 7px 0px 7px 5px; border-bottom: 1px solid #efeff1; }
.products-table { float: left; width: 100%; margin: 85px 0px 0px 0px; padding: 35px 0px 35px 0px; background: #f2f5f9; }
.products-table .classic-tab-panel { margin: -85px 0px 0px 0px; }
.products-table .nav-tabs { margin: 0px auto; padding: 0px 0px; position: relative; text-align: center; /*max-width:1400px;*/ }
.products-table .nav-tabs li { min-width: 50%; }
.products-table .nav-tabs li:last-child { border-right: none; }
.products-table .nav-tabs li a { font-size: 14px; background: #00102c; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.products-table .nav-tabs li a:hover>a:focus { background: #f0f6fd; color: #ca458f; box-shadow: transparent; border: transparent; }
.products-table .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background: #f60727; color: #fff; border: none; padding: 22px 20px; margin: -22px 0px 0px 0px; border-radius: 20px 20px 0px 0px; }
.ttl-table { width: 100%; text-align: center; color: #fff; background: #000; font-family: 'Montserrat', sans-serif; }
.pro-specification { float: left; width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; background: #f0f6fd; }
.pro-table { width: 100%; margin: 0px auto 0px auto; padding: 20px 20px; background: #fff; border: 5px solid #e5ecf3; /*max-width:1400px;*/ }
.pro-table h4 { font-size: 20px; font-family: 'Montserrat', sans-serif; font-weight: 500; padding-bottom: 5px; }
.pro-table thead { background: #41526E; color: #fff; text-align: center; }
.pro-table thead th { text-align: center; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 10px 15px; border: 1px solid #5b6c88; }
.pro-table tbody tr:nth-child(odd) { background: #ffffff; }
.pro-table tbody tr:nth-child(even) { background: #f0f6fd47; }
.pro-table td { text-align: center; font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; padding: 10px 15px; border: 1px solid #1e396d26; }
.accordion-box { position: relative; }
.accordion-box h4 { margin: 15px 0px 15px 0px; padding: 0px 0px 15px 0px; font-size: 18px; color: #1e396d; font-family: 'Montserrat', sans-serif; text-transform: uppercase; position: relative; font-weight: 600; }
.accordion-box h4:before { content: ''; display: block; width: 100px; height: 1px; background: #d7579f; position: absolute; left: 0; right: 0; bottom: 0px; }
.accordion-box h4:after { content: ''; display: block; position: absolute; bottom: -3px; left: 0px; right: 0; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.pro-detl { margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; }
.pro-detl li { font-size: 14px; color: #333333; font-family: 'Montserrat', sans-serif; padding: 10px 15px; border-bottom: 1px solid #eaeaea; font-weight: 400; }
.pro-detl li a { color: #333; }
.pro-detl li a:hover { text-decoration: underline; }
.pro-detl li:last-child { border-right: none; }
.product-details { float: left; width: 100%; background: #fff; margin: 0px 0px 0px 0px; padding: 35px 0px; position: relative; }
.accordion-box .block { position: relative; margin-bottom: 25px; }
.accordian-style-one { margin-top: 40px; }
.accordian-style-one .block:last-child::before { display: none; }
.accordion-box .block .acc-btn { position: relative; font-size: 16px; margin-bottom: 0px; cursor: pointer; line-height: 24px; padding: 10px 30px 10px 40px; font-weight: 500; overflow: hidden; color: #2c3032; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; border: 1px solid #d8d8d8; border-radius: 10px; }
.accordion-box .block .acc-btn.active { background-color: #f3f6fa; }
.accordion-box .block .acc-btn.active .icon-outer .icon { position: relative; left: -2px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.accordion-box .block .icon-outer { position: absolute; left: 0px; top: 4px; width: 37px; height: 37px; border-radius: 5px; line-height: 35px; text-align: center; font-size: 16px; color: #0c0d0e; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.accordian-style-one .block .icon-outer .icon { position: absolute; left: 0px; top: 0px; width: 37px; height: 37px; border-radius: 5px; line-height: 35px; text-align: center; font-size: 18px; font-weight: 500; }
.accordion-box .block .acc-content { display: none; }
.accordion-box .block .acc-content.current { display: block; }
.accordion-box .block .content-text { position: relative; font-size: 14px; padding: 10px 0px 5px 28px; }
.accordian-style-one .block .content-text p { margin-bottom: 20px; line-height: 1.6em; color: #777777; font-size: 14px; }
.accordian-style-one .block .content-text p:last-child { margin-bottom: 0px; }
.accordian-style-two .block .icon-outer { background-color: #f9f9f9; }
.accordian-style-two .block .acc-btn.active .icon-outer { background-color: #30355d; color: #ffffff; }
.accordian-style-two .block .acc-btn { font-size: 16px; font-weight: 400; }
.accordian-style-two .block .acc-btn.active .icon-outer .icon { left: 2px; }
.accordian-style-two .block .content-text { padding-right: 0px; }
.accordian-style-two .block:before { position: absolute; content: ''; left: 18px; top: 25px; height: 100%; width: 1px; border: 1px dashed #e7e7e7; }
.accordian-style-two .block:last-child::before { display: none; }
.inquiry-box { float: left; width: 100%; margin: 40px 0px 20px 0px; padding: 0px 0px; position: relative; }
.inquiry-scsn { width: 100%; padding: 20px 20px; margin: 0px 0px 20px 0px; background: #fff; position: relative; box-shadow: 0px 0px 10px 1px #0000001a }
.inquiry-scsn h3 { color: #252B38; font-size: 25px; font-family: 'ProximaNovaSemibold'; margin: 0px 0px 30px; position: relative; }
.inquiry-scsn h3:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; width: 65px; height: 1px; background: #d7579f; }
.inquiry-scsn h3:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.inq-box { width: 100%; margin: 0px 0px 25px 0px; padding: 0px 0px; position: relative; }
.inq-box input, .inq-box select { color: #333; width: 100%; height: 45px; margin: 0px 0px; padding: 10px 15px; border: 1px solid #cacaca; position: relative; background: transparent; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
/*.inq-box input:focus, .inq-box textarea:focus, .inq-box select:focus { padding: 10px 15px 10px 25px; }*/
.inq-box textarea { width: 100%; height: 150px; margin: 0px 0px; padding: 10px 15px; border: 1px solid #cacaca; resize: none; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -webkit-transition: all ease 0.5s; }
.inquiry-box .submit {
    padding: 10px 100px;
    color: 
#fff;
background:
    #000;
    border: none;
}
.inquiry-scsn img { position: absolute; top: 8px; right: 7px; }
.technical-info_info { float: left; width: 100%; padding: 0px 0px 40px; }
.technical-info_info h2 { color: #252B38; font-size: 25px; font-family: 'Montserrat', sans-serif; float: left; width: 100%; margin: 0px 0px 30px; position: relative; font-weight: 500; }
.technical-info_info h2:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; margin: 0 auto; width: 65px; height: 1px; background: #d7579f; }
.technical-info_info h2:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; margin: 0 auto; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.technical-info_info h4 { float: left; width: 100%; margin: 15px 0px 0px; font-size: 22px; color: #000; }
.technical-info_info h5 { float: left; width: 100%; margin: 0px 0px 0px; font-size: 18px; color: #000; /* padding-left: 20px; */ position: relative; }
.technical-info_info p { font-weight: 400; color: #333333; float: left; width: 100%; line-height: 27px; margin: 0px; padding-top: 5px; text-align: justify; margin-bottom: 10px; }
.technical-info_info ul { float: left; width: 100%; padding-left: 20px; margin-top: 50px; }
.technical-info_info ul li { font-size: 15px; color: #333333; float: left; width: 100%; position: relative; font-weight: 400; line-height: 23px; padding: 18px 20px 18px 30px; background: #ffffff; -webkit-box-shadow: 0 8px 2px -6px #cccccc; -moz-box-shadow: 0 8px 2px -6px #cccccc; box-shadow: 0 8px 2px -6px #cccccc; margin-top: 42px; text-align: justify; }
.technical-info_info ul li:first-child { margin-top: 0px; }
.technical-info_info ul li::after { color: rgb(68, 68, 68); content: ""; font-family: FontAwesome; font-size: 13px; height: 37px; left: -20px; position: absolute; top: -17px; width: 37px; line-height: 34px; text-align: center; transform: rotate(20deg); border-width: 2px; border-style: solid; border-color: rgb(201, 93, 170); border-image: initial; border-radius: 100%; background: rgb(255, 255, 255); }
.technical-info_info ul li:hover:after { background: #d7579f; border: 1px solid #d7579f; color: #fff; }
.technical-part { float: left; width: 100%; margin: 0px 0px; padding: 20px 0px; position: relative; }
.technical-part p { font-size: 15px; color: #333; margin: 0px 0px 25px 0px; font-weight: 400; text-align: justify; line-height: 24px; }
.technical-scsn { position: relative; margin: 15px; border-left: 1px dashed #1e386c; padding: 10px 40px; }
.technical-scsn > span { position: absolute; width: 40px; height: 40px; font-size: 17px; text-align: center; line-height: 40px; border-radius: 100%; left: -20px; top: 0; background: #1e386c; color: #fff; }
.technical-scsn h3 { font-size: 20px; font-weight: 700; margin: 0px 0px; color: #1e396c; }
.technical-scsn p { margin-top: 10px; font-size: 15px; font-weight: 400; text-align: justify; }
.base-speci { margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative; }
.base-speci li { font-size: 15px; color: #333; font-family: 'Montserrat', sans-serif; line-height: 24px; font-weight: 400; margin-bottom: 10px; padding: 0px 0px 0px 18px; position: relative; }
.base-speci li:before { content: ''; display: block; width: 7px; height: 1px; background: #333; position: absolute; left: 0; top: 11px; }
.material-part { float: left; width: 100%; margin: 0px 0px; padding: 30px 0px 25px 0px; background: #fff; }
.material-part h2 { color: #252B38; font-size: 25px; font-family: 'Montserrat', sans-serif; float: left; width: 100%; margin: 0px 0px 30px; position: relative; font-weight: 500; }
.material-part h2:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; margin: 0 auto; width: 65px; height: 1px; background: #d7579f; }
.material-part h2:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; margin: 0 auto; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.material-part p { font-size: 15px; color: #333; font-weight: 400; margin-bottom: 20px; line-height: 24px; }
.applications { float: left; width: 100%; padding: 0px 0px 30px; }
.applications h2 { color: #252B38; font-size: 25px; font-family: 'Montserrat', sans-serif; float: left; width: 100%; margin: 0px 0px 30px; position: relative; font-weight: 500; }
.applications h2:before { content: ''; display: block; position: absolute; bottom: -10px; left: 0; margin: 0 auto; width: 65px; height: 1px; background: #d7579f; }
.applications h2:after { content: ''; display: block; position: absolute; bottom: -13px; left: 60px; margin: 0 auto; width: 8px; height: 8px; background: #fff; border: 1px solid #d7579f; border-radius: 10px; }
.applications .applications-details { height: 100%; padding: 0px 20px 20px; border-radius: 2px; background: #ffffff; margin: 30px 0px; position: relative; box-shadow: 0px 3px 8px -3px #00000045; min-height: 250px; }
.applications .applications-details:before { content: ''; position: absolute; width: 0%; height: 2px; background: #da589f; bottom: 0; left: 0; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }
.applications .applications-details:hover:before { width: 100%; }
.applications .applications-details img { margin-bottom: 15px; box-shadow: 0px 8px 10px -6px #00000082; }
.applications .applications-details h4 { margin: 15px 0px 0px; font-size: 15px; line-height: 24px; color: #000; }
.padt30 { padding-top: 30px; }
.animated { -webkit-animation-duration : 0.8s; animation-duration : 0.8s; -webkit-animation-delay : 500ms; animation-delay : 500ms; }
.animate-out { -webkit-animation-delay : 0ms; animation-delay : 0ms; }
.faq-details { float: left; width: 100%; margin: 0px 0px; }
.faq-details h4 { margin: 30px 0px 20px 0px; font-size: 22px; color: #000; }
.faq-details h5 { margin: 30px 0px 15px 0px; font-size: 20px; color: #dc489b; font-weight: 600; }
.faq-details p { font-size: 15px; color: #333; text-align: justify; line-height: 22px; margin: 0px 0px 20px 0px; }
.panel-group .panel+.panel { margin-top: 10px; }
.faq-img { margin: 15px 0px 30px 0px; }
.spot-img { margin: 15px 0px 30px 0px; text-align: center; }
.spot-img h6 { font-size: 20px; color: #000; margin: 0px 0px 15px 0px; font-weight: 600; }
.spot-img img { text-align: center; margin: 0 auto; }
.panel-default { border-color: #ddd; border-radius: 0 !important; }
.panel-default > .panel-heading { color: #444; }
.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #efefef; background: #fff; }
.faq-details h4.check-title a { color: #444; display: block; font-weight: 600; padding: 10px 10px 10px 40px; text-decoration: none; background: #fff; }
.panel-body { padding: 15px 15px 0px 55px; }
.faq-details .panel-body ul { margin: 0px 0px 25px 0px; padding: 0px 0px; position: relative; }
.faq-details .panel-body ul li { font-size: 15px; color: #333; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; padding: 0px 0px 0px 18px; position: relative; }
.faq-details .panel-body ul li:before { content: ''; display: block; width: 7px; height: 1px; background: #333; position: absolute; left: 0; top: 11px; }
.faq-table { margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; }
.faq-table th { font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 500; padding: 10px 15px; border: 1px solid #5b6c88; background: #41526E; color: #fff; }
.faq-table tbody tr:nth-child(odd) { background: #ffffff; }
.faq-table tbody tr:nth-child(even) { background: #f0f6fd47; }
.faq-table td { font-size: 15px; font-family: 'Montserrat', sans-serif; font-weight: 400; padding: 10px 15px; border: 1px solid #1e396d26; }
.faq-details h4.check-title { color: #444; font-size: 16px; margin: 0; text-transform: capitalize; }
.faq-details a span.acc-icons { position: relative; }
.faq-details a span.acc-icons::before { color: #444; content: "\f107"; font-family: FontAwesome; font-size: 20px; left: -26px; line-height: 39px; position: absolute; text-align: center; top: -10px; }
.faq-details a.active span.acc-icons::before { color: #dc489b; content: "\f106"; font-family: FontAwesome; font-size: 20px; left: -26px; line-height: 39px; position: absolute; text-align: center; top: -10px; }
.faq-details .panel-heading h4 a.active { color: #dc489b; background: #fff; }
.career-top { float: right; margin: 22px 0px 0px 13px; position: relative; }
.career-top li { margin: 0px 0px; padding: 30px 15px; border-left: 1px solid #CCCCCC; position: relative; }
.career-top li strong { font-weight: 600; font-size: 15px; text-transform: uppercase; color: #1e396d; }
.career-top li a { font-size: 15px; color: #666; letter-spacing: 1px; line-height: 22px; }
.career-top li a i { color: #f60727; margin: 0px 5px 0px 0px; }
.converter-part { display: table; width: 100%; margin: 35px auto; max-width: 850px; }
.converter-wrapper { margin: 0 auto; width: 100%; max-width: 1170px; text-align: center; padding: 10px; box-sizing: border-box; }
.converter-wrapper input { font-family: 'Open Sans', sans-serif; font-size: 1em; width: 100%; text-align: left; margin-top: 10px; padding: 20px 15px; height: 50px; box-sizing: border-box; }
.converter-wrapper span { position: relative; display: inline-block; vertical-align: middle; width: 100%; }
.converter-wrapper span select { background-color: #f3f6fa; color: #344054; border: 1px solid #8da2bd; font-size: 16px; padding: 15px; width: 100%; margin: 0; border-radius: 0px; text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none; /* hide default arrow in chrome OSX */ }
.converter-wrapper span::before, .converter-wrapper span::after { content: ""; position: absolute; pointer-events: none; }
.converter-wrapper span::after { /*  Custom dropdown arrow */ content: "\25BC"; height: 1em; font-size: .625em; line-height: 1; right: 1.5em; top: 50%; margin-top: -.5em; color: #f3f6fa; }
.converter-wrapper span::before { /*  Custom dropdown arrow cover */ width: 2.5em; right: 0; top: 0; bottom: 0; border-radius: 0; background-color: #8da2bd; }
.converter-side-a, .converter-side-b { float: left; margin-top: 10px; box-sizing: border-box; width: 45%; }
.converter-equals { float: left; box-sizing: border-box; width: 10%; color: #FFF; font-size: 2.4em; line-height: 0; text-align: center; }
.converter-equals p { text-align: center; font-size: 45px; margin: 60px auto 0px auto; }
#toTop { padding: 0; font-size: 12px; color: #000; position: fixed; cursor: pointer; bottom: 15px; right: 20px; display: none; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); }
#toTop span { font-size: 30px; margin: 0px 0px 0px 5px; }
.t-center { text-align: center!important; }
p.pro-main { font-size: 18px; font-weight: 500; margin: 10px 0 0 20px; }
.thank-you { padding: 45px 0; float: left; width: 100%; }
.thank-you .thanks-part { width: 50%; margin: 0 auto; background-color: #fff; padding: 50px 35px; box-shadow: 0 0 7px 0 rgba(51,51,51,.1); text-align: center; }
.thank-you .thanks-part h1 { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 50px; color: #1e396d; }
.thank-you .thanks-part h3 { font-size: 22px; font-weight: 500; color: #333; font-family: 'Montserrat', sans-serif; }
.thank-you .thanks-part span i { height: 50px; width: 50px; line-height: 45px; text-align: center; border: 3px solid #f60727; border-radius: 100%; font-size: 23px; color: #333; margin: 0 0 10px }
.thank-you .thanks-part p { font-weight: 400; font-size: 18px; margin-bottom: 25px; font-family: 'Montserrat', sans-serif; color: #333; }
.thank-you .thanks-part a, .error-page .error a { padding: 10px 15px; background: #f60727; font-size: 16px; color: #fff; font-weight: 400; border-radius: 0; font-family: 'Montserrat', sans-serif; display: inline-block; }
.error-page {
	float: left;
	width: 100%;
	padding: 45px 0;
}
.error-page .error { margin: 0 auto; text-align: center; }
.error-page .error h1 { font-size: 230px; font-weight: 700; color: #1e396d; line-height: 200px; }
.error-page .error h1 span { color: #f60727; }
.error-page .error p { font-weight: 400; font-size: 22px; margin-bottom: 25px;font-family: 'Montserrat', sans-serif;color: #343434; }
.error-page .error h3 { font-size: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; margin: 0 0 10px 0; color: #333; }

.boxes h3{ margin:15px 0 35px 0; padding:0;}
.redcolor{ color:red;}
.footerlink ul li a{color:#fff;}