body{ overflow-x: hidden; background: #dadbdd; font-family: 'YTSans'; font-size: 17px; color: #000; font-weight: 300; }
.container{ width: 65%; margin: 0 auto; clear: both; position: relative; }
.clearfix{ clear: both; }
.mobile{ display: none; }
.desktop{ display: block; }
.abremenu{ display: none; }
.slidemobile{ display: none; overflow: hidden; }
.slidedesktop{ overflow: hidden; }

.topo{background: url(assets/images/menu.png) top center no-repeat; background-size: 119% auto; position: relative; width: 100%; }
.topo .menu{ position: relative; top: 0; left: 45%; width: 55%; z-index: 40; height: 50px; }
.topo .menu ul li{ float: left; margin: 18px 7% 0 7%; }
.topo .menu ul li a{ color: #fff; font-family: 'YTSans'; font-weight: 500; font-size: 17px; text-transform: uppercase; letter-spacing: 2px; }
.topo .menu ul li a:hover{ color: #fc0d1b; }
.topo img{  width: 100%; height: auto; z-index: 10; position: relative; }

.sobre{ padding: 20px 0 0 0; text-align: center; }
.sobre img{ margin-bottom: 20px; }
.sobre p{ font-weight: 300; margin-bottom: 20px; line-height: 130%; }
.sobre strong{ font-weight: 500; }
.sobre a{ font-weight: 500; color: #2f7792; text-decoration: none; }

.ods{ background: url('assets/images/bg-title.png') 52% 10% no-repeat; padding: 50px 0 0px 0; }
.ods .container{ padding: 0 80px; }
.ods h2{ font-weight: 500; font-size: 80px; line-height: 87%; text-transform: uppercase; }
.ods p{ font-weight: 300; margin:-60px 0 20px 40%; line-height: 130%; width: 460px; }
.ods strong{ font-weight: 500; }
.ods img{ width: 100%; height: auto; }

.lives{ padding: 50px 0 0px 0; width: 100%; position: relative;}
.lives .box{ width: 100%; height: auto; margin: 0 0 0px 0; clear: both; }
.lives .box .mobile{ width: 100%; height: auto; }
.lives .box .desktop{ width: 100%; height: auto; }
.lives .box .left{ width: 40%; float: left; margin: 0 1%; }
.lives .box .left img{ float: left; margin: 0 4% 0 0; }
.lives .box .left p{ font-weight: 300; margin-bottom: 20px; font-size: 15px; line-height: 130%; display: flow-root; }
.lives .box .right{ width: 54%; float: left; margin: 0 0 0 4%; }
.lives .box .right img{ float: left; margin: 0 4% 0 0; }
.lives .box .right p{ font-weight: 300; margin-bottom: 20px; font-size: 15px; line-height: 130%; display: flow-root; }
.lives .box a{ color: #2f7792; text-decoration: none; }

.mais{ padding: 50px 0 80px 0; text-align: center; }
.mais h2{ text-transform: uppercase; font-size: 40px; margin: 0 0 20px 0; font-weight: 500; }
.mais p{ font-weight: 300; margin-bottom: 40px; line-height: 130%; }
.mais a{ font-weight: 500; text-transform: uppercase; padding: 5px 30px; font-size: 22px; color: #000; border: #000 solid 1px; }
.mais strong{ font-weight: 500; margin-top: 40px; line-height: 130%; display: block; }

.rodape{ background: #000; padding: 20px 0; width: 100%; height: auto; }
.rodape .ytmusic{ float: left; margin-top: 15px; }
.rodape .pacto{ float: right; }

.vermaisdilsinho{ display: block; text-align: center; }
.dilsinho{ display: none; }
.vermaisracionais{ display: block; text-align: center; }
.racionais{ display: none; }
.vermaisjotaquest{ display: block; text-align: center; }
.jotaquest{ display: none; }
.vermaisjuliette{ display: block; text-align: center; }
.juliette{ display: none; }

.slick-next{ z-index: 99; top: 40%; right: 105px; }
.slick-prev{ z-index: 99; top: 40%; left: 95px; }
.slick-prev:before, .slick-next:before{ font-size: 35px; }

@media screen and (min-width:1700px){
 .ods h2{ margin-left: 140px; }
 .ods p{ margin:-40px 0 20px 40%; width: 460px; }
 .ods img{ width: 70%; margin-left: 13%; }
}

@media screen and (max-width:900px){
.desktop{ display: none; }
.mobile{ display: block; }
.slidedesktop{ display: none; }
.slidemobile{ display: block; }
.container{ width: 90%; }
.topo{background: url(assets/images/menu-m.png) top center no-repeat; background-size: 427% auto; }
.topo .menu{ position: absolute; height: 150px; display: none; background: #000; z-index: 999; padding-right: 7%; padding-top: 20px; top: 45px; left: auto; right: -6%; width: 32%; }
.topo .menu ul li{ text-align: right; float: none; margin: 0 0 15px 0; }
.topo .container{ min-height: 48px; }
.abremenu{ z-index: 40; position: absolute; top: 10px; right: 0; display: block; }
.abremenu img{  width: 30px !important; height: auto !important; }
.sobre img{ width: 100%; height: auto; }
.ods{ background: url('assets/images/bg-title.png') 50% 13% no-repeat; }
.ods .container{ padding: 0; }
.ods h2{ font-size: 38px; margin-left: 0; }
.ods img{ width: 100%; margin-left: 0; }
.ods p{ margin:20px 0 20px 0; width: 100%; }
.lives .box{ margin-bottom: 0; }
.lives .box .blive{ margin-bottom: 20px; }
.lives .box .left{ width: 100%; margin: 0 0 20px 0; }
.lives .box .right{ width: 100%; margin: 0 0 20px 0; }
.lives .box .left img{ width: 24%; height: auto; }
.lives .box .right img{ width: 24%; height: auto; }
.mais a{ padding: 5px 18px; font-size: 14px; }
.rodape .ytmusic{ width: 40%; }
.rodape .pacto{ width: 40%; }


.slick-next{ z-index: 99; top: 40%; right: 25px; }
.slick-prev{ z-index: 99; top: 40%; left: 15px; }
.slick-prev:before, .slick-next:before{ font-size: 35px; }

}