/*
Theme Name: Contemporartte
Theme URI: http://www.contemporartte.com.br
Author: MD7 Layouts
Author URI: http://www.md7layouts.com.br
Description: Tema desenvolvido para empresa Contemporartte.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: contemporartte, design, arquitetura, consultoria, lighting, viçosa, mg
Text Domain: Contemporartte

*/
body{background:#eee; font-family:Arial, Helvetica, sans-serif;}

.content{width:92%; margin:0 4%; float:left;}

/* HEADER */
.bkg-header{background:#333; padding:20px 0;}
.main-header-logo{width:80%; float:left;}
.main-header-logo img{height:85px;}

.cont-menu{width:20%; float:right; margin-top:27px;}
.mobile_action{width:30px; height:30px; float:right; cursor:pointer; background:url(img/mobile.png) no-repeat center;}
.mobile_action.active{background:url(img/mobile.png) center center no-repeat;}
.mobile_action:hover{background:url(img/mobile_active.png) center center no-repeat; transition:all .3s linear; opacity:1;}

/* Barra de Rolagem */
::-webkit-scrollbar-track{background-color: #888;}
::-webkit-scrollbar{width: 17px; background: #666;}
::-webkit-scrollbar-thumb {background: #666;}
::-webkit-scrollbar-thumb:hover {background: #444;}

/* Menu Mobile */
@media(max-width:79.9375em){
.nav-menu{background:#A28560; position:fixed;  left:-100%; top:0px; width:70%; height:100%; min-width:200px; max-width:350px; z-index:99; overflow:hidden; overflow-y:auto;}
.nav-menu ul{float:left; list-style:none; text-align:left;}
.nav-menu ul li{float:left; position:relative; width:100%; border-bottom:1px solid #B49C7E; background:#A28560; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; font-size:0.75em; text-transform:uppercase;}
.nav-menu ul li > a{display:block; padding:15px; text-decoration:none; width:100%; color:#fff;}
.nav-menu ul li:hover,
.nav-menu ul li > a:hover{background:#B49C7E; color:#FFF; transition:all .3s linear;}
.nav-menu ul li:hover ul{display:block; width:100%;}
.nav-menu ul li ul{width:100%; background:#222;}
.nav-menu ul li ul li{float:left; width:100%; padding:5px 15px; letter-spacing:1px; font-size:1em; background:#222;}
.nav-menu ul li ul li a{padding:10px; color:#fff;}
.nav-menu ul li ul li a:hover{color:#FFC926; transition:all .3s linear;}
.sp{display:none;}
}

/* Conteúdo */
.main-sobre-nos{width:100%; float:left; margin-bottom:40px;}
.img-sobre-nos{width:100%; float:left; margin-bottom:30px;}
.txt-sobre-nos{width:92%; margin:0 4%; float:left;}
.txt-sobre-nos h1{font-size:2.18em; font-family:Lato; font-weight:400; color:#B9976A; margin-bottom:10px; width:100%; float:left;}
.txt-sobre-nos p{font-size:1.1em; font-family:Lato; font-weight:400; color:#555; line-height:145%; text-align:justify;}

.main-servicos{width:100%; float:left; margin-bottom:40px;}
.img-servicos{width:100%; float:left; margin-bottom:30px;}
.txt-servicos{width:92%; margin:0 4%; float:left;}
.txt-servicos h1{font-size:2.18em; font-family:Lato; font-weight:400; color:#B9976A; margin-bottom:10px; width:100%; float:left;}
.txt-servicos p{font-size:1.1em; font-family:Lato; font-weight:400; color:#555; line-height:145%; text-align:justify;}

.bar-case{background:#333; padding:35px 0 20px 0; text-align:center; width:100%; float:left;}
.bar-case h1{font-size:2.18em; font-family:Lato; font-weight:400; color:#B8976A; margin-bottom:10px; width:100%; float:left;}
.img-case{width:100%; float:left;}

.divisor{width:100%; float:left; margin-bottom:25px;}
.div{height:5px; width:12%; float:left; background:#888;}
.div-cs{height:5px; width:12%; float:left; margin:0 44%; background:#777;}

/* Páginas */
.bkg-page{width:100%; float:left; background:url(img/bkg-page.jpg) no-repeat center; height:120px;}
.main-topo-pag{background:#333; padding:25px 0 30px 0; width:100%; float:left;}
.main-topo-pag h1{font-size:2.18em; font-family:Lato; font-weight:400; color:#A28560;}

.content-pages{padding:45px 0 35px 0;}
.content-pages p{font-family:Arial, Helvetica, sans-serif; color:#444; font-size:1.05em; text-align:justify; line-height:160%;}
.content-pages a{text-decoration:underline; color:#A28560;}
.content-pages a:hover{text-decoration:none;}

.content-pages p strong{font-weight:700; color:#444;}
.content-pages ul li{font-size:1.05em; margin:10px 0; list-style:inside;}
.content-pages ol li{font-size:1.05em; margin:10px 15px; list-style:decimal;}
.content-pages h1,h2,h3,h4{margin:5px 0 !important; font-weight:400;}
.content-pages h1{font-size:2.1em; color:#444; line-height:125%;}
.content-pages h2{font-size:1.8em; color:#444; line-height:135%;}
.content-pages h3{font-size:1.4em; color:#444; line-height:140%;}
.content-pages h4{font-size:1.05em; color:#444; line-height:150%; font-weight:bold;}
.content-pages blockquote{padding:10px; border-left:5px solid #A28560; background:#fff; margin-top:10px;}

.projeto{width:100%; float:left; margin-bottom:25px;}
.projeto h1{font-family:Arial, Helvetica, sans-serif; font-size:1.05em; color:#444; line-height:140%; font-weight:300;}
.img-projeto{width:100%; float:left; margin-bottom:10px; border:10px solid #fff; box-shadow:0 3px 10px 0 #CCC; -moz-box-shadow:0 3px 10px 0 #CCC; -webkit-box-shadow:0 3px 10px 0 #CCC;}
.img-projeto:hover{border:10px solid #A28560; transition:all .3s linear;}

/* Formulário de Contato */
.content-pages label{width:100%; float:left;}
.content-pages form input[type="text"],[type="email"]{background:#fff; width:100%; padding:10px; border:1px solid #DDD; font:1em Arial, Tahoma, Helvetica, sans-serif; color:#555; margin-bottom:10px; outline:none;}
.content-pages form input[type="text"]:focus{border:1px solid #A28560;}
.content-pages form input[type="email"]:focus{border:1px solid #A28560;}
.content-pages form input[type="tel"]{background:#fff; width:100%; padding:10px; border:1px solid #DDD; font:1em Arial, Tahoma, Helvetica, sans-serif; color:#444; margin-bottom:10px; outline:none;}
.content-pages form input[type="tel"]:focus{border:1px solid #A28560;}
.content-pages form textarea{background:#fff; width:100%; padding:10px; margin-bottom:15px; border:1px solid #DDD; font:1em Arial, Tahoma, Helvetica, sans-serif; color:#444; outline:none;}
.content-pages form textarea:focus{border:1px solid #A28560;}
.content-pages form input[type="submit"]{background:#A28560 !important; width:35%; letter-spacing:1px; border:0; padding:15px; font-size:1em; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px; color:#fff; border:0; cursor:pointer;}
.content-pages form input[type="submit"]:hover{background:#444 !important; transition:all .3s linear !important; color:#fff; border:0 !important;}


/* Footer */
.main-footer{background:#333; padding-bottom:45px;}
.bar-footer{background:url(img/bar-footer.jpg) repeat-x; height:15px; width:100%; float:left; margin-bottom:35px;}
.footer-end{width:100%; float:left; margin-bottom:30px; font-size:0.9em; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; line-height:145%; color:#BABABA;}
.footer-atende{width:100%; float:left; margin-bottom:30px;}
.footer-atende h1{font-size:0.9em; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; margin-bottom:15px; width:100%; float:left; font-weight:400; color:#BABABA;}
.at-fone{width:100%; float:left; margin-bottom:12px; font-size:0.9em; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; color:#BABABA;}
.at-fone img{margin-right:8px;}
.at-zap{width:100%; float:left; margin-bottom:12px; font-size:0.9em; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; color:#BABABA;}
.at-zap img{margin-right:8px;}
.at-dias{width:100%; float:left; font-size:0.9em; letter-spacing:1px; font-family:Arial, Helvetica, sans-serif; color:#BABABA;}

.main_footer_social{width:50%; float:left; margin:0 25% 35px 25%; text-align:center;}
.main_footer_social h1{font-size:0.9em; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; text-transform:uppercase; margin-bottom:15px; width:100%; float:left; font-weight:400; color:#BABABA;}
.main_footer_social li{display:inline-block; margin:0 8px 0 7px;}
.main_footer_social .btn_face a{float:left; padding:10px 12px; background:#555; border:2px solid #333; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.main_footer_social .btn_face a:hover{background:#A28560; border:2px solid #A28560; transition:all .3s linear;}
.main_footer_social .btn_insta a{float:left; padding:10px 12px; border:2px solid #333; background:#555; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
.main_footer_social .btn_insta a:hover{background:#A28560; border:2px solid #A28560; transition:all .3s linear;}

.md7{width:100%; float:left; text-align:center;}
.md7 a{color:#BABABA; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-decoration:none;}
.md7 a:hover{color:#fff;}

/* Botões */
.main-saiba-mais{width:100%; float:left;}
.main-saiba-mais a{text-decoration:none;}
.btn-sbm{width:60%; float:left; padding:15px 10px; text-align:center; font-size:1.05em; font-family:Lato; letter-spacing:1px; border:1px solid #B5B5B5; color:#666; font-weight:400; text-transform:uppercase;}
.btn-sbm:hover{background:#555; border:1px solid #555; color:#fff; transition:all .3s linear;}

.retorn{width:100%; float:left;}
.bt_voltar{font-size:2em; font-family:Arial; opacity:0.6; font-weight:300; float:right; width:40px; height:40px; line-height:35px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; background:#DDD;}
.bt_voltar{color:#777; text-decoration:none;}
.bt_voltar:hover{color:#fff; opacity:1; background:#A28560; transition:all .3s linear;}

/* 440PX BREAPOINT */
@media (min-width: 27em){
.btn-sbm{width:45%;}
.projeto{width:48%; margin:0 1%; height:310px;}
}

/* 480PX BREAPOINT */
@media (min-width: 30em){
.txt-sobre-nos h1{font-size:2.5em;}
.txt-servicos h1{font-size:2.5em;}
.bar-case h1{font-size:2.5em;}
.main-topo-pag h1{font-size:2.5em;}
.projeto{height:330px;}
}

/* 500PX BREAPOINT */
@media (min-width: 31em){
.projeto{height:320px;}
}

/* 580PX BREAPOINT */
@media (min-width: 36em){
.btn-sbm{width:35%;}
.txt-sobre-nos h1{font-size:2.8em; font-weight:300;}
.txt-servicos h1{font-size:2.8em; font-weight:300;}
.bar-case h1{font-size:2.8em; font-weight:300;}
.main-topo-pag h1{font-size:2.8em; font-weight:300;}
.projeto{height:360px;}
}

/* 640PX BREAPOINT */ /* CONTINUAR */
@media (min-width: 40em){
.content{width:90%; margin:0 5%; float:left;}
.txt-sobre-nos{width:90%; margin:0 5%;}
.txt-servicos{width:90%; margin:0 5%;}
.btn-sbm{width:30%;}
.bkg-page{height:150px;}
.projeto{width:31%; margin:0 1%; height:310px;}
}

/* 768PX BREAPOINT */ 
@media (min-width: 48em){
.main-header-logo img{height:114px;}
.cont-menu{margin-top:40px;}
.btn-sbm{width:25%;}
.txt-sobre-nos h1{font-size:3em;}
.txt-servicos h1{font-size:3em;}
.bar-case h1{font-size:3em;}
.div{width:10%;}
.div-cs{width:10%; margin:0 45%;}
.bar-case{padding:38px 0 27px 0;}
.main-topo-pag h1{font-size:3em;}
.bkg-page{height:200px;}
.main-projetos{padding-left:5px;}
.projeto{height:320px;}
}

/* 960PX BREAPOINT */
@media (min-width: 60em){
.main-sobre-nos{width:50%; float:left; margin:0 0 50px 0;}
.img-sobre-nos{width:100%; margin:0 0 25px 0;}
.main-servicos{width:50%; float:left; margin:0; margin:0 0 50px 0;}
.img-servicos{width:100%; margin:0 0 25px 0;}
.txt-sobre-nos{padding:0 0 0 5%;}
.txt-servicos{padding:0 5% 0 0;}
.btn-sbm{width:40%;}
.div{width:15%;}
.div-cs{width:8%; margin:0 46%;}
.footer-end{width:65%;}
.footer-atende{width:35%;}
.projeto{height:370px;}
}

/* 1280PX BREAPOINT */ 
@media (min-width: 80em){
.content{width:88%; margin:0 6%;}
.main-header-logo{width:25%;}
.mobile_action{display:none;}

.cont-menu{width:62%; float:right; margin-top:27px;}
.nav-menu{height:60px; width:100%; float:left;}
.nav-menu ul{float:left; list-style:none; margin:0; text-align:right;}
.nav-menu ul li{float:left; position:relative; font-family:Arial, Helvetica, sans-serif; font-weight:400; line-height:60px; font-size:0.9em; text-transform:uppercase; letter-spacing:1px;}
.nav-menu ul li a{display:block; padding:0 14px; text-decoration:none; color:#BBB;}
.nav-menu ul li:hover,
.nav-menu ul li a:hover{color:#A28560; transition:all .3s linear;}
.nav-menu ul li:hover ul{display:block;}
.nav-menu ul li ul{width:181px; display:none; background:#D2F1E1; position:absolute; left:0; z-index:999;}
.nav-menu ul li ul li{border-right:none; font-size:0.9em; width:181px; text-align:left;}
.nav-menu ul li ul li a{padding:0 10px; letter-spacing:1px; border-bottom:1px solid #fff; color:#466756;}
.nav-menu ul li ul li a:hover{color:#fff; background:#19755E; transition:all .3s linear;}

.main-sobre-nos{width:100%; float:left; margin:0;}
.img-sobre-nos{width:50%; margin:0; float:left;}
.txt-sobre-nos{width:50%; float:left; padding:2% 6% 0 2%; margin:0;}

.main-servicos{width:100%; float:left; margin:0;}
.img-servicos{width:50%; margin:0; float:right;}
.txt-servicos{width:50%; float:left; padding:2% 2% 0 6%; margin:0;}

.div{width:12%;}
.div-cs{width:6%; margin:0 47%;}
.btn-sbm{width:30%;}

.main-projetos{padding-left:0;}
.projeto{height:370px; width:23%;}

.content-pages form input[type="text"],[type="email"]{width:40%;}
.content-pages form textarea{width:50%;}
.content-pages form input[type="submit"]{width:15%;}

.footer-end{width:38%; margin:0;}
.main_footer_social h1{margin-bottom:12px;}
.footer-atende{width:32%; margin:0;}
.main_footer_social{width:12%; float:left; margin:0;}
.md7{width:10%; float:right; margin:0; text-align:right; }
}

/* 1366PX BREAPOINT */
@media (min-width: 85em){
.content{width:82%; margin:0 9%;}
.div{width:10%;}
.txt-sobre-nos{padding:2% 9% 0 2%;}
.txt-servicos{padding:2% 2% 0 9%;}
}

/* 1600PX BREAPOINT */
@media (min-width: 100em){
.content{width:80%; margin:0 10%;}
.cont-menu{width:60%;}
.nav-menu ul li a{padding:0 20px;}
.txt-sobre-nos{padding:4% 10% 0 4%;}
.txt-servicos{padding:4% 4% 0 10%;}
.div-cs{width:4%; margin:0 48%;}
.projeto{height:410px;}
}