html {min-height: 100%;}
body {color: #fff;line-height: normal; font-family: 'Raleways', sans-serif; font-weight:100;}
a:hover, .scl-icn p img:hover, .scl-icn p img, .abt-rgt.plr30 > p:hover:after, .abt-rgt.plr30 > p:after, .sav-d-erth > .row > .col-md-2 .cp, .sav-d-erth .col-md-2:first-child a:hover .cp, .sav-d-erth > .row > .col-md-2 .arf, .sav-d-erth > .row > .col-md-2 .arf, .sav-d-erth > .row > .col-md-2 .pof, .sav-d-erth > .row > .col-md-2 .b-dtls, .sav-d-erth > .row > .col-md-2 .p-us, .prdt-sectn .thumbnail:hover:after , .prdt-sectn .thumbnail:after, .sav-d-erth > .row > .col-md-2 .dwnld-pdf {transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-mos-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
ul, ol{margin:0px;padding:0px;}
ol li, ul li{list-style:none;}
p{color: #000;font-size: 18px;font-weight: 300;line-height: 32px;}
h1, h2, h3, h4, h5, p{margin-top: 0px;margin-bottom: 0px;}
h1, h2 {font-size: 50px;color: #353535;font-weight:400;}
a {color: #fff;}
a:hover {text-decoration: none;color:#fff;}
.enquery-hdng{font-size:30px;padding:0px;margin-bottom:20px;font-weight:400;}
.bggray{background:#fff;border-radius:4px;border:1px solid #ccc;box-shadow:0px 0px 10px 0px rgba(0,0,0,.2) inset;}
.lh17{line-height:17px !important;}
.bgwhte{background:#fff;}
.mt10{margin-top:10px;}
.mt19{margin-top:19px;}
.mt25{margin-top:25px;}
.mt60{margin-top:60px;}
.mt100{margin-top:100px;}
.mt200{margin-top:200px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb70{margin-bottom:70px;}
.pl0{padding-left:0px;}
.pr0{padding-right:0px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pl30{padding-left:30px;}
.bs-hom{box-shadow:0px 0px 10px rgba(0,0,0,.2)}
.ptb5{padding-top:5px;padding-bottom:5px;}
.ptb10{padding-top:10px;padding-bottom:10px;}
.ptb30{padding-top:30px;padding-bottom:30px;}
.plr0{padding-left:0px;padding-right:0px;}
.plr30{padding-left:30px;padding-right:30px;padding-bottom: 60px;height: 178px;}
.bl1{border-left:1px solid #3f3e3e}
.br1{border-right:1px solid #3f3e3e}
.tuv-logo p{color:#ccc;font-size:12px;font-weight:600;line-height:18px;margin-top:5px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fw500{font-weight:500;}
.navbar-default {background-color: #fff;border-color: transparent;}
.navbar { border-radius: 0;margin-bottom:0px;}
.btn-snd-enqry{background: #0073cb none repeat scroll 0 0;border-radius: 0;font-family: raleway;font-size: 16px;font-weight: 600;padding: 5px 15px;}
.call-us{color: #0073cb;font-family: arial;font-size: 18px;font-weight: 500;margin-right: 35px;}
.navbar-default .navbar-nav > li > a {color: black;font-size: 16px;font-weight: 500; padding:0px 16px;position:relative;}
.navbar-default .navbar-nav > li > a:after{position:absolute;content:"|";right: 0;}
.navbar-default .navbar-nav > li:last-child > a:after{content:"";}
.nav.navbar-nav.navbar-right{clear:right;margin-top: 50px;}
.navbar-brand {height: 108px;line-height: 1;padding: 0 20px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background-color: transparent;color: #0073cb;}
.nav.navbar-nav.navbar-right .dropdown:hover .dropdown-menu{display:block}
.nav.navbar-nav.navbar-right .dropdown:after{position:absolute;content:"";top:100%;height:20px;left:0;right:0;background:transparent;z-index:999;}
.dropdown-menu {top: 168%;border-radius: 1%;box-shadow:0 0 11px rgba(0, 0, 0, 0.2);font-size: 16px;min-width: 330px;padding: 10px 0;}
.dropdown-menu > li > a {font-weight:300;padding: 5px 20px;border-bottom:1px dotted #ccc;}
.navbar-right .dropdown-menu {left:-2%;right:0px;}
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
background-color: transparent;color:#0073cb}
.navbar-default .navbar-nav > li > a:hover { color: #0073cb;}
.main-slidr .carousel-inner > .item, .main-slidr .carousel-inner{height:600px;}
.main-slidr .carousel-inner > .item:nth-child(1), .main-slidr .carousel-inner > .item:nth-child(2), .main-slidr .carousel-inner > .item:nth-child(3){height: 600px;}
.main-slidr .carousel-inner > .item:nth-child(1){ background: rgba(0, 0, 0, 0) url("../gifs/s4.jpg") no-repeat scroll 0 0 / cover ;height: 600px;}
.main-slidr .carousel-inner > .item:nth-child(2){ background: rgba(0, 0, 0, 0) url("../gifs/s2.jpg") no-repeat scroll 0 0 / cover ;height: 600px;}
.main-slidr .carousel-inner > .item:nth-child(3){ background: rgba(0, 0, 0, 0) url("../gifs/s3.png") no-repeat scroll 0 0 / cover ;height: 600px;}
.all_pages_tuv_logo{margin-left:36px;}
.all_pages_glove{margin-right:40px;}
.main-slidr .carousel-caption {right: 40%; text-align: left;bottom: 34%;left:10%;}
.main-slidr h2 {color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 60px;
font-weight: bold;
text-shadow: 0 0 0 transparent;}
.carousel-control.left, .carousel-control.right {background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 0%);
background-repeat: repeat-x;}
.carousel-control {top:0%;opacity:1;}
.carousel-control .glyphicon.glyphicon-circle-arrow-right, .carousel-control .glyphicon.glyphicon-circle-arrow-left{font-size:40px;}
.abt-cmpny .col-md-6:nth-child(2){background:#0073cb;}
.abt-cmpny p, .sav-d-erth p{color:#fff;}
.abt-rgt.plr30 > p {padding: 0px 0 0px 20px;position: relative;z-index:1}
.abt-rgt.plr30 > p:after{background:transparent;position:absolute;content:"";right:0;width:1%;bottom:0;top:0;z-index:-1;}
.abt-rgt.plr30 > p:hover:after{background:#fff;width:100%;}
.abt-rgt.plr30 > p:hover{color:#0073cb;font-weight:400;}
.abt-cmpny .img-responsive {max-height: 238px;width:100%}
.hom-hdng span{position:relative;}
.hom-hdng span:after{background: #353535 none repeat scroll 0 0; bottom: 0;content: "";height: 3px;left: 35%;position: absolute;width: 30%;}
.prdt-sectn .thumbnail {border: medium none;border-radius: 0;padding: 0 0 0px 0;margin-bottom:0px;position:relative}
.prdt-sectn .thumbnail .caption {margin-top: 30px;padding: 0;text-align: center;text-transform: uppercase;padding-bottom:30px;height:60px;}
.prdt-sectn .thumbnail .caption h3{font-size:20px;}
.prdt-sectn .thumbnail:after {position:absolute;content:"";top:0;height:1px;left:0;right:0;background:transparent}
.prdt-sectn .thumbnail:hover:after {background:rgba(178,178,178,0.5);height:100%;content:"+";font-size:200px;color:#000;text-align:center;font-weight:100;}
.map-sec p span{background: #f0f0f0 none repeat scroll 0 0;
margin-right: -5px;
padding: 13px 100px 18px;
vertical-align: sub;}
.map-sec p{padding:10px 0px;color: #0073cb;font-size: 20px;font-style: italic;font-weight: 900;}
.map-sec .col-md-6 p{padding:20px 0px; font-size:20px;}
.clients-carousel {
margin-top: 30px;
padding: 0 0px 30px;
}
.clients-carousel .carousel-inner img {
border: 1px solid #cecece;
width: 165px;
height: 150px;
margin: 0 auto;
padding: 10px;
}
.clr-red{color:#fb021f !important;}
.clients-carousel .carousel-control.left, .clients-carousel .carousel-control.right{text-shadow: 0 0 0 #0262ac;color: #0073cb;font-size: 40px;font-weight: 400;height: 35px;top: 8%;width: 25px;}
.clients-carousel .carousel-control.left {left: -35px;}
.clients-carousel .carousel-control.right {right: -35px;}
.multi-lang{padding:20px 0px;background:url(../gifs/multi-lang-bg.jpg) repeat}
.multi-lang .clients-carousel .carousel-inner img{border:none;box-shadow: none;}
img[data-action="zoom"] {
cursor: zoom-in;
border:10px solid #d2d1d1;
}
img.zoom-img {
cursor: zoom-out;
position: absolute;
}
.zoom-img, .zoom-img-wrap {
position: relative;
transition: all 300ms ease 0s;
z-index: 666;
}
.call-us a:hover, .call-us a:focus {
text-decoration: none;
color: #0073cb;
}
/*=================== slider Css =================*/
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
overflow:hidden;
}
.item.active img {
/*transition: transform 5000ms linear 0s;*/
/* This should be based on your carousel setting. For bs, it should be 5second*/
/*transform: scale(1.05, 1.05);*/
/* max-width: 100%;
width: 100%;
height: auto;*/
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
/*=================== slider Css End =================*/
.sav-d-erth{height:466px;background: rgba(0, 0, 0, 0) url("../gifs/bg-dwnlod.jpg") no-repeat scroll 0 0 / cover ;}
.sav-d-erth p{font-size:20px;font-weight:400;}
.sav-d-erth > .row > .col-md-2 .arf, .sav-d-erth > .row > .col-md-2 .cp, .sav-d-erth > .row > .col-md-2 .pof, .sav-d-erth > .row > .col-md-2 .b-dtls, .sav-d-erth > .row > .col-md-2 .p-us, .sav-d-erth > .row > .col-md-2 .dwnld-pdf{height: 84px;margin-bottom: 20px;}
.sav-d-erth > .row > .col-md-2 .cp{background: rgba(0, 0, 0, 0) url("../gifs/cmpny-prfle.png") no-repeat scroll center top;}
.sav-d-erth > .row > .col-md-2 .arf{background: rgba(0, 0, 0, 0) url("../gifs/artwrk.png") no-repeat scroll center top;}
.sav-d-erth > .row > .col-md-2 .pof{background: rgba(0, 0, 0, 0) url("../gifs/prchse-ordr-frmt.png") no-repeat scroll center top;}
.sav-d-erth > .row > .col-md-2 .b-dtls{background: rgba(0, 0, 0, 0) url("../gifs/bnk-dtls.png") no-repeat scroll center top;}
.sav-d-erth > .row > .col-md-2 .p-us{background: rgba(0, 0, 0, 0) url("../gifs/prtnr-us.png") no-repeat scroll center top;}
.sav-d-erth > .row > .col-md-2 .dwnld-pdf{background: rgba(0, 0, 0, 0) url("../gifs/dwnld-pdf.png") no-repeat scroll center top;}
.sav-d-erth .col-md-2:first-child a:hover .dwnld-pdf, .sav-d-erth .col-md-2:nth-child(2) a:hover .cp, .sav-d-erth .col-md-2:nth-child(3) a:hover .arf, .sav-d-erth .col-md-2:nth-child(4) a:hover .pof, .sav-d-erth .col-md-2:nth-child(5) a:hover .b-dtls, .sav-d-erth .col-md-2:nth-child(6) a:hover .p-us{background-position:center bottom;}
.sav-d-erth .col-md-2 a:hover p{color:#0073cb}
.futr{/*background:#14181b;*/background: #0073cb;padding-top:30px;padding-bottom:15px;}
.scl-icn p img{margin-right:4px;}
.scl-icn p img:hover{box-shadow:0px 0px 10px 0px #fff;}
.ftr1{padding-top:15px;position:relative}
.ftr1:after,.ftr1:before{position:absolute;content:"";top:0;left:0;right:0;height:2px;background:#040406}
.ftr1:before{background:#252b31;top:2px}
.futr ul li{position:relative}
.futr ul li a{display:block;padding:10px 0px 10px 13px;font-size:18px;}
.futr ul li:before{color: #016ec3;content: " ยป ";font-size: 17px;font-weight: bold;left: 0;position: absolute;top: 20%;}
.cpy-ryt span strong{color:#000}
.mob-site{margin-top:11px;}
.mob-site img{vertical-align:bottom;}
.mob-site span a{color:#0073cb;text-transform:uppercase;font-weight:bold;}
.cpy-ryt, .cpy-ryt a {color:#fff;font-size:16px;font-weight:300;}
footer h3{padding-left:0px !important;font-size:24px;}
.ftr-logo img{margin:0 auto;}
.text ul li {
background: rgba(0, 0, 0, 0) url(../gifs/arrow3.jpg) no-repeat scroll left top 10px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 10px;
font-size: 16px;
line-height: 24px;
color: #000!important;
font-weight: 400;
}
.text {
font-size: 15px;
line-height: 24px;
color: #000 !important;
font-weight: 400;
}
@media (min-width:768px) and (max-width:1046px) {
.navbar-default .navbar-nav > li > a {font-size: 13px;font-weight: 500;padding: 0 10px;}
.main-slidr h2 {font-size: 40px;}
.main-slidr .carousel-caption {bottom: 34%;left: 20%;right: 20%;}
}
@media (min-width:320px) and (max-width:1023px) {
.futr > .container > .row > .col-md-4, .futr > .container > .row > .col-md-6{margin-top:40px;}
.sav-d-erth{height:auto;}
.clients-carousel .carousel-control.left, .clients-carousel .carousel-control.right {top: 33%;}
.clients-carousel .carousel-control.left {left: -20px;}
.clients-carousel .carousel-control.right {right: -20px;}
.carousel-inner {margin: 0 auto;width: 90%;}
}
@media (min-width:320px) and (max-width:767px) {
.cpy-ryt {border-bottom: 1px solid #24292c;margin-bottom: 20px;padding-bottom: 20px;}
.bl1, .br1 {border:none;}
.navbar-toggle {border: 1px solid transparent;border-radius: 0px;float: right;margin-bottom: 0;margin-right: 15px;margin-top: 43px;}
.navbar-brand {height: 120px;}
.btn-snd-enqry {margin-top: 20px;}
.nav.navbar-nav.navbar-right {border-top: 1px solid #ccc;margin-top: 10px;padding-top: 10px;}
.main-slidr h2 {background: rgba(0,0,0,.4);font-size: 20px;padding:10px;text-align:center;}
.main-slidr .carousel-caption {left: 13%;right: 13%; bottom: 40%;}
.hom-hdng span:after {background: transparent;}
.futr > .container > .row > .col-md-4, .futr > .container > .row > .col-md-6{clear: both;}
.mt100 {margin-top: 40px;}
.sav-d-erth .pull-right {margin: 0 auto; text-align: center;float: none !important;}
.clients-carousel .carousel-control.left, .clients-carousel .carousel-control.right{top: 40%;font-size: 40px;}
.clients-carousel .carousel-control.left{left: -10px;}
.clients-carousel .carousel-control.right{right: -10px;}
.clients-carousel .carousel-inner {margin:0 auto;width: 90%;}
.navbar-default .navbar-nav > li > a::after {content: "";}
.navbar-default .navbar-nav > li > a {padding: 5px 25px;}
}
/*-------------Start Popup & Enquiry-form Stylesheet-------------*/
.popup_enquiry .cn3_p .intl-tel-input {
width: 20% !important;
}
.intl-tel-input .cn1_p {
height: 40px !important;
}
#ip_mobile, #open_form_email {
position: relative !important;
}
#ip_mobile .cn3_p #S_mobile2 {
height: 40px !important;
position: absolute;
right: 0;
width: 87% !important;
z-index: 1;
}
#S_mobile3 {
position: absolute !important;
right: 0;
width: 64% !important;
z-index: 1;
}
#mobile-number {
width: 38% !important;
}
#ip_mobile .m41_p .cn3_p #S_mobile {
width: 404px !important;
height: 41px !important;
}
#ip_mobile .m41_p .cn3_p .intl-tel-input {
width: 7% !important;
}
#open_form_email .m2_p.mob_sms #S_mobile3, .popup_enquiry .cn3_p INPUT.cn2_p {
width: 80% !important;
}
#country_drop_list #email_display_second #S_email, .s_icon8_p, .cnt_eq INPUT.txtf_n, .cnt_eq INPUT.txtf, #formhide #fullname, #Description_field, .intl-tel-input input, .popup_enquiry DIV TEXTAREA, #open_form_email .mob_sms11 #fullname_smspopup {
width: 100% !important;
}
/*-------------End Popup & Enquiry-form Stylesheet-------------*/
.mlft60{margin-left:60px !important;}
.fs-foot{font-family: 'Raleway', sans-serif;font-weight:100;}
.hira-prd .w3{width: 345px !important;}
.hira-prd .bc1{margin-bottom:10px; line-height:20px;}
.hira-prd .mg5{ margin: 15px;}
.fs1{font-family: 'Raleway', sans-serif;font-weight:400;}
.fs1 .text{font-size:15px; line-height:24px; color:#000 !important;}
b, strong {
font-weight: 500;
}
#demo-1 {
position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
overflow: hidden; /* to bound the empty top space created by inner element's top margin */
width: 100%;
min-height: 600px;
min-height: 600px;
background-color: #999;
}
/*Custom CSS*/
.set_logo{
width: 110px !important;
height: 78px !important;
}
.set_height
{
height: 205px !important;
width: 337px !important;
}
.zoomin img {
height: 160px;
width: 240px;
-webkit-transition: all 2s ease;
-moz-transition: all 2s ease;
-ms-transition: all 2s ease;
transition: all 2s ease;
}
.zoomin img:hover {
width: 290px;
height: 220px;
}
/*-----------Company Video Button---------------*/
.vdo-cnt{ text-align:center;font-size:22px; font-weight:bold;width:180px;color:#fff;}
.vdo-cnt a{color:#fff !important; text-decoration:none;padding:15px;border-radius:5px;background:#df0000;display:block;border-bottom:3px solid #b70000;text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4);transition:all 0.3s ease-in-out 0s;font-family:arial;}
.vdo-cnt a:hover{background:#3699f3;color:#fff !important;border-color:#00539f;}