/*   
Theme Name: Chicago
Description: Tema para o site da Chicago Barber Club.
Author: Shine Network
Author URI: http://shinenetwork.com.br
Version: 2018
*/

/* Reset */
*, *:before, *:after {box-sizing:border-box; -moz-box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, a, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;}
img, object, embed, video, iframe {max-width:100%;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000; cursor:help;}
table {border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%;}
th {font-weight:bold; vertical-align:bottom;}
td {font-weight:normal; vertical-align:middle;}
hr {display:block; height:1px; border:0; border-top:1px solid #CCC; margin:10px 0; padding:0;}
input, select {vertical-align:middle;}
pre {white-space:pre; white-space:pre-wrap; white-space:pre-line; word-wrap:break-word;}
input[type="radio"] {vertical-align:text-bottom;}
input[type="checkbox"] {vertical-align:bottom; *vertical-align:baseline;}
input:focus, textarea:focus{outline:0;}
a:hover, a:active {outline:0;}
small {font-size:85%;}
strong, th {font-weight:bold;}
td, td img {vertical-align:top;}
sub, sup {font-size:75%; line-height:0; position:relative;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
label, input[type=button], input[type=submit], button {cursor:pointer;}
body, select, input, textarea {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
button, input, select, textarea {margin:0; resize:none; color:inherit; font:inherit; border:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
button {width:auto; overflow:visible;}
textarea {overflow:auto;}
ins {background:#FCD700; color:#000; text-decoration:none;}
mark {background:#FCD700; color:#000; font-style:italic; font-weight:bold;}
audio, canvas, iframe, img, svg, video {vertical-align:middle;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
::-moz-selection{background:#163663; color:#FFF; text-shadow:none;}
::selection {background:#163663; color:#FFF; text-shadow:none;}

::-webkit-input-placeholder {color:#949494;}
::-moz-placeholder {color:#949494;}
::placeholder {color:#949494;}

/* Toolbox */
.left {float:left;}
.right {float:right;}
.hide {display:none;}
.clear {clear:both;}
.flex {display:flex;}

/* Clearfix */
.cf:before, .cf:after {content:''; display:table;}
.cf:after {clear:both;}

/* Page style */
body {font:300 16px/24px 'Source Sans Pro', sans-serif; color:#3C3C3C; background:#FFF;}
a {color:#122A44; text-decoration:none; -webkit-transition:all 200ms ease-out; transition:all 200ms ease-out;}
a:hover {color:#A32D30;}
.wrapper {max-width:1400px; margin:auto; padding:0 50px;}

/* Header */
header {position:fixed; z-index:10; width:100%; background:#FFF;}
header .wrapper {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-top:50px; padding-bottom:40px; position:relative; -webkit-transition:padding 250ms ease-out; transition:padding 250ms ease-out;}
header.smaller {border-bottom:1px solid #F0F0F0;}
header.smaller .wrapper {padding-top:20px; padding-bottom:15px;}

h1 a {display:block; width:265px; height:70px; text-indent:-99999px; background:url(../img/LOGO-positivo.png) no-repeat left center; background-size:100%;}

.burger {display:none;}
.menu {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.menu li {position:relative;}
.menu li > a {display:block; padding:0 25px; line-height:60px; height:60px; overflow:hidden;}

.menu li:after {content:''; position:absolute; top:0; right:0; width:1px; height:100%; background:url(img/layout/menu-spacer.gif) no-repeat center;}

.menu li:first-child > a {padding-left:0;}
.menu li:last-child:after {display:none;}
.menu li:last-child > a {padding-right:0;}

.menu li .open-submenu {display:none;}

.menu .submenu {opacity:0; height:0; pointer-events:none; position:absolute; top:100%; left:50%; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); width:226px; background:#F6F5F5; border-radius:3px; box-shadow:0px 2px 2px 1px rgba(22, 54, 99, 0.2);}
.menu .submenu:before {content:''; position:absolute; top:-6px; left:50%; z-index:-1; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); width:15px; height:7px; background:url(img/layout/menu-arrow.png) no-repeat;}
.menu .submenu a {display:block; padding-left:24px; line-height:63px; border-bottom:1px solid #E7E8EB;}
.menu .submenu a:hover {background:#F0EFEF; color:#122A44;}
.menu .submenu a:first-child {border-radius:3px 3px 0 0;}
.menu .submenu a:last-child {border:0; border-radius:0 0 3px 3px;}

.menu .submenu.open {opacity:1; height:auto; pointer-events:all;}

/* Footer */
footer > .wrapper {padding:50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
footer .about {-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
footer .logo {display:block; width:166px; height:43px; text-indent:-99999px; background:url(img/layout/logo-footer.png) no-repeat;}
footer .contact {margin-left:40px; padding:15px 0 15px 20px; border-left:1px solid #3C3C3C;}
footer .social {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
footer .social a {display:inline-block; width:50px; height:50px; text-indent:-99999px; margin-left:15px;}
footer .social a:first-child {margin:0;}
footer .social a.facebook {background:url(../img/face.png) no-repeat center;}
footer .social a.instagram {background:url(../img/insta.png) no-repeat center;}
footer .social a.youtube {background:url(img/layout/icon-youtube.png) no-repeat center;}
footer .social a.facebook:hover {background:url(img/layout/icon-facebook-hover.png) no-repeat center;}
footer .social a.instagram:hover {background:url(img/layout/icon-instagram-hover.png) no-repeat center;}
footer .social a.youtube:hover {background:url(img/layout/icon-youtube-hover.png) no-repeat center;}

footer .rights {line-height:50px; font-size:14px;}
footer .rights > .wrapper {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
footer .rights a, footer .rights span {color:#F3F3F3; display:inline-block; vertical-align:middle;}
footer .rights .cl {width:20px; height:20px; text-indent:-99999px; background:url(img/layout/logo-cl.png) no-repeat center;}
footer .rights .brava {width:20px; height:20px; text-indent:-99999px; background:url(img/layout/logo-brava.png) no-repeat center;}

/* Home */
#banner {background:#F3F3F3; margin-bottom:50px;}
#banner li {position:relative; overflow:hidden;}
#banner li .img img {position:absolute; max-width:100%; width:auto; min-width:100%; height:auto; min-height:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#banner li .spacer {width:100%; height:auto; display:block;}

#banner .wrapper {background:url(img/layout/loading-big.gif) no-repeat center; min-height:100px;}

#banner .owl-nav div {position:absolute; top:50%; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); width:50px; height:150px;}
#banner .owl-nav div.owl-prev {left:-50px; background:url(img/layout/arrow-big-blue-prev.png) no-repeat center left;}
#banner .owl-nav div.owl-next {right:-50px; background:url(img/layout/arrow-big-blue-next.png) no-repeat center right;}
#banner .owl-nav div.owl-prev:hover {background:url(img/layout/arrow-big-red-prev.png) no-repeat center left;}
#banner .owl-nav div.owl-next:hover {background:url(img/layout/arrow-big-red-next.png) no-repeat center right;}

#banner .owl-dots {width:100%; text-align:center; position:absolute; left:0; bottom:20px; font-size:0; height:15px;}
#banner .owl-dots div {width:15px; height:15px; margin:0 5px; display:inline-block; border-radius:100%; border:2px solid #FFF; -webkit-transition:all 250ms ease-out; transition:all 250ms ease-out;}
#banner .owl-dots div.active {background:#FFF;}

.home h2 {color:#122A44; font-size:32px; font-weight:200; text-transform:uppercase; margin-bottom:35px;}
.home h2 span {font-weight:400;}

.um {display:-webkit-box;display:-ms-flexbox;display:flex; min-height:343px; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom:3.8%;}

.latest-news {width:68%; margin-right:3.8%;}

.latest-news .highlight {-ms-flex-negative:0;flex-shrink:0; width:290px;}
.latest-news .highlight a {display:block; color:#3C3C3C;}
.latest-news .highlight .thumb {overflow:hidden; position:relative;}
.latest-news .highlight .thumb .spacer {width:100%; height:auto; display:block;}
.latest-news .highlight .thumb .actual-thumb, .latest-news .highlight .thumb .size-actual-thumb {position:absolute; max-width:100%; width:auto; min-width:100%; height:auto; min-height:100%; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.latest-news .highlight .info {display:-webkit-box;display:-ms-flexbox;display:flex; min-height:55px;}
.latest-news .highlight span {text-transform:uppercase; font-size:14px; line-height:18px; text-align:center; width:50px; background:#E8E8E8; -ms-flex-negative:0; flex-shrink:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-line-pack:center; align-content:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.latest-news .highlight span strong {display:block; font-size:initial; width:100%;}
.latest-news .highlight p {font-size:18px; font-weight:400; padding:10px 0 10px 10px;}

.latest-news .right-side {margin-left:30px; -ms-flex-preferred-size:100%; flex-basis:100%;}
.latest-news .button {float:right; margin-top:30px;}

.convenios-cat {width:32%;}
.convenios-cat h2 em {display:block; font-size:25px; font-style:normal; margin-top:5px;}
.convenios-cat .icons {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:-15px;}
.convenios-cat .icons a {display:block; color:#122A44; text-align:center; margin-top:13px;}
.convenios-cat .icons span {display:block; font-size:12px; font-weight:400; text-transform:uppercase; padding-top:3px;}
.convenios-cat break {-ms-flex-preferred-size:100%;flex-basis:100%; width:0px; height:0px; overflow:hidden;}

.convenios-cat .icons:hover a {opacity:.6;}
.convenios-cat .icons:hover a:hover {opacity:1; color:#A32D30;}

.dois {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.dois-um {width:32%;}
.events .button {float:right; margin-top:30px;}

.be-partner {margin-top:50px;}
.be-partner p {font-size:18px; margin:-7px 0;}
.be-partner .button {margin-top:25px;}

.pictures {width:32%; margin:0 3.8%;}
.pictures ul {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.pictures li {margin-bottom:20px; width:46.8%;}
.pictures li a {display:block; overflow:hidden;}
.pictures li img {width:100%; height:auto;}
.pictures .button {margin-top:15px; float:right;}

.dois-dois {width:32%;}
.latest-video.left-bg {padding:28px 0 0 0;}
.latest-video h2 {float:left; line-height:40px; margin-left:35px;}
.latest-video .button {float:right; margin-right:35px;}
.latest-video .video-player {position:relative; cursor:pointer;}
.latest-video .video-player:before {content:''; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:117px; height:117px; background:url(img/layout/icon-play.png) no-repeat center; -webkit-transition:-webkit-transform 250ms cubic-bezier(0.555, 0.490, 0.310, 1.450); transition:-webkit-transform 250ms cubic-bezier(0.555, 0.490, 0.310, 1.450); transition:transform 250ms cubic-bezier(0.555, 0.490, 0.310, 1.450); transition:transform 250ms cubic-bezier(0.555, 0.490, 0.310, 1.450), -webkit-transform 250ms cubic-bezier(0.555, 0.490, 0.310, 1.450);}
.latest-video .video-player:hover:before {-webkit-transform:translate(-50%, -50%) scale(1.15);transform:translate(-50%, -50%) scale(1.15);}
.latest-video .video-player img {width:100%; height:auto;}

.newsletter {margin-top:50px;}
.newsletter h2 em {display:block; font-style:normal; font-size:20px; text-transform:none; margin-top:5px;}
.newsletter form {font-size:0;}
.newsletter input {display:inline-block; height:67px; line-height:67px;}
.newsletter input.text {width:calc(100% - 48px); padding:0 20px; background:#F0F0F0; font-size:20px;}
.newsletter input.submit {width:48px; text-indent:-99999px; background:#A32D30 url(img/layout/icon-submit.png) no-repeat center; -webkit-transition:all 250ms ease-out; transition:all 250ms ease-out;}
.newsletter input.submit:hover {background-color:#8B2124;}

footer {margin-top:100px; background:#F3F3F3;}
footer .rights {background:#3C3C3C; color:#F3F3F3;}

/* Reusable code */
.content {padding-top:160px;}
.left-bg {background:#F3F3F3 url(img/layout/left-bg.png) no-repeat left top; padding:35px;}

.button {display:inline-block; background:#A32D30; color:#FFF; text-transform:uppercase; font-size:12px; font-weight:400; line-height:40px; letter-spacing:1px; padding:0 15px; position:relative; z-index:1; overflow:hidden;}
.button:hover {color:#FFF;}
.button:after {content:''; position:absolute; z-index:-1; top:0; right:-50px; bottom:0; left:0; border-right:50px solid transparent; border-bottom:40px solid #8B2124; -webkit-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:all 250ms ease-out; transition:all 250ms ease-out;}
.button:hover:after {-webkit-transform:translateX(0);transform:translateX(0);}

.list li a {display:-webkit-box;display:-ms-flexbox;display:flex; padding:3px 0;}
.list li span {display:inline-block; padding-right:15px; font-size:15px; font-weight:400; color:#A32D30;}
.list li p {display:inline-block; max-height:50px; overflow:hidden;}

.thumb-list {margin:50px 0 -50px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.thumb-list li {width:270px; text-align:center; margin-bottom:50px;}
.thumb-list img {display:block; border:1px solid #F3F3F3; margin:0 auto 15px; height:auto;}
.thumb-list span {font-size:12px; color:#A32D30;}

.pdf-list a {color:#3C3C3C; display:block; padding:18px 0 18px 59px; background:url(img/layout/icon-pdf.png) no-repeat left center;}
.pdf-list a:hover {color:#122A44;}

/* Internas */
.inner {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.title {background:#F3F3F3; padding:40px 0; margin-bottom:50px;}
.title h2 {border-left:1px solid #A32D30; padding:5px 0 5px 35px;}
.title h2 strong {display:block; text-transform:uppercase; font-weight:200; font-size:45px; font-style:normal; line-height:45px; color:#122A44; margin-left:-3px;}
.title h2 span {display:block; font-size:11px; font-weight:300; color:#A32D30;}

#main {width:850px; margin-right:50px; -ms-flex-preferred-size:100%; flex-basis:100%;}
#main p {margin-bottom:25px;}

/* Erro 404 */
.error-404 {padding:206px 0 50px; min-height:calc(100vh - 488px);}
.error-404 h2 {text-align:center; margin-bottom:25px; font-size:45px; font-weight:200;}
.error-404 p {text-align:center; font-size:25px; font-weight:300;}

/* Tela de espera EDITAVEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEELLLLLLLLLLLLLLLLLLLLLLLLLLL */ 
.espera {height:100%;}
#wrap.espera {background:#F3F3F3 url(img/layout/espera-background.png) no-repeat center; position:relative;}
#wrap.espera .centered {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:100%;}
#wrap.espera h1 {width:400px; height:195px; text-indent:-99999px; background:url(../img/LOGO-positivo.png) no-repeat left center; background-size:100% auto; margin:0 auto; max-width:100%;}
#wrap.espera h2 {font-size:30px; line-height:34px; text-align:center; margin:50px 0;}
#wrap.espera h2 span {display:block; font-size:40px; letter-spacing:1px;}
#wrap.espera .text {max-width:700px; padding:0 50px; margin:0 auto 50px; text-align:center;}

#wrap.espera .social {text-align:center; font-size:0;}
#wrap.espera .social a {display:inline-block; width:50px; height:50px; text-indent:-99999px; margin:0 10px;}
#wrap.espera .social .facebook {background:url(../img/face.png) no-repeat center;}
#wrap.espera .social .facebook:hover {background:url(img/layout/icon-facebook-hover.png) no-repeat center;}
#wrap.espera .social .instagram {background:url(../img/insta.png) no-repeat center;}
#wrap.espera .social .instagram:hover {background:url(img/layout/icon-instagram-hover.png) no-repeat center;}

.logged-out {background:#2CAEA7 url(img/layout/espera-background.png);}
.logged-out #wrap {display:none;}
.logged-out #wrap.espera {display:block;}


}