*, *:after, *:before{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
    outline: 0;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	text-rendering: optimizeLegibility;
    font-size: auto;
    font-weight:300;
	outline: none;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul, ol { list-style: none; }

article, aside, details, figcaption, figure, 
footer, header, menu, nav, section {
	display: block; outline: none;
}

body { background: #dfdfdf; color: #000;  outline: none; overflow-y:auto; overflow-x:hidden !important;}


.flex--container { width: 100%; max-width: 100%; margin: 0; padding: 0; }
.flex--content { width: 90%; max-width: 1370px; margin: 0 auto; }
.flex--content--max { width: 100%; max-width: 1370px; margin: 0 auto; }
.flex--relative { position: relative; }

.content-min2 { width: 100%; max-width: 1050px; margin: 0 auto; }
.content-min { width: 90%; max-width: 1400px; margin: 0 auto; }
.content-max { width: 90%; margin: 0 5%; }

.box{width: auto; float: left;}
.box-line{float: left; width: 100%;}

.box-small{width: 22.75%; margin-right: 3%;}
.box-medium{width: 30%; margin-right: 5%;}
.box-large{width: 46.5%; margin-right: 7%;}
.box-full{width: 100%; margin: 0;}
.box-1152{width: 75%;}
.box-forthree{width: 66%;}
.box-forthreesmall{width: 30%;}
.last {margin-right: 0; }
.clear { clear: both; }

.ds-none { display:  none;}

.flex--middle {top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
.flex--middle2 {left: 50%; top: 50%; -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);}
.flex-fixed {position: relative; }

.flex--transition2 {transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s;}
.flex--transition1 {transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;}

.header {width: 100%; z-index: 1; height: 100vh; position: relative; background-repeat: no-repeat; -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5);box-shadow: 0 10px 30px 0 rgba(0,0,0,0.5); background-attachment: fixed; background-size: cover; background-position: top center; }
.header .caption { position: absolute; width: 100%; }
.header .caption h1 { text-shadow: 4px 4px 10px #000; color: #fff; font-size: 33px; letter-spacing: 5px; font-weight: 400; font-style: oblique; }
.header .caption h2 { text-shadow: 5px 5px 10px #000; color: #fff;font-size: 50px;letter-spacing: 2px;font-weight: 900;line-height: 57px;padding-top: 14px;width: 100%;max-width: 810px; position: relative; padding-bottom: 30px; }
.header .caption h2 span { position: absolute; bottom: 0; left: 0; width: 100px; height: 8px; background:#b97d2e; }

.overlay-area {position: fixed; display: none; z-index: 20000; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.6);}
.overlay-area .over-desc {position: fixed; z-index: 1; max-width: 650px; width: calc(100% - 50px); max-height: calc(100% - 50px); height: auto; background: #fff;  }
.overlay-area .over-desc .title { position: relative;width: 100%; text-align: center; padding: 15px 10px; border-bottom: 1px solid #7f7f7f; background: #dfdfdf; }
.overlay-area .over-desc .title span { text-align: center; font-weight: 900; font-size: 22px; }
.overlay-area .over-desc p { padding: 0 20px;  margin-bottom: 10px; font-weight: 400; font-size: 16px; }
.outed {position: absolute;top: 15px;right: 10px;width: 30px;height: 30px;padding: 6px;}
.outed svg { display: block; width: 100%; height: auto; }
.outed svg path{ fill: #000; }
.overlay-area .deskk {position: relative; padding: 20px 0; overflow-y: auto; height: auto; max-height: 400px;}
.bs-overlay {position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: rgba(0,0,0,0.6);}

.menu-top {padding-top: 30px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.menu-top .menu-right { width: 246px; height: 82px;color: #fff;float: left;position: relative;padding-left: 80px;padding-top: 20px;margin-left: 25px;}
.menu-top .menu-right .ic { padding: 16px; float: left; width: 82px; height: 82px; display: block; position: absolute; top: 0; left: 0;}
.menu-top .menu-right .ic svg { width: 100%; height: auto; }
.menu-top .menu-right .bs { display: block; }
.menu-top .menu-right .bs i {display: block;font-size: 14px; padding-bottom: 3px;font-style: oblique;font-weight: 400;color: #ccc;}
.menu-top .menu-right .bs p {display: block;font-size: 18px; font-weight: 900;}
.menu-top .menu-right .bs p b {display: inline-block;font-size: 13px;font-weight: 900;}
.menu-top .menu-left {padding-left: 70px; float: left; width: calc(100% - 500px); background: rgba(0,0,0,0.5);}
.menu-top .menu-left .link-top { float: left; margin: 10px 0; background: url(../img/logo.png); width: 290px; height: 62px; display: block; background-size: 100% auto;  background-position: center right; background-repeat: no-repeat; }
.menu-top .menu-left .links { float: right; transition: 0.2s; }
.menu-top .menu-left .links a { float: left; color: #ccc; font-weight: 900; display: block; height: 82px;line-height: 80px; margin: 0 15px; font-size: 18px; border-bottom: 5px solid transparent; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; }
.menu-top .menu-left .links a:last-child { margin-right: 30px }
.menu-top .menu-left .links a:first-child { margin-left: 0; }
.menu-top .menu-left .links a:hover, .menu-top .menu-left .links a.active { border-color: #b97d2e;  color: #fff; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;  }

.menu-top.fixed {background: #000; padding-top: 0;}

.n-head { position: relative; z-index: 2; margin-top: -80px; }
.n-head .mLis {background: #fff; cursor: default; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; overflow: hidden; float: left; width: calc(100% / 3); float: left; padding: 50px 55px; position: relative; }
.n-head .mLis .caption { position: relative; color: #fff; padding-left: 80px;  }

.n-head .mLis i {width: 60px; height: 60px;  display: block; position: absolute; top: 50%; left: 0;}
.n-head .mLis i svg { width: 100%; height: auto; display: block; }
.n-head .mLis i svg * { fill:#b97d2e; }
.n-head .mLis p { font-weight: 900; color: #000; font-size: 20px; text-transform: uppercase; transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; }
.n-head .mLis div { font-weight: 900; color: #999999; font-size: 35px; margin-bottom: 5px;}

.n-head .mLis em {transform: scale(0) rotate(12deg); transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; position: absolute;width: 142px;height: 142px;right: 20px;z-index: 1;opacity: 0.15; top: -10px;}
.n-head .mLis svg { width: 100%; height: auto; }
.n-head .mLis svg * { fill: #999999;}

.n-head .mLis.darked { background: #000; }
.n-head .mLis.darked em { transform: scale(1) rotate(12deg); }
.n-head .mLis.darked p { color: #fff; }

.n-head .mLis:hover { background: #25211f;transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }
.n-head .mLis:hover em { transform: scale(1) rotate(12deg); transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s;}
.n-head .mLis:hover p { color: #fff; text-decoration: underline; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; }
.n-head .mLis.darked:hover { background: #000; }


.article-body { position: relative; min-height: 80vh; padding: 60px 0;}
.article-body .article-title { text-align: center; text-transform: uppercase; color: #000; padding-bottom: 15px; font-size: 38px; font-weight: 900; position: relative; }
.article-body .article-title i { position: absolute; bottom: 0; left: 50%; width: 100px; height: 5px; margin-left: -50px; background:#b97d2e; }
.article-body .article-title p {width: 100%;margin: 0 auto;text-transform: none;max-width: 660px;font-size: 30px;font-weight: 400;padding-top: 10px; padding-bottom: 10px; }
.article-body .tagline {font-size: 22px;font-weight: 400; color: #000;text-align: center;padding-top: 30px;max-width: 820px;width: 100%;margin: 0 auto;  margin-bottom: 40px; }


.article-body.darks { background-color: #191514; }
.article-body.darks .article-title { color: #fff; }
.article-body.darks .tagline {color: #fff;}

.bg003 { background-image: url(../img/bgss.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }


.galerys { width: 100%; max-width: 1200px; margin: 0 auto;}
.galerys a { float: left; width: 25%; }
.galerys a img { width: 100%; display: block; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; }
.galerys a img.aa {background-size: auto 100%;}

.gid-actual { margin: 0 -20px; }
.gid-actual a { float: left; width: calc(100% / 3); margin-top: 40px;  }
.gid-actual a .divs { position: relative; border: 2px dashed #4c4c4c; padding: 41px 45px 43px; height: 200px; width: calc(100% - 40px); margin-left: 2px; margin-right: 20px;  }

.gid-actual a .divs i { display: none; width: 40px; height: 40px; position: absolute; top: 20px; left: 25px; }
.gid-actual a .divs i svg { width: 100%; height: auto; }
.gid-actual a .divs i svg * { fill: #b97d2e; }
.gid-actual a .divs .ts { color: #fff; padding-top: 10px; padding-bottom: 15px; font-size: 20px; font-weight: 900; text-align: center; }
.gid-actual a .divs p { color: #999999; font-weight: 400; font-size: 15px; text-align: center; }

.gid-actual a .divs:hover {border-color: #fff; background: #000; }
.gid-actual a .divs:hover .ts { text-decoration: underline; }
.gid-actual a .divs:hover p {  color: #fff; }

.article-titter-2 { margin-bottom: 40px;}
.article-titter-2 .lef { float: left; width: 50%; padding-right: 20px; }
.article-titter-2 .rig { float: right; width: 50%; padding-left: 20px }
.article-titter-2 .lef h1 { width: 100%; max-width: 510px; padding-bottom: 10px; font-size: 22px; letter-spacing: 2px; color: #b97d2e; font-weight: 400; text-transform: uppercase;  text-align: left; }
.article-titter-2 .lef h2 { text-align: left; color: #fff; padding-bottom: 25px; font-size: 30px; font-weight: 900; position: relative;}
.article-titter-2 .lef h2 i { position: absolute; bottom: 0; left: 0%; width: 100px; height: 5px; background:#b97d2e; }
.article-titter-2 .rig p { color: #999; font-size: 19px; text-align: left; padding-top: 38px; line-height: 28px;}

.abouts {padding-top: 60px;}
.abouts .nbox {padding-right: 20px; float: left; width: 50%; padding-top: 20px;}
.abouts .nboxx {padding-left: 20px; float: left; width: 50%;}
.abouts p { margin-bottom: 10px; font-size: 19px; font-weight: 400; text-align: justify; }

.noH {min-height: auto;  padding-bottom: 0; margin-bottom: 50px;}
.gid-equipe {}
.gid-equipe .iteem { float: left; width: 25%; }
.gid-equipe .iteem .img { width: 100%; position: relative; }
.gid-equipe .iteem .img img { width: 100%; display: block; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; filter: grayscale(0.9); transition: 0.1s;}

.gid-equipe .iteem .img .hover { overflow: hidden; position: absolute; padding: 30px 40px; bottom: -50px; left: 25px; width: calc(100% - 50px); box-shadow: 0 4px 7px rgb(192 192 192 / 48%);-webkit-box-shadow: 0 4px 7px rgb(192 192 192 / 48%); background: #fff; }

.gid-equipe .iteem .img .hover .hOne { display: block; }
.gid-equipe .iteem .img .hover .hOne .name { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 5px; font-weight: 900; font-size: 20px; color: #333; }
.gid-equipe .iteem .img .hover .hOne .name2 { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 400; color: #7a7a7a; }



.gid-equipe .iteem .img .hover .hTwo { transition: all 220ms linear 0ms; opacity: 0; padding: 30px 40px; position: absolute; z-index: 1; top: -100%; left: 0; height: 100%; width: 100%; background: #b97d2e; background-image: -webkit-linear-gradient(left,#d5aa6d,#b97d2e); }
.gid-equipe .iteem .img .hover .hTwo .con { color: #fff; font-size: 17px; font-weight: 900; position: relative; width: 100px;}
.gid-equipe .iteem .img .hover .hTwo .con i{width: 26px; height: 2px; background-color: #fff; position: absolute; right: 0; top: 50%; }
.gid-equipe .iteem .img .hover .hTwo .con2 { display: block; margin-top: 8px; }
.gid-equipe .iteem .img .hover .hTwo .con2 a { display: inline-block; width: 18px;height: 18px; margin-right: 6px; transition: 0.2s;}
.gid-equipe .iteem .img .hover .hTwo .con2 a:hover {transform: scale(1.3); transition: 0.2s;}
.gid-equipe .iteem .img .hover .hTwo .con2 a svg {display: block; width: 100%; height: auto; }
.gid-equipe .iteem .img .hover .hTwo .con2 a svg path { fill: #fff; }

.gid-equipe .iteem:hover .img img { filter: grayscale(0);}
.gid-equipe .iteem:hover .img .hover .hTwo {top: 0; opacity: 1;}

.afooter { background-image: url(../img/rodape.png); height: 130px; background-position: center center; background-size: auto 100%;}
.bfooter {background: #232323;padding: 40px 0;color: #fff;font-size: 16px;text-align: center;font-weight: 400;line-height: 22px;}
.bfooter a {color: #fff; text-decoration: underline; }
.bfooter a:hover {color: #b97d2e; }

.contact { padding-top: 60px;}
.contact .lef { padding-right: 20px; float: left; width: calc(100% - 550px); padding-top: 20px;}
.contact .lef h1 { font-size: 25px; font-weight: 900; font-style: oblique; margin-bottom: 30px; }
.contact .lef .ls {margin-bottom: 20px; min-height: 40px; position: relative; padding-left: 45px; }
.contact .lef .ls i {position: absolute; top: 0; left: 0; width: 32px; height: 32px; }
.contact .lef .ls i svg {width: 32px; height: auto; }
.contact .lef .ls i svg *{fill: #b97d2e; }
.contact .lef .ls a { padding-top: 5px; color: #333; font-size: 19px; font-weight: 400; display: block;}
.contact .lef .ls a:hover { text-decoration: underline; }

.contact .rig{ padding-left: 20px; float: left; width: 550px;}
.contact .rig form{ background: #fff; padding: 40px 30px; }
.contact .rig form button { box-shadow: 0 4px 7px rgb(213 170 109 / 48%); background-color: #d5aa6d; background-image: -webkit-gradient(linear,left top,right top,from(#d5aa6d),to(#9b6f45)); background-image: -webkit-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -moz-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -ms-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -o-linear-gradient(left,#d5aa6d,#9b6f45); color: #fff; font-weight: 900; padding: 12px 25px; display: block; width: 100%; border-radius: 30px;}
.contact .rig form button:hover { background-image: none; background: #b97d2e; cursor: pointer; }
.contact .input { display: block; width: 100%; margin-bottom: 10px; }
.contact .fil {background: #fff; padding: 10px 15px; border: 1px solid #ccc; margin-top: 3px; width: 100%; display: block;  resize: none;}
.contact .fil:focus { border-color: #b97d2e; }
.isp {padding: 10px 15px; margin-bottom: 20px; background: #80b17e; color: #fff; font-size: 19px; display: none; font-weight: 400;}
.contact .rig form button:disabled, .contact .rig form button:disabled:focus { background-image: none; background: #ccc; color: #adadad; box-shadow: none; }

.flex--trigger {  cursor: pointer; position: relative; display: none;  width: 25px; height: 20px; float: left; margin-top: 28px; margin-right: 16px;  margin-left: 7px;}
.flex--trigger .item { position: absolute; right: 0; left: 0; height: 4px; background: #fff;border-radius: 2px; -webkit-transition: -webkit-transform .25s cubic-bezier(.86, 0, .07, 1);    transition: transform .25s cubic-bezier(.86, 0, .07, 1); }
.flex--trigger .item-1 { top: 0; }
.flex--trigger .item-2 { opacity: 1;top: 50%;margin-top: -2px;transition: opacity .25s cubic-bezier(.86, 0, .07, 1); }
.flex--trigger .item-3 { bottom: 0; }
.flex--trigger.active>.item-1 {-webkit-transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg); -ms-transform: translate(0, 8px) rotate(45deg); transform: translate3d(0, 8px, 0) rotate3d(0, 0, 1, 45deg);}
.flex--trigger.active>.item-2 { opacity: 0;}
.flex--trigger.active>.item-3 {-webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, -45deg); -ms-transform: translate(0, -8px) rotate(-45deg);transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, -45deg);}

.out-menu { display: none !important; padding: 12px !important; position: absolute; top: 0; right: 0; width: 40px !important; height: 40px !important; background: #b97d2e; border-bottom: none !important;}
.out-menu svg { width: 100%; height: auto; display: block;}
.out-menu svg *{ fill:#fff;}



.login{ background: #fff; padding: 40px 30px; position: fixed; width: 340px; height: auto; }
.login button { box-shadow: 0 4px 7px rgb(213 170 109 / 48%); background-color: #d5aa6d; background-image: -webkit-gradient(linear,left top,right top,from(#d5aa6d),to(#9b6f45)); background-image: -webkit-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -moz-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -ms-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -o-linear-gradient(left,#d5aa6d,#9b6f45); color: #fff; font-weight: 900; padding: 12px 25px; display: block; width: 100%; border-radius: 30px;}
.login button:hover { background-image: none; background: #b97d2e; cursor: pointer; }
.login .input { display: block; width: 100%; margin-bottom: 10px; }
.login .fil {background: #fff; padding: 10px 15px; border: 1px solid #ccc; margin-top: 3px; width: 100%; display: block;  resize: none;}
.login .fil:focus { border-color: #b97d2e; }
.login h1 {font-size: 18px;text-align: center;font-weight: 900;margin-bottom: 20px;text-transform: uppercase;}


@media only screen  and (max-width : 1525px) {
	.menu-top .menu-left {width: calc(100% - 300px); }	
}

@media only screen  and (max-width : 1325px) {
	.menu-top .menu-left {width: calc(100% - 300px); }	
}

@media only screen  and (max-width : 1310px) {
	.menu-top .menu-left {padding-left: 20px; }	
}

@media only screen  and (max-width : 1260px) {
	.menu-top .menu-left .link-top {width: 230px; }
}


@media only screen  and (max-width : 1200px) {
	.menu-top .menu-right {width: 100px; }
	.menu-top .menu-right .bs {display: none;}
	.menu-top .menu-left { width: calc(100% - 130px); }
	.header .caption h1 {font-size: 27px;}
	.header .caption h2 { font-size: 40px; line-height: 47px; max-width: 660px;}
	
	.n-head .mLis {padding: 50px 29px; padding-right: 10px; }
	.n-head .mLis p { font-size: 16px; }
	.n-head .mLis .caption {padding-left: 65px;}
	.n-head .mLis i {width: 50px; height: 50px;}
	
	
}

@media only screen  and (max-width : 1070px) {
	.article-body .article-title {font-size: 30px;}
	.article-body .article-title p {font-size: 22px;}
	.article-titter-2 .lef h2 {font-size: 22px;}
	.article-titter-2 .rig p {     font-size: 17px; line-height: 21px; }
	
	.contact .lef { width: calc(100% - 440px); }
	.contact .rig { width: 440px; }
	.contact .lef .ls p { font-size: 17px; }
}

@media only screen  and (max-width : 1050px) {
	.gid-actual a { width: calc(100% / 2); }
	.gid-equipe { margin: 0 -50px; }
	
	.menu-top .menu-left .links a {font-size: 17px; margin: 0 10px;}
	
}

@media only screen  and (max-width : 960px) {
	.menu-top .menu-left { width: calc(100% - 300px); }
	.menu-top .menu-left .links { float: none; position: fixed; width: 280px;  background: #f9f9f9;  left: -280px;  top: 0; height: 100vh; padding: 60px 30px;  }
	
	.menu-top .menu-left .links a {margin: 0 !important; width: 100%; color: #333; height: auto; padding: 10px 0; line-height: 18px; font-size: 16px; }
	.menu-top .menu-left .links a:hover, .menu-top .menu-left .links a.active {border-color: #f9f9f9; color: #b97d2e; }
	
	.menu-top .menu-right {width: 246px; }
	.menu-top .menu-right .bs {display: block; }
	.menu-top.menut .menu-left .links { left: 0; box-shadow: 0 0 15px 0 rgba(0,0,0,0.9);}
	.menu-top.menut .bs-overlay { left: 0; }
	
	.menu-top.menut .menu-right {left: -22px;}
	.out-menu {display: block !important; }
	.flex--trigger {display: block; }
	
}



@media only screen  and (max-width : 1000px) {
	.gid-equipe { margin: 0; width: 100%; max-width: 650px; margin: 0 auto; }
	.gid-equipe .iteem { width: calc(50% - 30px); margin-top: 80px; margin-left: 15px; margin-right: 15px; }
	.lsdf {margin-bottom: 0 !important;}
}
@media only screen  and (max-width : 915px) {
	.galerys a {width: 33%; }
}

@media only screen  and (max-width : 820px) {
	.article-titter-2 .lef {float: none; width: 100%; padding-right: 0;}
	.article-titter-2 .rig {float: none; width: 100%; padding-left: 0;}
	.article-titter-2 .rig p {padding-top: 15px; }
	
	.n-head .mLis {width: 100%;}
	
}

@media only screen  and (max-width : 780px) {
	.contact .lef {float: none; width: 100%; padding-right: 0; max-width: 450px; margin: 0 auto; }
	.contact .rig {float: none; width: 100%; padding-left: 0; max-width: 450px; margin: 0 auto;}
}
@media only screen  and (max-width : 710px) {
	.galerys a {width: 50%; }
	.gid-actual { margin: 0; }
	.gid-actual a { width: 100%; }
	.gid-actual a .divs {width: 100%;}
}

@media only screen  and (max-width : 680px) {
	
	.menu-top .menu-left {width: 100%;}
	.menu-top .menu-right {position: fixed; bottom: 10px; left: -22px; left: -280px; color: #000;}
	.menu-top .menu-right .bs i {color: #333; }
	
}

@media only screen  and (max-width : 650px) {
	.header .caption h1 { font-size: 20px; }
	.header .caption h2 { font-size: 27px; line-height: 37px; }
	
}
@media only screen  and (max-width : 620px) {
	.gid-equipe {  max-width: 310px;}
	.gid-equipe .iteem { width: calc(100%); margin-top: 80px; margin-left: 0; margin-right: 0; }
	
	.abouts .nbox {width: 100%; padding-right: 0; padding-top: 0; margin-top: -30px;}
	.abouts .nboxx {width: 100%; padding-left: 0;}
	.abouts p { font-size: 18px; }
	
}
@media only screen  and (max-width : 560px) {
	.menu-top .menu-left .link-top { width: 210px }
	.article-body .article-title {font-size: 25px;}
	.article-body .article-title p {font-size: 18px;}
	.article-body .tagline { font-size: 18px; }
}






.dash-menu { position: fixed; background: #000; width: 230px; height: 100%; }
.dash-menu .logo { position: relative; padding: 20px; }
.dash-menu .logo img { width: 100%; display: block; }
.dash-menu .ms { width: 100%; display: block; margin-top: 20px; }
.dash-menu .ms a { width: 100%; display: block; color: #fff; padding: 10px 20px; }
.dash-menu .ms a:hover { background: #252525; text-decoration: underline; }
.dash-menu .ms a.active { background: #855737;  }

.dash-page { width: 100%; padding-left: 230px; }
.dash-page .dash-toped { padding: 20px; width: 100%; background: #fff;  }
.dash-page .dash-toped span { font-weight: 900; text-transform: uppercase; color: #333; font-size: 20px; }
.dash-page .dash-toped a { float: right; font-size: 16px; font-weight: 400; color: #333; }
.dash-page .dash-toped a:hover { float: right; text-decoration: underline;}
.dash-page .dash-toped a svg {float: right; width: 20px; margin-left: 10px; height: 20px; transform: rotate(90deg); }
.dash-page .dash-body { padding: 20px; padding-bottom: 40px; width: 100%; max-width: 1100px;}

.dash-body button { box-shadow: 0 4px 7px rgb(213 170 109 / 48%); background-color: #d5aa6d; background-image: -webkit-gradient(linear,left top,right top,from(#d5aa6d),to(#9b6f45)); background-image: -webkit-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -moz-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -ms-linear-gradient(left,#d5aa6d,#9b6f45); background-image: -o-linear-gradient(left,#d5aa6d,#9b6f45); color: #fff; font-weight: 900; padding: 12px 25px; display: block; width: 100%; border-radius: 30px;}
.dash-body button:hover { background-image: none; background: #b97d2e; cursor: pointer; }
.dash-body .input { display: block; width: 100%; margin-bottom: 10px; }
.dash-body .fil {background: #fff; padding: 10px 15px; border: 1px solid #ccc; margin-top: 3px; width: 100%; display: block;  resize: none;}
.dash-body .fil:focus { border-color: #b97d2e; }

.filler { background: #fff; border: 1px solid #ccc; margin-bottom: 20px; }
.filler h1 { background: #efefef; border-bottom: 1px solid #ccc; padding: 20px; font-size: 18px; font-weight: 900; color: #333; }
.filler a.h1 { display: block; width: 100%; background: #efefef;  border-bottom: 1px solid #ccc; padding: 20px; font-size: 18px; font-weight: 900; color: #333; }
.filler a.h1:hover {text-decoration: underline; }
.filler .esmm { padding: 20px; }

.slds { margin-top: 10px; background: #d0cfcf; }
.slds.active {background: #c89d64; }
.slds img { display: block; width: 100%; padding: 5px;}

.asds { margin-bottom: 10px; }
.asds .img{ display: block; width: 100%;}
.asds .img img{ display: block; width: 100%; background-size: 100% auto; background-position: center center; }
.asds .img img.aa{ background-size: auto 100%;}