/*@font-face{ font-family: museo; src:url('../../fonts/Museo100-Regular.otf'); src:url('../../fonts/Museo300-Regular.otf'); src:url('../../fonts/Museo500-Regular.otf'); src:url('../../fonts/Museo700-Regular.otf'); */
@font-face{
    font-family: museo;
    src:url(../fonts/Museo300-Regular.otf);
}
@font-face{
    font-family: museoBold;
    src:url(../fonts/Museo700-Regular.otf);
}

* { margin: 0px; padding: 0px; }
body { font-size: 14px; font-family: museo;  font-weight:300;  color: #aeaeae; background-color: #fff; cursor: default; word-wrap: break-word; }
html { overflow-y: scroll; }
img { border: 0; }
/*img:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }*/
a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; }
a { color: inherit; }
ol, ul, li { list-style-type: none; }
input { margin: 0; padding: 0; border: 0 none; outline: 0; color: inherit; }
.l { float: left; }
.r { float: right; }
.c { clear: both; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.bf { background: #fff; }
.clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before { display: table; content: " " }
.clearfix:after, .container:after, .nav:after { clear: both }
.container { max-width: 1000px; margin-right: auto; margin-left: auto; }


h1,h2,h3,h4,h5,h6{font-weight: 700;}
p{ font-size:17px; line-height:26px; margin-bottom: 26px; font-weight:300; }
em{font-weight:700; font-style: normal;}
.content {float: left; height: auto; width: 100%;}
.twothird { padding:1% 2%; width:80%; position:relative; float:left; }
.full { padding:0 2%; width:96%; position:relative; float:left; }
.half { padding:0 2%; width:55%; position:relative; float:left; }
.half01{ width:40%; position:relative; float:left; }


/*header*/
header{ position:relative; height:92px; line-height:92px; background:#fff; }
header .logo{ position:absolute; margin:0 auto; width:99px; top:0; left:50%; margin-left:-80px;}
header .nav{ padding:0; }
header .nav li{ text-align:center; float:left; font-size:19px; padding:0 20px; color:#1e1e1e;}
header .nav>li>a{ padding:0 15px ;}



/* contact */
#location{ background:#1e1e1e; padding:70px 0; color:#fff; text-align: center; font-size:17px;}
#location .c_name{  font-weight:700; padding:5px 0 30px;}
#location .c_address{ font-weight:300;}

#contact{ position: relative; overflow: hidden; padding-top: 3.5%; }
#contact .quality-quote{cursor:default;  background: #1E1E1E; color: #FFFFFF; display: block; float: left; overflow: hidden; padding: 10px; position: absolute; width: 230px;}
#contact .quality-quote h3{margin-bottom: 0; font-weight: normal;}
#contact .company-name{cursor:default; background: #1E1E1E; color: #FFFFFF; display: block; float: left; overflow: hidden; padding: 10px; top: 100px; position: absolute;}
#contact .company-name h2{margin-bottom: 0; font-weight: normal;}
#contact .company-name span {font-size: 14px; font-weight: 300; line-height: 24px;}

/* contact form */
.contact-form {display: block; margin: 0 auto; width: 250px; position: relative; min-height: 200px; z-index: 1;}
.contact-form .social-media{left: -50px; top: 0; right: auto;}
.contact-form .social-media a{width: 30px; height: 30px; background-size: 100%;}
.contact-form .social-media a[title*="pinterest"]{ background-size: auto 24px; }
.contact-form .social-media a[title*="instagram"]{ background-size: 20px auto; }
.contact-form .formidable{margin-bottom: 30px;}
.contact-form .formidable .clearfix{margin-bottom: 4px;}
.contact-form .formidable input[type="text"], .formidable input[type="email"], .formidable textarea, .formidable select{border: 0 none; border-radius: 0; color: #808080; float: left; font-size: 16px; line-height: 26px; padding: 8px; width: 90%; }
.contact-form select{cursor:pointer; -webkit-appearance: none; -moz-appearance: none; background: url('../img/down-arrow.jpg')  no-repeat right center #fff; width:98%; text-indent: 0.01px; text-overflow: "";}
.contact-form .formidable textarea{ max-height: 200px; max-width: 90%; min-height: 100px; min-width: 90%; padding-bottom: 25px;}
.contact-form .formidable .buttons, .contact-form .formidable .input{margin: 0; text-align: center;}
.contact-form .formidable .buttons .btn.primary{ background: #C22830; filter:none; border: 1px solid #C22830; height: 72px; border-radius: 100px; color: #FFFFFF;  font-size: 20px; font-weight:700; margin-top: -40px; padding: 20px 10px; text-align: center; text-shadow: none; -webkit-appearance:none; }
.contact-form .formidable .buttons .btn.primary:hover{color: #C22830; background: #fff;}
.contact-form .formidable .formidable_message{ background-color: #C22830; border-radius: 100px; color: #FFFFFF; margin-bottom: 20px; padding: 60px 10px; text-align: center; width: 150px;}
.contact-form .formidable .formidable_message p{margin-bottom: 0;}
.contact-form .formidable .formidable_message p span{display: block; font-size: 30px;}
.formidable .formidable_message.error {background-color: #C22830; border-radius: 0; border: 0 none; color: #FFFFFF; font-size: 13px; line-height: 20px; margin-bottom: 20px; padding: 5px 10px; text-align: left; width: 90%;}

/* social media icons */
.social-media{display: block; overflow: hidden; float: right; right: 0; position: absolute; top: 200px; z-index: 5;}
.social-media p{}
.social-media a{ display: block; height: 40px; overflow: hidden; width: 40px; font-size: 0;}
.social-media a[href*="facebook"]{background: url("../img/facebook.svg") no-repeat center center;}
.social-media a[href*="twitter"]{display: none !important; background: url("../img/twitter.svg") no-repeat center center;}
.social-media a[href*="linkedin"]{background: url("../img/linkedin.svg") no-repeat center center;}
.social-media a[title*="instagram"]{ background: url("../img/instagram.svg") no-repeat center center #7a6958; }
nav.fixed .social-media a[title*="instagram"]{ background-size: 18px auto; }
.social-media a[title*="pinterest"]{ background-image: url("../img/pinterest.svg"); background-repeat: no-repeat; background-position: center center; background-color: #c9232a; background-size: auto 30px; }
nav.fixed .social-media a[title*="pinterest"]{ background-size: auto 22px; }

.formidable .label{ display: none; overflow: hidden; position: absolute; margin-top: 6px; margin-left: 6px;}
.formidable .label label{ font-size: 14px; color: #6A6969; text-align: left; font-weight: 200; }

/* go top */
.goto-top.display { width: 80px; height:80px;}
.goto-top { background: #C22830; border-radius: 50%; bottom: 30px; color: #FFFFFF; cursor: pointer; display: block; margin-right: 15px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; overflow: hidden; position: fixed; right: 0; text-align: center; transition: width 0.3s ease 0s; width: 0; z-index: 10; height: 80px;}
.goto-top:hover{opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.goto-top.round-circle a {background-image: url("../img/top-arrow.svg");}
.goto-top.round-circle a{ line-height: 18px; margin-top: 10px; }

.round-circle{background: #c22830; cursor: pointer; border-radius: 100px; behavior: url("./PIE.htc"); color: #FFFFFF; display: block; height: 100px; overflow: hidden; text-align: center; width: 100px; }
.round-circle a{ background-image: url("../img/right-arrow.svg"); background-repeat: no-repeat; background-position: center bottom; display: block; margin-top: 16px; padding: 0 8% 30px;font-size: 15px; line-height: 22px; color: #fff;}
em{font-weight: 700; font-style: normal;}


/*footer*/
footer{ position:relative;  padding:20px 0; background:#1e1e1e; color:#fff; font-size:16px; font-weight:100; }
footer a{ display:block; float:left; padding:0 18px; }
footer .footer-links{ margin:0 auto; padding-left:20%;}
footer .footer-links a{ text-decoration:underline;}
footer .copyright{ position:absolute; left:2%; top:20px;}
footer a.hrada{ position:absolute; right:2%; top:20px; display:block;}



/*面包屑*/

/*page*/
.page { text-align: center; padding-top: 10px; padding-bottom: 50px; }
.page .i { color: #959595; display: inline-block; margin-right: 2px; width: 32px; height: 32px; line-height: 32px; border: 1px solid #e5e5e5; background-color: #f5f5f5; font-size: 16px; vertical-align: top; }
.page .cur { background: none; border: 0; color: #e52d09; }
.page .btn { background-color: #fff; border: 1px solid #e5e5e5; width: 80px; height: 33px; display: inline-block; color: #aeaeae; margin-right: 2px; border-radius: 0; }
.page .btn:hover, .i:hover { background-color: #e52d09; color: #fff; }
.page .cur:hover { background: none; border: 0; color: #e52d09; }

/*下层*/
.mbx{ height:65px; line-height:65px; font-size:14px; color:#bdbdbd;}
.mbx span{ color:#686868;}
.mbx a{ color:inherit; text-decoration:none;}
.lbanner img{ display:block; width:100%; margin:0 auto; }






 @media only screen and (max-width: 1024px) {
.material-menu-button { display: block; width: 50px; height: 45px; padding: 0 8px 0px 8px; position: absolute; top: 25px; right: 20px; }
.material-menu-button span { display: block; width: 100%; height: 5px; margin-bottom: 4px; background-color: #0152a2; }
.material-menu-wrapper { padding: 20px; }
.material-menu-view-mobile { background-color: #fff; -webkit-box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2); box-shadow: 40px 0px 30px 0px rgba(0, 0, 0, 0.2); }
/** Titlebar */
.material-menu-titlebar { -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2); }
header .nav li{ width:100%; background:none;}
.ds{ display:none !important;}


footer .copyright,footer a.hrada{ position: static; text-align:center}
footer a.hrada{ width:100%;}

}


 @media (max-width: 767px) {
	
		
}