body{font-family: 'Raleway', sans-serif;padding: 100px 0 0} 

/* header */
.navbar{height: 100px;transition: height 300ms linear;background-color: #85c8de}
.navbar-brand {width: 237px;height: 36px;padding: 0;}
.navbar-brand img {transition: 300ms linear;}
.navbar-nav a.nav-link {text-transform: uppercase; color:#fff;font:normal 600 15px/22px 'Raleway', sans-serif;border-radius: 10px;transition: background 0.15s ease, font-size 300ms linear; margin: 0 5px }
.navbar-nav a.nav-link:hover {background: #4364a6;}
.navbar-nav a.social {font-size: 28px;font-weight: normal;margin: -3px 0;}
.custom-toggler.navbar-toggler {border-color: rgb(49,86,93);}
.custom-toggler .navbar-toggler-icon i{font-size: 32px;color: #02565d;}

.fixed-top.scrolled {height: 80px;}
.fixed-top.scrolled .navbar-brand img {transform: scale(0.8)}
.fixed-top.scrolled .nav-item a {font-size: 12px;}
.fixed-top.scrolled a.nav-link:hover {background: #4364a6;}
.fixed-top.scrolled a.social {font-size: 22px;margin: 0;}

/*Home*/
#home {height: auto;padding: 0}
.cycle-slideshow img { width: 100%; height: auto}

/* Sobre */
#sobre {height: 675px;}
#sobre h2{font: normal 900 70px/76px 'Raleway', sans-serif;color: #85c8de;text-transform: uppercase;}
#sobre p{font: normal 300 16px/28px 'Raleway', sans-serif;color: #6c7279;}
#sobre img {position: absolute;left: -120px;bottom: -60px;}


/* Manifesto */
#manifesto{height: 728px;background-color: #4364a6}
#manifesto h2{font: normal 900 70px/76px 'Raleway', sans-serif;color: #85c8de;text-transform: uppercase;}
#manifesto p{font: normal 300 16px/28px 'Raleway', sans-serif;color: #fff;}
#manifesto p b{font-weight: 700}
#manifesto img {position: absolute;right: 20px;top: -60px;}

/* Novidades */
#novidades {padding: 40px 0 80px;position: relative}
#novidades .img-novidade {position: absolute;top: -200px;right: 0;width: 40%}
#novidades h2 {font: normal 900 70px/72px 'Raleway', sans-serif;color: #85c8de;text-transform: uppercase;}
#novidades a{font: normal 300 36px/40px 'Raleway', sans-serif;color: #85c8de;text-transform: uppercase;}
#novidades ul {padding: 0;list-style: none;margin-top: 20px;}
#novidades ul li{float:left;width: 32%;padding:0;margin:0.5% 0.5%;}
#novidades ul li img{width: 100%;}

/* Lojas */
#lojas {padding:70px 0 90px;background: #85c8de;position: relative}
#lojas .container {position: relative;}
#lojas h2 {font: normal 900 68px/70px 'Raleway', sans-serif;color: #85c8de;text-transform: uppercase;text-align: right;top: -128px;position: absolute;right: 0;}
#lojas .img-loja01 {position: absolute;top: -90px;left: 0;width: 13%}
#lojas .img-loja02 {position: absolute;bottom: -240px;right: -25px;width: 25%;}
#lojas ul {padding: 0;list-style: none;}
#lojas ul li {margin: 0 0 30px;}
#lojas h3 {margin: 0}
#lojas h3 a{color: #fff;font: normal 700 14px/18px 'Raleway', sans-serif;margin-bottom: 5px;text-transform: uppercase;}
#lojas p, #lojas a{display:block;color: #fff;font: normal 300 14px/18px 'Raleway', sans-serif;margin: 3px}

/* Contato */
.contato {min-height: 600px;padding: 100px 0 90px;}
.contato h2{font: normal 900 27px/30px 'Raleway', sans-serif;color: #85c8de;text-transform: uppercase;}
.contato form{margin-top: 15px}
.contato form .form-group {margin-bottom: 30px}
.contato form .form-control {background: #dbdbdb;height: 48px;color: #848484;font: normal 400 16px/17px 'Raleway', sans-serif;line-height: 1.5;background-clip: inherit; border: none;border-radius: 22px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.contato form textarea.form-control {resize: none;height: 200px}
.contato form button {width: 120px;height: 48px;border-radius: 22px; border: none; background: #85c8de;font: normal 600 16px/17px 'Raleway', sans-serif;text-transform: uppercase;}
.contato form button:hover {background: #4364a6;}
.contato .maps iframe {margin-top: 0;border:0;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */-webkit-backface-visibility: hidden;  /* Fix for transition flickering */}
.contato .maps iframe:hover {filter: none /* Firefox 10+ */filter: none; /* IE6-9 */-webkit-filter:none; /* Chrome 19+ & Safari 6+ */-webkit-backface-visibility: hidden;  /* Fix for transition flickering */}


footer {width: 100%;height: 185px;background: #4364a6;position: relative;}
footer p {text-align: center;position: relative;color: #fff;font: normal 300 16px/20px 'Raleway', sans-serif;margin: 0}
footer p a {font-weight: 600;color: #fff;}
footer p a:hover {text-decoration:none; color: #fff}
footer a.social-footer{float:right; text-transform: uppercase; color:#fff;font:normal 400 40px/44px 'Raleway', sans-serif;border-radius: 10px;transition: background 0.15s ease, font-size 300ms linear; margin: 0 7px}

.popup {display:none;position: fixed;padding: 100px 145px;z-index: 999999999;width: 800px;height: 400px;top: 50%;left: 50%;margin: -200px 0 0 -400px;background-color: #183e6f;box-shadow: 10px 10px 0px 0px rgba(255,255,255,1);}
.popup #fechar {position: absolute;top: 8px;right: 12px;color: #fff;font: normal 400 18px/22px 'Raleway', sans-serif;}
.popup .popup-content p {text-align: center;color: #fff;font: normal 400 18px/22px 'Raleway', sans-serif;margin-bottom: 30px;}
.popup .popup-content a {width: 60%;display: inline-block;height: 60px;text-align: center;margin: 0 20%;}
.popup .popup-content a:hover i.tel-popup {color: #31c0d7;}
.popup .popup-content a i.tel-popup {display:inline-block;text-align: center;color: #fff;font: normal 700 30px/60px 'Raleway', sans-serif;transition: color .15s ease-in-out}
.popup .popup-content a i.fa-whatsapp {float:left;color: #31c0d7;font-size: 60px;font-weight: 400;margin-right: 10px}

@media only screen and (max-width: 991px) {
    
    .popup {padding: 35px 15px;width: 80%;margin: -200px -40%;}
    .popup .popup-content p {font: normal 400 14px/20px 'Raleway', sans-serif;margin-bottom: 15px;}
    .popup .popup-content a {width: 70%;margin: 0 15%;}
    .popup .popup-content a i.tel-popup {font: normal 700 18px/60px 'Raleway', sans-serif;}
    .popup .popup-content a i.fa-whatsapp {font-size: 30px;line-height: 60px;}

    .navbar-nav a.nav-link {font-size: 12px;}
    .fixed-top.scrolled .nav-item a {font-size: 12px;}
    .navbar-brand {width: 200px;height: auto;padding: 0;}
    
    #sobre {height: auto;padding: 45px 0;}
    #sobre img {position: relative;left: 0;bottom: 0;}
    #sobre h2 {font-size: 55px}
    #sobre p {font-size: 14px}

    #manifesto {height: auto;padding: 45px 0;}
    #manifesto img {right: -10px;top: -85px;width: 40%;z-index: 0;}
    #manifesto h2 {font-size: 55px}
    #manifesto p {font-size: 14px}

    #novidades .img-novidade {top: -80px;width: 40%;}
    #novidades h2 {font: normal 900 55px/57px 'Raleway', sans-serif;}
    #novidades a {font: normal 300 30px/32px 'Raleway', sans-serif;}
    #novidades ul li {width: 49%;}
    
    #lojas h2 {font: normal 900 55px/57px 'Raleway', sans-serif;top: -118px;}
    #lojas .img-loja02 {width: 35%;}
    
    .navbar .container {max-width: 98%;}
    .nav-item {float: left;}
    .navbar-nav .nav-item a {display: block;}
    
    .contato {padding: 50px 0;}
    .contato .col{margin: 0 0 45px 0;}
    .contato .maps iframe {height: 400px;}

    footer .col {text-align: center;}
    footer a.social-footer {float: none;}
}
@media only screen and (max-width: 767px) {
    body {padding: 75px 0 0;}

    #manifesto img {right: 0;top: -65px;}
    #novidades .img-novidade {top: -40px;width: 50%;}
    #lojas .img-loja01 {top: -90px;width: 30%;}
    #lojas .img-loja02 {right: 0;}
    
    .navbar-collapse{background-color: #85c8de;padding: 5px;border-radius: 0px 0px 8px 8px;margin: 11px 0 0;}
    .custom-toggler.navbar-toggler {border-color: #fff;padding: .35rem .75rem;}
    .navbar-toggler-icon {width: 1em;height: 1.1em;}
    .navbar-nav .nav-item a {text-align: center;}
    .custom-toggler .navbar-toggler-icon i{font-size: 22px;color: #FFF;}
    .navbar {height: 75px;}
    .navbar-brand {width: 170px;height: 26px;padding: 0;}
    .fixed-top.scrolled {height: 60px;}
    
}