/*
Theme Name: Moda CKM 10
Theme URI: http://www.rodrigogalindez.com/themes/modernist
Description:  Um projeto flexível para que você e seus usuários se concentrem em seu conteúdo. Widgets suportes, SEO otimizado, código limpo e documentada, rápido para carregar, sem plugins necessários. Funciona em WordPress 2.7 e superior. Funciona no IE 6 e superior e todas as versões do Safari / Firefox / Opera. Inclui CSS3 botões.
Version: 3
Author: YoungStudio
Author URI: http://www.youngstudio.com.br
Tags: white, blue, black, silver, light, two-columns, fixed-width, threaded-comments, sticky-post, custom-header, custom-colors, custom-menu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
* {margin:0; border:0; padding:0; text-decoration: none; list-style:none; border:none; position:relative; vertical-align:top; font-family:'Open Sans', sans-serif;}
/* -------------------------------- [ General Elements ] */
.flex{display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:-o-flex; display:flex;}

.centro{max-width:1000px; width:100%; height:auto; margin:auto; text-align:center; font-size:0; padding:0 5px;}

#cookie-notice .cn-button {background-color:#A89E86;}

/*.fancybox-content {width:100%; max-width:541px!important;}*/

.fancybox-navigation {top:50%!important;}

a, a:hover, a:active, a:focus {outline: 0; color:#000000; text-decoration:none;}

body {overflow-x:hidden; background-color:#FFFDF4;}

main {box-shadow:0px 5px 9px -3px #ccc; z-index:2;}

.fancybox-slide--iframe .fancybox-content {max-width:525px!important;}

@font-face {
    font-family:'nexaextra_light';
    src: url('fonts/nexa-extralight-webfont.woff2') format('woff2'),
         url('fonts/nexa-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'caviardreams';
    src: url('fonts/caviar-dreams.woff') format('woff'),
         url('fonts/caviar-dreams.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


/*header*/
section.topo {width:100%; height:100px; background-color:#FFF; box-shadow:0px 5px 9px -3px #ccc; z-index:3;}
section.topo .centro.flex {padding:0 5px; align-items:center; justify-content:space-between;}
section.topo .centro .menu {width:100%; height:auto; display:inline-block; max-width:590px; left:0;}
section.topo .centro .menu ul.flex {justify-content:space-between; margin-bottom:0; align-items:center;}
section.topo .centro .menu ul li {display:inline;}
section.topo .centro .menu ul li a {padding:0 10px; display:inline-block; color:#666666; text-transform:uppercase; font-size:11px; white-space:nowrap; font-weight:500; transition:color 0.5s;}
section.topo .centro .menu ul li a:hover {color:#000;}
section.topo .centro .menu ul > a.loja-virtual {font-size:11px; color:#FFF; display:inline-block; background-color:#444444; border-radius:3px; padding:5px 11px; margin-left:10px;}
section.topo .centro .menu ul > a.loja-virtual:hover {opacity:0.9;}
section.topo .centro .midias a {padding:0 2px;}
section.topo .centro .midias a:hover {opacity:0.9;}
section.topo .centro .midias a img {max-width:18px;}

/*menu-mobile*/
.navbar {display:none; z-index:100; background-color:#FFF;}
.navbar .navbar-collapse {margin-top:11px;}
.navbar .navbar-collapse .navbar-nav{text-align:center; font-size:12px; text-shadow:0em 0em 0.11em rgba(0,0,0,0.2); font-weight:700;}
.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {color:#666666;}
.navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {color:#000;}
.navbar .navbar-collapse .navbar-nav .nav-item img.sac-mobile {width:90%; margin:7px 5%; max-width:312px;}
.navbar .navbar-collapse span.linha {height:1px; width:98%; background-color:#AAA; margin:auto;}
.navbar-light .navbar-toggler {border-color:#AAA;}
.navbar .navbar-collapse .navbar-nav li.midias {padding:10px 0;}
.navbar .navbar-collapse .navbar-nav li.midias a {padding:0 5px;}
.navbar .navbar-collapse .navbar-nav li.midias a img {max-width:18px;}

@media (max-width: 1100px) {

}
@media (max-width: 991px) {
	section.topo {display:none;}
	.navbar{display:block;}
}

/*footer*/
section.rodape.flex {width:100%; height:135px; justify-content:center; align-items:center; background-color:#FFF;}
section.rodape .centro.flex {align-items:center; justify-content:space-between; max-width:550px;}
section.rodape .centro .midias a {padding:0 2px;}
section.rodape .centro .midias a:hover {opacity:0.9;}
section.rodape .centro p {font-size:10px; color:#999999; margin:0;}
section.rodape .centro p a:hover {opacity:0.9;}
section.midias.flex {width:100%; height:auto; justify-content:center; align-items:center; background-color:#FFF; padding:48px 0px; box-shadow:0px 5px 9px -3px #ccc; z-index:1;}
section.midias .centro.flex {align-items:flex-start; justify-content:space-between;}
section.midias .centro > div {width:100%; max-width:310px; text-align:left;}
section.midias .centro > div.facebook {text-align:center;}
section.midias .centro > div.facebook h1:last-of-type {margin-top:40px;}
section.midias .centro > div.sobre {text-align:right;}
section.midias .centro > div h1 {font-size:21px; color:#555042; margin-bottom:10px;}
section.midias .centro > div h2 {font-size:13px; color:#9C8D54; margin-bottom:28px;}
section.midias .centro > div p {font-size:12px; color:#79725F; margin-bottom:32px; max-width:210px;}
section.midias .centro > div.sobre p {max-width:300px;}
section.midias .centro > div p.shopping {font-size:13px; color:#797360; margin-bottom:10px; max-width:100%;}
section.midias .centro > div p.shopping > img {max-width:15px; top:-1px;}
section.midias .centro > div a.mais-detalhes {font-size:11px; color:#FFF; margin-top:22px; display:inline-block; background-color:#444444; border-radius:3px; padding:5px 11px;}
section.midias .centro > div a:hover {opacity:0.9;}
section.midias .centro > div > span {width:100%; height:5px; border:1px solid #BFB4AE; border-left:none; border-right:none; margin-bottom:28px; display:inline-block;}

@media (max-width: 990px) {
	section.midias .centro.flex {display:inline-block;}
	section.midias .centro > div {display:inline-block; margin:0 15px 40px;}
	section.midias .centro > div.sobre {text-align:center; margin-bottom:0;}
}
@media (max-width: 768px) {
	section.midias .centro > div {margin:0 15px 50px;}
	section.midias .centro > div.facebook {text-align:left;}
	section.midias .centro > div.sobre {text-align:left;}
}
@media (max-width: 600px) {
	section.rodape .centro.flex {display:block;}
	section.rodape .centro .midias {margin-bottom:15px;}
}
@media (max-width: 400px) {
	section.midias .centro > div {margin:0 0 50px;}
}

/*topo páginas*/
section.titulo-pagina {padding:68px 0 25px; font-size:21px; color:#545041; justify-content:center; align-items:center;}

/*marca*/
main.marca {padding-bottom:105px;}
main.marca section.conteudo {}
main.marca section.conteudo .centro {max-width:740px;}
main.marca section.conteudo .centro p {font-size:12px; color:#79725F; margin:0;}
main.marca section.conteudo .centro h1 {font-size:21px; color:#545041; margin-bottom:25px;}
main.marca section.conteudo .centro span {width:76px; display:block; margin:32px auto; height:1px; background-color:#8C8773;}

/*onde-encontrar*/
main.onde-encontrar {padding-bottom:105px;}
main.onde-encontrar section.conteudo {}
main.onde-encontrar section.conteudo .centro {}
main.onde-encontrar section.conteudo .centro > p {font-size:15px; color:#79725F; margin:0;}
main.onde-encontrar section.conteudo .centro span {width:76px; display:block; margin:40px auto 50px; height:1px; background-color:#8C8773;}
main.onde-encontrar section.conteudo .centro a.loja-virtual {font-size:11px; color:#FFF; margin:40px auto 50px; display:block; background-color:#444444; max-width:110px; border-radius:3px; padding:8px 11px;}
main.onde-encontrar section.conteudo .centro a.loja-virtual:hover {opacity:0.9;}
main.onde-encontrar section.conteudo .centro > div {width:100%; max-width:237px; display:inline-block; margin:0 18px 66px;}
main.onde-encontrar section.conteudo .centro > div .borda {border:1px solid #8A8778; padding:6px; box-sizing:border-box;}
main.onde-encontrar section.conteudo .centro > div .borda a {height:162px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; display:inline-block;}
main.onde-encontrar section.conteudo .centro > div .borda:hover a {opacity:0.8;}
main.onde-encontrar section.conteudo .centro > div span {width:36px; margin:20px auto;}
main.onde-encontrar section.conteudo .centro > div h1 {font-size:12px; color:#545041; margin-bottom:12px;}
main.onde-encontrar section.conteudo .centro > div p {font-size:12px; color:#79725F; line-height:22px;}


/*home*/
main.home {width:100%; height:856px; overflow:hidden;}
main.home .banner {display:block; width:100%; height:100%;}
main.home .banner .banner1 {background-image:url(img/banner1.jpg)}
main.home .banner .banner2 {background-image:url(img/banner2.jpg)}
main.home .banner .banner3 {background-image:url(img/banner3.jpg)}
main.home .banner .banner4 {background-image:url(img/banner4.jpg)}
main.home .banner .banner5 {background-image:url(img/banner5.jpg)}
main.home .banner .swiper-slide {
		width:100% !important;
		height:100% !important;
		background-position:center;
		background-size:cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
main.home .banner .swiper-slide .sombra {background-color:#333; position:absolute; height:100%; width:100%; bottom:0; left:0; opacity:0.35;}
main.home .banner .swiper-slide .centro.flex {}
main.home .banner .swiper-slide .centro > div {color:#FFF; width:100%; text-align:center; margin-top:60px;}
main.home .banner .swiper-slide .centro > div h1 {font-size:50px; margin:0; font-family:'nexaextra_light';}
main.home .banner .swiper-slide .centro > div h2 {font-size:90px; margin-bottom:13px; font-family:'caviardreams';}
main.home .banner .swiper-slide .centro > div a {color:#FFF;}
main.home .banner .swiper-slide .centro > div a.ver {font-size:15px; margin-bottom:22px; display:block;}
main.home .banner .swiper-slide .centro > div a.flecha {width:100%; display:block;}
main.home .banner .swiper-slide .centro > div a:hover {opacity:0.9;}
main.home .banner .swiper-slide .centro > div span {width:29px; display:block; margin:22px 0; height:2px; background-color:#FFF;}
main.home .banner .swiper-pagination {left:0; width:100%; bottom:0;}
main.home .banner .swiper-pagination .swiper-pagination-bullet {width:15px!important; height:15px; margin:0 3px; background-color:#000; opacity:1;}
main.home .banner .swiper-pagination .swiper-pagination-bullet-active {background-color:#FFF!important;}

@media (max-width: 768px) {
	main.home {height:456px;}
	main.home .banner .swiper-slide .sombra {}
	main.home .banner .swiper-slide .centro.flex {text-align:center; justify-content:center;}
	main.home .banner .swiper-slide .centro > div {margin-top:20px;}
	main.home .banner .swiper-slide .centro > div h1 {font-size:20px;}
	main.home .banner .swiper-slide .centro > div h2 {font-size:30px;}
	main.home .banner .swiper-slide .centro > div a {color:#FFF;}
	main.home .banner .swiper-slide .centro > div span {margin:22px auto; background-color:#FFF;}
}

/*contato*/
main.contato section.conteudo{padding:25px 0 30px;}
main.contato form {width:100%; justify-content:space-between;}
main.contato form div.esquerda {width:calc(100% - 244px);}
main.contato form input {margin-bottom:14px; height:35px; color:#666; font-size:12px; background-color:#FFFFFF; border-radius:3px; border:1px solid #ccc; padding:5px 5px 6px 5px;}
main.contato form > input:last-child {margin-bottom:0;}
main.contato form > div input:first-child {margin-right:6px;}
main.contato form > div input:last-child {margin-left:6px;}
main.contato form textarea[name="ys-mensagem"] {height:130px; margin-bottom:7px; color:#666; font-size:12px; background-color:#FFFFFF; border-radius:3px; border:1px solid #ccc; padding:5px 5px 6px 5px;}
main.contato form input[name="ys-envia"] {width:100%; max-width:159px; height:47px; background-color:#CAC4B4; color:#FFF; font-weight:400; font-size:12px; cursor:pointer; transition:background-color 0.5s; transition:border 0.8s; margin:0 !important; border:1.5px solid #CAC4B4;}
main.contato form input[name="ys-envia"]:hover {background-color:#A89E86; border:1.5px solid #A89E86; }
main.contato form .botao.flex {justify-content:flex-start; transition:top 5s; width:199px; flex-direction:column; text-align:left;}
main.contato form .botao.flex p {font-size:12px; color:#666666; margin-bottom:92px; line-height:22px;}
main.contato form .botao.flex p a {color:#FFF;}
main.contato form .botao.flex p a:hover {color:#ccc;}
main.contato .form-control:focus {color:#666;}
main.contato form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #666; font-size:12px;}
main.contato form input::-moz-placeholder { /* Firefox 19+ */ color: #666; font-size:12px;}
main.contato form input:-ms-input-placeholder { /* IE 10+ */ color: #666; font-size:12px;}
main.contato form input:-moz-placeholder { /* Firefox 18- */ color: #666; font-size:12px;}

@media (max-width: 991px) {
	main.contato section.conteudo .centro {justify-content:center;}
    main.contato form  {display:inline-block; max-width:500px;}
    main.contato form div.esquerda {width:100%;}
    main.contato form div.esquerda > .flex {display:block;}
    main.contato form > div input:first-child {margin-right:0;}
    main.contato form > div input:last-child {margin-left:0;}
    main.contato form input[name="ys-envia"] {width:100%;}
    main.contato form .botao.flex {margin-top:20px;}
    main.contato form .botao.flex p {margin-bottom:40px;}
}

main.contato .conteudo .centro {justify-content:space-between; }
main.contato .conteudo .wpcf7 {width:calc(100% - 270px); }
main.contato .conteudo .wpcf7 p {display:flex; justify-content:space-between; flex-wrap:wrap; }
main.contato .conteudo .wpcf7 .wpcf7-spinner {position:absolute; top:0; left:0; }
main.contato .conteudo .wpcf7 .wpcf7-form-control-wrap {width:calc(50% - 5px); display:block; }
main.contato .conteudo .wpcf7 .wpcf7-form-control {width:100%; height:36px; font-size:16px; padding:10px 15px; }
main.contato .conteudo .wpcf7 .wpcf7-form-control-wrap[data-name="your-message"] {width:100%; }
main.contato .conteudo .wpcf7 textarea.wpcf7-form-control {height:120px; border:1px solid #ccc; }
main.contato .conteudo .wpcf7 .wpcf7-response-output {font-size:16px; margin:0; }
main.contato .conteudo .wpcf7 .wpcf7-submit {height:auto; text-transform:uppercase; border:0; background-color:#444; color:#fff; }	
main.contato .conteudo .wpcf7 br {display:none; }
main.contato .conteudo .botao {width:250px; font-size:16px; text-align:left; }
@media ( max-width:768px ) {
    main.contato .conteudo {display:block; }
    main.contato .conteudo .wpcf7 {width:100%; margin-bottom:30px; }
    main.contato .conteudo .wpcf7 p {display:block; }
    main.contato .conteudo .wpcf7 .wpcf7-form-control-wrap {width:100%; }
    main.contato .conteudo .contatos {width:100%; text-align:center; }
}

/*colecao*/
main.colecao {padding:0 0 115px;}
main.colecao .galeria {width:100%; height:405px; overflow:hidden; box-sizing:border-box;}
main.colecao .galeria .swiper-slide {
		opacity:0.35;
		height:100%;
    	width:323px;
		background-position:center;
		background-size:cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
main.colecao .galeria .swiper-slide.swiper-slide-active,
main.colecao .galeria .swiper-slide.swiper-slide-prev,
main.colecao .galeria .swiper-slide.swiper-slide-next {opacity:1;}
main.colecao .galeria .swiper-slide.swiper-slide-active:hover,
main.colecao .galeria .swiper-slide.swiper-slide-prev:hover,
main.colecao .galeria .swiper-slide.swiper-slide-next:hover {opacity:0.9;}
main.colecao .galeria .setas {position:absolute; left:0; top:0; width:100%; height:100%;}
main.colecao .galeria .setas .centro.flex {height:100%; align-items:center; justify-content:space-between; padding:0 20px;}
main.colecao .galeria .setas .centro .seta {z-index:1;}
main.colecao .galeria .setas .centro .seta:hover {opacity:0.9;}

@media (max-width: 768px) {
	main.colecao .galeria .swiper-slide.swiper-slide-prev,
	main.colecao .galeria .swiper-slide.swiper-slide-next {opacity:0.35;}
}

/*politica*/
main.politica {padding-bottom:105px;}
main.politica section.conteudo {}
main.politica section.conteudo .centro {text-align:left;}
main.politica section.conteudo .centro p {font-size:12px; color:#79725F; margin-bottom:20px; text-align:justify;}
main.politica section.conteudo .centro h1 {font-size:21px; color:#545041; margin-bottom:15px;}
main.politica section.conteudo .centro h4 {font-size:18px; color:#545041; margin-bottom:10px;}