﻿@charset "utf-8";/* CSS Document*/body, .Normal{color: #888888;font-family:"Microsoft Yahei",Raleway,Arial,sans-serif;font-size:14px;line-height:2;letter-spacing: 1px}
.portfolio-item{line-height: 0}
a:hover{color: #000}
.enfont{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;}
/* latin-ext*/@font-face{font-family: 'Raleway';font-style: normal;font-weight: 400;src: local('Raleway'), local('Raleway-Regular'), url(../fonts/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* latin*/@font-face{font-family: 'Raleway';font-style: normal;font-weight: 400;src: local('Raleway'), local('Raleway-Regular'), url(../fonts/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Raleway';font-style: normal;font-weight: 400;src: local('Raleway'), local('Raleway-Regular'), url(../fonts/1Ptug8zYS_SKggPNyC0ISQ.woff) format('woff');}
.h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:2;letter-spacing: 1px}

/*======  GLOBAL ======*/
.padtop90{padding-top: 90px}
.padbt50{padding-bottom: 50px}
.pad40{padding-top: 40px;padding-bottom: 50px}
.pad30{padding-top:30px;padding-bottom: 30px}
.marb30{margin-bottom: 30px}
.marb10{margin-bottom: 10px}
.padall{padding: 25px}
.border-block{border: 1px solid #f1f1f1;}
body > form #ControlBar_ControlPanel{z-index:10004!important}
h2.title{color: #444;font-size: 22px;margin-top: 0;margin-bottom: 30px;font-weight: bold}
h4{font-size: 15px;margin-top: 0}
h3{color: #BC6352; font-size: 20px; margin-top: 0}
.section_clear h4{font-weight: bold;color: #000}
.section-border{border-top:1px solid #ededed;border-bottom:1px solid #ededed}
.bg-grey{background-color: #f6f6f6}
.bg-grey2{background-color: #e8ebeb}
.bg-black{background-color:rgb(68, 68, 68)}
.bg-theme{background-color:#BC6352}
.bg-image{background: url(/image/slider18-4.jpg) center;background-attachment:fixed;background-size: cover}
.bg-image2{background: url(/image/bg2.jpg) center;background-attachment:fixed;background-size: cover}
footer#footer .inner{background-color: #212121}
footer#footer, footer#footer .contact_information dd .title{color:#818181}
#copyright, footer .widget_recent_comments li, footer .tagcloud a{background-color:#242424}
.header_wrapper{position: absolute}
.background-light{position: static;background-color: #ffffff}
.textbar a.bordered{border-radius: 100%;border: 2px solid;padding: 3px 5px;font-size: 16px}
.navbar-nav>li>.dropdown-menu li{position: relative}
.navbar-nav>li>.dropdown-menu li:after{content: "\f105";font-family: 'FontAwesome';float: right;line-height:10px;position:absolute;top:50%;margin-top:-5px;right:10px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;-ms-transition-duration: 0.4s;transition-duration: 0.4s;}.navbar-nav>li>.dropdown-menu li.haschildren:after{content: '';}
.btn-bt.btn-small{padding:10px 20px}
.btn-bt.colored{background-color: #BC6352; color: #fff; border-color: transparent}
.btn-bt.colored:hover{background-color: #ffffff; color: #BC6352}
.textwidget a:hover{color: #fff}
a.u-click:link, a.u-click:visited{color: #BC6352; border-bottom: 1px solid #BC6352}
a.u-click:hover{ color:#14509c; border-color: #14509c }
/*======  HOME PAGE ======*/
h3.count{color:#fff;font-size: 14px;padding-top: 10px;position: relative;margin-top: 0}
h3.count:before{content: "";width: 30px;height: 2px;background: #e1e1e1;left: 50%;position: absolute;margin-left: -15px;top: 0;}
.data{color: #ffffff}
.data div.enfont{font-size: 32px;color: #f1f1f1;letter-spacing: 3px;line-height: 60px;font-weight: bold}
.portfolio-item{position: relative}
.portfolio-item h4{color: #444;font-weight: bold;font-size: 14px}
.with_icon i{color: #BC6352}
#slider-fullwidth .item{position: relative}
#slider-fullwidth .container{position: absolute;top:0px;height: 100%;z-index: 1001;width: 100%}
#slider-fullwidth .container .content p{font-size:22px;text-align: center;color: #eeeeee;}
#slider-fullwidth h1{font-size: 48px;text-align: center;line-height: 58px;letter-spacing: 0px;text-transform: uppercase;color: #ffffff;background-color: rgba(0,0,0, 0);padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;}
#slider-fullwidth h5{font-weight: 700;font-size: 22px;text-align: center;line-height: 40px;letter-spacing: 1px;text-transform: uppercase;color: #ffffff;display:inline-block;width:100%;}
#slider-fullwidth .item{background-position: center;background-repeat: no-repeat;background-size: cover}
#dnn_ctr14013_HtmlModule_lblContent .blog-article.grid-style .info li:last-child{float:none;clear: both}
.inner .blog-article.grid-style .info li:first-child{display: block; float: none}
.testimonial_carousel_element .owl-theme .owl-dots{margin-top: 0}
.header_page, .header_page{border-bottom: 1px solid #ededed;background-color: #f5f5f5;background-repeat: no-repeat;background-size: cover;background-position: center center;color: #444444;height: 80px;}
.dropdown-menu .three-menu{background-color: #383838; margin: 0 }
.dropdown-menu .three-menu>li{list-style: none;}
.dropdown-menu .three-menu>li a{padding:7px 14px;border-color: #000; text-indent: 10px; display: block; color: #cccccc}
.dropdown-menu .three-menu>li a:hover{color: #fff}
/*======  INNER PAGE ======*/
.breadcrumbss.normal .page_parents span[itemprop=itemListElement]{float:left;padding-left:0px;position:relative;padding-left:15px;font-weight:400;padding-right:11px;font-size:12px;opacity:0.7;}
.breadcrumbss.normal .page_parents span[itemprop=itemListElement]:after{content: "/";position: absolute;left: 0;top: 1px;width: 3px;font-size: 12px;height: 7px;display: inline;margin-top: 0;}
.breadcrumbss.normal .page_parents span[itemprop=itemListElement]:first-child:after{content:'' !important;display:none;}
.breadcrumbss.normal .page_parents span[itemprop=itemListElement]:last-child{margin-right:0px;padding-right:0;}
.breadcrumbss.normal .page_parents span[itemprop=itemListElement] a{font-size:12px;font-weight:400;color:inherit;}
.breadcrumbss.normal .page_parents span[itemprop=itemListElement] a:hover{text-decoration:none;}
.breadcrumbss.normal .page_parents span[itemprop=itemListElement]:last-child a{margin-right:0px;}
.breadcrumbss.normal .page_parents{margin:0;padding:0;list-style:none;position:relative;margin-top:0px;-webkit-transition-duration:0.1s;-moz-transition-duration:0.1s;-o-transition-duration:0.1s;-ms-transition-duration:0.1s;transition-duration:0.1s;z-index:20;float:left;z-index:1;}
.header_page.normal h1{text-transform: uppercase;font-weight: 600;font-size: 20px;line-height: 80px; margin-top: 0; margin-bottom: 0}
.inner .section_clear{margin: 0}
.inner h4{font-weight: bold; color: #000}
.inner h2{line-height: 30px;font-size: 24px;color: #444444;margin-top: 0;}
/*h2 24px black; h3 20px yellow; h4 15px black bold*/
.inner ul.m-list{margin-left: 0 }
.inner ul.m-list li{position: relative; list-style: none; text-indent: 20px}
.inner ul.m-list li:before{ position: absolute; left:-15px; content: '\f101'; font-family: FontAwesome; }
@media screen and (max-width: 767px){
.padtop90{padding-top: 50px}
.language-object{display: none}
.inner .main-navigation .navbar-toggle{padding:15px}
.blog-article.grid-style .content h1{width: 100%}
.header_1 .header_wrapper, .header_4 .header_wrapper{position: relative!important}
#owl1 .item{height:75vh;overflow: hidden}
#owl1{background-color: #000}
.dl-horizontal dt{float: left;}
.navbar-fixed-top{background: rgba(0,0,0,0.5)}
.background-light .navbar-fixed-top	{background: rgba(255,255,255,0.5)}
.navbar-collapse{background-color: #000}
#slider-fullwidth #slider01{background-image: url(/image/slider19s01.jpg)}
#slider-fullwidth #slider02{background-image: url(/image/slider19s02.jpg)}
#slider-fullwidth #slider03{background-image: url(/image/slider19s03.jpg)}
#slider-fullwidth #slider04{background-image: url('../images/mslider20-04.jpg')}
.customNavigation{display: none}
}
@media screen and (max-width: 480px){

	
}
@media screen and (min-width: 768px){
.navbar-solid .language-object{padding-top: 20px}
.language-object{float: right;height: 35px;padding-right: 10px;padding-top: 30px;}
.language-object a{display: block;float: right;padding: 5px 0 5px 10px}
.language-object .selected{display: none}
.navbar{height: 100px}
.navbar-brand object{height: 80px;}
.navbar-nav>li>a{padding-top: 35px}
.background-light .navbar-fixed-top	{background: rgba(255,255,255,0.8)}
.background-light .navbar-default .navbar-nav>li>a{color: #656565}
.affix{background-color:#000;background: rgba(0,0,0,0.6);height: 80px}
.background-light .affix{background-color: #fff; border-bottom: 1px solid #f7f7f7}
.nopadding>div{padding: 0}
.portfolio-item.grayscale .project{left:20px;}
.portfolio-item.grayscale .project h4, .portfolio-item.grayscale .project h6{text-indent: -20px}
.navbar-nav>li>.dropdown-menu{border-top: 3px solid #BC6352}
.navbar-brand{height: 100px}
.customNavigation{position: absolute; top: 50%; width: 100%; z-index: 1000}
.customNavigation a.btn{  width:40px;color: #fff;
height:40px; background:rgba(255,255,255,0);opacity: 0.2; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; border:1px solid #e1e1e1; margin-top:-20px;margin-left: 20px; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s;}
.customNavigation:hover a.btn{background:rgba(0,0,0,0.5);}
.customNavigation a.next{ position: absolute; right: 20px}
}
@media screen and (min-width: 992px){
#slider-fullwidth #slider01{background-image: url('../images/slider20-00.jpg')}
#slider-fullwidth #slider02{background-image: url('../images/slider20-01.jpg')}
#slider-fullwidth #slider03{background-image: url('../images/slider20-02.jpg')}
#slider-fullwidth #slider04{background-image: url('../images/slider20-03.jpg')}
}
@media screen and (min-width: 992px) and (max-width: 1170px){
.cols4 .blog-article.grid-style, .cols4 .grid-size{width: 33.3%}
}
@media screen and (min-width: 1170px){
	
}
@media screen and (min-width: 1360px){
.portfolio-item h6{display:block}
.portfolio-item .overlay .center-bar{margin-top: -25px;padding:0 10%}
.padbt50{padding-bottom: 90px}}
@media screen and (min-width: 1560px){
	
}
