@charset "UTF-8";
/* CSS Document */
@import url(reset.css);
/*@font-face { font-family: 'OpenSans'; src: url('../fonts/opensans/OpenSans-Light.eot'); src: url('../fonts/opensans/OpenSans-Light.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Light.eot?#iefix') format('embedded-opentype'); src: url('../fonts/opensans/OpenSans-Light.woff') format('woff'), url('../fonts/opensans/OpenSans-Light.ttf') format('truetype'), url('../fonts/opensans/OpenSans-Light.svg#OpenSans') format('svg');
}
@font-face { font-family: 'Montserrat'; src: url('../fonts/montserrat/Montserrat-Regular.eot'); src: url('../fonts/montserrat/Montserrat-Regular.woff2') format('woff2'), url('../fonts/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'); src: url('../fonts/montserrat/Montserrat-Regular.woff') format('woff'), url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype'), url('../fonts/montserrat/Montserrat-Regular.svg#Montserrat') format('svg');
}

//* Cores */
/* Mixins */
/*!
  CSS Document
  Theme Name: Lord's Diversões
  Theme URI: http://www.lords.com.br
  Author: Superteia Soluções para Internet
  Author URI: http://www.superteia.com.br/
  Description: Estilização Geral para o site Lord's Diversões
  Tags: shelley macedo, frontend, responsivo, crossbrowser, sass, css

  Developer: Shelley Macedo (shelley.macedo@hotmail.com)
  Version: 1.0 -> 24 janeiro 2018 - geral
               -> 28 janeiro 2018 - responsivo, crossbrowser
*/
body { font-family: "Open Sans", sans-serif; background: #FFFFFF; font-size: 14px; font-weight: 500; }
body .tudo { padding-top: 64px; width: 100%; max-width: 100%; overflow: hidden; }

nav { background: #2e323b; color: #FFFFFF; text-transform: uppercase; font-size: 0.85rem; font-weight: 100; font-family: "Open Sans", sans-serif; height: 64px; }
nav ul li a { font-size: 0.85rem; }
nav .brand-logo { width: 120px; padding: 10px; }
nav.navbar-fixed { position: fixed; }

.hidden { display: none !important; }

#sidenav-overlay { z-index: 3; }

img { max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; }

p { line-height: 1.5; font-weight: 500; }

.header { width: 75%; }

.section { padding: 5em 0; }

#index-banner { height: calc( 100vh - 80px); }

a:link, a:visited { text-decoration: none; -webkit-transition: color 0.5s ease-out; -moz-transition: color 0.5s ease-out; -o-transition: color 0.5s ease-out; -ms-transition: color 0.5s ease-out; }
a:hover, a:focus { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; cursor: pointer; color: #ffb300; }

h1 { font-size: 4rem; font-weight: 900; letter-spacing: -3px; text-transform: uppercase; margin-bottom: 1rem; margin-top: 0; line-height: 1em; }
h1 i { font-weight: 900 !important; display: block !important; margin-bottom: -0.5rem; }

h3 { text-transform: uppercase; letter-spacing: -2px; color: #121317; margin-bottom: 1rem; font-weight: 800; font-size: 3.186rem; line-height: 1; font-family: "Montserrat", sans-serif; }
h3 span { letter-spacing: 1px; font-size: 14px; color: #ffb300; display: block; font-weight: 100; line-height: 2; }

h3 + p { font-weight: 600; }

h5 { font-weight: 100; font-size: 1.12rem; margin-bottom: 4rem; font-family: "Montserrat", sans-serif; }

.mascara-banner { width: 100%; height: 145px; position: absolute; bottom: -5px; }
.mascara-banner .col { padding: 0; }
.mascara-banner .col .b1 { background-color: transparent; background-image: url(../images/icones/forma.png); background-position: 0 0; background-repeat: no-repeat;     background-size: 100% 100%; width: 100%; height: 145px; display: block; }
.mascara-banner .col .b2 { background: url(../images/icones/forma.png); width: 100%; height: 145px; display: block; transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); background-size: 100% 100%; }
.mascara-banner .bichinho-vert { position: absolute; left: 50%; margin-left: -10px; margin-top: 10px; }

.bichinho-horiz { background-color: transparent; background-image: url(../images/icones/ico_horizontal.gif); background-position: 50%; background-repeat: repeat-x; text-align: left; margin: 1em 0 3em 0; width: 100px; height: 20px; }

.bichinho-vert { background-image: url(../images/icones/ico_vertical.gif); background-color: transparent; background-position: 50%; background-repeat: repeat-y; background-size: 15%; width: 20px; height: 105px; position: relative; }

.bichinho-L { right: 160px; background-image: url(../images/icones/ico_bichinhoL.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-color: transparent; width: 80px; height: 80px; display: block; position: absolute; bottom: 0; }

.bichinhoV { background-image: url(../images/icones/ico_bichinho.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 75%; background-color: #343e34; width: 20px; height: 20px; display: block; position: absolute; bottom: 0; }

.bichinhoH { background-image: url(../images/icones/ico_bichinhoB.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%; background-color: #FFFFFF; width: 20px; height: 20px; display: block; position: absolute; left: 0; }

.bichinhoW { background-image: url(../images/icones/ico_bichinho.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%; background-color: #073330; width: 20px; height: 20px; display: block; position: absolute; top: -5px; }

.pacman { background-image: url(../images/icones/ico_pacman.gif); background-position: 50% 50%; background-repeat: no-repeat; background-size: 90%; background-color: #FFFFFF; width: 20px; height: 20px; display: block; position: absolute; left: 0; }

.img-regra { margin-bottom: 3em; }

.meio { display: table; margin: 1em auto; }

.texto p { text-align: justify; margin: 2rem 0; }
.texto cite { background: #f7f7f7; color: #121317; padding: 1rem; font-weight: 600; width: 100%; clear: both; line-height: 1.45rem; display: block; text-align: justify; margin-bottom: 2rem; }
.texto hr { background-color: #121317; display: block; margin: 3rem auto; width: 100%; clear: both; }
.texto h5 { font-weight: 600; margin-bottom: .72em; text-align: left; font-family: "Montserrat", sans-serif; }

.form-orcamento { font-size: 1rem; }
.form-orcamento .meio { display: table; margin: auto; float: none; }
.form-orcamento input { font-size: 1.143rem; background: #F5F5F5 !important; border: 0 !important; text-indent: 1rem; color: #121317; }
.form-orcamento input:focus { background: #FFFFFF !important; }
.form-orcamento label { font-size: 1rem; line-height: 2em; color: #121317; }
.form-orcamento p { text-align: center; margin-top: 1em; font-size: 1.286rem; font-weight: 500; font-family: "Montserrat", sans-serif; }
.form-orcamento .input-fake { display: flex; border: 1px solid #DDD; position: relative; padding: 1rem; align-items: center; margin: 3em 0; }
.form-orcamento .input-fake .required { position: absolute; color: #4fe29b; top: -1rem; right: 0; }
.form-orcamento .input-espaco { position: relative; }
.form-orcamento .input-espaco .required { position: absolute; color: #4fe29b; top: -1rem; right: 0; }
.form-orcamento [type="radio"] + label:before, .form-orcamento [type="radio"] + label:after { width: 20px; height: 20px; }
.form-orcamento [type="radio"]:not(:checked) + label:before, .form-orcamento [type="radio"]:not(:checked) + label:after { border: 1px solid #5a5a5a; background: #DDD; box-shadow: inset 0 0 0 4px #FFF; margin-left:35px; }
.form-orcamento [type="radio"]:not(:checked) + label, .form-orcamento [type="radio"]:checked + label { color: #121317; font-size: 1.143rem; font-weight: 500; font-family: "Montserrat", sans-serif; position:relative; }
[type="radio"]+label:before, [type="radio"]+label:after { left: -1.8rem; top: -2px; }
.form-orcamento .with-gap { visibility:hidden }
.form-orcamento .btn-large { background: #4fe29b; box-shadow: inset 0 0 1px #009688; font-weight: 600; color: #FFFFFF; }
.form-orcamento .btn-large:hover { background: #009688; }
.form-orcamento a.disabled { text-shadow: none; color: #FFFFFF; }
.form-orcamento [type="radio"]:checked + label:after, .form-orcamento [type="radio"].with-gap:checked + label:before, .form-orcamento [type="radio"].with-gap:checked + label:after { margin-left:35px }

.gallery .lslide img { width: 100%; }

.galeria { position: relative; min-width: 100%; max-width: 100%; }
.galeria .navs { position: absolute; bottom: 1.157rem; width: 80%; }
.galeria .navs a { color: #121317; font-size: 2rem; }
.galeria .navs a.prev { float: left; }
.galeria .navs a.next { float: right; }

#dados-local { text-align: left; font-family: "Open Sans", sans-serif; }
#dados-local i { margin-bottom: 1rem; }
#dados-local i.medium { font-size: 3rem; }
#dados-local h2 { font-size: 0.9286rem; padding-left: 1rem; }
#dados-local h3 { font-size: 0.8571rem; font-weight: 500; font-family: "Open Sans", sans-serif; padding-left: 1rem; letter-spacing: 0; line-height: 2; }
#dados-local h3 i { font-size: 1.143rem; vertical-align: sub; }
#dados-local h4 { font-weight: 800; text-transform: uppercase; font-size: 1.143rem; letter-spacing: -1px; padding-left: 1rem; line-height: 1.5; }
#dados-local h5 { padding-left: 1rem; font-family: "Open Sans", sans-serif; font-weight: 800; }
#dados-local h6 { padding-left: 1rem; line-height: 1.2; font-size: 0.9286rem; }
#dados-local h6 i { font-size: 0.8571rem; }

.mapa { width: 100%; min-height: 450px; border: 0; }

.produto { position: relative; width: 100%; height: auto; }
.produto .img-produto { position: absolute; right: 10%; width: 45%; bottom: -81px; z-index: 5; }

.btn, .btn-padrao, .btn-padrao-icone { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-family: "Open Sans", sans-serif; font-size: 1.21rem; text-transform: uppercase; display: initial; }

.btn-padrao { padding: 1.25rem 3.57rem; margin: 10px; color: #ffb300; background: #FFFFFF; font-family: "Montserrat", sans-serif; font-weight: 100; }
.btn-padrao:hover { background: #ffb300; color: #FFFFFF; }

.btn-padrao-icone { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; display: flex; align-items: center; width: 100%; font-family: "Montserrat", sans-serif; color: #FFFFFF; background: #67b8ff; justify-content: center; height: auto; text-align: center; padding: 1.5rem; line-height: 1.32rem; font-size: 0.85rem; margin: 5px 0; }
.btn-padrao-icone span b { font-weight: 500; font-size: 1rem; }
.btn-padrao-icone i { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; float: right; background: #FFFFFF; color: #67b8ff; border: 2px solid; font-size: 14px; }
.btn-padrao-icone:hover, .btn-padrao-icone:focus, .btn-padrao-icone:active { background: #DDD; color: #2e323b; }

.page-footer { background: #2e323b; font-family: "Open Sans", sans-serif; }
.page-footer .container { padding: 3em 0; }
.page-footer img { width: 200px; height: 85px; margin-bottom: 3rem; }
.page-footer h6 { text-transform: uppercase; color: #ffb300; font-size: 1rem; letter-spacing: 1px; font-weight: 600; margin: 1rem 0; }
.page-footer li a { font-family: "Open Sans", sans-serif; color: #FFFFFF; font-weight: 300; font-size: 0.9286rem; line-height: 2rem; }
.page-footer li a i { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 2px solid #FFFFFF; float: left; margin-right: 10px; font-size: 14px; }
.page-footer li a i:hover { border-color: #ffb300; background-color: #ffb300; color: #FFFFFF; }
.page-footer li a:hover { color: #ffb300; }
.page-footer .footer-copyright { background: #121317 !important; letter-spacing: 2px; font-family: "Montserrat", sans-serif; }
.page-footer .footer-copyright .container { padding: 0; }

.servicos { padding: 3rem 0; }
.servicos .col:nth-child(1) { margin-top: 3rem; }
.servicos .col:nth-child(2) { margin-top: 6rem; }
.servicos .col:nth-child(3) { margin-top: 0.5rem; }
.servicos a { display: block; height: 100%; position: relative; z-index: 0; color: #FFFFFF; text-transform: uppercase; }
.servicos a img { width: 100%; }
.servicos a .titulo-servico { position: absolute; bottom: 1.33rem; right: 1em; z-index: 1; }
.servicos a .descricao-servico { position: absolute; color: #121317; z-index: -1; width: 100%; height: auto; left: 0; top: calc(100% - 2rem); -webkit-transition: top .3s; transition: top .3s; }
.servicos a:hover .descricao-servico { top: -2rem; }

.categorias { height: auto; position: relative; display: block; width: 100%; }
.categorias a { display: block; height: 100%; position: relative; z-index: 0; color: #FFFFFF; text-transform: uppercase; }
.categorias a img { width: 100%; }
.categorias a .titulo-servico { position: absolute; bottom: 1rem; right: 1em; z-index: 1; }
.categorias .col:last-child a:last-child { margin-top: 1.429rem; }

.count2 { max-width: 100%; height: 100vh; }
.count2 .parallax-container h1 { width: 96%; }
.count2 .parallax-container:nth-child(n) { height: 100%; min-height: 100%; width: 60%; float: left; }
.count2 .parallax-container:nth-child(n) .texto-bottom { padding: 45% 0 0 10%; }
.count2 .parallax-container:nth-child(n+2), .count2 .parallax-container:nth-child(n+3) { height: 33.45%; min-height: initial; width: 40%; float: right; margin-bottom: -1px; }
.count2 .parallax-container:nth-child(n+2) .texto-bottom, .count2 .parallax-container:nth-child(n+3) .texto-bottom { padding: 10% 0 0 10%; }

.texto-bottom { color: #FFFFFF; cursor: pointer; }

.parallax-container { min-height: 770px; line-height: 0; height: auto; color: #FFFFFF; }
.parallax-container .section { width: 100%; }

#galeria-fotos { width: 100%; column-count: 6; height: auto; }
#galeria-fotos img { width: 100%; margin: 0 0 12px 0; page-break-inside: avoid; padding: 5px; border: 1px solid rgba(46, 50, 59, 0.65); background: rgba(239, 239, 239, 0.25); }


.relative { position: relative; }

.overlay { background: rgba(0, 0, 0, 0.65); width: 100%; height: 100%; display: block; position: absolute; z-index: 2; margin-top: 0; }

.volta-topo { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; position: fixed; bottom: .25em; right: .35em; display: block; background-color: #000000; color: #fdb809; text-shadow: 0 0 0px #030202; font-size: 1.85rem; padding: 2px; text-align: center; font-weight: 100; }

.volta-topo:hover { background-color: #FFFFFF; color: #1E252A !important; }



@media only screen and (max-width: 1440px) { h1 { font-size: 3.2rem; }
  .count2 .parallax-container { margin-bottom: -1px!important; }
  .categorias, .categorias .showcase-content-container { max-width: 100%; }
  .categorias .showcase-thumbnail-wrapper-horizontal { max-width: initial !important; } 
  .count2 .parallax-container:nth-child(n+2), .count2 .parallax-container:nth-child(n+3) { height: 33.45%;} 
  .showcase-content { max-width:100%; max-height: 100%; } }
@media only screen and (min-width: 1201px) and (max-width: 1560px) { .container#localizacao .row .col.xl3 { width: 50%; } }
@media only screen and (max-width: 1024px) { .parallax-container { min-height: initial; }
  .count2 .parallax-container:nth-child(n) { height: auto; min-height: auto; min-height:50%; }
  .parallax-container .parallax img { max-width: initial; }
  .mascara-banner .bichinho-vert { margin-top: -30px; }
  .bichinho-L { right: 80px; }
  .count2 .parallax-container { width: 100% !important; }
  .count2 .parallax-container h1 { width: 92%; } 
  #galeria-fotos { column-count:4; } }
@media only screen and (max-width: 991px) { 
	.mascara-banner .bichinho-vert { margin-top: -50px; }
  .categorias .col:first-child { margin-bottom: 1.33rem; }
  .servicos .col:last-child { margin-top: 6rem; }
  .bichinho-L { right: 0; }
  #dados-local, #dados-local h5 { text-align: center; } 
  #dados-local h2 { line-height: 150%; }
  .mapa { margin-top: 3rem; }
  .btn-padrao { padding: 1rem; margin: 2rem; }
  #index-banner h5 { margin-bottom: 2rem; } 
  .diversos .row:nth-of-type(1) .xl4:nth-of-type(odd) img, .diversos .row:nth-of-type(2) .xl4:nth-of-type(odd) img { width: 100%!important;}
  .diversos .row:nth-of-type(1) .xl4:nth-of-type(odd) p, .diversos .row:nth-of-type(2) .xl4:nth-of-type(odd) p { margin-top: 0!important; }
  }
@media only screen and (max-width: 767px) { nav .brand-logo { width: 120px; padding: 5px 10px; }
  .section { padding: 2em 0; }
  .categorias { padding: 1rem; }
  h3 { font-size: xx-large; } }
@media only screen and (max-width: 767px) and (orientation: landscape) { .parallax-container { min-height: 580px; }
  .btn-padrao { padding: 1rem; }
  .container#localizacao { padding-top: 5rem; } }
@media only screen and (min-width: 601px) and (max-width: 660px) { .container#localizacao { padding-top: 5rem; }
  .container#localizacao .row .col.m6 { width: 100%; } }
@media only screen and (max-width: 600px) { nav { position: fixed !important; }
  #index-banner .section { top: 0; }
  .form-orcamento .input-fake { display: table; }
  .galeria .navs { bottom: 0; }
  .form-orcamento [type="radio"]:not(:checked) + label, .form-orcamento [type="radio"]:checked + label { display: block; text-align: left; }
  .texto p { padding: 0 1rem; }
  .form-orcamento .meio { padding: 0 2rem; }
  body .tudo { padding-top: 55px; }
  h1 { font-size: 3rem; margin-top: 0; }
  #localizacao { clear: both; margin-top: 5rem; }
  .mascara-banner .bichinho-vert { margin-top: -75px; }
  .bichinho-L { right: 2rem; bottom: -3rem; }
  .header, .produto .btn-padrao { margin-left: 1rem; }
  .count2 .parallax-container:nth-child(n) .texto-bottom { padding: 45% 0; }
  .showcase-thumbnail-restriction { max-width: initial; }
  .form-orcamento .btn-large { width: 100%; } 
  #galeria-fotos { column-count:2; } }
@media only screen and (max-width: 380px) { .mascara-banner .bichinho-vert { margin-top: -100px; }
  .parallax-container { min-height: initial; }
  .mascara-banner { height: 40px; }
  h1 { font-size: 2.5rem; }
  .produto .img-produto { width: 80%; }
  .btn-padrao { padding: 1.25rem; } 
  #galeria-fotos { column-count:1; } }
  
textarea {
	background: #f5f5f5;
	border: 0;
	padding: 15px;
	height: 150px;
	overflow-y: auto;
}
textarea:focus { 
    border-bottom: 1px solid #26a69a;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #26a69a;
	background: #FFF;
}
.mt-100 { 
	margin-top: 120px;
}

.btn-compra { 
    padding: 15px 0;
    margin: 0 12px;
    font-size: 16px;
    color: #2e323b;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    float: right;
    text-align: right;
}


.btn-compra:hover {
	color:#67b8ff;
}

.text-center { 
	text-align:center!important;
}
	
.com-borda:before {
	content:"";
	width: 40px;
	height:3px;	
	margin-bottom:10px;
	background: #67b8ff;
	display: block;
}

hr.claro { 
	background-color: #e0e0e0; 
}

.diversos p {
    margin: .25rem 0 3rem;
}

.diversos .row:nth-of-type(1) .xl4:nth-of-type(odd) p, .diversos .row:nth-of-type(2) .xl4:nth-of-type(odd) p { 
    margin-top:3.333rem;
}
.diversos .row:nth-of-type(1) .xl4:nth-of-type(odd) img, .diversos .row:nth-of-type(2) .xl4:nth-of-type(odd) img { 
    width: 100%;
}

.diversos h3 a { color:#ffb300!important }
.diversos h3 a:hover { color:#039be5!important }

/*# sourceMappingURL=style.css.map */