/* ========= custom ========= */
body {font-family: 'myriad-pro';}
p  { margin: 0}
a  {text-decoration: none}
ul {margin: 0; padding: 0;}


/* ==== Myriad-pro Fonts === */
@font-face {
    font-family: 'myriad-pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriad-pro';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'myriad-pro';
    src: url('../fonts/MyriadPro-Light.eot');
    src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/MyriadPro-Light.woff') format('woff'),
        url('../fonts/MyriadPro-Light.ttf') format('truetype'),
        url('../fonts/MyriadPro-Light.svg#MyriadPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

.feature_content p {
  margin: 0 0 10px;
}

.certificates_section h2 {
  background-color: #14598a;
  color: #fff;
  display: inline-block;
  font-size: 21px;
  font-weight: normal;
  line-height: 0 !important;
  margin-left: 10px;
  padding: 27px 18px;
}
.certificates_section b {
  margin-bottom: 10px;
}
.certificates_section b i {
  color: #14598a;
  font-size: 29px;
  margin: 0 5px 0 0;
}	
.certificates_section b a {
  color: #222;
  font-size: 15px;
  letter-spacing: 0;
  text-transform: capitalize;
}
.certificates_section b a:hover {
  color: #14598A;
}
	.certificates_section b:hover i {
  color: red;
}
.validationError {
     color: red;
    font-size: 14px;
    font-weight: normal;
}

/* ==== Assistant Fonts === */
@font-face {
    font-family: 'assistant';
    src: url('../fonts/Assistant-Regular.eot');
    src: url('../fonts/Assistant-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Assistant-Regular.woff2') format('woff2'),
        url('../fonts/Assistant-Regular.woff') format('woff'),
        url('../fonts/Assistant-Regular.ttf') format('truetype'),
        url('../fonts/Assistant-Regular.svg#Assistant-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'assistant';
    src: url('../fonts/Assistant-SemiBold.eot');
    src: url('../fonts/Assistant-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Assistant-SemiBold.woff2') format('woff2'),
        url('../fonts/Assistant-SemiBold.woff') format('woff'),
        url('../fonts/Assistant-SemiBold.ttf') format('truetype'),
        url('../fonts/Assistant-SemiBold.svg#Assistant-SemiBold') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'assistant';
    src: url('../fonts/Assistant-ExtraBold.eot');
    src: url('../fonts/Assistant-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Assistant-ExtraBold.woff2') format('woff2'),
        url('../fonts/Assistant-ExtraBold.woff') format('woff'),
        url('../fonts/Assistant-ExtraBold.ttf') format('truetype'),
        url('../fonts/Assistant-ExtraBold.svg#Assistant-ExtraBold') format('svg');
    font-weight: 900;
    font-style: normal;
}

/* ===== mega_menu ==== */
.mega_menu {background: url("../images/menubg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0);font-family: assistant; height: 100vh; padding: 10px 0; position: fixed; top: -200%; transition: all 0.3s ease-in-out 0s; width: 100%; z-index: 999;}
.mega_menu .fa-close {position: absolute; right: 20px; top: 10px; cursor: pointer}
.mega_menu ul.menu {height: 280px; margin: 8vh auto 15vh; overflow-y: scroll; padding: 50px 0; width: 30%;}
.mega_menu ul li.dropdown ul {left: 260px; position: absolute; display: none; top: 0;}
.mega_menu ul li {font-size: 14px; list-style: outside none none; margin: 0 0 22px; text-align: right; text-transform: uppercase; width: 30%;}
.mega_menu ul li.dropdown ul li {text-align: left; width: 215%;}
.mega_menu ul li a { color: #222222;  font-weight: 500;}
.mega_menu ul li a:hover {color: #00465d;}
#ascrail2000 {left: 50% !important; top: 25vh !important;}
.mega_menu span a {color: #00465e; font-weight: 500;}
.mega_menu span a .fa-download {margin: 0 5px 0 0;}
.mega_menu .pull-right a { font-size: 19px; margin: 0 0 0 16px;}
 .mega_menu .pull-right a:hover { color: #222;}
.mega_menu span b {font-size: 15px; vertical-align: 1px;font-weight: 500;}
.mega_menu .bottom_link {bottom: 50px; left: 50%; margin: 0; position: absolute; transform: translateX(-50%);}

/* ===== mega_dropdown ==== */
header ul li .mega_dropdown {background-color: #ffffff; display: block; left: 50%; margin: 0; padding: 0 20px; position:fixed;visibility: hidden; box-shadow: 0 0 11px 0 rgba(147, 146, 146, 0.5);	transform: translateX(-50%);}
header ul li .mega_dropdown [class^="col-md-2"] {
  padding: 15px 20px 10px;
  width: 14%;
}
header ul li .mega_dropdown [class^="col-"]:hover {background-color: #f5f5f5; border-color: #c6c6c6; border-style: solid; border-width: 0 1px;}
header ul li .menu_show { visibility: visible;}
header ul li .mega_dropdown img {display: block; margin: auto;}
header ul li .mega_dropdown b {display: block; font-family: myriad-pro; font-size: 14px; font-weight: 500; margin: 5px 0 0; text-align: center; text-transform: capitalize;}
header ul li .mega_dropdown [class^="col-"]:hover b {color: #55ac4d}


/* ===== header ==== */
header { padding: 10px 0; position: relative; z-index: 9; height: auto !important; transition: .3s ease-in-out;}
header.fixed-header {background-color: #ffffff; position: fixed; width: 100%; padding: 0; box-shadow: 0 7px 16px 6px rgba(108, 105, 105, 0.37);}
header.fixed-header .col-md-2 img {max-width: 130px;}
header.fixed-header ul {margin: 10px 0;}
header ul { float: right; margin: 16px 40px 0;}
header ul li {display: inline-block; font-size: 16px; font-weight: 600; margin: 0 13px;position: relative; text-transform: uppercase; transition: all 0.3s ease-in-out 0s;}
header ul li a { color: #333333; }
header ul li:nth-child(5) { background-color: #14598a;font-size: 14px; font-weight: 600; padding: 8px 18px;}
header ul li:nth-child(5):hover { background-color: #5F832E;}
header ul li:nth-child(5) a img {vertical-align: -4px;}
header ul li a img { margin: 0 7px 0 0; vertical-align: -8px;}
header ul li:nth-child(5) a {color: #ffffff;}
header ul li:last-child {left: 10px; margin: 0; top: 15px;text-transform: capitalize; cursor: pointer}
header ul li:last-child::after {background: url("../images/menu/6.png") repeat scroll 0 0 rgba(0, 0, 0, 0); content: ""; height: 15px; left: 7px; position: absolute; top: -15px; width: 25px;transition: .5s ease-in-out;}
header ul li:last-child::before {border-color: #000000; border-style: solid; border-width: 2px 2px 0; content: ""; height: 45px; left: -4px; position: absolute; top: -30px; width: 47px; z-index: -9;}
header ul li:last-child a {font-size: 12px; padding: 0 4px;}
header ul li:last-child a::before, header ul li:last-child a::after {background-color: #000000; bottom: 8px; content: ""; height: 2px; left: -4px; position: absolute; width: 7px;}
header ul li:last-child a::after {left: 34px; right: 0;}
header ul li:last-child:hover:after { transform: rotate(180deg)}
header ul li.menu_btn {
  display: none;
}
header .spn.blink {
  float: right;
  font-size: 17px;
}

header.fixed-header ul li {
  font-size: 14px;
  margin: 0 11px;
}
header.fixed-header ul {
    margin: 10px 40px;
}
header.fixed-header .spn.blink { font-size: 14px;}
header.fixed-header ul li:nth-child(5) {  font-size: 14px; padding: 5px 14px;}
/* ===== banner ==== */
.banner {margin-top: -120px; float: left;}

/* ===== product_section ==== */
.product_section {background: url("../images/products/bg.png") repeat scroll center top -60px rgba(0, 0, 0, 0);padding: 70px 0 10px; text-align: center;}
.product_section [class^="col-"] { margin: 0 0 40px;}
.product_section [class^="col-"] img {transition: .6s ease-in-out;}
.product_section [class^="col-"]:hover img {transform: scale(1.3);}
.product_section h1, .feature_product_section h2 { font-size: 36px; color: #000;margin: 0;}
.product_section h3, .feature_product_section h3 {color: #333333; font-family: assistant; font-size: 21px; font-weight: 400; margin: -1px 0 110px;}
.product_section b {display: block; font-family: assistant; font-size: 18px; margin: 30px 0;font-weight: 500;}

/* ===== talk_section ==== */
.talk_section {background: url("../images/talk_section/bg.png") repeat scroll center center / cover  rgba(0, 0, 0, 0);padding: 50px 0 65px;}
.talk_section h2, client_section h2 { color: #ffffff; font-size: 37px; margin: 0; text-align: center;}
.talk_section h3 {color: #c3eae2; font-family: assistant; font-size: 20px; margin: 0 0 40px; text-align: center; font-weight: 400;}
.talk_section img {float: left;}
.talk_section h4 {bottom: 40px; color: #3bd9b6; font-family: assistant; font-size: 30px; font-weight: 400; left: 9px; line-height: 28px; position: relative; top: 32px;}
.talk_section h4 strong { display: block; font-size: 30px;}
.talk_section [class*="col-"]:nth-child(3) h4::after, .talk_section [class*="col-"]:nth-child(4) h4::after, .talk_section [class*="col-"]:nth-child(5) h4::after { color: #ffffff; content: "=";font-family: "Raleway",sans-serif; font-size: 110px; position: absolute; right: -24px; top: 0;}
.talk_section [class*="col-"]:nth-child(3) img {left: 10px; position: relative; top: -21px;}
.talk_section [class*="col-"]:nth-child(4) { padding: 0 40px;}
.talk_section [class*="col-"]:nth-child(6) {padding: 0 50px;}
.talk_section [class*="col-"]:nth-child(4) h4::after {content: "+";right: -31px; font-family: "Raleway",sans-serif;font-size: 90px;}
.talk_section [class*="col-"]:nth-child(5) h4::after {content: "+"; right: -38px; font-family: "Raleway",sans-serif;font-size: 90px;}

.feature_content {
  background: #095a6f none repeat scroll 0 0;
  color: #ffffff;
  display: block;
  padding: 20px 0 40px;
  text-align: center;
}
.pr-slider .owl-nav {
 display: block !important;
  height: 50px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 9999999;
}
.pr-slider .owl-nav [class*="owl-"]:hover { background: none;}
.pr-slider .owl-nav .owl-next {
  background: rgba(0, 0, 0, 0) url("../images/arrow-right2.png") no-repeat scroll 0 0 !important;
  height: 40px;
  right: -10px;
  position: absolute;
  width: 40px;
}
/*
.pr-slider .owl-dots {
  display: block !important;
}
*/
/*
.pr-slider .owl-dots {
  display: block !important;
  left: 80% !important;
  top: 280px;
}
*/

.pr-slider .owl-nav .owl-prev {
  background: rgba(0, 0, 0, 0) url("../images/arrow-left2.png") no-repeat scroll 0 0 !important;
  height: 40px;
  left: 0; 
  position: absolute;
  width: 40px;
}
.pr-slider.owl-theme .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  opacity: 1 !important;
}   


.hover_content, .feature_product_section .owl-dots { display: none}
/* ===== feature_product_section ==== */
.feature_product_section {background: url("../images/feature_product/bg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0);
  padding: 50px 0;}
.feature_product_section h2, .feature_product_section h3 { text-align: center;}
.feature_product_section h3 {color: #514f4f;font-size: 19px; font-weight: normal; margin: 0 0 40px;}
.feature_product_section img { width: auto !important; }
.feature_product_section img.pull-right {margin: 0 7px 7px;}
.feature_product .description {border: 6px solid #ffffff; transition: .3s ease-in-out; overflow: hidden;min-height: 400px;}
.feature_product .owl-item .item {height: 480px;}
.feature_product .description:hover{ border: 6px #D7D7D7 solid}
.feature_product .description b {display: block; margin: 3px 0 2px 10px; font-weight: normal;transition: .3s ease-in-out; font-family: assistant;font-size: 15px;}
.feature_product .description:hover b { color: #0f3d63; font-size: 19px;}
.feature_product .description b i { float: right; margin: 0 5px;}
.feature_product .owl-nav.disabled { display: block !important; position: absolute; top: 30%; width: 100%;}
.feature_product .owl-prev, .feature_product .owl-next {background: none !important; position: absolute;}
.feature_product .owl-prev {left: -15px;}
.feature_product .owl-next {right: -15px;}

.feature_product_section .owl-carousel .owl-item img {width: auto !important}
/* ===== client_section ==== */
.client_section {background: url("../images/client_section/bg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0);padding: 50px 0; text-align: center}
.client_section h2 {color: #ffffff; font-size: 34px; margin: 0;}
.client_section h3 {color: #ffffff; font-size: 20px; font-weight: 300; margin: 2px 0 80px;}
.client_section [class^="col-"] { border-color: #ffffff; border-style: solid; border-width: 0 1px 1px 0; min-height: 175px; padding: 40px 0;transition: all 0.3s ease-in-out 0s; }
.client_section [class^="col-"]:hover {background-color: #ffffff;}
.client_section [class^="col-"]:hover img {filter: brightness(0%);}
.client_section [class^="col-"] img {position: relative; top: 20px;}
.client_section [class^="col-"]:nth-child(8), .client_section [class^="col-"]:nth-child(15), .client_section [class^="col-"]:nth-child(22), .client_section [class^="col-"]:nth-child(29) { border-right: 0px solid}
.client_section [class^="col-"]:nth-child(24), .client_section [class^="col-"]:nth-child(25), .client_section [class^="col-"]:nth-child(26), .client_section [class^="col-"]:nth-child(27), .client_section [class^="col-"]:nth-child(28), .client_section [class^="col-"]:nth-child(29) { border-bottom: 0px solid}
.client_section a { border: 1px solid #ffffff; color: #ffffff;transition: .5s ease-in-out; display: inline-block; font-size: 19px; margin: 60px 0 0; overflow: hidden; position: relative; padding: 8px 30px; z-index: 9;}
.client_section a:after {background-color: #ffffff; content: ""; height: 100%; left: 0; position: absolute; transform: translateY(100%); transition: all 0.3s ease-in-out 0s; width: 100%; z-index: -9;	top: 0;}
.client_section a:hover { color: #222;}
.client_section a:hover:after { transform: translateY(0%);}

/* ===== connected_section ==== */
.connected_section {background: url("../images/feature_product/bg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0);padding: 20px 0;}
.connected_section h3 {font-family: assistant; font-size: 40px; position: relative;font-weight: 900; margin: 20px 0 0 17px;}
.connected_section h3::after {background-color: #86b33c; bottom: -4px; content: ""; height: 3px; left: 0; position: absolute; width: 20.5%;}
.connected_section h4 {font-family: assistant; font-size: 20px; margin: 20px 0 36px 17px; font-weight: 400;}
.connected_section form input[type="text"], .connected_section form input[type="email"], .connected_section form textarea {background-color: #ffffff; border: 2px solid #cccccc; font-size: 17px; margin: 0 0 10px; padding: 12px 16px; width: 100%;}
.connected_section form input[type="text"]:focus,  .connected_section form input[type="email"]:focus, .connected_section form textarea:focus { border: 2px solid #b3b0b0;}
.connected_section form textarea {height: 175px;}
.connected_section form label {color: #000000; font-family: assistant; font-size: 17px; font-weight: 300; margin: 8px 20px;}
.connected_section form label {color: #000000; font-family: assistant; font-size: 17px;font-weight: 300; margin: 12px 20px 0; width:23%;}
.connected_section form input[type="checkbox"] {margin: 0 10px 0 0;}
.connected_section form input[type="submit"] {background-color: #0e5a71; border: medium none; color: #ffffff; display: inline-block; font-family: assistant; font-size: 17px; font-weight: 600; margin: 35px 20px; padding: 10px 30px;}
.connected_section form input[type="submit"]:hover, .product_details_section a:hover {background-color: #222;}

/* ===== call_section ==== */
.call_section {background: url("../images/call_section/bg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0); padding: 30px 0;}
.call_section img {float: left; margin: 0 15px 0 0;}
.call_section p b {color: #13598a; display: inline-block; font-size: 28px; margin: 4px 0 -10px;}
.call_section p:hover, .call_section p:hover b  {color: #5F832E}

ul.highlights li {
  background: rgba(0, 0, 0, 0) url("../images/arr.png") no-repeat scroll left 0 center !important;
  padding: 0 0 0 30px;
}

ul.highlights li.noarrorw { background: none !important;}

/* ===== footer ==== */
footer {background-color: #1e1e1e;color: #ffffff; font-family: assistant; padding: 40px 0 15px;}
footer [class^="col-md-2 col-sm-2"] {width: 20%;}
footer h2 {font-size: 20px; font-weight: 500; margin: 0 0 13px -7px;}
footer ul { margin: 0 0 0 -7px;}
footer ul li {list-style: outside none none;margin: 0 0 10px;  font-size: 16px;}
footer ul li a {color: #a9a9a9;}
footer .gap { clear: both; margin: 30px 0 ; overflow: hidden;}
footer .gap img {margin: 27px 0 0 -12px;}
footer .gap h2 {font-size: 21px;}
footer .gap form::after {background: url("../images/subscribe.png") repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 9px;color: #7d7c7c; content: "";height: 26px;position: absolute;right: 26px;width: 26px;}
footer .gap form input[type="text"] {color: #222222; padding: 10px;width: 244px;}
footer .gap a {
  float: right;
  height: 42px;
  position: relative;
  top: -42px;
  width: 120px;
  z-index: 999999999;
}
footer p {color: #a9a9a9;}
footer p a {font-size: 27px; margin: 0 5px;}
footer p b {color: #ffffff;font-family: assistant; font-size: 21px;font-weight: 500; margin: 0 3px;}
footer p a .fa-facebook {color: #1760bf;}
footer p a .fa-twitter {color: #3DC2ED;}
footer p a .fa-instagram {color: #EF2729;}
footer p a .fa-youtube {color: #E60C0B;}
footer p a:hover i, footer ul li a:hover { color: #fff;}
footer p.pull-left {margin-top: 10px;}
footer .footer-part:last-child p {
  display: inline;
}
.fixedhamburger {
    top: 20px !important;
    right: 20px !important;
} 
/* =============== product_overview page ================= */
.inner_banner img { width: 100%;}
/* ==== breadcumb_section === */
.breadcumb_section {font-size: 16px; padding: 8px 0; text-align: center;}
.breadcumb_section p, .breadcumb_section p a {color: #222;}
.breadcumb_section span {color: #55ac4d;}

/* ==== product_overview_section === */
.product_overview_section {text-align: left;margin: 10px 0 35px;}
.product_overview_section h2, .product_range_section h2, .product_details_section h2 {color: #14598a;}
.product_overview_section p { color: #474646; font-family: assistant; font-size: 16px; line-height: 30px; margin: 0 auto 14px;}
.product_overview_section b {display: block; font-size: 16px; letter-spacing: 1px; margin: 0 0 5px; text-transform: uppercase;line-height: 28px}

/* ==== product_range_section === */
.product_range_section {background-color: #fafafa; margin: 20px 0 0; padding: 15px 0; text-align: center;}
.product_range_section h2 { margin-bottom: 25px;}
.product_range_section [class^="col-"] {background-color: #ffffff; border: 1px solid #eeeeee; margin: 0 1% 2%; padding: 20px; }
.product_range_section b {
  color: #000000;
  display: block;
  font-family: assistant;
  font-size: 15px;
  font-weight: 600;
  margin-top: 20px;
  text-transform: uppercase;
}
.product_range_section img {display: block; margin: auto;}

/* =============== product_details page ================= */
/* ==== product_details_section === */
.product_details_section {}
.product_details_section h2 { text-align: center;margin-bottom: 30px;}

.product_details_section h3 {
  color: #14598a;
  font-family: assistant;
  font-size: 25px;
  margin: 5px 0;
}
.product_details_section h4 {
  color: #666666;
  display: block;
  font-size: 21px;
  margin: 8px 0 10px;
}
.product_details_section h5 {
  color: #333333;
  font-family: assistant;
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 15px;
}
.product_details_section .rightsection p {
  color: #333333 !important;
  font-family: assistant;
  font-size: 15px !important;
  font-weight: 500 !important;
   
  padding: 0;
}
.product_details_section .rightsection ul li {
  background-color: #f2f2f2;
  color: #666666;
  font-family: assistant;
  font-size: 14px;
  font-weight: 500;
  list-style: outside none none;
  margin: 15px 0 10px;
}
.product_details_section .rightsection ul li a {
  background: none repeat scroll 0 0 #14598a;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  margin: 0 20px 0 0;
  text-transform: uppercase;
  width: 230px;
}

.product_range_section a {
  background: #14598a none repeat scroll 0 0;
  color: #fff;
  display: block; margin: 10px 0 0;
  padding: 8px;
}
.product_range_section a:hover {
  background: #55ac4d }
.product_details_section .rightsection .owl-nav, .product_details_section .rightsection .owl-dots {display: none}
.product_details_section .docs-pictures .img-responsive {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #eeeeee;
  padding: 10px;
}
.product_details_section .details {
  border-top: 1px solid #cdcdcd;
  overflow: hidden;
  padding: 40px 0;
}
.product_details_section .details b {
  color: #333333;
  font-family: assistant;
  font-size: 17px;
  font-weight: 600;
}
.product_details_section .details p {
  color: #37b72b;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}
.product_details_section .details img {
  float: left;
  margin: 8px;
}
.product_details_section .details .clearfix {
  margin: 30px 0;
}
.product_details_section .rightsection ul li a:hover { background: #55ac4d !important;}
/*.product_details_section .rightsection ul li a:hover { background: #222 !important;}
.product_details_section .rightsection ul li:nth-child(2) a {background: #55ac4d}
.product_details_section .rightsection ul li:last-child a { background: #12a7b5}*/
.docs-pictures img { cursor: pointer}
.product_details_section .clearfix { margin: 50px 0;}
.product_details_section p { color: #828282; font-size: 16px; line-height: 26px; padding: 0 90px 13px 0;}
.product_details_section span {color: #3d3d3d; display: block; font-family: assistant; font-size: 16px; margin: 0 0 30px;}
.product_details_section .leftsection h3 {
  color: #666666;
}

.product_details_section .leftsection {
  font-family: assistant;
  display: none;
}
.product_details_section .leftsection h3 {
  color: #636060;
  margin: 7px 0 16px;
  font-size: 26px;
}
.product_details_section .leftsection .accordian ul { display: none;
  
}

#exampleModal1  ul li, #exampleModal2 ul li, #exampleModal3 ul li, #exampleModal4 ul li, #exampleModal5 ul li {
    font-family: assistant;
    font-size: 16px;
    line-height: 33px;
    list-style: outside none none;
    margin: 0 0 0 10px;
}
#exampleModal1 ul li::before, #exampleModal2 ul li::before, #exampleModal3 ul li::before, #exampleModal4 ul li::before, #exampleModal15 ul li::before {
  color: #14598a;
  content: "";
  font-family: fontawesome;
  margin: 0 10px 0 -10px;
}
button.close {
  background: #14598a none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  cursor: pointer;
  font-size: 35px;
  opacity: 1;
  padding: 10px;
  position: absolute;
  right: 0;
  z-index: 999999;
}
button.close:hover { opacity: 1; color: #ffffff;
  background: #222}
.text-pp {
  background: #14598a none repeat scroll 0 0;
  color: #fff;
  height: 200px;
  margin: 0 0 30px;
  position: relative;
  text-align: center;
}
.text-pp a {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.text-pp a:hover {color:#53B337}

.product_details_section .leftsection span i { float: right}
.product_details_section .leftsection span {
  background-color: #f2f2f2;cursor: pointer;
  color: #14598a;
  font-weight: bold; font-size: 15px;
  margin: 0 0 10px;
  padding: 10px;
}
.product_details_section .leftsection ul li:hover { background: #55ac4d}
.product_details_section .leftsection ul li:hover a { color: #fff}
.product_details_section .leftsection ul li { cursor: pointer;
  font-size: 15px;
  list-style: outside none none;
  margin: 0;
  padding: 6px 12px;
}
.product_details_section .leftsection ul li a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #222222;
  margin: 0;
  padding: 0;
}
.product_details_section h3 {border-bottom: 1px solid #eeeeee; color: #55ac4d; font-family: assistant; margin: 25px 0 15px; padding-bottom: 15px; clear: both;}


.docs-pictures img { cursor: pointer}
.product_details_section .clearfix { margin: 50px 0;}
.product_details_section p { color: #828282; font-size: 16px; line-height: 26px; padding: 0 90px 13px 0;}
.product_details_section span {color: #3d3d3d; display: block; font-family: assistant; font-size: 16px; margin: 0 0 10px;}
.product_details_section a {background-color: #00355e; color: #ffffff; display: inline-block; margin: 12px 0; padding: 12px 30px;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-top: 0px solid #dddddd; border-bottom: 1px solid #dddddd;}



/* ==== strenghts_section === */ 
.strenghts_section {}
.strenghts_section ul li, .solar_product_section ul li { font-size: 16px;
    line-height: 33px;
    text-align: left;}

/* ==== strenghts_section === */
.tradeshow_section {}
.tradeshow_section h3 {color: #55ac4d; font-family: assistant; margin: 12px 0 45px; position: relative; text-align: left;}
.tradeshow_section h3::after {background-color: #55ac4d; bottom: -14px; content: ""; height: 3px; left: 0; position: absolute; width: 90px;}
.tradeshow_section ul.nav-tabs {border: medium none; margin: 10px 0 20px;}
.tradeshow_section ul.nav-tabs li {margin: 0; border: 1px solid #e7e7e7;}
.tradeshow_section ul.nav-tabs li a {
  background: #55ac4d none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  font-family: assistant;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 10px 20px;
  transition: all 0.3s ease-in-out 0s;
}

.pro-feature h2 {
  text-align: left;
}
.pro-feature p {
  border-bottom: 1px solid #a6a6a6;
  clear: both !important;
  display: inline-block;
  float: left;
  font-weight: normal !important;
  margin: 0 0 5px !important;
  padding: 0 0 5px !important; width: 80%;
}
.pro-foot { clear: both}
.table-format1 {
  margin: 10px 0 0;    
}
.table-format th, .table-format1 th {
  padding: 5px 10px;
}
/*.table-format, .table-format1 {
  background: #f9f9f9 none repeat scroll 0 0;
  width: 70%;
}
.table-format tr, .table-format td, .table-format1 td, .table-format1 tr {
  border: 1px solid;
  padding: 9px;
}*/
.table-format, .table-format1 {
  background: #fff none repeat scroll 0 0;
  width: 70%;
}
.table-format tr, .table-format td, .table-format1 td, .table-format1 tr {
  border-bottom: 1px solid #a6a6a6;
  padding: 9px;
  font-size:15px;
  color:#333333 !important;
  font-weight: 500 !important;
}
.tradeshow_section ul.nav-tabs li.active a, .tradeshow_section ul.nav-tabs li:hover a {background-color: #14598a; border: medium none; border-radius: 0; color: #ffffff; margin: 0; }
.tradeshow_section .tab-content {margin: 20px 0 30px; overflow: hidden;}
.tradeshow_section .tab-content [class^="col-"] {padding-left: 5px; padding-right: 5px; margin: 0 0 10px;}
.tradeshow_section .tab-content [class^="col-"] img {border: 1px solid #cccccc; padding: 5px;cursor: pointer;}

/* ==== testimonials_section === */
.testimonials_section { text-align: left; padding: 0 0 50px}
.testimonials_section h2 { text-align: center;}
.testimonials_section p {margin: 20px 0; width: 100%;}
.testimonials_section img { margin: auto}
.testimonials_section .item b {display: block; font-family: assistant; font-size: 19px; margin: 10px 0;}
.testimonials_section img {width: auto !important;border: 2px solid #d0d0d0;border-radius: 50%;display: block;padding: 5px;}
.testimonials_section .item { border: 1px solid #e8e8e8; box-shadow: 3px 2px 32px 0 #938686; margin: 80px auto 0; padding: 30px 50px 50px; position: relative; text-align: center; top: -50px; width: 60%;}


/* ==== certification_section === */
.certification_section {}
.certification_section h2 {margin-bottom: 20px;margin-left: 25px;}
.certification_section img {border: 1px solid #cccccc; padding: 10px; width: 100%; cursor: pointer;}
.certification_section b {
  background: #14598a none repeat scroll 0 0;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-family: assistant;
  font-size: 12px;
  margin: 10px 0 40px;
  padding: 6px 30px;
}

/* ===== careers page ===== */
.careers_section, .customer_section { margin-bottom: 0}
.careers_section h2, .customer_section h2 {margin-left: 15px;}

.careers_section form label, .connected_section form label.error {
  margin: 0;
  width: 100%;   
} 

.head-vv, .head-vv, .head-vv b {color: #14598a !important;font-size: 30px !important;margin-bottom: 30px;  margin-top: 20px;font-weight: 500 !important;}



/*=========  Specification Overview  p border classes for diffrfent product========*/
.pro-feature.savera_with_fm, .pro-feature.dreamlite {width: 83%;}
.pro-feature.savera {width: 82%;}
.pro-feature.study_lamp {width: 51%;}
.pro-feature.solar_charge_controller12v_6amp { width: 36%;}
.pro-feature.solar_charge_controller12v_10amp { width: 97%;}
.pro-feature.solar_charge_controller12v_24v_30amp { width: 100%;}
.pro-feature.solar_charge_controller12v_24v_30amp + .pro-foot { width: 83%;}
.pro-feature.solar_charge_controller12v_20amp {}
.pro-feature.solar_charge_controller12v_20amp .pro-foot { width: 81%;}
.pro-feature.led_bulbs_dc_3w_led_bulb p { width: 18%;}
.pro-feature.led_bulbs_dc_3w_led_bulb_last p { width: 26%;}
.pro-feature.led_bulbs_dc_5w_led_bulb {width: 32%;}
.pro-feature.led_bulbs_dc_7_8w_led_bulb p {width: 21%;}
.pro-feature.led_bulbs_dc_7_8w_led_bulb_last p {   width: 21%;}




/* ===== contact page ===== */
.contact-section h3 {font-family: "assistant"; font-weight: 600; margin: 10px 0 35px; position: relative;}
.contact-section h3::before {background-color: #333333;bottom: -18px; content: ""; height: 5px; left: 0; position: absolute; width: 70px;}
/* tabs */
.contact-section .nav-tabs { border:none; display: block; text-align: center;}
.contact-section .nav-tabs li { display: inline-block; float: none; margin: 20px 0 15px;  padding: 0; text-align: center; width: 13%;}
.contact-section .nav-tabs  li.active  a, .contact-section .nav-tabs  li.active  a:focus, .contact-section .nav-tabs  li.active a:hover, .contact-section .nav-tabs li a:hover {  color:#222; border:none; background: none; }
.contact-section .nav-tabs li i{ display: block; margin-bottom:10px; font-size: 40px;}
.contact-section .nav-tabs li.active i, .contact-section .nav-tabs li a:hover i {color: #006699;}
.contact-section .nav-tabs li.active a, .contact-section .nav-tabs li:hover a { color: #006600;}
.contact-section .nav-tabs li a { color:#333; font-size:18px;}
.contact-section .nav-tabs li a:hover:after { background:none; }
/* tab-content */
.contact-section .tab-content {border-top: 1px solid #e3e1e1; overflow: hidden; padding: 20px 50px; text-align: left;}
.contact-section .tab-pane ul { font-family: 'assistant';margin: 40px 0;}
.contact-section .tab-pane ul li {font-size: 16px; font-weight: 500; line-height: 34px;list-style: outside none none;}
.contact-section .tab-pane ul li i {color: #006699; font-size: 19px; padding-right: 10px;}
.contact-section .form-section { background: #f4ac00;}
.contact-section .form-section textarea.form-control  { height:90px;}


/* ==== strenghts_section === */ 
.solar_product_section h4 {font-family: assistant; font-size: 17px; font-weight: 500; margin: 15  px 0 20px;}
.solar_product_section ul { margin-bottom: 40px;margin-left: 20px;}
.solar_product_section ul li::before {color: #14598a; content: ""; font-family: fontawesome;  left: -6px;margin: 0 10px 0 -10px; position: absolute;}
.solar_product_section ul li {font-family: assistant; font-size: 16px; line-height: 22px; list-style: outside none none; margin-bottom: 12px; padding: 0 0 0 10px; position: relative;}
.dropdown-menu.dropdown-menu-part{border-radius: 0px; border: none; margin: 20px 0 0 0; padding: 0;} 
.dropdown-menu.dropdown-menu-part li{padding: 0!important; margin: 0!important;display: block!important;}
.dropdown-menu.dropdown-menu-part li a{padding: 6px 10px; font-weight: 400!important; font-size: 15px!important; cursor: pointer!important;   font-family: 'myriad-pro';color: #333; text-transform: capitalize;}
.dropdown-menu.dropdown-menu-part li{background:transparent;font-weight:normal;}
.dropdown-menu.dropdown-menu-part li a:hover{ background-color:#14598a; color:#fff;}
header ul .dropdown-menu:after {position: absolute; top: -10px; left: 40%;   display: inline-block;  border-right: 10px solid transparent;  border-bottom: 10px solid #14598a; border-left: 10px solid transparent; content: ''; transition: all .3s ease-in-out;}
header .dropdown-menu li:last-child::before{ display:none;}
header .dropdown-menu li:last-child::after{ display:none;}
header .dropdown-menu li:last-child{ top:0px; left:0px;}
header .dropdown-menu li:last-child a::before, header .dropdown-menu li:last-child a::after{ display:none;}
.dropdown-submenu {position: relative;}
.dropdown-menu.dropdown-menu.dropdown-menu-a {position: absolute;left: 207px!important;border-radius: 0px;border: none;box-shadow: none;top: 0px;padding: 0;margin: 0;}
header ul .dropdown-menu.dropdown-menu-a:after{ display:none;}
.caret.caret1 {display: inline-block;width: 0;height: 0;margin-left: 6px;vertical-align: middle;border-top: 4px dashed!important;border-right: 4px solid transparent!important;border-left: 4px solid transparent!important;transform:rotate(-90deg);float:inherit!important;left: 0px!important;top: 0px!important;position: inherit!important;margin-top: 0px!important;}
.ml0 { padding-left: 0}
.product_range_section .col-md-4 {  display:inline-block;}

/* ====== team_section ====== */
.team_section {}
.team_section .col-md-4 { border: 1px solid #eaeaea; margin: 20px 0 10px; cursor: pointer; padding: 20px; text-align: center;}
.team_section img { margin: auto;}
.team_section b { margin: 10px 0 0;}
.team_section .modal-header h4 {font-family: assistant; font-size: 18px; font-weight: 500; margin: 0 0 0 20px;}
.team_section .modal-header {border-color: #bcbcbc; padding: 10px 15px;}
.team_section .modal-header .close {opacity: 0.8;}
.team_section .modal-body p {color: #333333; font-size: 15px; line-height: 30px; padding: 0 20px; text-align: justify;}
.team_section .modal-body a {font-size: 20px; margin: 0 0 0 17px;}
.team_section .modal-body a:hover .fa { color: #222;}
.team_section h2 {margin: 0 0 10px 10px;}
.text-center [class^="col-"] {float: none; margin: auto 5px 10px;}

/* =========== mobile_menu css =========== */
.mobile_menu {}
.mobile_menu .logo {display: inline-block; margin:10px 30px;}
.mobile_menu button {background-color: #14598a; border: medium none; border-radius: 0; float: right; margin: 40px 30px; padding: 6px 8px;transition: all 0.2s ease-in-out 0s;position: relative;}
.mobile_menu button:hover {	background-color: #222; }
.mobile_menu button span.line {background-color: #ffffff; display: block; height: 2px; margin: 5px 0 6px; width: 26px;}
.mobile_menu > ul {background-color: #343434; margin: 20px 0 0;  display: none; padding: 12px 0; width: 100%;}
.mobile_menu > ul li.has_dropdown ul li {border: medium none; line-height: 29px; margin: 0; padding: 0;}
.mobile_menu > ul li { list-style: none; line-height: 25px;  border-bottom: 1px solid #888888; margin: 0 0 10px; padding:3px 30px 10px;}
.mobile_menu > ul li:last-child {border: medium none;margin: 0; padding-bottom: 0;}
.mobile_menu > ul li a {color: #e3e3e3; font-family: assistant;text-transform: uppercase; font-size: 14px;}
.mobile_menu > ul li a:hover {color: #ffffff;}
.mobile_menu > ul li a i { border: 1px solid; float: right; color: #c4c4c4;  font-size: 15px; padding: 3px 6px; transition: all 0.5s ease-in-out 0s;}
.mobile_menu > ul li a i.rotation { transform: rotate(180deg);}
.mobile_menu > ul li.has_dropdown ul {  display: none; margin: 5px 0;}



.overlay-box-div-left {
    position: absolute;
    top: 18%;
    text-align: left;
    font-weight: 500;
    text-transform: uppercase;
    left: 16%;
}

.overlay-box-div-left a span.menu-span{position:relative;display:inline-block;cursor:pointer}.overlay-box-div-left a span.menu-span{position:relative;display:inline-block}.overlay-box-div-left a span.menu-span:after,.overlay-box-div-left a span.menu-span:before{content:'';position:absolute;width:0%;height:4px;bottom:0;margin-top:1px;background:#bf1e2d}.overlay-box-div-left ul li{display:block; position: relative;}.overlay-box-div-left ul li a{padding-right:25px}.overlay-box-div-left ul{margin:0;padding:0}.overlay-box-div-left a span.menu-span:after{right:2.5px;background:#bf1e2d;transition:width .8s cubic-bezier(.22,.61,.36,1)}.overlay-box-div-left a span.menu-span:hover:before{background:#bf1e2d;width:100%;transition:width .5s cubic-bezier(.22,.61,.36,1)}.overlay-box-div-left a span.menu-span:hover:after{background:0 0;width:100%;transition:0s}



.overlay-box-div-right {
    position: absolute;
    top: 19%;
    right: 17%;
}

.overlay-box-div-left ul{
    margin-left:10px;
}
.overlay-box-div-left ul li a {
    padding-right: 25px;
    font-size: 18px;
}

.total-part .divsion-part {
  background: #14598a none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  float: left;
  height: 260px;
  margin: 0 1%;
  position: relative;
  text-align: center;
  width: 31%;
}

#tagtxtLoad, #tagtxtSolar, #tagtxtYear {
  color: #fff !important;
}

.total-part .divsion-part h1 {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.owl-carousel .owl-item img {
  
    width: 100% !important;
}
.MyTable th {
  background: #e0e0e0 none repeat scroll 0 0;
  padding: 10px 50px;border: 2px solid #bebebe;
}

.MyTable tr, .MyTable tr td {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 2px solid #bebebe;
  padding: 10px 50px;
}

.total-part {
  margin: 40px 0;
  overflow: hidden;
}

span.ip67 {
  display: inline;
  text-transform: uppercase;
}