@charset "utf-8";
@font-face {
    font-family: 'weblysleek_uilight';
    src: url('../fonts/weblysleekuil-webfont.eot');
    src: url('../fonts/weblysleekuil-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/weblysleekuil-webfont.woff2') format('woff2'),
         url('../fonts/weblysleekuil-webfont.woff') format('woff'),
         url('../fonts/weblysleekuil-webfont.ttf') format('truetype'),
         url('../fonts/weblysleekuil-webfont.svg#weblysleek_uilight') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

@keyframes bounceIn {
  0% {
    opacity: 1;
    transform: scale(.3);
  } 

  50% {
    opacity: 1;
    transform: scale(1.05);
  } 

  70% {
    opacity: 1;
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

body{ font-family:"weblysleek_uisemilight"; font-size:1.5em; background: #F9F9F9;}
/*common styles*/
.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.m-t-20{ margin-top: 20px !important;}
.m-b-20{ margin-bottom: 20px !important;}
.m-b-30{ margin-bottom: 30px !important;}
.vns-head{ color: #165683; }
.vns-sub-head{ color: #333; display: inline-block; padding-bottom: 5px;}
.product-head{ color: #EC2028; font-weight: bold; }
.btn-vs{ background-color: #e60000; /* Old Browsers */ transition: background-color 0.5s ease; color: #fff; }
.btn-vs:hover,.btn-vs:focus{ background-color: #cc0000; /* Old Browsers */ color: #F9F9F9; }
.zoom-up{ transition: transform 0.5s ease-in; -ms-transform: scale(0.9); /* IE 9 */ -webkit-transform: scale(0.9); /* Safari */ transform: scale(0.9); }
.zoom-up:hover,.zoom-up:focus{ transition: transform 0.5s ease-out; -ms-transform: scale(1); /* IE 9 */ -webkit-transform: scale(1); /* Safari */ transform: scale(1); }
.form-control{  box-shadow:none !important;}
.contact-details{ background:#fff url('../images/contact-bgs.png') repeat; padding: 10px 10px 30px 10px; border-radius: 10px; box-shadow: 0px 0px 10px #d9d9d9;}
.contact-details h5{ color: #DA2C35; font-weight: bold; font-size: 1.1em; margin-top: 20px;}
.contact-details p.contact-phone{ background:url('../images/contact-icon-phone.jpg') left 2px no-repeat; }
.contact-details p.contact-email{ background:url('../images/mail-icon-send.jpg') left 2px no-repeat; }
.contact-details p.contact-address{ background:url('../images/contact-icon-location.jpg') left 2px no-repeat; }
.marg-top-10{ margin-top:10px; }
a.socialMediaLink {
    background-color: transparent;
    background-image: url("../images/icons-bundle.png");
    background-repeat: no-repeat;
    border: medium none;
    display: inline-block;
    height: 23px;
    margin-right: 10px;
    outline: medium none;
    text-decoration: none;
    width: 24px;
}
.twitter {
    background-position: 0 -55px;
}
.fb {
    background-position: -25px -55px;
}
.youtube {
    background-position: -50px -55px;
}
.linkedin {
    background-position: -75px -55px;
}
#googleMap{ height:350px; margin-bottom: 20px; box-shadow: 0px 0px 10px #bfbfbf; border-radius: 10px;}

/*Product banner*/
.product-banner{ width: 100%; height: 300px; position: relative; z-index: 1000;}
.product-banner .product-banner-inner{ width: 96%; height: 94%; z-index: 2; margin: 0 auto; border-radius: 5px; -webkit-transform: translate3d(0, 3%, 0); }
.product-banner .blur-bg{ position:absolute; width:100%; height:100%; z-index: -1; -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px);}
.product-banner.solar-vtc .blur-bg,.product-banner.solar-vtc .product-banner-inner{ background-image: url('../images/Inner-1.jpg'); background-repeat: no-repeat; background-size: cover;}
.product-banner.solar-vtc .blur-bg.about,.product-banner.solar-vtc .product-banner-inner.about{ background-image: url('../images/about-us.jpg');}
.product-banner.solar-vtc .blur-bg.contact,.product-banner.solar-vtc .product-banner-inner.contact{ background-image: url('../images/contact-us.jpg');}
.product-banner.solar-vtc .blur-bg.product,.product-banner.solar-vtc .product-banner-inner.product{ background-image: url('../images/products.jpg');}
.product-banner.solar-vtc .blur-bg.mercury,.product-banner.solar-vtc .product-banner-inner.mercury{ background-image: url('../images/mercury.jpg');}
.product-banner.solar-vtc .blur-bg.halo,.product-banner.solar-vtc .product-banner-inner.halo{ background-image: url('../images/halo.jpg');}
.product-banner.solar-vtc .blur-bg.mercury-commercial,.product-banner.solar-vtc .product-banner-inner.mercury-commercial{ background-image: url('../images/mercury-commercial.jpg');}
.product-banner.solar-vtc .blur-bg.halo-commercial,.product-banner.solar-vtc .product-banner-inner.halo-commercial{ background-image: url('../images/halo-commercial.jpg');}
/*navbar menu */
.menu-container{ background: #fff;}
.logo a{ margin-top:5px; margin-bottom:5px; padding-top: 8px !important; padding-bottom: 8px !important;}
.logo-mob{ width: 155px; float: left; padding: 10px 10px 10px 0px; }
.logo-mob img { max-width: 100%; }
.navbar-top-menu .navbar-header .navbar-toggle{ margin-top:25px}
.top-menu .navbar-nav{ float:none; text-align: center;}
.top-menu .navbar-nav > li{ float: none; display: inline-block;}
.top-menu .navbar-nav > li:not(.logo) > a{ color:#000; font-weight:normal; padding-top:10px; margin-top:3px; padding-bottom:10px; margin-left:10px; font-size:1.2em; outline:none !important;}
.top-menu .navbar-nav > li.logo > a{ animation: bounceIn 0.6s; transform: rotate(0deg) scale(1) translateZ(0); transition: all 0.4s cubic-bezier(.8,1.8,.75,.75); }
.top-menu .navbar-nav > li.dropdown{ z-index: 9999;}
.top-menu .navbar-nav > li.dropdown .dropdown-menu{ padding: 0px; border-radius: 5px; }
.top-menu .navbar-nav > li.dropdown > .dropdown-menu{ margin-left: 20px; }
.top-menu .navbar-nav > li.dropdown .dropdown-menu li:first-child a{ border-top-left-radius: 5px; border-top-right-radius: 5px;}
.top-menu .navbar-nav > li.dropdown .dropdown-menu li:last-child a{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.top-menu .navbar-nav > li.dropdown .dropdown-menu li{ margin:0px;}
.top-menu .navbar-nav > li.dropdown .dropdown-menu li a{ padding-top:10px; padding-bottom: 10px;}
.top-menu .navbar-nav > li.logo:hover > a{ transform: rotate(7deg) scale(1.1); z-index: 100; }
.top-menu .navbar-nav > li.active > a,.top-menu .navbar-nav > li:hover> a,.top-menu .navbar-nav > li> a:focus{ background:transparent; color:#D43637; }
.navbar-toggle .icon-bar{ background:#F00; margin-top:10px;}
.menu-bot-sep{
    position: absolute;
    z-index: 9999;
    width: 100%;
    top: 0px;
}
.menu-bot-sep img{ width:100%;border-top:1px solid #E5E5E5;}
.menu-label{ display:none; }
/*slider styles */
.slider_main_head{ font-size:2em; color:transparent; padding:0px 10px;}
.slider_sub_head{ font-size:1.3em; color:transparent; padding:5px 10px;}
/*slider styles */

/*home styles*/
.home_new_products { text-align: center;}
.home_new_products .product_name{ text-align:center; display: block; color: #000; font-weight: bold; font-size: 1.4em;}
.home_new_products .product_lnk{ margin:10px 0px;}

.inst-carousel img{ transition: transform 0.5s ease-in; -ms-transform: scale(0.9); /* IE 9 */ -webkit-transform: scale(0.9); /* Safari */ transform: scale(0.9); }
.inst-carousel img:hover{ transition: transform 0.5s ease-in; -ms-transform: scale(1.0); /* IE 9 */ -webkit-transform: scale(1.0); /* Safari */ transform: scale(1.0); }


.testi-carousel{ margin-bottom: 30px; }
.testi-carousel .item{ font-size: 1.3em; font-weight: 400; margin-bottom:10px; }
.testi-carousel .item span{ display: block; text-align: right; }
.testi-carousel .item span.author{ font-weight: normal; font-size: 1.0em; color: #0065B3; }
.testi-carousel .item span.place{ font-weight: normal; font-size: 0.8em; color: #ED0202; }

.home-phone{ -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px #CCC; box-shadow: 0 8px 6px -6px #CCC; text-align: center }
.home-phone h2{ margin:0; padding: 10px 0; position: relative; color: #1B6094;}
/*.home-phone h2 span{ position: absolute; left: 80px; top: 15px; color: #CE2227}*/
.new-products{ background: #f4e842; /* Old Browsers */
background: -webkit-radial-gradient(center,#f4e842,#f4d641); /*Safari 5.1-6*/
background: -o-radial-gradient(center,#f4e842,#f4d641); /*Opera 11.1-12*/
background: -moz-radial-gradient(center,#f4e842,#f4d641); /*Fx 3.6-15*/
background: radial-gradient(ellipse at center, #f4e842, #f4d641); /*Standard*/ padding-bottom: 20px; border-radius: 10px; }
.new-products img{ width: 75%; }
.new-products h2{ color: #000; }
.home-phone h2 span.cont{ position: relative; }
.home-phone h2 span.cont span{ position: absolute; left: -35px; top: 10px; color: #000}
/*home styles*/

/*Products Styles*/
dl.product-summ dt{ font-weight: normal; color: #000; border-bottom: 1px solid #ccc; display: inline-block; min-width: 150px; padding-bottom: 3px; margin-bottom:3px;}
dl.product-summ dd{ padding-bottom: 5px; }
dl.product-summ dd.link,dl.product-summ dd.link a{ color: #ec2028; line-height: 26px; text-decoration: none; }
dl.product-summ dd .glyphicon{ display: inline-block; float: left; margin-right: 5px; margin-top: 2px; font-size: 1.4em; }

/*Products details page*/
.product_details_head{ color:#0065b5; padding: 2px 5px 4px 5px; border-radius: 5px;/* border-top:1px solid #0065b5;*/}
.product_feature_head{ color:#0065b5; border-left:3px solid #EC2028; padding:6px 10px; 
background: -moz-linear-gradient(left, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.04) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
 border-top-left-radius: 5px; border-bottom-left-radius: 5px} 
 .feature_head{ color: #0065b5; border-left: 2px solid #EC2028; padding-left:10px; display: inline-block; border-top-left-radius: 4px; border-bottom-left-radius: 4px}
.feature_details {
    color: #333333;
    margin-bottom: 15px;
    margin-top: 15px;
}
.feature_details span {
    float: left;
    margin-right: 20px;
}
.feature_details .feature_head {
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}
.feature_details .feature_head_fan {
    line-height: 70px;
}
.feature_details .feature_desc {
    font-size: 1.2em;
    line-height: 22px;
    overflow: hidden;
}
.feature_details .feature_point {
    background: rgba(0, 0, 0, 0) url("../images/feat-point.png") no-repeat scroll left 7px;
    padding-left: 12px;
}
.enamel_table th,.product_details_head{ background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

/*About styles*/
.about-us-content{ color:#333333; font-size:1em; float:left; width:100%; z-index: -1;}
.about-us-content.set-grey{ background:#F1F1F1;}
.about-us-content p{ line-height:1.4em;}
.about-us-head{ color:#0065B0; font-size:2em; text-align:center;}
.about-us-content .feature_head{ color:#333333; font-size:1.5em; display: block;}
.about-products li{ line-height:2.2em; list-style-type:none; background:url(../images/abtus-arr.png) no-repeat left center; padding-left:12px;}
.about-us-values-container{ padding-bottom:20px;}

/*Advantage page*/
.advantage-img{ max-width: 450px; }

/*Technology styles*/
.technology{ background:#F7F7F7; padding:20px; color:#262626; float:left; width:100%; margin-bottom:10px;}
.technology h3.product_feature_head{ font-size: 1.3em; margin-bottom: 20px;}
.technology h3:not(.product_feature_head){ margin-top:0px; font-size:1.2em; font-weight: bold;}
.technology img:not(.no-behav){ float:right; padding:0px 20px 10px 40px;}
.technology p{ text-align:justify}
.porcelain-sub-head{ font-weight:bold; margin-top:40px; font-size: 1.1em !important; color:#333333;}

/*Installations styles*/
.installations img{ margin-bottom: 10px; width: 100%; }
.installations .inner_text{ font-size: 12px; margin-top: 0px; }

/*footer styles*/
.footer{ width:100%; float:left; background: #3772a3; /* Old Browsers */
background: -webkit-radial-gradient(center,#3772a3,#105c91); /*Safari 5.1-6*/
background: -o-radial-gradient(center,#3772a3,#105c91); /*Opera 11.1-12*/
background: -moz-radial-gradient(center,#3772a3,#105c91); /*Fx 3.6-15*/
background: radial-gradient(ellipse at center, #3772a3, #105c91); /*Standard*/ color:#DDDDDD; font-size:1em; border-top:4px solid #EC2028; }
.footer .footer-container-head{ font-weight:bold; font-size:1.2em; color:#FFFFFF;}
.footer .footer-about p{ color:#DDDDDD;}
.footer .footer-latest-blog p{ color:#DDDDDD; border-bottom:1px solid #C5C5C5; padding-bottom:10px; margin-right:25px;}
.footer .footer-latest-blog p:last-child{ border-bottom:0px;}
.footer .footer-latest-tweets p i{     margin-right: 10px; line-height: 2px; display: block; margin-top: 10px; width: 13px; float: left; color:#fff;}
.footer .footer-latest-tweets p a{ font-weight:bold; color:#fff;}
.footer .footer-last{ width:100%; float:left; border-top:1px solid #105C91; min-height:60px; margin-top:10px; font-size:0.9em; }	
.footer .footer-last p.copy{ color:#DDDDDD; line-height:60px; margin:0; }
.footer .footer-last p.copy span{ color:#CF030F; font-weight:bold;}
.footer .footer-last .footer-links ul{ float:right; margin:0; padding:0;}
.footer .footer-last .footer-links ul li{ float:left; list-style-type:none;}
.footer .footer-last .footer-links ul li a{ color:#DDDDDD; line-height:60px; margin-right:10px; border-right:1px solid #C5C5C5; padding-right:10px; text-decoration:none;}
.footer .footer-last .footer-links ul li a:hover{ color:#fff;}
.footer .footer-last .footer-links ul li:last-child a{ border-right:0px; padding-right:0px;}
.footer .footer-last .media-links-footer{ display:none}


/*other page styles*/

/*contact styles*/
h2.contact-head-main{ color:#515151; text-align:center; font-weight:bold;}
h3.contact-head-sub{ color:#515151; font-weight:bold; text-align:center;}
.contact-map{ width:100%; float:left; height:700px; margin:20px 0px; background:#E5E3DF;}
h2.contact-form-head{ color:#515151; text-align:left; font-weight:bold;}
#contact_form{ margin:20px 0px; }
#contact_form .form-control{ background:#EDEDED; border-color:transparent; margin-bottom: 20px;}
#contact_form .form-control:not(textarea){ height: 36px; line-height: 36px;}
#contact_form .form-control#message{ height: 200px;}
#contact_form .contact-btn{ background:#D43637; color:#fff; margin-top:10px; cursor:pointer; }

@media (max-width: 768px) {
  .new-products img{ width: 90%; }
}