body{padding:0px 0px;margin:0px 0px;font-family:'PT Sans', Helvetica, Arial, Lucida, sans-serif;color:#666666; background:url(../images/request-a-quote.jpg); background-attachment:fixed; }
h1, h2, h3, h4, h5 h6{ padding:0px; margin:0px;}
.header{width:100%;float:left;height:auto;margin:0px 0px;padding:0px 0px;background-color:#ffffff;}
.header{ box-shadow:0px 0px 4px 2px rgba(102, 102, 102, 0.21)}
.header-top{ width:100%; float:left; height:auto; background-color:#6796C0; padding:8px 0px;}
.logo{ width:auto; float:left; margin:8px 0px; padding:0px 0px;} .logo img{max-width:100%;}
.mainwrap{max-width:1180px; padding:0px 10px; margin:0 auto; position:relative;}
.sliderwrap{max-width:1180px; padding:0px 10px; margin:0 auto; position:relative;}
.gridwrap{ max-width:1180px;}
.product-wrap{ max-width:1180px;}

.phone-link{ width:auto; float:right; margin:15px 0px 0px 0px;}
.phone-no{width:auto;height:auto; float:right; margin-left:20px;}
.phone-no .iconph{width:30px;height:30px; float:left; margin-right:5px;}
.phone-no .iconph i{max-width:30px;height:30px;}
.phone-no .ph-no{ font-size:20px; color:#ffffff; float:left; font-weight:normal; margin:12px 0px 0px 15px; line-height:15px;}
.ph-no a{ text-decoration:none; color:#157BC1;}
.ph-no a:hover{color:#ABF44F;}
.toplink{width:auto; float:right; margin:0px 0px; padding:0px 0px; color:#ffffff;}
.toplink a{font-size:12px;color:#ffffff; text-decoration:none; margin:0px 0px 0px 10px; padding:0px 0px; line-height:13px; float:right;}
.toplink a:hover{ color:#ABF44F;}
.support{}


.banner{width:100%;float:left;margin:0px 0px;}
.banner-home{ background:url(../images/banner-bg.jpg) bottom; height:auto;}
.banner-about{ background:url(../images/aboutus-banner.jpg) bottom center;}
.banner-product{ background:url(../images/images.png) bottom center;}
.banner-career{ background:url(../images/career-banner.jpg) bottom center;}
.banner-faq{ background:url(../images/faq-banner.jpg) bottom center;}
.banner-knowledget{ background:url(../images/knowledget-banner.jpg) bottom center;}
.banner-support{ background:url(../images/support-banner.jpg) bottom center;}
.banner-gallery{ background:url(../images/gallery-banner.jpg) bottom center;}


.tittle{ width:250px; text-align:center; margin:0px auto 30px auto;border-bottom:1px solid #ffffff;}
.tittle h2{color:#7CB508;padding:0px 0px 0px 0px;width:100%; margin:0px 0px;}
.gridbox{ width:100%; float:left; margin:0px 0px; margin:0px 0px; padding:15px 0px; background-color:#ffffff;border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.gridbox ul{width:100%; float:left; margin:0px 0px; margin:0px 0px; padding:0px 0px;}
.gridbox ul li{width:24.9%;display:inline;float:left;margin:0px 0px;padding:0px 0px;height:auto; text-align:center; border-left:1px solid #dddddd;}
.gridbox ul li a{ text-decoration:none; color:#666666;}
.gridbox ul li a:hover{ color:#7CB508;}
.gridbox ul li h3{padding:0px 0px;margin:2px 0px 0px 0px;font:bold 15px/15px "Roboto",sans-serif;text-transform: uppercase;}
.gridbox ul li{ b ackground-color:#ffffff;}
.gridbox ul li img{ max-width:100%; }

.productsHM{ width:100%; float:left; margin:0px 0px; margin:0px 0px; padding:30px 0px; background-color:#f1f1f1;}
.productsHM ul{width:100%; float:left; margin:0px 0px; margin:0px 0px; padding:0px 0px;}
.productsHM ul li{width:21%;display:inline;float:left;margin:0px 2%;padding:0px 0px;height:auto; text-align:center;}
.productsHM ul li .product-img{ width:100%; float:left; margin:0px 0px;}
.productsHM ul li .product-img img{ max-width:100%; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.productsHM ul li h2{font:normal 14px/22px "Roboto",sans-serif; color:#ffffff;}
.productsHM ul li .prod-title{ width:100%; float:left; padding:0px 0px; }
.productsHM ul li .price{ width:100%; float:left; background-color:#FCD36F; padding:10px 0px; font-weight:bold; color:#000000;}
.productsHM ul li .prod-title a{width:100%; float:left; padding:8px 0px; background-color:#157BC1;text-decoration:none;}
.productsHM ul li .prod-title a:hover{ background-color:#72BD12;}
.productsHM ul li img:hover{ filter: saturate(50%);	-webkit-filter: saturate(50%);	-moz-filter: saturate(50%);	-o-filter: saturate(50%);	-ms-filter: saturate(50%);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.client-slide{ width:100%; float:left; background-color:#ffffff; padding:15px 0px;}
.client-slide img {width: 120px;height: 120px;border: 1px solid #dddddd;}

.keepin-touch{ width:100%; float:left; margin:0px 0px; padding:0px 0px; background-color:#EDEDED;}
.keep_in_touch {width:100%;height:auto;padding:24px 0 0 0;overflow:hidden;}
.good_friends {width:100%;height:auto;float:left;overflow:hidden;}
.good_friends .friends_img {width:218px;height:auto;float:left;}
.good_friends .friends_text {width:66%;height:auto;float:right;padding-top:38px;}
.good_friends .friends_text p {padding:0px 0 5px 0;margin:0px;font-size:35px;line-height:20px;color:#1775d9;font-style:italic;}
.good_friends .friends_text p span {color:#000000!important;}
.good_friends .friends_text em {font-size:22px;line-height:45px;color:#666666;width: 100%;float: left;}
.social_icon_kit{ width:200px; float:right; margin:80px 0px 0px 0px;}


.aboutus{width:100%;float:left;margin:0px 0px;  height:auto; padding:40px 0px; background-color:#ffffff;}
.subtitle{ width:100%; float:left; margin:0px 0px 25px 0px;text-align:center;}
.subtitle h2{font:bold 34px/36px "Roboto",sans-serif; color:#3F3F3F;}
.abouttxt{ font-size:14px; width:80%; float:left; margin:0px 0px 0px 0px;}
.abouttxt img{ margin:0px 0px 15px 15px;}
.abouttxt h1{ margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;}

.aboutus .welcome{ width:100%; float:left; margin:0px;}
.aboutus .welcome .video-soft{width:48%; height:359px; background-color:#333; float:left;}
.aboutus .welcome .video-soft iframe{ width:100%; height:100%;}
.aboutus .welcome .abouttxt{ font-size:17px; line-height:28px; color:#666;}
.aboutus .welcome .readmore { width:138px; margin:0 auto; float:none !important; clear:both;}

.aboutus .welcome .Query-box{ width:48%; float:right;  height:auto; padding:15px 0px; background-color: #f1f1f1;}
.aboutus .welcome .Query-box h2{ font-size:25px;}
.query-form{ padding:0px 15px;}
.query-form ul{ width:100%; float:left; margin:8px 0px 0px 0px; padding:0px 0px;}
.query-form ul li{ width:46%; float:left; margin:0px 2% 10px 2%; display:inline;}
.query-form .label{ font-size:14px; font-weight:normal; color:#666666; float:left; width:100%; margin:0px 0px 3px 0px;}
.query-form input{ border:1px solid #dddddd; width:93%;float:left; font-size:14px;color:#666666;padding:5px 10px;margin:0px 0px 0px 0px;}
.query-form textarea{ border:1px solid #dddddd; width:96.5%;float:left; font-size:14px;color:#666666;padding:5px 10px;margin:0px 0px 0px 0px;} 
 
 
 .product-scroling{ width:100%; float:left; margin:0px 0px 40px 0px;}
 .product-scroling img{ width:120px; height:120px; border:1px solid #dddddd; }

.aboutus .what_do{ width:43%; float:right; margin:0px;}
.aboutus .what_do ul{  float:left; margin:0px 0px 0px 17px; padding:0px 0px 0px 0px;}
.aboutus .what_do ul li{ width:100%; float:left; margin:0px 0px 10px 0px; list-style-image:url(../images/drop-icon.png);}
.aboutus .what_do ul li{ font-size:16px;}
.readmore{ width:auto; float:left; margin:20px 0px 0px 0px;}
.readmore a{padding:10px 30px;font-size:16px;color:#ffffff;background-color:#1d8cd3;float:left;text-decoration:none; border-radius:2px;}
.readmore a:hover{ background-color:#666666;}
.fullab{ width:100% !important;}

/*------------------request----------*/
.request{width:100%;height:auto;float:left;margin:0px 0px; padding:40px 0px;}
.request-form{ width:100%; float:left; margin:0px 0px;}
.request-form ul{ width:100%; float:left; margin:0px 0px; padding:0px;}
.request-form ul li{ width:30.33%; float:left; margin:0px 1.5% 10px 1.5%; padding:0px; display:inline;}
.request-form .label{ font-size:14px; font-weight:normal; color:#ffffff; float:left; width:100%; margin:0px 0px 3px 0px;}
.request-form input{ width:93%;float:left; font-size:14px;color:#666666;padding:8px 10px;margin:0px 0px 0px 0px;border:none;}
.request-form textarea{ width:94.8%;float:left; font-size:14px;color:#666666;padding:8px 10px;margin:0px 0px 0px 0px;border:none;}
.request-form .subtitle h2{ color:#ffffff;}
.request .Formb-bx{ width:200px !important; margin:0 auto !important; float:none !important;}
.request .Formb-bx .Formb{ background-color:#F60  !important; color:#ffffff !important; font-weight:bold; margin-top:10px;}
.request .Formb-bx .Formb:hover{ color:#ffffff !important; background-color:#FF9148 !important;}

.career-f{ background-color:#f1f1f1; border-bottom:1px solid #E5E5E5; border-top:1px solid #E5E5E5;}
.career-f .Formb-bx .Formb{ background-color:#F60 !important;}
.career-f .Formb-bx .Formb:hover{background-color:#FF9148  !important; color:#ffffff !important;}
.career-f input{ border:1px solid #dddddd;}
.career-f textarea{ border:1px solid #dddddd;}
.career-f .label{ color:#666666;}
.career-f .subtitle h2 { color:#666666;}

.fullmain{ width:100%;}
.products{width:100%;float:left;margin:0px 0px; padding:0px 0px;}
.products ul {width:100%;float:left; height:auto; margin:0px 0px; padding:0px}
.products ul li{width:30.99%;float:left; margin:0px 1% 2% 1%; display:inline; position:relative; }
.products ul li{ border:1px solid #dddddd; text-align:center;}
.products ul li img{ max-width:99%;}
.products ul li:hover .over-fllow{display:block;}
.products ul li a { text-decoration:none;}
.products ul li a:hover {}
.products ul li .price{ font-size:20px; padding:10px 0px; color:#F60 !important;}
.products ul li .over-fllow{width:100%;float:left;margin:0px 0px;background-color:rgba(223, 223, 223, 0.84);position:absolute;top:0px;display:none;height:100%;}
.products ul li .over-fllow .product-ds{ width:100%; height:100%; display:table;}
.products ul li .over-fllow .product-ds .prds{ width:100%; display:table-cell; vertical-align:middle; padding:0px 10px;font-size: 22px;font-weight: bold;color: #0C53B0;}
.products ul li .over-fllow .product-ds .prds span{ clear:both; display:block; color:#FF2C01; margin:8px 0px 0px 0px;}
.products h2{height:70px; font:bold 19px/22px "Roboto",sans-serif; margin-top:10px;background-color:#EDEDED;display:table;width: 100%; color:#666666;}
.products h2 span{ width:100%; display:table-cell; vertical-align:middle;}

/*--------------------product-detail--------------------------------------*/
.product-detail{ width:100%; float:left; margin:0px 0px;}
.product-detail-box{ width:100%;float:left; border:1px solid #dddddd;}
.product-title{ width:100%; float:left; border-bottom:1px solid #dddddd; padding:5px 0px 5px 0px;}
.product-name{ font-size:18px; color:#666666; float:left; margin:0px 0px 0px 10px; font-weight:bold;}
.pr-price{font-size:18px; color:#666666; float:right; margin:0px 10px 0px 0px; font-weight:bold; color:#F60;}
.product-discription{width:100%; float:left; margin:0px 0px;padding:15px 0px;}
.fors-sp{ padding:0px 15px;}
.product-discription .product-img{width:350px;float:left;margin:0px 15px 0px 0px;height:350px;position: relative; text-align:center; display:table; border:1px solid #dddddd;}
.product-discription .product-img .pr-img{ width:100%; text-align:center; vertical-align:middle; display:table-cell; height:300px;}
.product-discription .product-img .pr-img img{ max-width:100%;}
.product-discription .product-details{max-width:100%;position: relative;overflow: hidden;height: 100%;padding: 0px 0px 0px 15px; font-size:14px; line-height:20px; border-left:1px solid #dddddd; }
.product-discription .product-details p{ margin:0px 0px 20px 0px; padding:0px; clear:both;}
.product-discription .product-details  li{ margin:0px 0px 10px 0px;}
.product-discription .product-details h3{ font-size:18px; float:left; margin:0px 0px 15px 0px;}
.product-discription .product-details ul{ clear:both; float:left; margin:0px 0px 20px 0px; padding:0px 0px 0px 24px; }
.product-discription .product-details ul strong{ text-transform:uppercase;}
.product-discription .product-details ol{ clear:both; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 24px; }


.clientbox{width:100%; float:left; margin:0px 0px; background-color:#ffffff; height:190px; border:1px solid #dddddd; text-align:center;}
.clientbox .forsp{ padding:10px;}


.iner-bannertxt{color:#ffffff;line-height:25px;text-align:left;margin:0px 0px 0px 0px;height:200px; display:table; width: 316px;}
.iner-bannertxt h1{ margin:0px 0px 10px 0px; padding:0px 0px; font:normal 42px/45px "Roboto",sans-serif;}
.iner-bannertxt span{ float:left; font-size:16px; }
.iner-bannertxt .btxt{ width:100%; height:50px; display:table-cell; vertical-align:middle;}


/*---------------iner---------------------------*/
.main-content{width:100%;float:left;margin:0px 0px;/* background:url(../images/aboutus-bg.jpg) bottom;*/ height:auto; padding:30px 0px; background-color:#ffffff;}
.main-left{ max-width:100%;  margin:0px;}
.main-right{width:240px;height:100%;padding:0px 0px;background-color:#FFFFFF;right:10px;float:right;top:0px;}
.main-left .abouttxt{ line-height:22px; color:#666666; font-size:15px;}
.main-left .abouttxt ul { margin:30px 0px 0px 20px ; padding:0px;}
.main-left .abouttxt ul li{ list-style-image:url(../images/list-b-icon.png);}

.main-left .abouttxt h3{ margin:20px 0px 5px 0px; padding:0px 0px 0px 0px;}
.main-left .abouttxt p{ margin:10px 0px 10px 0px; padding:0px 0px 0px 0px;}

/************************Sub-categories------------------------*/
.Sub-categories{ width:100%; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; }
.Sub-categories .subtitle{ border-bottom:1px solid #dddddd; margin-bottom:10px; padding-bottom:5px;}
.Sub-categories  h2{float:left;margin:0px 0px 0px 0px;color:#333333; font:bold 17px/15px "Roboto",sans-serif;}
.Sub-categories ul{width:auto;float:left;margin:0px 0px 0px 20px; padding:0px;}
.Sub-categories ul li{ width:100%; float:left; margin:0px 0px 5px 0px; list-style-image:url(../images/list-b-icon.png);}
.Sub-categories ul li a{width:auto;margin:0px 0px;text-decoration:none;color:#565656; font-size:14px;}
.Sub-categories ul li a{ padding:0px 0px 0px 0px; }
.Sub-categories ul li a:hover{color:#FF7700; padding-right: 1px;}
.Sub-categories ul li a span{font-size:12px;font-weight:normal;padding:4px 0px;float:left;margin:0px;}


/*----------------------------contact us------------------------*/

.banner-contact{ background:url(../images/contact-banner.jpg) top center; height:200px;}
.contactbg{ background-color:#ffffff;}
.contactus{width:100%;float:left;margin:10px 0px;height:auto;}
.contactus ul{ width:100%; float:left; margin:0px 0px; padding:0px;}
.contactus ul li{width:29.3%;display:inline;float:left;margin:0px 2%;height:200px;/*background-color:#F4F4F4;*/text-align:center;}
.contactus ul li { padding:20px 0px 20px 0px;}
.contactus ul li .icon{ width:100%; text-align:center; float:left; margin:0px 0px 10px 0px;}
.contactus ul li h2{ margin:0px 0px 5px 0px; color:#525252; text-transform:uppercase; font-size:14px;}
.hdotxt{ font-size:13px; color:#373737;}
.hdotxt a{font-size:13px;color:#373737; text-decoration:none;}
.bor-bot{ border-bottom:1px solid #889104; background-color:#60660A;}

.quiry-bg{ background-color:#f1f1f1;}

.enquiry{width:100%;float:left;margin:30px 0px 30px 0px;padding:0px 0px 0px 0px;}
.enquiry ul{max-width:600px;margin:20px auto 0px auto; padding:0px;}
.enquiry ul li{ width:48%; float:left; margin:0px 1% 10px 1%; height:auto; display:inline;padding:0px 0px 0px 0px;}
.enquiry ul .fullli{ width:100%;}
.enquiry .label{ font-size:14px; font-weight:bold; float:left; margin:0px 0px 3px 0px;}
.enquiry input{width:97%;float:left;padding:8px 5px 8px 5px;border:1px solid #dddddd;margin:0px ;font-size:14px;outline:none;}
.enquiry textarea{width:97%;float:left;padding:6px 5px;border:1px solid #dddddd;margin:0px;font-size:14px;outline:none; }
.enquiry textarea{max-width:97%; height:50px; max-height:50px;}
.enquiry .submitb{ width:150px; margin:0 auto;}
.enquiry .tittle span{ font-size:11px; margin:0px 0px 10px 0px;}
.enquiry .tittle{max-width:430px !important; margin:0px auto; text-align:center; border-bottom:1px solid #dddddd;padding-bottom: 6px; width:430px;}
.enquiry .tittle img{ margin:0px 0px 10px 0px;}
.enquiry .tittle h1{font-size:24px;text-transform:uppercase;color:#4BBA29;margin:0px 0px;padding:0px 0px 0px 0px;}

.Formb{width:150px !important;margin:10px auto 0 auto; background-color:#069 !important;color:#ffffff !important; cursor:pointer; text-transform:uppercase;}
.Formb{ border:none !important; float: none !important;}
.Formb:hover{ background-color:#666666 !important;}
.feedbackb{ padding:10px 0px 10px 0px !important;}


#btn{width:40px;height:40px;background-color:#508B06;position:fixed;bottom:10px;right:10px;display:none;text-align:center;color:#fff;cursor:pointer;z-index:99999;opacity:0.7; font-size:12px;}
#btn img{margin-top:5px;}
#btn:hover{opacity:1;}

.Make-an-Enquiry{ width:100%; float:left; margin:0px 0px; padding:0px;}
.Make-an-Enquiry img{ max-width:100%;}
.mkrow{ width:100%; float:left; margin:0px 0px; background-color:#72bd12; padding:8px 0px;}
.mkrow .mkicon{width:35px;height:35px; float:left; margin:0px 15px 0px 15px;}
.mkntxt{ font-size:20px; color:#ffffff; float:left; margin:4px 0px 0px 0px; font-style:italic;}
.mkntxt a{ color:#ffffff; text-decoration:none;}
.mkntxt a:hover{ color:#000000;}
.mkrow2{ background-color:#147dc1;}

.offices{width:100%;float:left;margin:0px 0px;padding:0px 0px;}
.offices ul{width:100%;float:left;margin:0px 0px;padding:0px 0px;padding:0px 0px;}
.offices ul li{width:100%;height:180px;background-color:#FFFFFF;float:left;margin:0 0 0 0;padding:0px 0px 20px 0px; display:inline; border-bottom:1px solid #dddddd;}
.offices ul li .add{ width:100%; float:left; margin:0px 0px 10px 0px; font-size:16px;}
.offices ul li .phon{ width:100%; float:left; margin:0px 0px; font-size:16px;}
.offices ul li .phon strong{ width:100px; float:left; margin:0px 0px;height: 20px;}
.offices ul li .phon span{ width:auto; float:left; margin:0px 0px; text-align:left;}
.offices ul li .phon p{ width:100%; float:left; margin:0px 0px 0px 0px;}
.offices ul li .forsp{ padding:20px;}
.offices ul li h2{ font-size:26px; margin-bottom:5px; font-weight:normal;}

/*-------------ACORDION MENU-----------------------*/
.ac-container{
	width: 100%;
	margin: 10px auto 5px  auto;
	text-align: left;
	clear:both;
	border: 1px solid #ccc;
}

.ac-container ul{ margin:10px 0px 20px 50px !important;}
.ac-container ul li{ font-size:16px; margin:0px 0px 10px 0px;}

.overvhd{ font-weight:bold; font-size:16px;}
.ac-container label{
	padding: 10px 30px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	color: #696969;
	line-height: 16px;
	border-bottom: 1px solid #ccc;
	margin-top:2px;
	font: bold 14px/15px;
}

.ac-container .faqicon{ background-image:url(../images/qustion-icon.html); width:16px; height:16px; margin:8px 5px 0px 0px; display:none;}
.ac-container label:hover{
	background: #fff;
}

.ac-container label:after,
.ac-container input:checked + label:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 5px;
	top: 5px;
	background: transparent url(../images/arrow_right.png) no-repeat center center;
}
.ac-container input:checked + label:after{
	background-image: url(../images/arrow_down.png);
}






.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	font-weight: bold;
	color: #696969;
	border: none;
	background-color: #f1f1f1;	
	
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	left: 5px;
	top: 5px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_down.png);
}

.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	line-height:20px;
    padding: 0px 33px 10px 33px !important;
	font-size:16px;
    
}

.ac-container article p a{color:#ba3405;}
.ac-container article p a:hover{color:#000000;}


.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	border-bottom: 1px solid #ccc;
}
.ac-container input:checked ~ article.ac-small{
	color: #696969;
	font: normal 12px/20px "Segoe UI",Arial,sans-serif;
	height: auto !important;
	
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}

.ac-aling{padding: 0px 33px 20px 33px;}
.ac-aling b{ font-size:13px !important;  color:#ea5222 !important;}

/*--------------------support----------------------------*/

.phone-number-title{ width:100%; float:left; margin:0px 0px; background-color:#0786C5;}
.phone-number-title{ font-size:16px; color:#ffffff; padding:6px 0px 6px 0px;}
.phone-number-title ul{width:100% !important; float:left; margin:0px 0px; padding:0px;}
.phone-number-title ul li{width:48% !important;float:left;margin:0px 1% 0px 1% !important;padding:0px;display:inline;}
.phone-number-title ul li img{ float:left; margin:0px 8px 0px 15px;}
.phone-number-title ul li a{ color:#ffffff; text-decoration:none; font-size:13px;}
.phone-number-title ul li a:hover{ color:#f1f1f1;}
.phone-number-title ul li span{ float:left; margin:3px 0px 0px 0px;}
.get-quote ul li .filedtxt .tooltip-logo{width:110px;float:left;left:0px;height:32px;background-color:#086BB0;}
.get-quote ul li .filedtxt .tooltip-logo{display:none;position:absolute;bottom:-30px; text-align:center;}
.get-quote ul li .filedtxt:hover .tooltip-logo{display:block; z-index:999;}
.get-quote ul li .filedtxt .tooltip-logo span{font-size:14px;width:110px;float:left;margin:7px 0px 0px 0px;color:#ffffff;}


.support{ width:100%; float:left; margin:0px 0px;}
.quote-bg{background:#1687C2 url(../images/sun-rize-effects.html) no-repeat center !important;}
.quottxt{ width:100%; float:left; margin:0px 0px 20px 0px; }
.quottxt h2{ font-size:20px; color:#666666; padding:0px 35px 0px 35px;}
.get-quote-points{width:48%;float:left;margin:0px 0px 0px 0px;}
.get-quote{width:472px;float:right;margin:30px 0px 30px 0px;padding:0px 0px 0px 0px;}
.get-quote .tittle{width:100%; margin:0px 0; text-align:center;padding:10px 0px; background-color:#72BD12;}
.get-quote .tittle img{ margin:0px 0px 10px 0px;}
.get-quote .tittle h1{font-size:18px;text-transform:uppercase;color:#FFFFFF;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.get-quote .enq-form{ max-width:100%; margin:0 0; height:330px;padding:0px 0px;}
.get-quote  .bgcolor{background-color:#f1f1f1; width:100%; float:left; padding:25px 0px;}
.get-quote ul{width:100% !important;margin:0px auto 0px 0; padding:0px;}
.get-quote ul li{ width:44%; float:left; margin:0px 3% 10px 3%; height:auto; display:inline;padding:0px 0px 0px 0px;}
.bgcolor .fors-sp{ padding:0px 10px 0px 10px;}
.get-quote ul li .filedtxt{ width:100%; float:left; margin:0px 0px;position:relative;}
.get-quote ul li .filedicon{position:absolute;width:30px; height:100%; background:#ABABAB; top:0px; left:0px;}
.get-quote ul li .name-icon{ background:#086BB0 url(../images/name-icon-textbox.png) center no-repeat;}
.get-quote ul li .mail-icon{ background:#086BB0 url(../images/mail-icon-textbox.png) center no-repeat;}
.get-quote ul li .phone-icon{ background:#086BB0 url(../images/phone-icon-textbox.png) center no-repeat;}
.get-quote ul li .company-icon{ background:#086BB0 url(../images/location-icon-textbox.png) center no-repeat;}
.get-quote ul li .Query-icon{ background:#086BB0 url(../images/Query-icon-textbox.png) center no-repeat; width:60px !important;}
.get-quote ul .fullli{ width:93.9%;}
.get-quote .label{ font-size:14px; font-weight:bold; float:left; margin:0px 0px 3px 0px; color:#666666; display:none;}
.get-quote input{width:77%;float:left;padding:6px 5px 6px 40px;border:1px solid #ABABAB;margin:0px;font-size:14px;outline:none; }
.get-quote textarea{width:82.1%;float:left;padding:6px 5px 6px 71px;border:1px solid #ABABAB;margin:0px 0px 0px 0px;font-size:14px;outline:none; max-width:82.1%; height:50px; max-height:50px;}
.get-quote select{width:101%;float:left;padding:5px 5px 5px 40px;border:1px solid #ABABAB;margin:0px 0px 0px 0px;font-size:14px;outline:none; color:#666666; }
.get-quote .submitb{ width:94px; margin:0 0; float:left;}
.get-quote .submitb input{ width:auto !important; text-align:center !important; padding:10px 20px;}
.permistiontxt{ font-size:11px; color:#666666; float:right; width:67%; margin:0px 0px 0px 0px;}
.get-quote-points{ width:48%; float:left; margin:30px 0px;}
.get-quote-points h2{font:bold 25px/26px "Roboto",sans-serif;color: #666666;}
.get-quote-points ul{ width:auto; float:left; margin:0px 0px 0px 25px; padding:0px;}
.get-quote-points ul li{width:100%;float:left;margin:10px 0px 12px 0px;list-style-image:url(../images/Right-32.html);}
.get-quote-points .points{ font-size:20px; margin:20px 0px 10px 0px; float:left; width:100%;}
.solar-com-use{ width:100%; float:left; margin:20px 0px 20px 0px;}


/*.amazon_scroller{padding: 0px;margin: 12px  auto;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-khtml-border-radius: 10px;}
.amazon_scroller .amazon_scroller_nav{position: absolute;}
.amazon_scroller .amazon_scroller_nav li{cursor: pointer;position: absolute;margin:0px 0px 0px 0px;}
.amazon_scroller .amazon_scroller_mask{position: absolute;margin-left: 30px;margin-right: 30px;overflow: hidden;}
.amazon_scroller ul{padding: 0px;margin: 0px;float: left;}
.amazon_scroller ul li{padding: 0px;margin: 0px;margin-left: 5px;margin-right: 5px;list-style: none;float: left;text-align: center;display:inline;}
.amazon_scroller ul li a{text-decoration: none;}
.amazon_scroller ul li a amazon_scroller_title{overflow:hidden;display:none;}
.amazon_scroller ul li a:hover{text-decoration: underline;}
.amazon_scroller ul li a img{border: none;}*/



/*-----------------footer*---------------------------------------------------------*/

.footer{width:100%;float:left;margin:0px;background-color:#02446a; padding:30px 0px;}
.flogo{ width:100%; float:left; margin:0px; text-align:center;}
.addressf{ width:100%; float:left; text-align:center; font-size:14px; color:#ffffff; margin:15px 0px 15px 0px;}
.social-icon{ width:184px; margin:20px 0px 0px 0px; float:left;}
.social-icon a{ width:36px; height:36px; margin:0px 10px 0px 0px; float:left;}

.social-icon .face{ background:url(../images/social-icon.png) 0px 0px;}
.social-icon .twi{background:url(../images/social-icon.png) -42px 0px;}
.social-icon .glp{background:url(../images/social-icon.png) -85px 0px;}
.social-icon .in{background:url(../images/social-icon.png) -127px 0px;}

.social-icon .face:hover{ background:url(../images/social-icon.png) 0px -36px;}
.social-icon .twi:hover{background:url(../images/social-icon.png) -42px -36px;}
.social-icon .glp:hover{background:url(../images/social-icon.png) -85px -36px;}
.social-icon .in:hover{background:url(../images/social-icon.png) -127px -36px;}

.copyright{width:100%; float:left; text-align:center; font-size:14px; color:#3590c4; margin:15px 0px 0px 0px;}
.crtedby{width:100%; float:left; text-align:center; font-size:14px; color:#ffffff; margin:15px 0px 0px 0px;}
.crtedby a{color:#3590c4; text-decoration:none;}
.crtedby a:hover{ color:#ffffff;}

.footer .social-icon{ display:none;}
#ctrlMsg1{margin:20px auto 0px auto;  width:300px; text-align:center;  }
#ctrlMsg1 span{  font-size:12px; color:#C30;  padding:10px 10px; width:100%; text-align:center; border:1px solid #F4D70D; background-color:#FFF8C6;}

#ctrlMsg{margin:10px 0 0px 0;  width:100%; text-align:center; float:left;}
#ctrlMsg span{  font-size:12px; color:#C30; float:left;  padding:10px 0px; width:100%; text-align:center; border:1px solid #F4D70D; background-color:#FFF8C6;}

.support #ctrlMsg{margin:0px 0 10px 0 !important;}

.career-f #ctrlMsg{margin:20px auto 0px auto !important; float:none !important;  width:300px !important; text-align:center !important;}
.career-f #ctrlMsg span{font-size:12px; color:#C30;  padding:10px 10px; width:100%; text-align:center; border:1px solid #F4D70D; background-color:#FFF8C6;}

.enq-form .error{ margin-bottom:10px !important; float:left !important;}

/*==================================================================
 ++++++++++++++++++++RESPONSIVE CSS++++++++++++++++++++++++++++++++
 =====================================================;=============*/
 
 @media screen and (max-width:1003px){
	 
     .get-quote-points{ width:44%;}
 
 }
 @media screen and (max-width:940px){
  
     .get-quote-points{ width:40%;}
  
 }         
 @media screen and (max-width:840px){
	 
	 .logo{ width:179px;}
	 .gridbox ul li {width: 24.8%;}
	 .good_friends .friends_text p{font-size: 25px;}
	 .good_friends .friends_text{ width:368px;}
	 
	 .get-quote-points{ width:40%;}
	 .get-quote{ width:420px;}
	 
	 .phone-no .iconph{width:20px;height:20px;float:left;margin-right:5px;}
	 .phone-no .iconph img{ width:20px;}
	 .phone-no .ph-no {font-size:18px;margin: 3px 0px 0px 4px;}
	 .phone-no{ margin-left:25px;}
	 .phone-link {margin: 20px 0px 0px 0px;}
	 
	 .query-form input {width: 87%;}	 
	 .query-form textarea {width: 93.5%;}	 
	 
 }
 @media screen and (max-width:768px){
	 
	.present-box ul li{width:48%; margin-bottom:15px !important;}
	.present-box .videoBox{height:200px;}
	.clientbox{ height:200px;}
	
	.main-left{width:100% !important;margin:0px;}
        .main-right{width:100%; margin-top:30px;}
	.main-right .Make-an-Enquiry { width:40%; margin-bottom:20px;}
	.main-right .Sub-categories{ width:27%; margin:0px 0px 20px 3% !important;}
	
	.productsHM ul li{ width:46%; margin-bottom:3%;}
	.product-wrap {max-width: 531px;height: 50px;}
	
	.get-quote-points{ width:100%; margin:0px;}
	 .get-quote{ width:100%; margin:0px 0px 20px 0px;}
	 .get-quote .enq-form{ height:auto;}
   
 }
 @media screen and (max-width:640px){
	 
        .gridbox ul li{width:49.8%; margin:0px 0px; padding:30px 0px; border-bottom:1px solid #dddddd;}
	.bord-none{ border-bottom:none !important; border-left:none !important;}
	
	.aboutus .welcome{ width:100%; float:left; margin:0px 0px 0px 0px;}
        .aboutus .what_do{ width:100%; float:right; margin:0px;}
	
	.mkntxt a{ font-size:18px;}
	.mkntxt{ margin-top:5px;}
	
	.main-right .Make-an-Enquiry { width:48%;}
	.main-right .Sub-categories{ width:48%; margin:0px 0px 0px 3%;}
	
	.products ul li{ width:47.5%; margin:0px 1% 10px 1%;}
	
	.good_friends .friends_text p{font-size:20px; line-height:22px; font-weight:bold;}
	.good_friends .friends_text{ width:297px;}
	.good_friends .friends_text em{ font-size:16px; line-height:20px; }
	
	.aboutus .welcome .video-soft{ width:100%; margin-bottom:20px;}
	.aboutus .welcome .Query-box {width:100%;}
	.aboutus{ padding:20px 0px 20px 0px !important;}
	
	
	.gridbox{ padding:0px 0px;}
	.gridbox ul li{ padding:10px 0px;}
	
	.request-form input {width: 89%;}
	.request-form textarea {width: 92.8%;}
	
	.offices ul li{ width:100%; margin:10px 0px 10px 0px !important; height:auto !important;}
	.subtitle h2 {font: bold 24px/25px "Roboto",sans-serif;}
	.subtitle{ margin-bottom:10px;}
	
	
	.query-form input {width: 87%;}
	.query-form textarea {width: 93.5%;}
        
        #test{ display:none;}
 
 }
 @media screen and (max-width:551px){
	 
	.good_friends .friends_text p{font-size:16px; line-height:18px; font-weight:bold;}
	.good_friends .friends_text{ width:200px;}
	.good_friends .friends_text em{ font-size:16px; line-height:20px; }
	
	.phone-no .ph-no {font-size:14px;margin: 3px 0px 0px 4px;}
        .phone-no {margin-left:20px;}
	.phone-no .iconph{margin-right: 2px;}
	 
 }
 @media screen and (max-width:479px){
    
	.gridbox ul li{width:100%; margin:0px 0px; padding:15px 0px; border-bottom:1px solid #dddddd; border-left:none;}
	.bord-none{ border-bottom:1px solid #dddddd !important;}
	
	.present-box ul li{width:100%; margin:0px 0px 15px 0px !important;}
	.present-box .videoBox img{ width:100%;}
	.videoBox{ height:auto !important;}
	.clientbox{ height:200px !important;}
	
	.main-right .Make-an-Enquiry { width:100%;}
	.main-right .Sub-categories{ width:100%; margin:0px 0px 20px 0 !important;}
	.products ul li{ width:100%; margin:0px 0px 20px 0px;}
	
	.contactus ul li {width: 100%;float: left;margin: 0px 0px 20px 0px;border-bottom: 1px solid #dddddd;padding-bottom: 20px;}
	.enquiry ul li{ width:100%; margin:0px 0px 10px 0px;}
	
	.enquiry .tittle{ width:300px;}
	
	.good_friends .friends_img{ width:30%;}
	.good_friends .friends_img img{ max-width:100%;}
	.good_friends .friends_text{ padding-top:20px;}
	.social-icon {margin:10px 0px 0px 0px;}
	
	.productsHM ul li{ width:100%; margin:0px 0px 20px 0px;}
	.productsHM ul li .product-img img{ width:100%;}
	.product-wrap {max-width: 531px;height: 50px;}
	
	.request-form ul li{ width:100%;}
	.request-form{ width:300px !important; float:none !important; margin:0px auto;}
	.request-form textarea {width: 88.8%;}
	
	.get-quote ul li{ width:100%; margin:0px 0px 8px 0px;}
	.get-quote .fors-sp{ padding:0px 28px 0px 28px;}
	.get-quote .submitb{ clear:both;}
	.permistiontxt{ width:100%; margin-bottom:10px;}
	.get-quote input{ width:87%;}
	.get-quote select{ width:99%;}
	.get-quote ul .fullli{width: 98.9%;}
	.get-quote textarea{width: 79.1%;}
	
	.get-quote-points h2 {font: bold 19px/20px "Roboto",sans-serif;}	
	.get-quote-points .points {font-size:16px;}
	.get-quote-points ul li{ margin:5px 0px;}
	.support-link{ display:none !important;}
}
 
 @media screen and (max-width:400px){
	 
	 .good_friends .friends_text{ padding-top:0px;}
	 
	.get-quote input{ width:84%;}
	.get-quote select{ width:99%;}
	.get-quote ul .fullli{width: 98.9%;}
	.get-quote textarea{width: 74.1%;}
	.phone-number-title ul li{ width:100%  !important;}
	
	.logo {width:100px;margin: 16px 0px;}
 
 }
 
 @media screen and (max-width:345px){
	 
	 .good_friends .friends_text{ padding-top:0px;}
	 
	.get-quote input{ width:82%;}
	.get-quote select{ width:100%;}
	.get-quote ul .fullli{width: 98.9%;}
	.get-quote textarea{width: 70.1%;}
	
	.query-form input {width: 86%;}
	.query-form textarea {width: 92.5%;
 
 }