* { margin: 0; padding: 0; }
BODY { margin: 0; padding: 0; font-family: 'Lato', sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
header,
footer,
nav,
aside,
section,
article { margin: 0; padding: 0; }
ul,
ol,
li,
a,
img { margin: 0; padding: 0; text-decoration: none; list-style: none; }
img { max-width: 100%; }
body:focus { outline: none; }
/******************************************************* Header Start Here ***********************************************/
.container { width: 1280px; margin: 0 auto; }
.topbar { background-color: #292929; color: #fff; padding: 10px 0; float: left; width: 100%; }
.topbar .social_link { text-align: right; }
.topbar .social_link span { margin-right: 10px; }
.topbar .social_link span a { color: #fff; }
.topbar .social_link span:last-child { margin-right: 0; }
/************* Nav CSS Start Here ***********/
header { float: left; width: 100%; padding: 30px 0; }
header .brand_logo { float: left; width: 20%; }
header .brand_logo a { float: left; }
nav.navigation { float: left; width: 80%; }
nav.navigation ul.navbar-nav { float: right; width: auto; margin-top: 10px; }
nav.navigation ul.navbar-nav .menu-item { float: left; width: auto; margin-right: 10px; }
nav.navigation ul.navbar-nav .menu-item:last-child { margin-right: 0; }
nav.navigation ul.navbar-nav .menu-item a { font-size: 16px; font-family: 'Lato', sans-serif; text-transform: uppercase; padding: 15px; color: #6d6d6d; font-weight: 400; }
nav.navigation ul.navbar-nav .menu-item a:hover { color: #d81000; }
.sticky { position: fixed; top: 0; right: 0; margin: 0 auto; z-index: 9999999; background-color: #fff; padding: 8px 0; }
a#backToTop { width: 40px; height: 40px; opacity: 1; position: fixed; bottom: 5px; right: 5%; display: none; text-indent: -10000px; outline: none !important; background-image: url(../images/Back-to-Top.png); background-size: cover; }
/****************************** Slider Css Start Here ************************************/
.banner { float: left; width: 100%; }
.slider-container { position: relative; overflow: hidden; width: 100%; margin: 0 auto; background-color: #444; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.slider { position: relative; width: 9999px; }
.slider:before,
.slider:after { display: table; content: ' '; }
.slider:after { clear: both; }
.slider__item { position: relative; float: left; margin: 0; padding: 0; height: 100%; }
.slider__item img { display: block; max-width: 100%; width: 100%; }
.slider__switch span { color: #fff; display: block; width: 32px; height: 32px; }
/* Arrows */
.slider__switch { position: absolute; top: 50%; margin-top: -20px; padding: 10px 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border-radius: 1px; background: #000; opacity: .3; transition: opacity .15s ease; fill: #fff; }
.slider__switch--prev { left: 10px; }
.slider__switch--next { right: 10px; }
.slider__switch:hover { opacity: .85; }
.slider__switch[disabled] { visibility: hidden; opacity: 0; }
.slider__caption { position: absolute; top: 21%; right: 3%; display: block; max-width: 500px; padding: 10px; color: #fff; }
.slider__caption h1 { font-family: 'Lato', sans-serif; font-size: 50px; font-weight: 900; color: #d81000; text-transform: uppercase; display: inline-block; }
.slider__caption h2 { font-family: 'Lato', sans-serif; font-size: 40px; font-weight: 900; color: #292929; text-transform: uppercase; display: inline-block; }
.slider__caption h3 { font-family: 'Lato', sans-serif; font-size: 28px; font-weight: 400; color: #292929; display: inline-block; }
.slider__caption.second h2 { color: #fff; text-transform: uppercase; display: inline-block; }
.slider__caption.second h3 { font-family: 'Lato', sans-serif; color: #fff; display: inline-block; }
.slider__caption a.slider_link { display: inline-block; margin-top: 40px; background-color: #292929; color: #fff; padding: 15px; font-size: 17px; font-family: 'Lato', sans-serif; }
.slider__caption[disabled] { opacity: 0; visibility: hidden; }
.slider-nav { line-height: 30px; position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; margin: 0; padding: 0; text-align: center; z-index: 99999; filter: alpha(opacity=90); /* ie8 */ }
.slider-nav__control { display: none; width: 12px; height: 12px; margin: 0 3px; -webkit-transition: background .5s ease; -moz-transition: background .5s ease; -o-transition: background .5s ease; transition: background .5s ease; border: 2px solid #000; border-radius: 50%; background: transparent; }
.slider-nav__control.is-active { width: 12px; height: 12px; background: #000; }
.slider.has-touch { cursor: auto; }
/*************************************** Slider Css End Here ***********************************/


/*************************************************** Section Start Here *************************************/

section { float: left; width: 100%; padding: 55px 0; }
section h2 { font-size: 26px; line-height: 31px; font-family: 'Lato', sans-serif; color: #494949; text-transform: uppercase; text-align: center; width: 100%; font-weight: 400; }
section h2:after { content: ""; background-color: #d81000; height: 2px; width: 85px; display: inherit; margin: 0 auto; margin-top: 20px; margin-bottom: 29px; }
section .our_services p { text-align: center; font-size: 18px; line-height: 25px; color: #6d6d6d; font-family: 'Lato', sans-serif; margin-bottom: 15px; }
section .our_services_full { float: left; width: 100%; margin-top: 40px; }
section .our_services .services_box { float: left; width:100%; text-align: left; }
section .our_services .services_box:last-child { margin-right: 0; }
section .our_services .services_box h3 { font-family: 'Lato', sans-serif; font-size: 17px; line-height: 25px; font-weight: 600; color: #494949; text-transform: uppercase; }
section .our_services .services_box p { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 20px; color: #6d6d6d; text-align:left;margin: 0 auto; margin-top: 8px; }
section .our_services .services_box a { font-family: 'Lato', sans-serif; font-size: 15px; line-height: 25px; color: #d81000; text-transform: uppercase; margin-top: 10px; display: inline-block; text-decoration: underline; }
section .our_services .services_box .hexagon { height: 95px; width:100px; background-position: center; background-repeat: no-repeat; transition: .5s;float: left;    margin-right: 30px; }
section .our_services .services_box.first_box .hexagon { background-image: url(../images/hexa_1.png); }
section .our_services .services_box.first_box:hover .hexagon { background-image: url(../images/hexa_1_hover.png); }
section .our_services .services_box.second_box .hexagon { background-image: url(../images/hexa_2.png); }
section .our_services .services_box.second_box:hover .hexagon { background-image: url(../images/hexa_2_hover.png); }
section .our_services .services_box.third_box .hexagon { background-image: url(../images/hexa_3.png); }
section .our_services .services_box.third_box:hover .hexagon { background-image: url(../images/hexa_3_hover.png); }
section .our_services .services_box.forth_box .hexagon { background-image: url(../images/hexa_4.png); }
section .our_services .services_box.forth_box:hover .hexagon { background-image: url(../images/hexa_4_hover.png); }
section#provided { background-image: url(../images/provided.png); background-size: 100% 100%; background-repeat: no-repeat; }
#provided .provided_main { float: left; width: 100%; }
#provided .provided_main .main_box { float: left; width: 100%; }
#provided .provided_main .provided_box { float: left; width: 31.33%; margin-right: 38px; text-align: center; }
#provided .provided_main .provided_box:last-child { margin-right: 0; }
#provided .provided_main .provided_box .box_content { background-color: #fff; border: 1px solid #d9d9d9; padding: 8px 8px 20px; position: relative; display: inline-block; }
#provided .provided_main .provided_box .box_content .image_overlay { display: inline-block; }
#provided .provided_main .provided_box .box_content .image_overlay img { float: left; }
#provided .provided_main .provided_box .box_content .overlay { position: absolute; top: 8px; right: 0; left: 0; margin: 0 auto; width: 96%; height: 74%; background-color: rgba(0,0,0,0.5); color: #fff; visibility: hidden; transition: .5s; transform: scale(0); }
#provided .provided_main .provided_box:hover .overlay { visibility: visible; transform: scale(1); }
#provided .provided_main .provided_box:hover .box_content h3 { color: #d81000 !important; }
#provided .provided_main .provided_box .box_content .overlay p { margin-top: 60px; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 21px; }
#provided .provided_main .provided_box .box_content h3 { font-size: 24px; font-family: 'Lato', sans-serif; line-height: 26px; font-weight: 700; color: #494949 !important; text-transform: uppercase; margin-top: 20px; }
section #testing { float: left; width: 100%; }
#testing .links { float: left; width: 100%; margin: 20px 0 30px; }
#testing .links a.btn.but_next { font-size: 17px; font-family: 'Lato', sans-serif; color: #d81000; line-height: 24px; font-weight: 700; border: 1px solid #494949; padding: 25px 0; margin-right: 15px; float: left; width: 242px; text-align: center; }
#testing .links a.btn.but_next:last-child { margin-right: 0; }
#testing .links a.btn.but_next:hover { color: #fff; background-color: #d81000; border-color: #d81000; }
#testing .contact_form { float: left; width: 100%; padding: 35px 0; background-image: url(../images/contact_bg.png); background-repeat: no-repeat; background-size: 100% 100%; }
#testing .contact_form form { width: 65.782%; margin: 0 auto; border: 1px solid #ccc; padding: 0 20px; background-color: #f3f3f3; }
#testing .contact_form form input { width: 96.4%; border-bottom: 1px solid #b8b7cb !IMPORTANT; background-color: transparent; border: none; font-family: 'Lato', sans-serif; padding: 20px 15px; font-size: 15px; }
#testing .contact_form form ::-webkit-input-placeholder {
font-size:15px;
color:#000;
opacity:1;
}
input#email,
#company { width: 45.4% !important; float: left; margin-right: 16px; }
input#company { margin-right: 0; }
input:focus { outline: none; }
textarea:focus { outline: none; }
#testing .contact_form form label { width: 96.4%; display: inline-block; margin: 20px 15px; ; }
textarea#message { width: 96.4%; background-color: transparent; border-color: #b8b7cb; padding: 12px; }
#testing .contact_form form .button_center { text-align: center; display: inline-block; width: 100%; margin: 20px 0; }
#testing .contact_form form .button_center button { width: 165px; background-color: #292929; color: #fff; text-transform: uppercase; padding: 15px 0; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 20px; font-weight: 300; display: inline-block; }
#contact { padding: 0px 0 55px 0; border: none;}
#contact .contact_details { float: left; width: 30%; text-align: center; }
#contact .contact_details:last-child { margin-right: 0;}
#contact .contact_details:nth-child(2) { margin-right: 5%; margin-left: 5%; }
#contact .contact_details p i { color: #ed1f24; font-size: 26px; margin-bottom: 15px; }
#contact .contact_details p.detail_text { font-family: 'Lato', sans-serif; font-size: 16px; color: #6d6d6d; line-height: 20px; }
#contact .contact_details p.detail_text a { font-family: 'Lato', sans-serif; font-size: 16px; color: #6d6d6d; line-height: 20px; }
#contact .contact_details:nth-child(3) .detail_text { width: 70%; margin: 0 auto; }
#contact .contact_details:nth-child(4) .detail_text { margin-top: 10px; }
#contact .contact_details:nth-child(2) .detail_text { margin-top: 10px; }
footer:before { content: "\f106"; font-family: FontAwesome; position: absolute; right: 0; left: 0; margin: 0 auto; width: 13px; color: #555555; top: -23px; z-index: 2; font-size: 22px; float: left; }
footer:after { content: ""; width: 0; border-style: solid; border-width: 31px; border-color: #000 transparent transparent #000; float: left; position: absolute; top: -21px; border-radius: 18px 0px 0px 0px; transform: rotate(45deg); right: 0; left: 0; margin: 0 auto; }
footer { float: left; width: 100%; background-color: #000000; padding: 35px 0; position: relative; }
footer .conection { text-align: center; display: inline-block; width: 100%; }
footer .conection span a { color: #fff; }
footer .conection span { margin-right: 10px; }
footer .conection span:last-child { margin-right: 0; }
footer .copyright { text-align: center; display: inline-block; width: 100%; margin-top: 20px; }
footer .copyright p { font-size: 16px; color: #6d6d6d; font-weight: 400; font-family: 'Lato', sans-serif; }
.navbar-toggle .icon-bar { display: none; width: 30px; height: auto; border: 2px solid #000; border-radius: 1px; }
.navbar-toggle.collapsed { display: none; background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-child(1) { transform: rotate(45deg); transition: .5s; }
.navbar-toggle.active .icon-bar:nth-child(2) { display: none; }
.navbar-toggle.active .icon-bar:nth-child(3) { transform: rotate(130deg); transition: .5s; margin-top: -4px; }
button.navbar-toggle.collapsed.active { margin-top: 10px; }
.slider__item .mobile { display: none; }
/*************************************************************************** new page css Start Here *****************************/


.testing_main .provided_box { float: left; width: 31.33%; margin-right:3%; text-align: center; }
.testing_main .provided_box:last-child { margin-right: 0; }
.testing_main .provided_box .box_content { background-color: #fff; border: 1px solid #d9d9d9; padding: 8px 8px 20px; position: relative; display: inline-block; }
.testing_main .provided_box .box_content .image_overlay { display: inline-block; }
.testing_main .provided_box .box_content .image_overlay img { float: left; }
.testing_main .provided_box .box_content h3 { font-size: 16px; font-family: 'Lato', sans-serif; line-height: 26px; font-weight: 700; color: #494949 !important; text-transform: uppercase; margin-top: 20px; }
section.main_box { float: none; max-width: 1280px; margin: 0 auto; }
.main_box .installation_box { clear: both; margin-top: 30px; overflow: hidden; }
.main_box .installation_box .big_img { float: left; margin-right: 30px; }
.main_box .installation_box h3 { margin-bottom: 15px; }
.main_box .installation_box p { line-height: 23px; margin-bottom: 10px }
.main_box .installation_box ol { list-style: decimal; margin-bottom: 15px; overflow: hidden; }
.main_box .installation_box ol li { list-style: decimal; line-height: 23px; width: 45%; float: left; margin-left: 15px; padding-left: 10px; }
.commissioning.installation_box .big_img { float: right; margin-right: 0; margin-left: 30px; }
.installation_box .inst_cont { float: left; width: 41%; }
section .flexslider { width: 100%;margin: 80px auto;max-width: 1280px;}
section .flexslider .flex-control-nav { display: none; }
.flex-direction-nav a:before {
    font-family: flexslider-icon;
    font-size: 32px;}
/*************************************************************************** About Page *****************************/
.aboutbanner {
    max-width: 1280px;
    margin: 0 auto;
}







/*************************************************************************** Responsive View Start Here *****************************/


@media only screen and (max-width:1280px) {
.container { width: 94%; }
input#email,
#company { margin-right: 1.6%; width: 45.1% !important; }
section .our_services .services_box h3 { font-size: 15px; }
section .our_services .services_box { margin-right: 2%; }
#testing .links a.btn.but_next { width: 19%; margin-right: 1.0%; }
#provided .provided_main .provided_box { margin-right: 2.8%; }
.slider__caption h1 { font-size: 30px; width: 100%; }
.slider__caption h2 { font-size: 20px; }
.slider__caption h3 { font-size: 18px; width: 100%; }
.slider__caption a.slider_link { padding: 8px; }
.slider__caption a.slider_link { margin-top: 2%; }
.slider__item img { height: auto; }
.installation_box .inst_cont {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 20px;
}
.main_box .installation_box .big_img, .commissioning.installation_box .big_img {
    float: none;
    margin-right: 0px;margin-left: 0px; 
    text-align: center;
}
}
 @media only screen and (max-width:1189px) {
section .our_services .services_box { width: 49%; }
section .our_services .services_box:nth-child(3) { margin-top: 20px; }
section .our_services .services_box:nth-child(4) { margin-top: 20px; }
section .our_services .services_box:nth-child(even) { margin-right: 0; }
#testing .contact_form form { width: 80%; }
#testing .links { float: none; width: 100%; margin: 0 auto; display: inline-block; text-align: center; }
#testing .links a.btn.but_next { float: none; display: inline-block; margin-bottom: 15px; width: auto; padding: 15px; }
#provided .provided_main .provided_box .box_content .overlay p { margin-top: 20px; }
}
 @media only screen and (max-width:1024px) {
#testing .links a.btn.but_next { display: inline-block; }
#provided .provided_main .provided_box .box_content .overlay { width: 95%; height: 68%; }
#provided .provided_main .provided_box .box_content h3 { font-size: 20px; }
#provided .provided_main .provided_box .box_content .overlay p { margin-top: 0; font-size: 14px; position: absolute; top: 50%; padding: 10px; transform: translateY(-50%); }
.slider__caption { right: 0; left: 0; margin: 0 auto; background-color: rgba(0,0,0,0.5); color: #fff; text-align: center; }
.slider__caption h1,
.slider__caption h2,
.slider__caption h3 { color: #fff !important; line-height: 40px; }
}
@media only screen and (max-width:973px) {
input#email,
#company { width: 96.4% !important; }
}
 @media only screen and (max-width:926px) {
section .our_services p br { display: none; }
}
 @media only screen and (max-width:769px) {
.navbar-toggle .icon-bar { display: block; margin-top: 5px; }
.navbar-toggle .icon-bar:first-child { margin-top: 0; }
#main_menu { display: none; }
.navbar-toggle.collapsed { display: inline-block; float: right; border: none; }
#main_menu { width: 100%; position: absolute; right: 0; left: 0; margin: 0 auto; top: 0%;
	background-color: #e7e7e7; z-index: 999999; margin-top: 118px; }
nav.navigation ul.navbar-nav { float: none; width: 96%; margin: 0 auto; }
nav.navigation ul.navbar-nav .menu-item { float: left; width: 100%; margin-right: 0; }
nav.navigation ul.navbar-nav .menu-item a { display: inline-block; width: 90%; }
:focus { outline: none; }
section .our_services .services_box { width:100%; margin-right: 0; }
section { padding: 30px 0; }
footer .copyright p { font-size: 14px; }
.topbar .social_link { text-align: center; }
section h2 { font-size: 20px; }
section .our_services p { font-size: 14px; }
section h2:after { margin-top: 10px; margin-bottom: 18px; width: 70px; }

#provided .provided_main .provided_box .box_content .overlay { height: 71%; }
#provided .provided_main .provided_box:nth-child(3) { margin-right: 0; }
#provided .provided_main .provided_box:nth-child(4) { width: 100%; margin-top: 15px; }
header .brand_logo { width: 27%; }
nav.navigation ul.navbar-nav li { -webkit-transition: opacity .5s, top .5s; -moz-transition: opacity .5s, top .5s; transition: opacity .5s, top .5s; visibility: visible; transition: .5s; }
nav.navigation.in ul.navbar-nav li:nth-child(1) { -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-delay: .5s; opacity: 1; }
nav.navigation.in ul.navbar-nav li:nth-child(2) { -webkit-transition-delay: .4s; -moz-transition-delay: .4s; transition-delay: .4s; opacity: 1; }
nav.navigation.in ul.navbar-nav li:nth-child(3) { -webkit-transition-delay: .3s; -moz-transition-delay: .3s; transition-delay: .3s; opacity: 1; }
nav.navigation.in ul.navbar-nav li:nth-child(4) { -webkit-transition-delay: .2s; -moz-transition-delay: .2s; transition-delay: .2s; opacity: 1; }
nav.navigation.in ul.navbar-nav li:nth-child(5) { -webkit-transition-delay: .1s; -moz-transition-delay: .1s; transition-delay: .1s; opacity: 1; }
#contact .contact_details { width: 100%; margin-bottom: 15px; margin-right: 0; }
#contact .contact_details:nth-child(4) .detail_text { margin-top: 0; }
#contact .contact_details:nth-child(2) .detail_text { margin-top: 0; }
.slider__caption { top: 9%; }
.sticky #main_menu { margin-top: 98px; }
.sticky { padding: 30px 0; }
.slider__item .mobile { display: block; }
.slider__item .desktop { display: none; }
.testing_main .provided_box {
    float:none;
    width:100%;
    margin-right:0%;
   	margin-bottom:20px;
}
#contact .contact_details:nth-child(2) {
    width: 100%;
}
#contact .contact_details:last-child {
   width: 100%;
}

}
@media only screen and (max-width:767px) { 
#provided .provided_main .provided_box { width: 55%;
    margin-left: 22.5%;}
}
@media only screen and (max-width:640px) {
.main_box .installation_box ol li {
    width: 100%;
    float: none;
    margin-left: 15px;
    padding-left: 10px;
}
}
@media only screen and (max-width:600px) {
section .our_services .services_box { width: 100%; margin-right: 0 !important; margin-bottom: 20px; margin-top: 0 !important; }
section .our_services_full { margin-top: 20px; }
#provided .provided_main .provided_box { width: 80%;margin-left: 10%;}
#testing .contact_form form input,
textarea#message,
#testing .contact_form form label { width: 90.4% !important; margin-right: 0; }
footer .copyright p { font-size: 12px; line-height: 24px; }
.navbar-toggle .icon-bar { width: 25px; }
}
@media only screen and (max-width:480px) {
#testing .links a.btn.but_next { width: 82%; margin-right: 0; }
.slider__caption h1,
.slider__caption h2,
.slider__caption h3 { display: none; }
.slider__caption { background-color: transparent; }
.slider__caption.second h2,
.slider__caption.second h3 { display: none; }
.slider__caption a.slider_link { font-size: 14px; }
.slider__caption { width: 65%; }
#provided .provided_main .provided_box { width: 90%;margin-left: 5%;}		
}