@charset "utf-8";
/* CSS Document */

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


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





@font-face {
	font-family: 'OpenSansSemibold';
	src: url('../font/opensans-semibold_0.eot');
	src: url('../font/opensans-semibold_0.eot') format('embedded-opentype'), url('../font/opensans-semibold_0.woff') format('woff'), url('../font/opensans-semibold_0.ttf') format('truetype'), url('../font/opensans-semibold_0.svg#OpenSansSemibold') format('svg');
}

* {
	outline: 0 none !important;
}
a:hover {
	text-decoration: none !important;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
body { background:#f5f7fa;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
p { color:#535353;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 25px;
	margin: 0px;
	
}
h1, h2, h3, h4, h5, h6 {
	display: block; font-family:Arial, Helvetica, sans-serif; font-weight:bold !important;
	
	padding: 0px;
	margin: 0px;
}
.clear {
	clear: both;
}

::-webkit-input-placeholder {
 color:#959494;
 opacity:1;
}
:-ms-input-placeholder {
 color:#959494;
 opacity:1;
}
::-moz-placeholder {
 color:#959494;
 opacity:1;
}
:-moz-placeholder {
 color:#959494;
 opacity:1;
}
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/preloader.GIF);
}
/*#preloader-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff url(../images/preloader.GIF) center center no-repeat;
	z-index: 999999;
}
.fixed {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	box-shadow: 0px 0px 2px #909090;
}*/
/*************************Start-New-codding**********************/

.no-padding {padding: 0px !important;}

.top-header { background:#fff;  box-shadow: 7px 0px 10px 2px #dcdee1; padding: 6px 0px 7px 0px; z-index: 9999; position: relative;}

.social-link {float: right; }

.social-link ul{margin: 0px; padding:0px;}

.social-link li {float: left; padding-left: 10px; }

.header-1{width: 100%; background: #f5f7fa; padding: 15px 0 15px 0; border-bottom:1px solid #cbcbcb;}

.header {width: 100%; background: #f5f7fa; 	 padding: 15px 0 15px 0; box-shadow: 1px 1px 2px 1px #eff1f4;}

.header-bottom {height: 90px;}

.logo img {max-width: 100%;}

.top-mail ul li{ float:left; padding-right: 5px;}

.top-mail ul li a{ transition:ease-out; color:#174675;  display: inline-block; font:14px Arial, Helvetica, sans-serif;}

.top-mail li a:hover{ color:#d94151;}

.top-right span{ font-size:14px; color:#fff; font-family: 'abeezeeregular'; padding-right: 15px;}

.top-left {float: right; width:52%; padding: 7px 0; margin-top: 5px;}

.top-left ul {margin: 0px; padding: 0px; list-style: none;}

.top-left ul li { float: left; color: #174675; padding: 5px 0px 5px 30px; font:13px Arial, Helvetica, sans-serif; }

.serch-box{ width:38%; float:left; margin: 5px 0px 0px 40px;}

.serch-box input[type=text]{ background:#fff; border:2px solid #b8c6d9; border-radius:5px 0px 0px 5px; width:85%; padding: 9px 10px 9px 10px; font:13px Arial, Helvetica, sans-serif;}

.serc-bout{ float:right;   width:15%;  display:flex; align-items:center;}
 
.serc-bout input[type=submit]{border: 2px solid #b8c6d9; border-left: none; width: 100%; height:37px; font-size:0px;  border-radius:0px 5px 5px 0px; background:#fafafa url(../images/serch.png) center center no-repeat;}
 .serc-bout a img{ margin:0 auto; max-width:100%;}
 
.serch-box ::-webkit-input-placeholder {color:#174675; opacity:1;}

.serch-box :-ms-input-placeholder {color:#174675; opacity:1;}

.serch-box ::-moz-placeholder {color:#174675; opacity:1;}

.serch-box :-moz-placeholder { color:#174675; opacity:1;}

.news-top {background: #fff; border: 1px solid #dcdcdc; margin: 25px 0px 15px 0px; padding-right: 15px;}

.topheading {float: left; padding: 2px 20px 2px 15px; background: #d94151; text-align: center; margin-right: 20px;}

.topheading h3 {color: #fff; font-size: 14px; line-height: 30px; text-transform:uppercase; font-weight:bold ; font-family:Arial, Helvetica, sans-serif;}

.marquee-with-options {height: 34px; padding-top: 2px; overflow: hidden;}

.marquee-vert {height: 300px;}

.marquee-with-options ul {list-style: none; margin: 0; padding: 0;}

.marquee-with-options ul li {margin: 5px 0px 5px 0px; float: left; color: #174675; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: justify; float: left; line-height: 21px;}

.head-box {padding: 22px 0 60px 0; border-right: 2px solid #f1880d}

.head-box h1 {text-transform: uppercase; font-size: 48px; text-shadow: 1px 1px #fff; color: #053875;}

.head-box h3 {font-size: 35px; color: #f1880d; text-align: right; padding-right: 40px; text-shadow: 1px 1px #fff;}

.head-cont p {color: #6c6c70; font-size: 14px; text-align: justify; padding-left: 10px}

.circle-box{ border-bottom:1px solid #cbcbcb; padding-bottom:54px; margin-top: 50px;}

.cirle-img{ float:left;  min-height:76px; width:22%; display:flex; align-items:center; }

.cirle-img img{ margin:0 auto; max-width:100%; max-height:100%;}

.circle-cont{margin-left:20px;  width:72%; float:right;}

.circle-cont h4{ color:#5e6a75;  font:18px Arial, Helvetica, sans-serif; padding-bottom:5px;}

.circle-cont p{ font-size:14px; color:#828282; padding-bottom: 0px;}

.circle-cont a{ transition:ease-in-out 0.7s; background:url(../images/num-arrow.png) left top 5px no-repeat; color:#1371ae; font:12px Arial, Helvetica, sans-serif; padding-left: 12px; text-decoration:underline;}

.circle-cont a:hover{ color:#d94151; text-decoration:underline !important;}

.catogary-outer{ margin:35px 0px 65px 0px;}

.catogary-head{ text-align:center; color:#5e6a75; font-size:30px; text-transform:uppercase; font-weight:bold; margin-bottom:35px;}

.catogray-link { border-bottom:1px solid #cbcbcb; padding:15px 0px;  min-height: 70px; max-height: 70px;}

.catogray-link a{transition:ease-in-out 0.7s;  color:#218cd9; font:14px Arial, Helvetica, sans-serif;}

.catogray-link a:hover{ color:#d94151;}

.timer-section{ background:url(../images/timer-bg.jpg) center center fixed no-repeat; background-size:cover; padding: 50px 0px 20px 0px;}

.why-box{ margin:30px 0px 50px 0px;}

.why-img{ background:#218cd9; border-radius:100%; width:14%; height:76px; float:left; display:flex; align-items:center;}

.why-img img{ max-width:100%; max-height:100%; margin:0 auto;}

.why-cont{ float:right; margin:10px 0px 0px 25px; width:81%;}

.why-cont h3{ font-size:20px; color:#5e6a75; /*font-family: 'OpenSansSemibold';*/ padding-bottom:5px;}

.why-cont p{ text-align:justify; color:#686a75; line-height:24px; padding-bottom:0px;}

.product{ padding:80px 0px 50px 0px; border-bottom:1px solid #cbcbcb; }

.product-outer-1 {background: #fff;
    position: relative;
    height: 295px;  overflow: hidden; margin: 15px 9px; border: 1px solid #e5e5e5; align-items: center;  / background:#fff;  display: flex; /}

.product-outer-1 img {position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 295px;/*max-width: 100%; margin: 0 auto;*/  transition: 0.5s ease-in-out;

}

.product-outer-1 img:hover {
	transform: rotate(2deg) scale(1.2);
	-webkit-transform: rotate(2deg) scale(1.2);
	-o-transform: rotate(2deg) scale(1.2);
	-ms-transform: rotate(2deg) scale(1.2);
	-moz-transform: rotate(2deg) scale(1.2);
}

.product-head{ font-size:30px; color:#5e6a75; text-transform:uppercase; font-weight:bold;}

.client-outer{ margin:50px 0px 50px 0px; border-bottom:1px solid #cbcbcb; padding-bottom:60px;}

.second-heading{ text-transform:uppercase; color:#5e6a75; font-size:30px; font-weight:bold;}

.foot-box h4{ color:#5e6a75; font-size:18px; font-weight:normal !important; padding-bottom:20px;}

.foot-loc span{ color:#36363b; font:14px Arial, Helvetica, sans-serif; font-weight:bold; display:block; }

.foot-box ul.foot-add li.foot-loc{ background: url(../images/foot-loc.png) left top no-repeat; }

.foot-box ul.foot-add li.foot-call{ background: url(../images/foot-call.png) left top no-repeat;}

.foot-box ul.foot-add li.foot-phone{ background: url(../images/foot-pho.png) left 5px top 5px no-repeat;}

.foot-box ul.foot-add li.foot-mail{background: url(../images/foot-mail.png) left top 5px no-repeat;}

.foot-box ul li{ font:13px Arial, Helvetica, sans-serif; color:#36363b; line-height:25px;  padding: 0px 0px 6px 30px;}

.foot-box ul li a{color:#36363b; transition:ease-out 0.5s;}

.foot-box li a:hover{ color:#d94151;}

.foot-add strong{ display:block;}

.foot-box ul li.link a{ transition:ease-out 0.7s;  color:#4a4b4f; font:13px Arial, Helvetica, sans-serif; }

.foot-box ul li.link{ background:url(../images/list-img.png) left top 8px no-repeat; padding:0px 0px 5px 15px;}

.foot-box ul li.link a:hover{ color:#d94151;}

.form-outer{ background:#fff; border:1px solid #dcdee1; padding:25px 7px;}

.form-head{ color:#5e6a75; font:20px Arial, Helvetica, sans-serif; margin:0px 0px 5px 15px;}


.form-inn ::-webkit-input-placeholder {
 color:#5e5e5e;
 opacity:1;
}
.form-inn :-ms-input-placeholder {
 color:#5e5e5e;
 opacity:1;
}
.form-inn ::-moz-placeholder {
 color:#5e5e5e;
 opacity:1;
}
.form-inn :-moz-placeholder {
 color:#5e5e5e;
 opacity:1;
}

.form-inn input[type="text"], input[type="file"],
.form-inn textarea { border-radius:2px; width:100%; border:1px solid #dbdbdb; font-size:13px; background:#FFF; margin:5px 0px; padding:8px 8px;}

.form-inn textarea {height:125px; resize:none; max-width:100%;}

.form-inn input[type="submit"] {cursor:pointer; float:right; font:18px Arial, Helvetica, sans-serif; border-radius:5px; background:#d94151; color:#FFF; 
width:35%; padding:9px 0px 9px 0px; border:none; margin-top: 5px;}

.form-inn input[type="submit"]:hover{ background:#0a3866; color:#fff;}

.captcha{ width:47%; float:left; border:1px solid #dbdbdb; font-size:13px; background:#FFF; margin:5px 15px 5px 0px; padding-top:2px; text-align:center; border-radius:2px;}

.captcha img{ max-width:100%;}

.refresh{ float:left; width:38px; border:1px solid #dbdbdb; display:flex; align-items:center; background:#d94151; margin:5px 15px 5px 0px; height:38px; }

.refresh img{ max-width:100%; margin:0 auto;}

.map-outer{ border:1px solid #c4c6c8; margin-top:30px; height:188px;}

.map-outer iframe{ width:100%; height:100%;}

/***********End-Contact*********/

.foot-2{ background:#e8e8e8; padding:20px 0px; margin-top:40px;}

.copy{ font:13px Arial, Helvetica, sans-serif; color:#5e6a78;}

.copy span{ color:#218cd9;}

.poweright{ float:right;}

.num-counter{float:left; margin:10px 0px 0px 20px;  padding:35px 15px; text-align:center;  border-radius:100%; background:#fff; border:10px solid #6d6d6f; width:227px; height:227px;}

.num-counter img{ max-width:100%; display:block; margin:0 auto 5px auto;}

.num-counter span, .num-counter b{color:#218cd9; font:30px Arial, Helvetica, sans-serif; display:inline-block;}

.num-counter h5{color:#6d6d6f; font:15px Arial, Helvetica, sans-serif; margin:0px; font-weight:normal !important;}

/****************End-home page*****************/

/****************Start-About page*****************/
.about-head{ border-bottom:1px solid #cbcbcb; margin-bottom:20px;}

.about-heading{ float:left;}
.about-heading h1{color:#5e6a75; font-size:30px; font-family:Arial, Helvetica, sans-serif;  font-weight:normal !important; float:left; padding-bottom:10px;}

.about-righ{ float:right; margin-top:10px;}

.about-righ ul li{ float:left; color:#174675; font:15px Arial, Helvetica, sans-serif; padding:0px 5px;}

.about-righ ul li span{ padding-left:10px;}

.about-righ ul li a{ color:#174675;}

.about-righ ul li.act-sect{ color:#d94151;}

.about-sect{ border-bottom:1px solid #d0d1d2; padding-bottom:80px; margin-bottom:50px;}

.about-img{ background:#fff; min-height:307px;  padding:5px 5px 0px 5px; box-shadow:0px 0px 3px 1px #e9eaed; border:1px solid #e9eaed;}

.about-img iframe{ width:100%; min-height:310px;}

.about-inncont{ margin-top:35px;}

.about-inncont h3{ font:20px Arial, Helvetica, sans-serif; color:#5e6a75; font-weight:normal !important; padding-bottom:30px; }
.inner-list a .pdf-img { font-family: 'abeezeeregular'; color:#4f4f4f; font-size:15px;}
.inner-list a .pdf-img:hover{ color:#F30;}
.pdf-img {float: left; margin: 0px 20px 20px 0px; border-radius: 4px; border: solid 1px #eae4e4; background: #fff; padding: 5px 20px;}
.inner-list a .pdf-img img{ min-height:47px; max-width:45px; margin-right:15px;}



/****************End-About page*****************/



/****************Start-Contact*************/
.inner-contact{border-bottom:1px solid #d0d1d2; padding-bottom: 65px; margin-bottom: 70px;}

.contact-left{ background:#fff; min-height:610px; padding:20px 20px 0px 15px; margin-right:25px;}

.contact-head{ color:#545f69; font:20px Arial, Helvetica, sans-serif; }

.contact-box{ margin:15px 0px 0px 5px; padding-bottom:10px;}

.contact-box p{ font-size:14px; color:#36363b; padding-right:20px; padding-bottom:0px;}

.addres{ background:url(../images/inner-location.png) left top no-repeat; font-family: 'abeezeeregular'; color:#4f4f4f; font-size:15px; font-weight:bold; padding:2px 0px  13px 30px; border-bottom:1px solid #cccccc;  margin-bottom: 15px;}

.call{ background: url(../images/conta-call.png) left top no-repeat; font:15px Arial, Helvetica, sans-serif; color:#4e4e4e;  padding:0px 0px  15px 25px; border-bottom:1px solid #cccccc; margin-bottom: 15px;}

.contact-box span{ font:14px Arial, Helvetica, sans-serif; color:#676767;}

.time{ background:url(../images/contact-time.png) left top no-repeat; color:#4e4e4e; font:15px Arial, Helvetica, sans-serif; padding:0px 0px  15px 30px; border-bottom:1px solid #cccccc;  margin-bottom: 15px;}

.mail{ background: url(../images/contac-maill.png) left top 3px no-repeat;  font:15px Arial, Helvetica, sans-serif; color:#4e4e4e;  padding:0px 0px  15px 27px; border-bottom:1px solid #cccccc; width:100%; margin-bottom: 15px;}

.contact-box a{color:#676767; font:14px Arial, Helvetica, sans-serif; transition:ease-in-out 0.5s;}

.contact-box a:hover{ color:#e9093a;}

.blog-inntext-1 h4{ font:20px Arial, Helvetica, sans-serif; color:#545f69;  font-weight: normal !important; padding:10px 0px 15px 0px;}

.blog-inntext-1 p{ font:15px Arial, Helvetica, sans-serif; color:#343434;}

.form {width: 45%; margin: 0px 28px 15px 0px; float: left; padding: 5px 0px;}

.form input[type="text"], .form input[type="email"], .form input[type="phone"] {font-size: 15px; font-family:Arial, Helvetica, sans-serif; color: #4c5052; border: 1px solid #e6e6e6; text-align: left; padding:14px 15px; width: 100%; float: left;background: #f5f7fa;}

.sub {float: left; margin-top: 15px; background: #d94151; border-radius: 30px; border: solid 2px #fb5264; font-family: 'abeezeeregular'; font-size: 14px;
	font-weight: normal; padding: 20px 55px; text-transform: uppercase; color: #fff; font-weight:bold;}
	
.sub:hover {background: #0e457b; color: #fff; border:2px solid #422774 !important;}

.form placeholder {font-size: 14px; font: 15px  Arial, Helvetica, sans-serif; text-align: left;}

.form-2 { margin: 6px 5px 17px 0px;}

.form-2 textarea {width: 100%; font: 15px  Arial, Helvetica, sans-serif; color: #4c5052; text-align: left; resize: nonne; height: 175px; background: #f5f7fa;
	border: 1px solid #e5e5e5; padding:15px 15px;}
	
.form-box {margin: 20px 0px 0px 35px; width: 46%;}

.top-left li a:hover {background: none; color: #F00;}

.logo a:hover {background: none;}
.capt {
	background: #f5f7fa;
	max-width: 225px;
	width: 100%;
	text-align: center;
	margin:5px 5px 0px 0px;
	float: left;
	border: 1px solid #e5e5e5;
	padding: 4px 10px;
	height: 50px;
}
.capt img {
	max-width: 100%;
	/*max-height: 100%;*/
}
.refresh-1 {
	background: #cccdcd;
	text-align: center;
	width: 60px;
	height: 50px;
	margin: 5px 5px 0px 20px;
	float: left;
	border: 1px solid #e5e5e5;
	padding: 10px 0px;
}
.refresh img {
	max-width: 100%;
}
.thank-box{ margin-top:35px; background:#fff; text-align:center; padding:20px; border: 1px solid #dcdee1;}

.thank-box-check{ font-size:100px;  color:#2bb61d; font-weight:normal !important; padding-bottom:30px;  }

.thank-box h3{ font:50px Arial, Helvetica, sans-serif; color:#5e6a75; font-weight:normal !important; padding-bottom:30px; }

.thank-box p{ color: #535353;font-family: Arial, Helvetica, sans-serif;font-size:22px;line-height: 24px;padding-bottom:25px;margin: 0px;}

.backtohome { background:#4eae49; color:#fff; padding:10px 30px; border-radius:6px;}

.error { color: #bd3232;
   font-family: 'abeezeeregular';
    font-size: 14px;
     text-align:left;
     padding: 10px 0px 0px 0px; width:100%; float:left;
	 display:none;
    }


.error-1 { color: #bd3232;
   font-family: 'abeezeeregular';
    font-size: 14px;
     text-align:left;
     padding: 10px 0px 0px 0px; width:100%; float:left;
	
    }
.table-responsive { border:solid 1px #cbcbcb; background:#fff;}   
.download { color:#d94151; font:14px bold Arial, Helvetica, sans-serif;}
.download a{ color:#d94151; font:14px bold Arial, Helvetica, sans-serif;}
.download a:hover{ color:#422774;}
.thsize {background:#dcdcdc; color:#000; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.c-product { color:#218cd9; font:14px bold Arial, Helvetica, sans-serif;}

/****************End-Contact*************/

/**************Start-product**************/

.product-section{ border-bottom:1px solid #cbcbcb; padding-bottom:100px; margin-bottom:50px;}
.product-link ul li{ border-bottom:1px solid #cbcbcb; padding:15px 0px;}
.product-link ul li a{ transition:ease-out 0.7s; font:14px Arial, Helvetica, sans-serif; color:#218cd9;}
.product-link li a:hover{ color:#ef172e;}
.inner-product{ border-bottom:1px solid #d0d1d2; margin:0px 0px 50px 0px; }
.product-display-row{margin:0 -7px;} 
.product-outer{padding:0 10px !important; margin: 0px 0 32px 0px; min-height:655px !important;}
.product-box{background:#fff; border:1px solid rgba(0, 0, 0, 0.1); display:flex; align-items:center; height:290px; overflow:hidden; padding:5px}
.product-box img{max-width:100%; margin:0 auto; max-height:100%; transition:0.5s ease-in-out;}
.product-box img:hover{ transform:rotate(2deg) scale(1.2);
 -webkit-transform:rotate(1deg) scale(1.1);
 -o-transform:rotate(1deg) scale(1.1);
 -ms-transform:rotate(1deg) scale(1.1);
 -moz-transform:rotate(1deg) scale(1.1); }
.product-name{font:16px Arial, Helvetica, sans-serif; color:#20272d; text-align:center; margin:20px 0 0 0; min-height:45px; padding:0 2px 10px 0px;}
.product-name-1{font:14px Arial, Helvetica, sans-serif; color:#616569; text-align:center; min-height:220px; line-height:22px; padding: 0px 2px;}
.view-detail{text-align:center; font:14px Arial, Helvetica, sans-serif; }
.view-detail a{color:#111010; background:#eaecef; border-radius:0px; padding:8px 21px; border:2px solid #d94151;}

/**************End-product**************/




/**************Start-product-Category**************/
.brand-outer{ background:#fff; padding:10px 25px 25px 25px; margin-top:15px;}
.product-detail-name{ font:26px Arial, Helvetica, sans-serif; color:#5e6a75;}
.product-detail-name-1{font:20px Arial, Helvetica, sans-serif; color:#d94151; margin-top:25px;}
.enquiry-now-1 a{display:inline-block; font: 16px Arial, Helvetica, sans-serif; color:#fff; background:#d94151; text-transform:uppercase; padding:13px 25px; margin-top:45px; transition:0.5s ease-in-out;}
.enquiry-now-1 a:hover{ transition:0.5s ease-in-out; background:#422774;}
.product-content{display:block; width:100%; margin:14px 0}
.brand{float:left; font:14px Arial, Helvetica, sans-serif; color:#20272d; width:33%;}
.brand-content{margin-left:5px; font:14px Arial, Helvetica, sans-serif; color:#6a6d6f; display:flex;}
.product-desc{ border-bottom:1px solid #d0d1d2; padding-bottom:50px; margin: 50px 0px;}
.dot{ display:inline-block;     padding-right: 10px;
    padding-left: 16px;}
/**************End-product-Category**************/



/**************Start-Photo-gallery**************/
.inner-container{ border-bottom:1px solid #d0d1d2; padding-bottom:50px; margin-bottom:50px;}
.gallery-outer{ background:#fff; border:4px solid #fff;  margin-bottom:30px; box-shadow:0px 0px 3px 1px #ccc; height:360px;}
.resi-name {font-family: 'OpenSansSemibold'; max-height:85px; text-align:center; padding:10px 10px; margin-top:3px; background:#f7f7f7; font-size:16px; color:#0e1215;   }
.gallery-box{ min-height:263px; background:#FFF url(../images/zoom-bg.png) center center no-repeat;  transition: 0.5s ease-in-out; position:relative;}
.gallery-box img{ max-width:100%; max-height:100%; position:absolute; left:0px; right:0px; top:0px; bottom:0px;   margin:auto; transition: 0.5s ease-in-out;}
.gallery-box img:hover{ opacity:0.7;}

/**************End-Photo-gallery**************/



/***************-Start-company-video*****************/

.video-outer{ background:#f7f7f7; border:4px solid #fff;  margin-bottom:30px; box-shadow:0px 0px 3px 1px #ccc; min-height:440px;}
.video-box{ min-height:200px;  transition: 0.5s ease-in-out; position:relative; overflow:hidden; }
.video-box iframe{ width:100%; min-height:200px;  position:absolute; left:0px; right:0px; top:0px; bottom:0px;    margin:auto; transition: 0.5s ease-in-out;}
.video-name {border-top:1px solid #fff; background:#f7f7f7;  min-height:212px; padding:25px 20px 0px 20px; font-size:16px; color:#0e1215;   }
.video-name h4{ font-size:15px; color:#0e1215;  font-family: 'OpenSansSemibold'; font-weight:normal !important; padding-bottom:10px; min-height:70px; }
.video-name p{ color:#2c2b2b; font:13px Arial, Helvetica, sans-serif; line-height:18px;}
.video-head{ font:24px Arial, Helvetica, sans-serif; color:#218cd9; margin-bottom: 20px;}
.product-det-left{ margin-left:5px;}

/***************-End-company-video*****************/



.cd-tabss-content li li {display: block !important;
    color: #20272d;
    font:14px Arial, Helvetica, sans-serif;
    min-height: 0px;
    padding: 0px;
    line-height: 30px;
    padding: 0px 0px 0px 20px;
    background: url(../images/product-detail-list-bg.png) left top 8px no-repeat;
}

.link-head{ font:19px Arial, Helvetica, sans-serif; color:#484d51; margin-bottom:15px;}

.box-outer{ padding:0px !important;}
.video-head a{ float:right; text-align:right; background:#ecedee; border:1px solid #dcdee1; color:#d94151; font:17px Arial, Helvetica, sans-serif; margin-top:8px; padding:3px 10px 4px 10px;}


.top-spac{ margin-top:20px;}



/***********************Start Media query************************/

@media screen and (max-width:1200px) {
.serch-box{margin:0px;}
.top-left ul li{ font-size:12px;  padding: 5px 0px 5px 20px;}
.top-left{ width:59%;}
.circle-cont{ margin-left:0px;}
.why-img{width: 17%;}
.why-cont{width: 77%; margin: 10px 0px 0px 0px;}
.num-counter{ width:200px; height:200px;}
.form-inn input[type="submit"]{ width:30%;}

}





 
 @media screen and (max-width:1200px) {
.form { width:44%;}
}

@media screen and (max-width:1024px) {

}

@media screen and (max-width:991px) {
.halt-sect{ width:33% !important;}
.top-left ul li{ font-size:12px; padding: 5px 0px 5px 9px;}
.top-left{ width:70%;}
.serch-box{ width:30%; margin-top:10px;}
.serch-box input[type="text"]{ width:80%;}
.serc-bout{ width:20%;}
.header-bottom {height: 0px;}
.circle-cont{ width:70%;}
.why-img{ width:22%;}
.why-cont{ width:72%;}
.num-counter{ width:227px; height:227px;}
.map-outer{ margin-bottom:20px;}
.form { width:100%;}
.form-inn input[type="submit"]{ width:36%;}
.top-header{ display:none;}
}

@media screen and (max-width:767px) {
.top-left ul li{ font-size:12px; padding: 5px 0px 5px 9px;}
.top-left{ width:65%;}
.serch-box{ width:34%; margin:10px 0px 20px 0px; }
.serch-box input[type="text"]{ width:85%;}
.serc-bout{ width:15%;}
.social-link{ float:left; margin-top:10px;}
.circle-cont{ width:78%;}
.why-box{ margin:30px 0px;}
.circle{ margin-bottom:20px;}
.why-img{ width:76px;}
.why-cont{ width:83%;}
.copy{ text-align:center;}
.poweright{ float:none; text-align:center;}
.form-inn input[type="submit"]{ width:36%;}
.contact-left{margin-right: 0px;}
.form-inn input[type="submit"]{ width:40%;}
.product-det-left{ margin-top:30px;}
.product-detail-name{ font-size:20px;}
.product-detail-name-1{ font-size:16px; margin-top: 10px;}
.product-desc{ padding-bottom:0px;}



}


@media screen and (max-width:600px) {
	.serch-box{ width:100%; }
.serch-box input[type="text"]{ width:90%;}
.top-left ul li{ font-size:14px;}
.top-left{ float:left; width:100%;}
.serc-bout{ width:10%;}
.logo{ text-align:center;}
.form-inn input[type="submit"]{ width:35%;}



}


 @media screen and (max-width:480px) {
	 .why-cont{ width:77%;}
	 .circle-box{ padding-bottom:10px;}
	 .catogary-outer{margin: 20px 0px 30px 0px;}
	 .catogary-head{font-size: 20px; margin-bottom: 5px;}
	 .catogray-link ul li{ padding:10px 0px;}
	 .timer-section{padding: 20px 0px 10px 0px;}
	  .product{padding: 20px 0px 5px 0px;}
	 .product-head{ font-size:20px;}
	.second-heading{ font-size:20px;}
	 .why-cont h3{ font-size:17px;}
	.client-outer{padding-bottom: 18px; margin: 26px 0px 20px 0px;} 
	.serch-box input[type="text"]{ width:85%;}
	.serc-bout{ width:15%;}
	.form-inn input[type="submit"]{ float:left;} 
	 .about-heading{ font-size:20px;}
	 .about-righ{ float:left; margin-bottom:10px;}
	 .about-img{ margin-bottom:20px;}
	 .about-inncont{ margin:0px;}
	 .about-sect { padding-bottom: 0px; margin-bottom: 15px;}
	 .sub{padding: 10px 40px;}
	 .inner-contact{padding-bottom: 20px; margin-bottom: 20px; }
	 .captcha{ width:43%;}
	 .halt-sect{ width:100% !important;}
	 .video-head{ font-size :20px; }
	 .product-section{ padding-bottom:0px;}
	 .product-link ul li{ padding:8px 0px;}
	 
}



 @media screen and (max-width:380px) {
  .circle-cont, .why-cont{ width:70%;}
  .capt{ width:170px;}
.refresh-1{margin: 5px 5px 0px 10px; width:50px;}
.captcha{ width:65%;}
}




/**************************** Hover-effect-start ****************************/

/* Radial Out */
.hvr-radial-out {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-radial-out:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #422774;
	border-radius: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
	color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
	-webkit-transform: scale(2);
	transform: scale(2);
}