@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; height:2px;}

.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:#b62224; 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:#FFFFFF; font-size:13px; font-family: 'robotoregular'; border-right:1px solid #545E6B; box-shadow:1px 0px 0px 0px #373E46; padding:10px 65px 16px 10px; float:left;}

.translate { color:#fff !important; font-size:auto !important; font-family: 'robotoregular'; border-right:1px solid #545E6B !important; box-shadow:none !important; padding:6px 14px 13px 13px; 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:hover{ background:#3CF;}

.logo{ margin:5px 0px 0px 0px; position:absolute;}
.iso{ margin:30px 0px 0px 0px; position:relative; padding:0px 0px 0px 0px; float:right;}
.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:500px; margin:0px 0px; bottom:0px; z-index:-99;}

.banner-bg{ float:left; width:100%; text-align:justify; padding:1px 0px 1px 0px; background-color:#f1e9f3; position:relative; bottom:0px; top:73%; z-index:0;}
.banner-bg h1{color:#000000;  font-size:18px; font-family: 'robotoregular'; line-height:25px; width:100%; text-align:left;}

.middle{ float:left; width:100%; margin-top:160px; position:relative; padding:20px;
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 ); text-align:justify;}


.middle-box{ float:left; padding:10px 15px; border-right:1px solid #e4e4e4; box-shadow:1px 0px 0px 0px #fff; display:block; margin:0px 0px 0px 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:#6e7072; 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:#0F91FF; font-family: 'robotoregular';}


.middle-box a:hover{ color:#0F91FF;}

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

.middle-box:hover > span{ top:15px;}

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

.client-main{ float:left; background:#EEF0F2; 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:#000000; color:#FFFFFF; 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;}
#footer h4 {
color:#FFFFFF;
}
#footer a {
color:#FFFFFF !important;

}
#footer a:hover {
color:#CCCCCC !important;
text-decoration:underline;
}

/***** 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:#bd081c; 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; 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 #2384C2; 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:#bd081c;}
.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:#bd081c; 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:#bd081c;}

.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:#bd081c; 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 #E2E2E2;}
.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:#333; line-height:27px;}
.sub-cont ul li a{ font-size:14px; font-family: 'robotoregular'; color:#333; line-height:27px;
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:#f30;}

.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; 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:#F30; 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:#f30;}
.sub-cont .p-ttl .tl{ font-size:17px; color:#BD081C;}

/***** 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:#424A55; 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:#F65706; -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:#F6B527; }

#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, #C42412 114%) repeat scroll 0% 0%;}
.sendinquiry:hover{ color:#fff; background:#333; text-decoration:none;}
.imgborder
{
padding:5px;
border:1px solid #CCCCCC;
}
.img-responsive
{
margin-top:10px;
}
#cboxTitle
{
background-color:#0F91FF;
color:#FFFFFF;
padding:5px;
display:none !important;
}
#cboxContent img
{

}
.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red !important;
}
.suc
{
color:#009900 !important;
}
.list-group-item-success {
    color: #000000 !important;
	background-color: #FFFFFF !important;
	display: list-item !important;
}
.list-group-item
{
border:0px !important;
}
.point{
	display: list-item !important;
	margin-left:20px;
	list-style:disc !important;
}
.comprofile li
{
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    outline: medium none;
    font-weight: normal;
    font-family: "robotoregular";
    list-style: outside none none;
    border: medium none;
}
.comprofile a:hover
{
text-decoration:underline;
color:#666666;
}
.sf-menu > li > ul {
    top: 120%;
    left: 50%;
    margin-left: -110px;
}
.sf-menu ul {
    position: absolute;
    display: none;
    width: 220px;
    padding: 10px 0;
    text-align: left;
    background: #ffffff;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25);
}
.rightd
{
float:right !important;
}
.p-top h6
{
text-align:center;
}
.btn-info {
    color: #fff;
    background-color: #3b5157 !important;
    border-color: #0a2d38 !important;
}
.p-top a:hover{
    color: #fff;
    background-color: #BD081C !important;
    border-color: #0a2d38 !important;
}
.tel {
padding:-2px;

    font-size: 20px;
    line-height: 1.2em;
    color: #333333;
    letter-spacing: -2px;
    font-weight: 300;
}
.tel span {
    color: #BD081C;
}
.tel {
    font-family: 'Salsa', "Trebuchet MS", Tahoma, Verdana, Arial;
}
.logoText {
    float: left;
    color: #bd081c;
    text-shadow: #000 0 1px;
    font: normal 30px/30px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    width: 500px;
    margin: 16px 0 0 10px;
    letter-spacing: -1px;
}
.logoText span {
    color: #333333;
    text-shadow: #000 0 1px;
    font: normal 13px/5px "Trebuchet MS", Tahoma, Verdana, Arial, Arial, Helvetica, sans-serif;
    letter-spacing: normal;
    vertical-align: middle;
}