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

*{ margin:0px; padding:0px;  border:none; text-decoration:none; outline:none; list-style:none; font-weight:normal; font-family: 'robotoregular';}
.clear{ clear:both; margin:0px; padding:0px;}

.container-fluid {
    max-width: 1180px;

}
.container_wapper {
    width: 100%;
  	position:relative;
}

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

}

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

}

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

header{ float:left; width:100%; background:#f0f0f0; position:relative;}
.top{ height:40px;}
.top-right{ float:right!important; position:relative; padding:3px 0px; margin:0px 0px;}
/*.top-right span{ color:#A9B0B9; font-size:13px; font-family: 'robotoregular'; border-right:1px solid #545E6B; box-shadow:1px 0px 0px 0px #373E46; padding:10px 10px 10px 0px; float:left;}*/
.top-right .top-number{ color:#000000; font-size:13px; font-family: 'robotoregular'; border-right:1px solid #545E6B; box-shadow:1px 0px 0px 0px #373E46; padding:10px 20px 10px 20px; float:left;}

.translate { color:#fff !important; font-size:auto !important; font-family: 'robotoregular'; border-right: !important; box-shadow:none !important; padding:6px 14px 13px 0px; float:left;box-sizing:inherit !important;}

.social{ margin:5px 0px 5px 0px; padding:0px 0px; float:right; }
.social a{ border-radius:100%; color:#fff; width:26px; height:26px; text-align:center; padding:3px 0px; display:inline-block; 
transition:all ease 0.4s;
-moz-transition:all ease 0.4s;
-ms-transition:all ease 0.4s;
-webkit-transition:all ease 0.4s;}
.social a:nth-child(1) { background:#6A74B7; margin:0px 3px 0px 0px;}
.social a:nth-child(2) { background:#5382BD; margin:0px 3px 0px 0px;}
.social a:nth-child(3) { background:#F96143;}
.social a:nth-child(4) { background:#CC3333;}
.social a:nth-child(5) { background:#FF0000;}
.social a:nth-child(6) { background:#CC3300;}
.social a:nth-child(7) { background:#CC3300;}

.social a:hover{ background:#3CF;}

.logo{ margin:5px 0px 0px 0px; position:absolute;}
.iso{ margin:30px 0px 0px 0px; position:relative; padding:0px 0px 0px 20px;   border-left: 1px solid #EBEBEB;
  box-shadow: -1px 0px 0px 0px #E3F6FF;}
.iso p{ font-size:13px; color:#959595; font-family: 'robotoregular'; line-height:20px; margin:0px; padding:0px;}
.iso h1{ font-size:13px; color:#666; font-family: 'robotobold';  margin:0px; padding:0px;}
.iso span{ont-size:13px; color:#666; font-family: 'robotoregular'; line-height:20px; margin:0px; padding:0px;}

.request{ margin:0px 0px 0px 0px; background:rgba(0,0,0,0.7); float:left;}
.request a{ font-size:14px; color:#A9B0B9; font-family: 'robotoregular'; font-weight:normal; padding:11px 14px 13px 5px; display:block; }
.request a i{padding:3px 5px 0px 0px; font-size:15px;}
.request a:hover{ color:#fff; font-weight:normal!important;}

.navigation{ padding-left:0px!important; padding-right:0px!important; }

#banner{ float:left; width:100%; background:url(../images/banner-bg.jpg) no-repeat top center; height:473px; margin:0px 0px; bottom:0px; z-index:-99;}

.banner-bg{ float:left; width:100%; text-align:center; padding:35px 0px 13px 0px; background-color:#8d9296; position:relative; bottom:0px; top:73%; z-index:0;}
.banner-bg h1{color:#fff; font-size:20px; font-family: 'robotoregular'; line-height:25px; width:100%; text-align:center;}

.middle{ float:left; width:100%; position:relative;
background: rgba(244,244,244,1);
background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,0.65) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,244,244,1)), color-stop(100%, rgba(255,255,255,0.65)));
background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,0.65) 100%);
background: -o-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,0.65) 100%);
background: -ms-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(255,255,255,0.65) 100%);
background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(255,255,255,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );}


.middle-box{ float:left; padding:10px 15px; border-right:1px solid #e4e4e4; box-shadow:1px 0px 0px 0px #fff; display:block; margin:0px 0px 20px 0px;}
.middle-box span{float:left; width:50px; margin:0px 15px 0px 0px; position:relative; top:22px; 
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.middle-box h1{font-size:20px; color:#333; font-family: 'robotoregular';}
.middle-box p{ font-size:14px; text-align:justify; padding:0px 0px 0px 68px;}
.middle-box .btn { float:left; background:#939496; font-size:13px; color:#fff; font-family: 'robotoregular'; padding:5px 15px; text-align:center; margin:0px 0px 0px 65px; border-radius:0;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.middle-box .btn a{ color:#fff; font-family: 'robotoregular';}


.middle-box .btn:hover{ background:#333; color:#fff;}

.middle-box:nth-child(3){ border:none; box-shadow:none;}

.middle-box:hover > span{ top:15px; filter: brightness(0.5);
			-webkit-filter: brightness(0.5);
			-moz-filter: brightness(0.5);
			-o-filter: brightness(0.5);
			-ms-filter: brightness(0.5);}

.product{ width:100%; position:relative; background-color:#8d9296; border:1px solid #E7E7E7; padding:0px 10px 5px 10px; margin-bottom:20px;}
.product h1{ font-size:20px; color:#ffffff; font-family: 'robotoregular'; padding:12px 0px; margin:0px;}

.client-main{ float:left; background:#939496; width:100%; position:relative; margin:30px 0px 0px 0px;}
.client-main .clients{ width:100%; margin:0px 0px 20px 0px;}
.client-main h1{ text-align:center; font-size:20px; color:#333; font-family: 'robotoregular';}
/*.client-main ul li:last-child{
	margin-right:0px;	
}*/

#footer{ float:left; width:100%; background:#36424a; margin:3px 0px 0px 0px; padding:15px 0px;}
.footer-left{ float:left; font-size:13px; color:#fff; font-family: 'robotoregular'; margin:0px 0px 0px 0px!important;}
.footer-right{ float:right; font-size:13px; color:#fff; font-family: 'robotoregular'; text-align:right;}
.footer-right a{font-size:13px; color:#fff; font-family: 'robotoregular';}
.footer-right a:hover{ text-decoration:underline; font-size:13px; color:#fff;}

/***** sub-page start *****/

#sub-banner{ float:left; width:100%; margin:0px 0px; bottom:0px; z-index:-99; position:relative;}
.sub-bg{ float:left; width:100%; padding:0px 0px 0px 0px; background:#8d9296; position:absolute; bottom:0px; top:80px; z-index:0;}
.sub-bg h1{color:#fff; font-size:25px; font-family: 'robotoregular'; line-height:25px; width:100%; text-align:left; margin:0px 0px; padding:15px 0px;}

.sub-cont{ margin:20px 0px 20px 0px; padding:20px; background-color:#FFFFFF; position:relative;}
.sub-cont p{font-size:14px; font-family: 'robotoregular'; text-align:justify; color:#666;}

.sub-cont h1{ font-size:16px; padding:8px 0px 8px 10px; border-left:4px solid #00abb5; background:#f4f4f4; color:#000;}
.sub-cont h2{ font-size:15px; color:#333; font-family: 'robotoregular'; border-bottom:1px dashed #ccc; padding:0px 0px 7px 0px;}
.sub-cont h3{font-size:22px; margin:20px 0px 0px 0px; font-family: 'robotobold'; font-weight:normal; color:#287AB2;}
.sub-cont h3 span{ color:#4A4A4A; font-family: 'robotobold'; font-weight:normal;}
.sub-cont .map{ border:1px solid #ccc; padding:3px; margin:15px 0px 0px 0px;}
.sub-cont address{ margin:60px 0px 0px 0px; position:relative; z-index:100;}
.sub-cont address > h4{ width:100%; border-bottom:1px solid #E9E9E9; padding:0px 0px 10px 0px; font-size:15px; color:#297BB3; font-family: 'robotoregular';}
.sub-cont address > li i{ margin:0px 5px 0px 0px; font-size:11px; color:#A3A3A3;}
.sub-cont address > li a{ font-size:14px; color:#666;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.sub-cont address > li a:hover{ text-decoration:underline; color:#297BB3;}

.sub-cont .form-main{ float:left; width:100%; background:#fbfbfb; padding:15px; margin:0px 0px 20px 0px; border:1px solid #eee; position:relative;}
.sub-cont .form{ background:url(../sub-images/form-top.jpg) left 0px no-repeat #fff; padding:15px; position:relative;}
.sub-cont .form h3{font-size:22px; margin:0px 0px 0px 0px; font-family: 'robotobold'; font-weight:normal; color:#287AB2; text-align:right;}
.sub-cont .form li{ margin:15px 0px 12px 45px;}
.sub-cont .form li label{ font-size:14px; color:#666; font-family: 'robotoregular'; font-weight:normal;}
.sub-cont .form li label strong{ color:#ccc; margin:0px 0px; padding:0px 0px; font-weight:normal;}
.sub-cont .form li input{ width:100%; /*height:35px;*/ padding:7px 10px; font-size:14px; color:#666; border:1px solid #E2E2E2;}
.sub-cont .form li textarea{width:100%; height:75px; padding:10px 10px; font-size:14px; color:#666; border:1px solid #E2E2E2; resize:none; border-radius:0px; box-shadow:none;}
.sub-cont .form li .code{ width:25%; height:35px; padding:10px 10px; font-size:14px; color:#666; border:1px solid #00abb5;}
.sub-cont .form li span{ margin:0px 0px 0px 10px;}
.sub-cont .form li .submit{ float:right; background:#424A55; padding:7px 30px; color:#fff; font-family: 'robotoregular'; position:relative;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .form li .submit:hover{ background:#F63;}
.validation{ color:#F00; font-size:14px; float: left; margin: 6px 0px 0px 45px;}

.sub-cont .ttl-01{ margin:15px 0px;}
.sub-cont .ttl-main{ font-size:15px; color:#666; font-family: 'robotobold'; font-style:italic; font-weight:normal; text-transform:uppercase; background:none; margin:10px 0px 10px 0px; border:none; padding:7px 0px 7px 5px; box-shadow:0px 0px 3px 1px #E1E1E1;}
.sub-cont ul{ margin:0px 0px 0px 0px;}
.sub-cont ul li{ font-size:14px; font-family: 'robotoregular'; color:#000; line-height:22px;}
.sub-cont ul li a{ font-size:14px; font-family: 'robotoregular'; color:#000; line-height:22px;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.sub-cont ul li a:hover{ color:#b3b3b3;}

.sub-cont ul li:before{content: "\f054"; font-family: 'FontAwesome'; font-size:10px; font-weight:normal; color:#666; padding:0px 5px 0px 0px;}


/***** product-ql *****/
.sub-cont .product-ql{ position:relative; background-color:#FFFFFF; z-index: 500; padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
display:block; overflow:hidden;
box-shadow:0px 0px 7px 2px #f0f0f0;
-moz-box-shadow:0px 0px 7px 2px #f0f0f0;
-ms-box-shadow:0px 0px 7px 2px #f0f0f0;
-webkit-box-shadow:0px 0px 7px 2px #f0f0f0;}
.sub-cont .product-ql img{ width:100%; position:relative; z-index:-99; transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .product-ql:hover >img{ transform:scale(1.1);}
.sub-cont .product-ql  h6{ padding:10px 0px 10px 0px; color:#fff; background:#666; text-align:center; font-family: 'robotobold'; font-weight:normal; font-size:15px; margin:0px;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}

.sub-cont .mils-cl{ margin:0px 0px 0px 0px; position:relative;}
.sub-cont .mils-cl span{ margin:0px 7px 0px 0px;}

.p-top{ padding-top:15px;}
.pc-top{ padding-top:5px;}
.p-bottom{ padding-bottom:30px;}

.sub-cont .p-ttl{ font-size:18px; font-weight:normal; font-family: 'robotobold'; color:#f5811a; border-bottom:1px solid #ccc; margin:0px 0px 10px 0px; border-left:none; background:none; padding:0px 0px 8px 0px;}
.sub-cont .p-ttl a{font-size:17px; font-weight:normal; font-family: 'robotobold'; color:#666; margin:0px 0px 10px 0px; border-left:none; background:none; padding:0px 0px 8px 0px;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.sub-cont .p-ttl a:hover{ color:#f07b05;}
.sub-cont .p-ttl .tl{ font-size:17px; color:#007987;}

/***** product *****/
.sub-cont .product{ position:relative;  border-bottom:3px solid #d5d5d5; padding:0px 0px 0px 0px;
display:block; overflow:hidden;
box-shadow:0px 0px 7px 2px #f0f0f0;
-moz-box-shadow:0px 0px 7px 2px #f0f0f0;
-ms-box-shadow:0px 0px 7px 2px #f0f0f0;
-webkit-box-shadow:0px 0px 7px 2px #f0f0f0;}
.sub-cont .product a img{ width:100%; transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .product:hover > a img{ transform:scale(1.1);}
.sub-cont .product a h6{ padding:10px 0px 10px 0px; color:#ffffff; text-align:center; font-family: 'robotobold'; font-weight:normal; font-size:15px; margin:0px; border-top:1px solid #d5d5d5; position:relative; z-index:99;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .product:hover > a h6{ background:#F5F5F5; color:#000;}


.sub-cont .product-tw{ position:relative; margin:0px 0px 25px 0px; padding:0px 0px 0px 0px;
display:block; overflow:hidden; border:1px dashed #ccc;}
.sub-cont .product-tw  img{ width:100%; transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .product-tw:hover >  img{ transform:scale(1.1);}
.sub-cont .product-tw  h6{ padding:15px 0px 5px 10px; color:#424A55; text-align:left; font-family: 'robotobold'; font-weight:normal; font-size:15px; margin:0px; position:relative; z-index:99;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .product-tw  p{color:#424A55; text-align:left; font-family: 'robotoregular'; font-weight:normal; font-size:14px; margin:0px;  position:relative; z-index:99; padding:0px 0px 0px 10px; line-height:22px;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}


.sub-cont .product-sb{ overflow:hidden;
box-shadow:0px 0px 7px 1px #E3E3E3;
-moz-box-shadow:0px 0px 7px 1px #E3E3E3;
-ms-box-shadow:0px 0px 7px 1px #E3E3E3;
-webkit-box-shadow:0px 0px 7px 1px #E3E3E3;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}
.sub-cont .product-sb a img{ margin:0px 0px;
transition:all ease 0.5s;
-moz-transition:all ease 0.5s;
-ms-transition:all ease 0.5s;
-webkit-transition:all ease 0.5s;}

.sub-cont .product-sb:hover{
box-shadow:0px 0px 7px 1px #ccc;
-moz-box-shadow:0px 0px 7px 1px #ccc;
-ms-box-shadow:0px 0px 7px 1px #ccc;
-webkit-box-shadow:0px 0px 7px 1px #ccc;	
transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);}


.finished{ position:relative;  border:1px solid #d5d5d5; padding:5px 5px 5px 5px;
 overflow:hidden;
box-shadow:0px 0px 7px 2px #f0f0f0;
-moz-box-shadow:0px 0px 7px 2px #f0f0f0;
-ms-box-shadow:0px 0px 7px 2px #f0f0f0;
-webkit-box-shadow:0px 0px 7px 2px #f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-webkit-border-radius:10px;}

.finished img{ width:100%;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.finished img:hover{
	transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-webkit-transform:scale(1.1);
		}
.finished h6{ font-size:13px; text-align:center; color:#000; font-family: 'robotoregular';}

.sub-cont .hings{ margin:0px 0px 10px 0px!important;}
.hing-tp{ margin:0px 0px 0px 0px!important;}
.hing .tables{ text-align:left!important;}
.hing .table-h td{ width:0!important; position:relative;}

/***** table *****/
.table{ float:left;  width:100%; margin:20px 0px 0px 0px;}
.table tr{ width:100%;}
.table strong{ font-size:14px; color:#666; font-family: 'robotobold'; font-weight:normal;}
.table p{ font-size:14px; color:#666; font-family: 'robotoregular';}
.table td{ /*width:100%;*/ position:relative;}
.table li{ list-style:none; color:#666; margin:0px 0px 0px 15px; line-height:25px; background:url(../images/bullet.jpg) no-repeat 0px 11px; padding:0px 0px 0px 10px;}

.products-table{float:left; margin:15px 0 15px 0px; width:100%; text-align:center;}
.products-table h1{ float:left; text-align:left; font-size: 15px; color:#D6544F; padding:6px 0px 7px 0px;  font-weight: normal; width:100%; border-bottom:#DABEBD 1px dashed;}
.products-table h2{float:left; text-align:left; font-size: 14px; color:#333;  font-weight: normal; width:100%; font-family: 'robotoregular'; border:0; padding:5px 0px; }
.products-table p{font-size:14px; text-align:left; padding:8px 0px;}
.products-table table{ border:1px solid #CCC;}
.products-table th{font-size:14px; font-weight:normal; text-align:center; background:#8D8C8C; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:30px; color:#fff; padding:0px 5px;}
.products-table .th{font-size:14px; font-weight:normal; text-align:center; background:#F9F9F9;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:30px; color:#666; padding:0px 5px;}
.products-table .th1{font-size:14px; font-weight:normal; text-align:center; background:#fff;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:30px; color:#666; padding:0px 5px;}


.products-table td{font-size:13px; font-weight:normal; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:25px; color:#000;}
.align{text-align:left!important; padding-bottom: 10px; padding-left:10px;} 	
.products-table tr:nth-of-type(odd){background:#F9F9F9;}
.products-table td ul{margin:0px; padding:0px; }
.products-table td ul li{font-size:13px!important; color:#000!important;}


.pro-main{ margin:20px 0px 0px 0px; border:2px solid #E0E0E0;}
.right-pro{ margin:0px 0px 20px 0px;}
.right-pro h2{ font-size:17px; font-family: 'robotoregular'; font-weight:normal; color:#000; background:#f7f7f7; border:none; padding:7px 10px; margin:20px 0px 0px 0px; border:double #e1e1e1;}
.right-pro ul{ margin:10px 0px 0px 10px!important;}
.right-pro li{ margin:0px 0px 0px 0px; list-style:none; border-bottom:1px dashed #ccc; font-size:14px; color:#666!important; font-family: 'robotoregular';}
.right-pro li:last-child{ border-bottom:none;}
.right-pro p{ margin:10px 0px 5px 12px; text-align:left; font-size:14px; font-family: 'robotoregular'; color:#666;}

.right-pro .sb-img{ float:left; margin:5px 10px 0px 0px; padding:0px 15px 0px 0px; border-right:1px dashed #ccc;}
.right-pro .sb-img:nth-child(3){ border:none;}
.right-pro .sb-img p{ margin:0px 0px; font-size:14px; font-family: 'robotoregular'; color:#000; text-align:center;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}

.right-pro .sb-img:hover > p{ color:#F60;}
.right-pro h2 img{transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;}
.right-pro h2:hover img{ transform:scale(1.1);}


/**** Slide-form ****/
.slide-out-div {padding:10px; width:250px; height:auto !important; background:#333; border: #29216d 0px solid; position:fixed !important; z-index:11; top:196px !important; right:0px;}
#form-wrap h2 {margin:0 0 15px 0; color:#fff;}

#form-wrap{margin:0px; float:left; padding:3px 0px 10px 0px;}
#form-wrap label {font-family: 'robotoregular'; font-size:15px; color:#4d4d4d; float:left; margin-right:10px; width:145px; padding-left:1px; }
#form-wrap .input {font-family:'robotoregular'; font-size:13px; padding:5px; margin:0px 5px 20px 0px; width:95%; color:#333 !important; background:#fff; border:0px}

#form-wrap .input:focus {background-color:#fff!important; outline: 0; }
#form-wrap .input2:focus {background-color:#fff!important; outline: 0; }
#form-wrap .textarea {height:auto; min-height:65px; max-width:100%; resize:none; }

#form-wrap  .row-capt {width:100%;float:left; position:relative;margin:0px; padding:0px; }

#form-wrap  .row-capt span{float:left; margin:0px; padding:0px;}

#form-wrap .input2{font-family:'robotoregular'; font-size:12px; padding:5px; margin:0px 0px 7px 0px; border:0px; width:50%; float:right; height:35px; color:#333 !important;background:#fff; }

#form-wrap .input3 {font-family:'robotoregular'; font-size:12px; padding:5px; margin:0px 0px 7px 0px; width:42%; float:right;color:#797979;  background:#FFF;}

#form-wrap .button{text-align:center; margin:0px; padding:7px 0px 5px 0px; width:100%; cursor:pointer; color:#fff; letter-spacing: 1px; font-size:14px;  
border:0px; overflow:visible; background-color:#00abb5; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }

#form-wrap .button:hover {background-color:#8d9296; }

#form-wrap .btn{width:100%; position:relative; margin:2px 0px 0px 0px; padding:0px; clear:both; float:left; }

#thanks{width:60%; margin:56px auto; padding:20px; border:#CCC 1px dashed; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333; line-height:20px; font-size:14px;}

#thanks h3{font-family: Verdana, Geneva, sans-serif; background-image:none; padding-bottom:15px; font-size: 18px; line-height: 30px; font-weight: bold; color: #FF6E21 !important;}

#thanks p{padding:5px 0px; }

.error{font-size:12px; color:#F00; font-family:Arial, Helvetica, sans-serif; padding:0px 0px 0px 12px;}

/* For Send inquiry button */
.pro{width:100;}
.sendinquiry i{ margin:0px 7px 0px 0px;}
.sendinquiry{float:right;padding: 10px 25px;
margin:60px 10px 0px 0px;
font-size: 14px;
color:#FFF;
background: transparent linear-gradient(to left top, #B21 -14%, #EF6252, #C42412 114%) repeat scroll 0% 0%;
transition:all ease 0.3s;
-moz-transition:all ease 0.3s;
-ms-transition:all ease 0.3s;
-webkit-transition:all ease 0.3s;
font-family:'robotobold';
font-weight:normal;
border-radius:5px;
text-transform:uppercase;
background: transparent linear-gradient(to left top, #B21 -14%, #EF6252, #8d9296 10%) repeat scroll 0% 0%;}
.sendinquiry:hover{ color:#fff; background:#333; text-decoration:none;}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red !important;
}
.suc
{
color:#009900 !important;
}