ul, li, ol, p { list-style: none; margin: 0; padding: 0; }
.footer-home { position: absolute; bottom: 0px; width: 100%; text-align: right; background-color: #161513; padding: 7px; z-index: 999999; }
.footer-home ul li { display: inline-block; border-right: 1px solid #4c4b49; padding-right: 5px; padding-left: 5px; }
.footer-home ul li:last-child { border-right: 0px; }
.footer-home ul li a { color: #4c4b49; font-size: 12px; }
.footer-home ul { margin: 0px; margin-right: 10px; font-size: 10px; line-height: 11px; }





/* Add your custom CSS rules that overwrite the ones in the main Lens theme here */





@media (min-width: 2500px) {
.col-xlg-3.recognition:nth-child(2n+1), .col-xlg-4.recognition:nth-child(2n+1) { clear: none; }
.col-xlg-3.recognition:nth-child(4n+1) { clear: both; }
.col-xlg-4.recognition:nth-child(3n+1) { clear: both; }
.col-xlg-6:nth-child(2n+1) { clear: both; }
.col-xlg-3 { width: 25%; }
.col-xlg-4 { width: 33.333%; }
.col-xlg-6 { width: 50%; }
div#mainmenu { width: 300px; left: -300px; }
div#mainmenu ul li a { font-size: 20px; }
div#mainmenu ul li:nth-last-child(2) a::before { font-size: 30px; }
div#mainmenu ul li ul li a { font-size: 15px; }
section.custom-page h2, section.custom-page .bio h2 { font-size: 40px; }
section.custom-page h1, section.custom-page .bio h1 { font-size: 50px; }
section.custom-page p, section.custom-page .textwidget, section.page__content p, section.custom-page p span, section.container--blog.custom-page p { font-size: 30px; line-height: 50px; }
.bio blockquote p { font-size: 30px!important; line-height: 50px!important; }
section.page__content .nav-tabs li a { font-size: 28px; }
section.custom-page h3 { font-size: 30px; }
section.custom-page h4, section.custom-page .sidebar div h4.widget__title { font-size: 28px; line-height: 45px; }
section.custom-page .sidebar a, section.container--blog.custom-page .wp-caption-text { font-size: 24px; }
section.custom-page h5 { font-size: 26px; }
div.member-name, div.portfolioitem-name { font-size: 36px; }
div.member-position, div.portfolioitem-position { font-size: 26px; }
.golden.job-titles div.title { font-size: 36px; }
section.page__content .textwidget { line-height: 50px !important; }
.recognition div.rec-title { font-size: 32px; }
.recognition div.rec-content p { font-size: 28px; line-height: 50px; }
.recognition div.rec-file { font-size: 28px; }
.sow-google-map-canvas { height: 50vh !important; }
}
/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS filesIf you wish however,  you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above), specifically the 'Template: rosa' line. */



html, body, #page, .page-content { background-color: #2B2A28; font-family: "microsoft yahei"; }
html, body { overflow-x: hidden !important; }
a { text-decoration: none; }
.container--archive, .container--single { padding: 0; }
.page__content.single-teammember .member-photo { overflow: hidden; }
.page__content.single-teammember .member-photo .photo-container { background-size: cover; background-position: top center; background-repeat: no-repeat; width: 100%; height: 100%; }
.lg-item img { position: relative; top: 50%; -ms-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; }
.page__content.teamgrid, .page__content.projects-grid { margin: -1.01%; }
.socials-single { display: inline-block; position: absolute; width: 65px; z-index: 1505; top: 50%; -ms-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; background-color: #2f2f2f; padding: 15px; }
.lg-outer .lg-item::before, .lg-outer .lg-img-wrap::before { content: none !important; }
.lg-img-wrap { position: relative; }
.lg-item { max-width: 95vw !important; max-height: 95vh !important; left: 50% !important; top: 50% !important; -ms-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
.share-lg { display: block; height: 35px; width: 35px; background-size: 100% 100%; background-repeat: no-repeat; margin-bottom: 10px; }
.share-lg:last-child { margin-bottom: 0; }
.share-lg.pinterest { background-image: url("assets/images/social-share-pinterest.png"); }
.share-lg.facebook { background-image: url("assets/images/social-share-facebook.png"); }
.share-lg.twitter { background-image: url("assets/images/social-share-twitter.png"); }
.share-lg.mail { background-image: url("assets/images/social-share-mail.png"); }
.page__content.searchpage { margin: -1.01%; padding-top: 80px; }
.ls-layer img { /*    cursor: url(assets/images/glass.png), auto !important;*/ }
.nicescroll-rails { display: none !important; }
.nav-open { position: fixed; top: 10px; left: 10px; width: 240px; height: 70px; z-index: 1500; margin: 0; overflow: hidden; }
blockquote { color: #ad812c !important; font-style: italic !important; margin: 30px !important; text-align: left !important; border-left: 5px solid #ad812c !important; }
blockquote p { font-size: 18px!important; line-height: 34px!important; }
.manu-back { width: 215px; height: 70px; background-color: rgba(21, 20, 19, 0.86); position: fixed; top: 10px; left: 10px; margin: 0; z-index: 1400; }
.nav-open div { height: 50px; margin-top: 10px; position: relative; float: left; width: 57px; text-align: center; }
.nav-open .icon { border-right: 1px solid #555; }
.nav-open .icon i { color: #fff; font-size: 25px; cursor: pointer; margin-top: 9px; }
.nav-open .icon i.ion-android-close { color: #cecac2; }
.nav-open .ion-navicon::before { margin-top: 3px; -moz-transform: scale(1.5, 1); -webkit-transform: scale(1.5, 1); transform: scale(1.5, 1); }
.nav-open .ion-navicon { /*    -moz-transform:  scale(1.5, 1);        -webkit-transform:  scale(1.5, 1);        transform:  scale(1.5, 1);    */ }
.nav-open .ion-android-close::before { margin-top: 3px; }
#FFFFFF.nav-open .logo-closed { opacity: 1; }
.nav-open .logo-opened { opacity: 0; }
.nav-open .logo-image { width: 175px; }
.nav-open .logo-image img { height: 50px; position: absolute; left: 3px; width: auto; }
#mainmenu { width: 240px; /*height: 100%;*/ position: fixed; background-color: rgba(21, 20, 19,0.9); /*background:none;*/ top: 0; left: -240px; z-index: 1450; }
#menu-open { display: inline-block; }
#content { position: relative; }
#mainmenu { padding-top: 80px; }
#mainmenu ul li a:hover { color: #ad812c !important; text-transform: uppercase; text-decoration: none; }
#mainmenu .sub-menu { display: block; position: relative; background: none; }
#mainmenu #menu-main-manu { list-style-type: none; margin: 0; text-align: center; width: 100%; }
#mainmenu .menu-item-has-children::after { content: none; }
#mainmenu ul li a { color: #ad812c; font-size: 16px; font-weight: bold; letter-spacing: 0.1825em; text-transform: uppercase; }
#mainmenu ul li ul li a { color: #87837f; font-size: 10px; }
#mainmenu .active a { color: #ad812c !important; font-weight: bold; }
#mainmenu .active a:hover { color: #ad812c !important; }
#mainmenu ul li { margin-bottom: 10px; margin-top: 10px; }
.menu-item-has-children { margin-bottom: 15px; }
#mainmenu ul li ul li:after { content: none; display: block; width: 40px; height: 1px; border-bottom: 1px solid #b3b0ad; margin: 0 auto; }
#mainmenu ul li ul li { background: none; height: 20px; line-height: 20px; }
#mainmenu ul li ul li a { padding: 0; }
#menu-main-manu li:last-child { height: 82px; margin-bottom: 0px; margin-top: 0px; padding-top: 20px; }
#menu-main-manu ul li:last-child { background: none; height: auto; margin-bottom: auto; margin-top: auto; padding-top: 0; }
.socialicons { width: 100%; /*    margin-top: -30px;*/ text-align: center; padding-top: 10px; padding-bottom: 20px; }
.manusocialicons { display: block; margin: 0 auto; }
.manusocialicons a.social-icon { margin: 0 5px; width: 32px; height: 32px; display: block; float: left; text-align: center; }
.manusocialicons a.social-icon .qq { display: block; width: 32px; height: 32px; background: url(../images/qq.png); }
.manusocialicons a.social-icon .weixin { display: block; width: 32px; height: 32px; background: url(../images/weixin.png); }
.manusocialicons a.social-icon .tel { display: block; width: 32px; height: 32px; background: url(../images/tel.png); }
.manusocialicons a.social-icon .mobile { display: block; width: 32px; height: 32px; background: url(../images/mobile.png); }
.manusocialicons a.social-icon .map { display: block; width: 32px; height: 32px; background: url(../images/map.png); }
#content { margin: 0; padding: 0; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #fff; width: 9px; height: 9px; margin: -2px 0 0 -3px; }
#fp-nav ul li { margin-top: 15px; margin-bottom: 15px; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { border-radius: 100%; height: 13px; margin: -6px 0 0 -5px; width: 13px; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { height: 10px; margin: -5px 0 0 -4px; width: 10px; }
#fp-nav ul li:not(:last-child):after { background-color: #fff; content: ""; display: block; height: 30px; left: 8px; position: absolute; top: 7px; width: 1px; }
#fullpage .slide-content { display: none !important; }
#fullpage .slide-title { color: #fff; font-size: 26px; font-weight: normal; text-shadow: 0 0 3px #000; position: relative; letter-spacing: 19px; line-height: 45px; }
#fullpage .slide-text { color: #fff; font-size: 17px; font-weight: normal; letter-spacing: 0.0525em; text-shadow: 0 0 3px #000; margin-top: 20px; margin-left: auto; margin-right: auto; position: relative; max-width: 775px; }
#fullpage .slide-content { text-align: center; max-width: 90%; margin: 0 auto; z-index: 5; position: relative; line-height: 35px; }
#fullpage .slide-content hr { width: 110px; margin: 0 auto; }
.play-button { cursor: pointer; }
#fullpage hr { position: relative; }
.site-footer { background-color: #3a3836; border-top: 8px solid #544e48; }
.site-footer .manusocialicons a.social-icon { color: #3A3836 !important; background-color: #ad812c !important; margin: 0 10px; width: 45px; height: 45px; display: block; float: left; text-align: center; font-size: 27px; }
.footer-social { padding-bottom: 30px; }
.footer-social hr { width: 135px; margin-left: auto; margin-right: auto; }
.footer-rest { background-color: #2c2a28; text-align: center; color: #a9a193; padding-top: 30px; }
.footer-rest .talk { background: none; border: 2px solid #ad812c; font-size: 23px; text-transform: uppercase; margin-bottom: 30px; color: #ad812c; }
.footer-rest .copyright-text { font-size: 11px; color: #a9a193; margin-bottom: 0; }
.page__content .panel-grid { margin-bottom: 0px !important; }
.page__content h1 { margin-top: 0px; font-weight: 300; letter-spacing: .4425em; font-size: 25px; }
/*.page__content h1:after {



    background-color: #fff;



    content: " ";



    display: block;



    height: 2px;



    margin-left: 85%;



    margin-top: 40px;



    width: 15%;



}*/







.page__content .widget { padding-bottom: 0px !important; }
.page__content .widget > div { padding: 30px; }
.custom-page-content { padding: 20px; }
.page__content .widget .ls-wp-fullwidth-container { padding: 0px; }
.page__content .widget .so-widget-sow-image { padding: 0px; }
.page__content .textwidget { line-height: 25px !important; }
.custom-page .bio { min-height: 662px; padding: 65px; }
.custom-page .bio hr { margin-left: 0 !important; margin-bottom: 40px !important; margin-top: 40px !important; width: 130px !important; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #d8d8d8; border-image: none; border-style: none none solid; border-width: 0 0 2px; height: 0; }
.custom-page .bio h1 { color: #988f87; font-size: 18px; font-weight: 300; letter-spacing: 0.3625em; margin-bottom: 20px; margin-top: 20px; }
.custom-page .bio h2 { color: #988f87; font-size: 15px; font-weight: 300; margin-top: 20px; text-transform: uppercase; }
.page__content .textwidget hr { width: 130px; margin-top: 40px; margin-bottom: 40px; }
.page__content .textwidget:first-child hr { margin-right: 0px; }
.page__content .panel-grid-cell { padding-left: 0px !important; padding-right: 0px !important; }
.page__content .page-comment h4:before { background-color: #d9d8d8; content: " "; display: block; height: 2px; margin-left: auto; margin-right: auto; margin-bottom: 40px; width: 15%; }
.page__content h3 { font-size: 16px; text-transform: none; line-height: 35px; letter-spacing: 0.0656em; padding-left: 350px; }
.page__content p { color: #69625a; font-size: 14px; line-height: 25px; }
.page__content h4 { font-family: 'Droid Serif'; text-transform: none; font-size: 15px; line-height: 45px; }
.page__content h5 { text-transform: uppercase; font-size: 13px; }
.recogition-header { padding: 74px; text-align: right; }
.recogition-header h1 { color: #fff; }
.page__content .tab-content { background-color: #2c2b27; padding: 60px; }
.page__content .tab-content .tab-pane { background-color: #2c2b27; }
.back_grey { background-color: #e8e7e7; }
.back_brown { background-color: #2c2b27; }
.page__content .nav-tabs { background-color: #2c2b27; border: none; }
.page__content .nav-tabs li:first-child a { padding: 50px 60px 50px 100px; }
.page__content .nav-tabs li a { font-size: 16px; font-weight: 300; padding: 50px 60px; text-transform: uppercase; color: #8b8580; border-radius: 0; background-color: #2c2b27; margin-right: 0px; letter-spacing: 0.0635em; border: none; }
.page__content .nav-tabs li.active a { background-color: #AD802D; color: #fff; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: none; }
.page__content .nav-tabs li.active:after { display: block; content: " "; width: 0; height: 0; border-style: solid; border-width: 25px 20px 0 20px; border-color: #AD802D transparent transparent transparent; position: absolute; z-index: 350; left: 50%; -ms-transform: translateX(-50%); /* IE 9 */ -webkit-transform: translateX(-50%); /* Chrome,  Safari,  Opera */ transform: translateX(-50%); top: calc(100% - 2px); }
.page__content .nav-tabs li:first-child.active:after { left: 60%; -ms-transform: translateX(-60%); /* IE 9 */ -webkit-transform: translateX(-60%); /* Chrome,  Safari,  Opera */ transform: translateX(-60%); }
.portfolio-header-content, .team-header-content { position: relative !important; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Chrome,  Safari,  Opera */ transform: translateY(-50%); }
.recognition { margin-bottom: 60px; }
.recognition:nth-child(2n+1) { clear: both; }
.recognition:after { content: " "; display: block; height: 1px; width: 100%; border-bottom: 2px solid #393834; padding-bottom: 20px; }
#awards, #press { padding: 0 50px; }
#awards .recognition:after { width: 100px; }
.recognition .rec-title { text-transform: uppercase; font-size: 16px; margin-bottom: 5px; letter-spacing: 0.0635em; color: #AA8238; font-weight: 700; }
.recognition .rec-content { line-height: 30px; font-size: 14px; color: #928E8B !important; margin-bottom: 40px; }
.recognition .rec-content p { margin: 0; color: #928E8B !important; }
.recognition .rec-file a { color: #AA8238; text-decoration: underline; }
.recognition .rec-file { margin-top: 15px; }
.team-header { padding: 74px; text-align: right; }
.team-header h1 { color: #fff; }
.team-header .btn { background: none; border: 2px solid #fff; font-size: 16px; text-transform: uppercase; margin-bottom: 30px; letter-spacing: .2925em; font-weight: 300; }
.team-type-name { font-size: 21px; font-weight: 300; color: #a9a19a; padding-left: 50px; margin: 75px 0; }
.team-type-name:after { content: " "; width: 110px; height: 2px; background-color: #a9a19a; display: block; margin-top: 20px; }
.teammember { /*    min-height: 360px;*/ position: relative; cursor: pointer; text-align: center; }
.member-name { font-size: 18px; color: #fff; letter-spacing: .2925em; text-transform: uppercase; font-weight: 100 !important; }
.member-name:after { content: " "; width: 50px; height: 1px; background-color: #ad812c; display: block; margin: 10px auto; }
.teammember:hover .member-name:after { background-color: #fff; }
.member-position { font-size: 13px; color: #ffffff; letter-spacing: 0.1925em; font-weight: 100 !important; text-transform: uppercase; }
.member-data { position: relative; bottom: 0; }
.backtoteam { padding: 0; }
.backtoteam .click { text-align: center; max-width: 160px; margin: 0 auto; cursor: pointer; }
.backtoteam .click a { color: #AD812C; }
.single_content h1 { font-size: 18px; font-weight: 300; color: #69625A; margin-bottom: 20px; margin-top: 20px; letter-spacing: .3625em; }
.single_content h1:after { content: none; }
.single_content h2 { font-size: 15px; font-weight: 300; color: #a9a19a; margin-top: 20px; }
.single_content, .single_content p { font-size: 14px; color: #69625A; }
.modal-header { border-bottom: none; min-height: 0px; padding: 0px; }
.close-modal { background-color: rgba(0, 0, 0, 1); position: fixed; right: 15px; top: -5px; z-index: 500; color: #fff; font-size: 40px; padding: 15px 22px; opacity: 0.45; }
 @media (min-width: 768px) {
.close-modal { right: 1px !important; }
}
.modal-body { padding: 0px; }
.modal-dialog { margin: 0 auto; width: 100%; }
.modal-content { border-radius: 0px; }
.portfolio-header { padding: 74px; text-align: right; }
.portfolio-header h1 { color: #fff; }
.portfolio-header h3 { color: #fff; }
.portfolio-header .btn { background: none; border: 2px solid #fff; font-size: 17px; text-transform: uppercase; margin-bottom: 30px; }
.portfolio-header .btn.circle { border-radius: 35px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #fff; font-size: 17px; margin-bottom: 30px; padding: 10px; text-transform: uppercase; width: 65px; }
.portfolio-header .btn.circle i { font-size: 40px; }
.brown-background { background-color: #2B2A28; }
.portfolioitem { min-height: 100px; position: relative; cursor: pointer; }
.portfolioitem { width: 48%; margin: 1%; text-align: center; }
.portfolioitem .background-overlay, .teammember .background-overlay { position: absolute; width: 100%; height: 100%; left: 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.portfolioitem:hover .background-overlay, .teammember:hover .background-overlay { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); }
.portfolioitem .brown-overlay, .teammember .brown-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(50, 44, 38, 0.65); left: 0; opacity: 1; -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */ transition: opacity 1s; }
.portfolioitem:hover .brown-overlay, .teammember:hover .brown-overlay { opacity: 0; }
.portfolioitem-name { font-size: 18px; color: #fff; letter-spacing: .2925em; text-transform: uppercase; font-weight: 100 !important; }
.portfolioitem-name:after { content: " "; width: 50px; height: 2px; background-color: #ad812c; display: block; margin: 10px auto; }
.portfolioitem:hover .portfolioitem-name:after { background-color: #fff; }
.portfolioitem-position { font-size: 13px; color: #ffffff; letter-spacing: 0.1925em; font-weight: 100 !important; text-transform: uppercase; }
.portfolioitem-data { position: relative; bottom: 0; }
.panel-grid { clear: both; }
.panel-row-style, .panel-widget-style { background-attachment: fixed; background-position: 50% 50%; }
.single-project-name-row { height: 0px; }
.single-project-name { font-size: 20px !important; display: block !important; margin: 0 auto !important; text-align: center; letter-spacing: 8px; }
.single-project-name-slider { font-size: 20px !important; display: block !important; margin: 0 auto !important; text-align: center; letter-spacing: 8px; position: relative; top: -110px; color: white !important; }
.grey-image-background { background-image: url("assets/images/orf-title-backg.jpg"); background-attachment: fixed; background-position: 50% 50%; background-size: cover; }







/*only for webkit  browsers*/







@media screen and (-webkit-min-device-pixel-ratio:0) {
.panel-row-style, .panel-widget-style { background-attachment: scroll; }
}
.project-slider-container { position: relative; margin-bottom: -78px; background-color: #2B2A28; overflow: hidden; }
.project-slider-container .dots-slider-nav { list-style-type: none; position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); }
.project-slider-container .dots-slider-nav li { display: block; float: left; width: 12px; height: 12px; border: 1px solid #fff; margin-right: 5px; margin-bottom: 5px; cursor: pointer; border-radius: 2px; }
.project-slider-container .dots-slider-nav li.active { background-color: #fff; }
.project-slider-container .arrows { position: absolute; top: 50%; z-index: 2000; cursor: pointer; transform: translateY(-50%); }
.project-slider-container .arrows.left { left: 20px; }
.project-slider-container .arrows.right { right: 20px; }
.project-slider-container .arrows.left:after { content: "\f104" !important; font-family: "FontAwesome" !important; color: rgba(238, 238, 238, 0.8) !important; font-size: 60px !important; }
.project-slider-container .arrows.right:after { content: "\f105" !important; font-family: "FontAwesome" !important; color: rgba(238, 238, 238, 0.8) !important; font-size: 60px !important; }
#project-slider { width: 100vw; overflow-x: scroll; position: relative; background-color: #6e6761; }
#project-slider .slide { float: left; height: 100%; display: inline-block; background-size: cover; background-position: center center; margin-right: 1vw; position: relative; }
#project-slider .slide:last-child { margin-right: 0; }
#project-slider .slide.percentage100 { width: 100vw; }
#project-slider .slide.percentage66 { width: 66vw; }
#project-slider .slide.percentage33 { width: 33vw; }
#project-slider .slide img { margin-left: 10px; margin-top: 10px; }
#project-slider .open-lightgal { position: absolute; bottom: 10px; right: 10px; }
.ls-fullwidth { padding: 0 !important; }
.ls-fullwidth .ls-nav-prev { background: none !important; }
.ls-fullwidth .ls-nav-prev:hover, .ls-nav-prev:active { text-decoration: none; }
.ls-fullwidth .ls-nav-prev:after { content: "\f104" !important; font-family: "FontAwesome" !important; color: rgba(238, 238, 238, 0.61) !important; font-size: 80px !important; }
.ls-fullwidth .ls-nav-next { background: none !important; }
.ls-fullwidth .ls-nav-next:hover, .ls-nav-next:active { text-decoration: none; }
.ls-fullwidth .ls-nav-next:before { content: "\f105" !important; font-family: "FontAwesome" !important; color: rgba(238, 238, 238, 0.61) !important; font-size: 80px !important; }
.ls-fullwidth .ls-bottom-slidebuttons a { background: none !important; width: 13px !important; height: 13px !important; border: 1px solid #D8D8D8 !important; margin: 0 2px; }
.ls-fullwidth .ls-bottom-slidebuttons a.ls-nav-active { background-color: #D8D8D8 !important; }
.ls-fullwidth .ls-nav-start, .ls-fullwidth .ls-nav-stop { display: none !important; }
.ls-carousel .ls-nav-prev, .ls-carousel .ls-nav-next, .ls-carousel .ls-nav-start, .ls-carousel .ls-nav-stop, .ls-carousel .ls-nav-sides { display: none !important; }
.ls-carousel .ls-bottom-nav-wrapper { height: auto !important; /*    top: -42px !important;    */ margin: 0px !important; position: absolute !important; bottom: 2px !important; left: 50% !important; -ms-transform: translateX(-50%) !important; /* IE 9 */ -webkit-transform: translateX(-50%) !important; /* Safari */ transform: translateX(-50%) !important; }
.ls-carousel .ls-bottom-slidebuttons { height: auto !important; }
.ls-carousel .ls-bottom-nav-wrapper a { background-image: none !important; background-color: #c2bcb6 !important; margin: 0 5px !important; width: 30px !important; bottom: 0px !important; }
.ls-carousel .ls-bottom-nav-wrapper a.ls-nav-active { background-color: #591E09 !important; }
.ls-carousel .ls-bottom-nav-wrapper { counter-reset: my-counter; }
 .ls-carousel .ls-bottom-nav-wrapper a:before.ls-nav-active {
 background-color: #591E09;
 height: 50px;
 bottom: 15px;
}
.ls-carousel .ls-bottom-nav-wrapper a:before { color: #fff; content: counter(my-counter, decimal); counter-increment: my-counter; font-size: 28px; position: relative; display: block; text-align: center; }
/*----------------------------------------*/







#preloader { height: 100% !important; left: 0; position: fixed !important; top: 0; width: 100% !important; z-index: 1500 !important; background-color: rgba(255, 255, 255, 0.5); display: none; }
#preloader .wave { position: absolute; top: 50%; left: 50%; width: 110px; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Safari */ transform: translate(-50%, -50%); }
#preloader .wave span { display: block; bottom: 0px; width: 20px; height: 30px; background: #AD812C; position: absolute; -webkit-animation: preloader_1 1.5s infinite ease-in-out; -moz-animation: preloader_1 1.5s infinite ease-in-out; animation: preloader_1 1.5s infinite ease-in-out; top: 50%; }
#preloader .wave span:nth-child(2) { left: 22px; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; animation-delay: .2s; }
#preloader .wave span:nth-child(3) { left: 44px; -moz-animation-delay: .4s; -webkit-animation-delay: .4s; animation-delay: .4s; }
#preloader .wave span:nth-child(4) { left: 66px; -moz-animation-delay: .6s; -webkit-animation-delay: .6s; animation-delay: .6s; }
#preloader .wave span:nth-child(5) { left: 88px; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; animation-delay: .8s; }
 @-moz-keyframes preloader_1 { 0% {
 height: 30px;
 -moz-transform: translateY(0px);
 background: #AD812C;
}
 25% {
 height: 80px;
 -moz-transform: translateY(-30px);
 background: #5c5650;
}
 50% {
 height: 30px;
 -moz-transform: translateY(0px);
 background: #9591e09;
}
 100% {
 height: 30px;
 -moz-transform: translateY(0px);
 background: #AD812C;
}
}
 @-webkit-keyframes preloader_1 { 0% {
 height: 30px;
 -webkit-transform: translateY(0px);
 background: #AD812C;
}
 25% {
 height: 80px;
 -webkit-transform: translateY(-30px);
 background: #5c5650;
}
 50% {
 height: 30px;
 -webkit-transform: translateY(0px);
 background: #AD812C;
}
 100% {
 height: 30px;
 -webkit-transform: translateY(0px);
 background: #AD812C;
}
}
 @keyframes preloader_1 { 0% {
 height: 30px;
 transform: translateY(0px);
 background: #AD812C;
}
 25% {
 height: 80px;
 transform: translateY(-30px);
 background: #5c5650;
}
 50% {
 height: 30px;
 transform: translateY(0px);
 background: #9591e09;
}
 100% {
 height: 30px;
 transform: translateY(0px);
 background: #AD812C;
}
}
/* end preloader*/







.fixed-header { z-index: 1100; width: 100%; position: fixed; top: 0; left: -8px; display: none; }
.fixed-header .modal-header { background-color: #fff; width: 598px; margin: 0 auto; }
.affixed { display: block; }
.panel-grid-cell, .gridshadow { opacity: 0; }
 @-webkit-keyframes ZoomIn { from {
 -webkit-transform: scale(1);
}
to { -webkit-transform: scale(1.05); }
}
 @-moz-keyframes ZoomIn { from {
 -moz-transform: scale(1);
}
to { -moz-transform: scale(1.05); }
}
 @keyframes ZoomIn { from {
 transform: scale(1);
}
to { transform: scale(1.05); }
}
.zoom-in { /* make things invisible upon start */ -webkit-animation: ZoomIn ease-in 1; /* call our keyframe named fadeIn,  use animattion ease-in and repeat it only 1 time */ -moz-animation: ZoomIn ease-in 1; animation: ZoomIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity:  1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 7s; -moz-animation-duration: 7s; animation-duration: 7s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; }
 @-webkit-keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @-moz-keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fade-in { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn,  use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity:  1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.gridshadow { }
.gridshadow:hover { /*    -moz-box-shadow: inset 0 0px 111px -154px rgba(92, 86, 80, 0.1);    -webkit-box-shadow: inset 0 0px 111px -154px rgba(92, 86, 80, 0.1);    box-shadow: inset 0 0px 111px -154px rgba(92, 86, 80, 0.1);*/ }
.searchbar { padding: 30px 0; }
.form-search button { background-color: #999595 !important; right: 0 !important; width: 4rem !important; }
.form-search button i { font-size: 20px; color: #fff; }
.form-search .search-query { border-radius: 0; background-color: #b7b6b6; border: none !important; }
 .form-search .search-query::-webkit-input-placeholder {
 line-height: 1;
 text-transform: none;
}
 .form-search .search-query:-moz-placeholder {



    /* Firefox 18- */



    line-height: 2;
 text-transform: none;
}
 .form-search .search-query::-moz-placeholder {



    /* Firefox 19+ */



    line-height: 2;
 text-transform: none;
}
 .form-search .search-query:-ms-input-placeholder {
 line-height: 1;
 text-transform: none;
}
.noresult { text-align: center; }
.filter { color: #fff; font-size: 20px; background-color: #AD812C; line-height: 2.2; }
.filter span { font-style: italic; background-color: #AD812C; }
.filter-bars { color: #fff; font-size: 28px; background-color: #AD812C; text-align: center; cursor: pointer; }
.filter-bars i { background-color: #725419; height: 44px; line-height: 1.5; position: absolute; right: 0; top: 0; width: 65px; }
.filter, .filter-bars, .filterbar { height: 44px; }
.filter-colapse { background-color: #AD812C; color: #fff; font-size: 20px; padding: 10px; position: absolute; right: 0; top: 44px; z-index: 100; display: none; width: 320px; }
.filter-colapse a, .filter-colapse a:active, .filter-colapse a:hover { color: #fff; }
#galleryOverlay:before { color: #fff !important; content: "\f00d " !important; cursor: pointer; display: block; font-family: "FontAwesome" !important; font-size: 40px !important; position: absolute; right: 16px; top: 0; }
#myModal { padding: 0 !important; }
.siteorigin-widget-tinymce h2 { color: #a9a19a; font-size: 15px; font-weight: 300; margin-bottom: 20px; margin-top: 20px; }
.siteorigin-widget-tinymce button, .siteorigin-widget-tinymce .btn, input[type=submit] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 2px solid #591e09 !important; font-family: "Ubuntu" !important; font-size: 23px !important; text-transform: uppercase !important; color: #591e09 !important; padding: 12px 30px !important; border-radius: 3px !important; margin: 0 auto; }
li { font-size: 15px; }
.page__content li { font-size: 15px; }
.gform_footer { text-align: center !important; }
.panel-grid { margin: 0; }
.lg-actions .lg-prev::after { content: "\f104" !important; font-family: "FontAwesome" !important; font-size: 60px; }
.lg-actions .lg-next::before { content: "\f105" !important; font-family: "FontAwesome" !important; font-size: 60px; }
#lg-zoom-in, #lg-zoom-out, .lg-autoplay-button, .lg-fullscreen { display: none !important; }
.lg-toolbar .lg-close::after { font-size: 60px; }
.lg-actions .lg-next, .lg-actions .lg-prev, .lg-toolbar { background: none !important; }
.gallery-title { text-align: right; }
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus { outline: none; box-shadow: 0 0 5px rgba(89, 30, 9, 1); border: 1px solid rgba(89, 30, 9, 1); }
.gform_fields { list-style: none !important; }
.changetteammember, .changeproject { cursor: pointer; display: inline-block; font-size: 40px; margin-top: 0px; }
.changetteammember.next, .changeproject.next { padding: 0px 15px 20px 0px; }
.changetteammember.prev, .changeproject.prev { padding: 0px 0px 20px 15px; }
.changetteammember:hover, .changeproject:hover { color: #fff; }
.click:hover img { -moz-animation: spin 2s ease-in-out; -webkit-animation: spin 2s ease-in-out; animation: spin 2s ease-in-out; }
 @-moz-keyframes spin { 100% {
 color: #FFF;
}
}
 @-webkit-keyframes spin { 100% {
 color: #FFF;
}
}
 @keyframes spin { 100% {
 color: #FFF;
}
}
.nav--footer { padding-bottom: 15px; }
.nav--footer li a { font-size: 10px; text-transform: none; color: #a9a193; padding: 10px 5px; }
.nav--footer li::after { content: "|"; }
.nav--footer li a:hover, .nav--footer li a:active { background: none; }
.bnav span { font-size: 12px; display: inline-block; position: relative; top: -12px; color: #bdbab7; font-weight: 100; letter-spacing: 2px; }
.bnav i { color: #a9a193; }
.bnav { padding: 0 20px; }
.verticalalign { position: relative !important; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Chrome,  Safari,  Opera */ transform: translateY(-50%); }
/*a9a193*/



.golden.col-md-4, .teammember.col-md-4 { width: 31.33%; margin: 1%; position: relative; }
.teammember.col-md-6 { margin: 1.5%; width: 47%; }
.no-padding { padding: 0; }
#partners .golden.job-titles { position: relative; width: 94%; height: 100%; margin: 3% 4% 3% 3%; background-image: url("assets/images/partners-background.jpg"); background-size: cover; background-position: center center; }
.golden.job-titles.other { background-image: url("assets/images/jobtitle-background.jpg"); background-size: cover; background-position: center center; }
.golden.job-titles .title { display: none; position: absolute; top: 50%; width: 100%; text-align: center; color: #fff; transform: translateY(-50%); font-size: 18px; letter-spacing: 0.0925em; font-weight: 100 !important; letter-spacing: .2925em; text-transform: uppercase; }
.golden.job-titles .title:after { background-color: #fff; content: " "; display: block; height: 1px; margin: 10px auto; width: 50px; }
.golden.job-titles .overlay { background-color: rgba(174, 129, 44, 0.8); width: 100%; height: 100%; position: absolute; }
.contact.page__content hr { margin: 40px auto !important; border-color: #a9a19a; width: 280px; }
.contact.page__content h2 { color: #AD812C; font-size: 30px; letter-spacing: 15px; }
.contact.page__content p { color: #a9a19a; }
.contact.page__content p strong { margin-left: 10px; }
.contact.page__content a { color: #a9a19a; }
.contact.page__content .contact-map { position: relative; }
.custom-page .page-comment { padding: 80px 130px; }
.container--blog.custom-page p { font-size: 16px; }
.container--blog.custom-page .pagetitle { margin-top: 100px; }
.container--blog.custom-page figure { margin-bottom: 50px; }
.container--blog.custom-page .wp-caption-text { background: none; bottom: 0px; color: #988f87; font-size: 18px; font-style: italic; left: 0; margin-bottom: 0 !important; padding: 6px 0; position: relative; text-align: center; }
.custom-page .pagetitle { padding-bottom: 30px; }
.custom-page .single-article { padding-bottom: 50px; padding-top: 0px; }
.custom-page .articles { padding: 0 5%; }
.custom-page .tags { display: none; }
.custom-page .tags h3 { display: inline-block; }
.custom-page .tags a { color: #988f87; }
.custom-page .readmore { color: #fff; background-color: #916D2A; display: inline-block; padding: 10px 20px; font-style: normal; letter-spacing: 1px; }
.custom-page .pagetitle h2 { margin-top: 10px; }
.custom-page .sidebar { padding: 0 3%; border-left: 2px solid #393834; }
.container--blog.custom-page .widget { padding-bottom: 20px; }
.container--blog.custom-page .widget_archive select { font-size: 12px; height: 21px; max-width: 231px; padding: 0; }
.container--blog.custom-page .img-responsive { width: 100%; }
.container--blog.custom-page .form-search { max-width: 270px; }
.container--blog.custom-page .form-search button i { font-size: 16px; }
.container--blog.custom-page .form-search .search-submit { height: 35px; padding: 0; width: 50px !important; }
.container--blog.custom-page .form-search .search-query { height: 35px; padding: 7px 12px; }
.custom-page .sidebar h4.widget__title { color: #ad812c; font-size: 17px; font-weight: 400; letter-spacing: 8px; line-height: 0; text-transform: uppercase; margin-bottom: 17px; }
.custom-page .sidebar label { display: none; }
.custom-page .sidebar a { color: #988f87; font-size: 12px; padding: 0; }
.custom-page .articles .single-article:after { content: " "; display: block; height: 1px; width: 100px; border-bottom: 2px solid #393834; padding-top: 50px; margin-left: 15px; }
.custom-page .articles h2 { text-transform: uppercase; color: #ad812c; margin-top: 0; margin-bottom: 5px; }
.custom-page .articles h2 a { color: #ad812c; }
.custom-page .articles time { color: #ad812c; }
.custom-page .articles .content { font-size: 15px; color: #988f87; font-style: italic; line-height: 25px; }
.custom-page .articles .content p { font-size: 15px; color: #988f87; font-style: italic; line-height: 25px; }
/**/

.custom-page h1 { color: #ad812c; font-size: 25px; text-transform: uppercase; letter-spacing: 0.4425em; margin-bottom: 20px; margin-top: 20px; font-weight: lighter; }
.custom-page h2 { color: #988f87; font-size: 20px; text-transform: none; }
.custom-page h3 { color: #ad812c; font-size: 15px; font-weight: 300; letter-spacing: 0.3625em; margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; padding-left: 0; }
.custom-page h4 { color: #988f87; font-size: 15px; line-height: 45px; text-transform: none; }
.custom-page h5 { color: #988f87; font-size: 13px; text-transform: uppercase; }
.custom-page h6 { color: #988f87; font-weight: 400; letter-spacing: 6px; }
.custom-page p, .custom-page .textwidget { color: #988f87; font-size: 15px; }
.custom-page hr { border-color: #736C66; width: 20% !important; margin: 40px auto !important; border-width: 0 0 4px; }
 @media (max-width: 980px) {
.custom-page .page-comment { padding: 50px; }
#awards, #press { padding: 0 20px; }
.page-content { padding-top: 0; }
.bnav span { /*display: none;*/ }
.teammember.col-md-4, .teammember.col-md-6, .golden.col-md-4 { width: 48%; margin: 1%; }
#partners .golden.job-titles { margin: 0 0 1% 0; width: 100%; }
}
.myicon-bars { width: 36px; height: 34px; display: block; background-image: url("../images/bars31.png"); }
.myicon-x { width: 36px; height: 34px; display: block; background-image: url("../images/xout2.png"); }
.slider-social-cont { display: none; background-color: rgba(43, 42, 40, 0.5) !important; }
.slick-slide:hover .slider-social-cont { display: block; }
.slider-img-number { color: rgba(255,255,255,0.64) !important; font-size: 11px !important; letter-spacing: 2px !important; padding: 0 11px !important; text-align: center !important; }
.expander-icon-cont { position: absolute !important; top: 0px !important; right: 5px; width: 20px; }
 @media (max-width: 768px) {
.custom-page .bio { padding: 35px !important; }
.page__content.single-teammember { padding-top: 40px; }
.custom-page .page-comment { padding: 20px; }
.page__content .nav-tabs li a { padding-left: 30px !important; padding-right: 30px !important; }
.page__content .nav-tabs li:first-child.active:after { left: 50%; -ms-transform: translateX(-50%); /* IE 9 */ -webkit-transform: translateX(-50%); /* Chrome,  Safari,  Opera */ transform: translateX(-50%); }
.page__content .tab-content { padding-left: 20px; padding-right: 20px; }
#awards, #press { padding: 0 0px; }
.teammember.col-md-4, .teammember.col-md-6, .golden.col-md-4 { width: 98%; margin: 1%; }
.form-search, .filterbar { margin-bottom: 15px; }
.page__content h3 { font-size: 15px !important; text-transform: none; line-height: 25px !important; letter-spacing: 0.0256em !important; padding-left: 0px !important; }
.custom-page h3 { letter-spacing: 0.3625em !important; }
.page__content h1 { margin-top: 0px; font-weight: 300; letter-spacing: .4425em; font-size: 20px !important; }
.filterbar { margin-left: 0; margin-right: 0; }
#fp-nav { display: none; }
.portfolioitem.col-xs-12 { width: 98%; }
.verticalalign { position: relative !important; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); }
.page__content .widget:not(.widget_sow-google-map) > div { padding: 20px !important; }
.socials-single { width: 35px; padding: 5px; }
.share-lg { height: 25px; width: 25px; margin-bottom: 10px; }
.custom-page .articles { padding: 0 7%; }
.custom-page .sidebar { padding: 0 7%; }
.member-name { font-size: 16px; }
.member-position { font-size: 11px; }
#project-slider .open-lightgal { display: none; }
.bnav { display: none; }
.single-project-name { margin: 0 auto 40px auto !important }
}
 @media (max-width: 991px) {
.custom-page .bio { min-height: 300px; }
}
 @media (max-width: 335px) {
.bnav span { font-size: 10px; }
}
 .search-query::-webkit-input-placeholder { /* Safari, Chrome and Opera */
 font-family: 'savoyregular' !important;
 font-size: 15px !important;
}
 .search-query:-moz-placeholder { /* Firefox 18- */
 font-family: 'savoyregular' !important;
 font-size: 15px !important;
}
 .search-query::-moz-placeholder { /* Firefox 19+ */
 font-family: 'savoyregular' !important;
 font-size: 15px !important;
}
 .search-query:-ms-input-placeholder { /* IE 10+ */
 font-family: 'savoyregular' !important;
 font-size: 15px !important;
}
 .search-query::-ms-input-placeholder { /* Edge */
 font-family: 'savoyregular' !important;
 font-size: 15px !important;
}
 .search-query:placeholder {
 font-family: 'savoyregular' !important;
 font-size: 15px !important;
}
.search_tooltip { display: none; background-color: rgba(255,255,255,0.9); height: auto; z-index: 999999; position: relative; top: 44px; }
.search_tooltip span { width: 100%; display: block; padding: 2px 5px; border-bottom: 1px solid #dddddd; }
.search_tooltip span.selected, .search_tooltip span:hover { background-color: #dddddd; cursor: pointer; }
.lg-floating-box { position: absolute; display: block; bottom: 0px; left: 0px; right: 0px; margin: 0px auto; background-color: rgba(0,244,0,0.6); top: 00%; transform: translateY(-50%) !important; }
.left-box, .right-box { width: 40%; position: absolute; bottom: 0px; }
.left-box { float: left; text-align: left; left: 0px; }
.right-box { float: right; text-align: right; right: 0px; }
.lg-sub-html { font-size: 14px !important; position: relative !important; }
img.lg-object.lg-image { max-height: 80vh; }
.portfolioitem-3x { width: 31.33%; }
.blog-navi { text-align: center; }
.blog-navi h2 { display: none; }
.blog-navi .nav-links { margin: 0px auto; }
.blog-navi .nav-links .page-numbers { background-color: #ad812c !important; width: 45px; height: 45px; line-height: 45px; color: #3A3836 !important; display: block; float: left; margin: 0 10px; text-align: center; text-decoration: none; }
.blog-navi .nav-links .page-numbers.current { text-decoration: underline; }
.blog-navi .nav-links .page-numbers.next, .blog-navi .nav-links .page-numbers.prev { position: relative; left: auto; top: auto; }
.blog-navi .nav-links .page-numbers.next:after { content: "\f054"; font-family: "FontAwesome"; margin-left: 2px; }
.blog-navi .nav-links .page-numbers.prev:before { content: "\f053"; font-family: "FontAwesome"; margin-right: 2px; }
.clear-col { width: 100%; height: 1px; float: left; }
.member-position { display: none; }
.footer-extra-link { background-color: #403f3e; padding: 50px 0px; margin-top: -9px; }
.footer-extra-link a { margin-top: 10px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 8.2px; padding-right: 0px; position: relative; font-size: 19px; color: #ad812c; }
.footer-extra-link a:after { content: ""; width: 8px; height: 4px; position: absolute; bottom: 1px; right: -1px; }
.ldr-image { width: 100%; height: 100%; background-color: black; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-image: url('assets/images/ldr-home-page.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.video-player { display: none; }
/*----------------------------------------*/







#preloader-image { height: 100% !important; left: 0; position: fixed !important; top: 0; width: 100% !important; z-index: 1500 !important; display: none; }
#preloader-image .wave { position: absolute; top: 50%; left: 50%; width: 110px; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Safari */ transform: translate(-50%, -50%); }
#preloader-image .wave span { display: block; bottom: 0px; width: 20px; height: 30px; background: #AD812C; position: absolute; -webkit-animation: preloader-image_1 1.5s infinite ease-in-out; -moz-animation: preloader-image_1 1.5s infinite ease-in-out; animation: preloader-image_1 1.5s infinite ease-in-out; top: 50%; }
#preloader-image .wave span:nth-child(2) { left: 22px; -moz-animation-delay: .2s; -webkit-animation-delay: .2s; animation-delay: .2s; }
#preloader-image .wave span:nth-child(3) { left: 44px; -moz-animation-delay: .4s; -webkit-animation-delay: .4s; animation-delay: .4s; }
#preloader-image .wave span:nth-child(4) { left: 66px; -moz-animation-delay: .6s; -webkit-animation-delay: .6s; animation-delay: .6s; }
#preloader-image .wave span:nth-child(5) { left: 88px; -moz-animation-delay: .8s; -webkit-animation-delay: .8s; animation-delay: .8s; }
 @-moz-keyframes preloader-image_1 { 0% {
 height: 30px;
 -moz-transform: translateY(0px);
 background: #AD812C;
}
 25% {
 height: 80px;
 -moz-transform: translateY(-30px);
 background: #5c5650;
}
 50% {
 height: 30px;
 -moz-transform: translateY(0px);
 background: #9591e09;
}
 100% {
 height: 30px;
 -moz-transform: translateY(0px);
 background: #AD812C;
}
}
 @-webkit-keyframes preloader-image_1 { 0% {
 height: 30px;
 -webkit-transform: translateY(0px);
 background: #AD812C;
}
 25% {
 height: 80px;
 -webkit-transform: translateY(-30px);
 background: #5c5650;
}
 50% {
 height: 30px;
 -webkit-transform: translateY(0px);
 background: #AD812C;
}
 100% {
 height: 30px;
 -webkit-transform: translateY(0px);
 background: #AD812C;
}
}
 @keyframes preloader-image_1 { 0% {
 height: 30px;
 transform: translateY(0px);
 background: #AD812C;
}
 25% {
 height: 80px;
 transform: translateY(-30px);
 background: #5c5650;
}
 50% {
 height: 30px;
 transform: translateY(0px);
 background: #9591e09;
}
 100% {
 height: 30px;
 transform: translateY(0px);
 background: #AD812C;
}
}
/* end preloader-image*/





/*fenye*/



.page { width: 700px; margin: 0 auto; height: 50px; text-align: center; }
.page span { float: left; margin-top: 10px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 8.2px; padding-right: 0px; position: relative; font-size: 19px; color: #900; border: 1px solid #ad812c; background: #ad812c; margin-left: 10px; padding: 10px 20px; height: 45px; line-height: 25px; display: inline; }
.page a { float: left; color: #fff!important; border: 1px solid #ad812c; background: #ad812c; margin-left: 10px; padding: 10px 20px; height: 45px; line-height: 25px; display: inline; }
.page a:hover { background: #F90; color: #FFF; }
.bk20 { width: 100%; height: 20px; }