@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;	padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family: 'Roboto', sans-serif;}
ol, ul {list-style: none; margin:0; padding:0;}
blockquote, q {quotes: none;}
.clear{ clear:both; margin:0; padding:0;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clear{ margin:0; padding:0; clear:both;}
.page{ width:100%; margin:0; padding:0;}
.container{ max-width:780px; margin:auto;}
.logo{ padding:15px 0;}
.banner .container{ position:relative;}
.banner img{ width:100%;}
.hd-box{ padding:40px 58px; position:absolute; bottom:-28px; right:-20px; background-color:#343233;width:100%; max-width:442px;}
.banner-hd{ font:300 37px/37px 'Roboto'; color:#ef5f1f;}
.banner-hdlt{ font:300 20px/37px 'Roboto'; color:#ffffff;}
.bdr-btm{ height:3px; background:#ef5f1f; width:54px; display:inline-block;}
.txtpara{ margin-top:110px; margin-bottom:70px; font:300 17px/28px 'Roboto'; color:#343233;}
.txtpara strong{ font:500 17px/28px 'Roboto';}
.icon-point-ar{ background:#343233; border-top:#939292 solid 1px; padding:75px 0 0;}
.point-par{ font:300 20px/28px 'Roboto'; color:#fff; display:block; margin-bottom:65px;}
.point{ margin:0; padding:0; list-style:none; overflow:hidden;}
.point li{ margin:0; padding:0; list-style:none; width:33%; text-align:left; display:inline-block; float:left; height:180px;}
.point-img{ padding-bottom:15px; display:block; height:60px; vertical-align:top;}
.point-txt{ margin-right:10px; max-width:200px; width:100%; font:500 15px/20px 'Roboto'; color:#fff;}
.botm-form{ overflow: hidden;border-top:#55392e solid 1px; padding:58px 0; background-image:url(../images/form-bg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.form-ar{ width:100%; max-width:480px; margin:auto;}
.form-hd{ font:300 40px/40px 'Roboto'; color:#fff; text-align:center; display:block; padding-bottom:20px;}
.form-fld{}
.form-fld li input[type="text"]
{height: 31px; width:211px; border:none; margin:5px; padding:5px; font:300 14px/20px 'Roboto' !important; color:#000;box-sizing: border-box; float:left;}
.form-fld li input[type="submit"]
{height: 31px; text-transform:uppercase; cursor:pointer; width:211px; background:#000; border:none; margin:5px; padding:5px; font:300 16px/20px 'Roboto' !important; color:#fff; box-sizing: border-box; float:left;}
.form-fld li input[type="submit"]:hover{background:#343233;}
.footer{ background:#000; text-align:center; }
.footer p{font:300 14px/20px 'Roboto' !important; color:#ffffff; padding:20px; }

.right-form{ position:fixed; top:250px; right:0; z-index:100;width:100%;max-width:255px;}
.right-form-call{ display:none; width:170px; float:right; background:#fff; padding:10px; cursor:pointer;border:1px solid #f9f9f9;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);}
.right-form-call a{font:600 16px/20px 'Roboto'; text-decoration:none; color:#f89c31; text-transform:uppercase;}
.right-form-call img{vertical-align: middle;}
.right-fm{background:#fff; display:block; overflow:hidden;padding-bottom: 10px;border:1px solid #f9f9f9;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);}
.frm-hd{ background:#f5f5f5; display:block; overflow:hidden; padding:10px; }
.frm-hd p{ width:200px; font:300 20px/20px 'Roboto'; float:left;}
.frm-hd p span{ display:block;font:300 15px/30px 'Roboto';}
.closeForm{ float:right;font:300 50px/40px 'Roboto'; color:#f89c31; text-decoration:none; float:left; padding:0px;}
.form-inval .form-fld{ width:100%; padding:0 10px 0 5px;}
.form-inval .form-fld li input[type="text"]
{height:32px; width:100%; border: 1px solid #e2e2e2; margin:5px; padding:5px; font:300 14px/20px 'Roboto' !important;
color:#000;box-sizing: border-box; float:left;}
.form-inval .form-fld li input[type="submit"]
{height: 34px; text-transform:uppercase; cursor:pointer; width:100%; background:#f89c31; border:none; margin:5px; padding:5px; font:300 16px/20px 'Roboto' !important; color:#fff; box-sizing: border-box; float:left;}
.form-inval .form-fld li input[type="submit"]:hover{background:#343233;}
.footer{ background:#000; text-align:center; }

@media (max-width: 360px)
{	
	.hd-box{ padding:20px 28px;}
	.hd-box {bottom: -150px;right:0px;}
	.banner-hd{ font:300 30px/30px 'Roboto'; color:#ef5f1f;}
	.banner-hdlt{ font:300 20px/25px 'Roboto'; color:#ffffff;}
	.txtpara{ margin-top:150px;}
	.point li{ margin:0; padding:0; list-style:none; width:100%; text-align:center; display:block;}
	.point-txt{ max-width:200px; margin:0 auto 40px;}
	.form-fld li input[type="text"], .form-fld li input[type="submit"]{ width:98%; height:40px;}
}
	

@media (min-width: 361px) and (max-width: 520px) 
{
	.point li{ margin:0; padding:0; list-style:none; width:50%; text-align:center; display:inline-block;}
	.point-txt{ max-width:100%;}
	.form-fld li input[type="text"], .form-fld li input[type="submit"]{ width:98%; height:40px;}
}
@media (min-width: 361px) and (max-width: 520px) 
{
	.hd-box{padding:20px 28px;}
	.hd-box {bottom: -60px;right:0px;}
	.banner-hd{ font:300 30px/30px 'Roboto'; color:#ef5f1f;}
	.banner-hdlt{ font:300 20px/25px 'Roboto'; color:#ffffff;}
	.txtpara{ margin-top:80px; margin-bottom:75px;}
}
@media (max-width: 768px)
{
	.container{padding:0 15px !important; }
	.right-form-call{right: -60px !important;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);position: absolute;}
	.right-form{ position:fixed; top:140px; right:0; z-index:100;width:100%;max-width:255px;}
}
@media (min-width: 768px) and (max-width: 800px) 
{
		
		
}