body,td,th {font-family: 'Lato', sans-serif; 'News Cycle', sans-serif; color:#ed6f2b;-webkit-font-smoothing: antialiased;}
body, html{width:100%; height:100%;margin:0;padding:0;font-size: 100%;background:#FFF;}

ul{list-style-type: none;}

a.btn-download-app, a.btn-download-stuff { display:block; width:auto; margin: 1.6rem 30% 1rem; padding:0.5rem 0.8rem; color:#FFF !important; background:#0077BA; border-radius:1rem; font-size: 1rem; font-weight:800; cursor:pointer;  }
a.btn-download-app:hover { background: #119CE6; }
a.btn-download-stuff { background: #900; }
a.btn-download-stuff:hover { background: #C00; }

a.btn-doe { display:block; width:auto; margin: 1.2rem 15% 1.2rem; padding:0.5rem 0.8rem; color:#FFF !important; background:#FFA500; border-radius:1rem; font-size: 1rem; font-weight:800;  }
a.btn-doe:hover { background: #009900; }

h1{font-family:'News Cycle', sans-serif;font-weight:700;color:#017ee0;font-size: 3rem;text-transform: uppercase;margin:10px 0 0 0;line-height: 3rem;-webkit-text-stroke: 2px;}
h2{font-family:'News Cycle', sans-serif;font-weight:700;color:#1f457a;-webkit-margin-after: 0.2rem;}
h3{font-family:'News Cycle', sans-serif;font-weight:700;color:#ed6f2b;text-transform:uppercase;font-size:1.8rem;-webkit-margin-before:0px !important;-webkit-margin-after: 0.1em;-webkit-text-stroke: 1px;}
h4{font-size:1.1rem;font-weight:400;color:#383838;}
p{font-family:'Lato',sans-serif;font-size:1.1rem;font-weight:400;color:#383838;}

a:link {color: #0d91b5;text-decoration: none;}
a:visited {text-decoration: none;color: #416b04;}
a:hover {color: #e85020; text-decoration: none;}
a:active {text-decoration: none;color: #416b04;}
img{border:none;}
a img{float:right;}

/* Animation ⊕ Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
25% {-webkit-transform: scale(1.3);transform: scale(1.3);}
75% {-webkit-transform: scale(0.8);transform: scale(0.8);}}

@keyframes hvr-icon-pulse {
25% {-webkit-transform: scale(1.3);transform: scale(1.3);}
75% {-webkit-transform: scale(0.8);transform: scale(0.8);}}

a.saiba,a.saiba-en{font-weight: 600;-webkit-transform: translateZ(0);transform: translateZ(0);}
a.saiba:hover,a.saiba-en:hover{color:#ed6f2b;}
a.saiba:after {
  content: "+";
  position: absolute;
  left: 6.5rem;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.saiba-en:after {
  content: "+";
  position: absolute;
  left: 3rem;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.saiba:hover:after, a.saiba:focus:after, a.saiba:active:after, a.saiba-en:hover:after, a.saiba-en:focus:after, a.saiba-en:active:after {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Header */
.menu-top{position:absolute;left:5%;}
.logo-class{position:absolute;left:44%;}
.redes-top{position:absolute;right:5%;}

.topo-geral{background-color: rgba(0, 0, 0, 0.5);    border-bottom: 2px solid #ed6f2b;height: 40px;    z-index: 6;    position: fixed;height:auto;z-index:25;}



.topo-geral_inner{margin-left: auto !important;margin-right: auto !important;float: none !important;height:40px; }
.logo-gp div span a img{display:inline-block;float: right;}

.menu-top{width:auto !important;}
.menu-top ul{margin: 0;padding: 0;overflow: hidden;font-size:0.8rem;text-transform:uppercase;float:left;}
.menu-top li{float:left;}
.menu-top li a, .dropbtn {display: inline-block;color: white;text-align: center;padding: 10px 7px 10px 7px;text-decoration:none;}
.menu-top li a:hover, .dropdown:hover .dropbtn {text-decoration:underline;}
.menu-top li.dropdown {display: inline-block;}
.menu-top .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 130px;box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.menu-top .dropdown-content a {color: black;padding: 10px 10px;text-decoration: none;display: block;text-align: left;text-align: right;}
.menu-top .dropdown-content a:hover {background-color: #f1f1f1}
.menu-top .dropdown:hover .dropdown-content {display: block;}

#redes-menu ul{margin: 0;padding: 0;overflow: hidden;font-size:0.8rem;text-transform:uppercase;float:right;}
#redes-menu ul span{display: inline-block;color: white;text-align: center;padding: 10px 7px 10px 7px;text-decoration:none;}
#redes-menu ul li{float:left;}
#redes-menu ul li a {display: inline-block;color: white;text-align: center;padding: 10px 10px 10px 0;text-decoration:none;}

.junte-se-btn{border: 1px solid #FFF;border-radius: 0px;padding: 5px 10px !important;margin:5px 10px 0 0;}
a.junte-se-btn:hover{background:#f8f8f8;color:#00858b !important;border: 1px solid #00858b;}

#redes-menu a.redes {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#redes-menu a.redes:hover, #redes-menu a.redes:focus, #redes-menu a.redes:active {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}


.logo-class{text-align:center;}
#scroll_down_menu-1{display:none;}

/* Box */
.blank-space{min-height: 0 !important;}

/* Box-Head */
.box-head {display: table;height:auto;}
#box-head {min-height:50vh;position: relative;padding:6% 0 1% 0;margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/header_ship2.jpg);background-size:cover;background-position: center;}

/* 1 */
.box1{display: table; height:auto;}
#box1{min-height:40vh;position: relative;padding:2% 0 3% 0;margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/header_bg.jpg);background-size:cover;}

/* 2 */
.box2{display: table;height:auto;}
#box2{min-height:68vh;position: relative;padding:3% 0 3% 0;margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/banner_petroleo4.jpg);background-size:cover;background-position: center top;z-index: 4;}
#box2 h1{color:#FFF};
#box2 p{color:#FFF};

/* 3 */
.box3{display: table; height:auto;}
#box3{min-height:30vh; position: relative;padding:3% 0 3% 0; margin-top: 0%;background-color: #0c307a;}

/* 4 */
.box4{display: table; height:auto;}
#box4{min-height:60vh; position: relative;padding:3% 0 3% 0; margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/GP0STQHBO.jpg);background-size:cover;background-position:center;}

/* 5 */
.box5{display: table; height:auto;}
#box5{min-height:40vh; position: relative; padding:3% 0 3% 0;margin-top: 0%;background-color: #1C1A1B;}

/* 5-1 */
.box5-1{display: table; height:auto;}
#box5-1{min-height:40vh; position: relative; padding:3% 0 3% 0;margin-top: 0%;background-color: #1C1A1B;}

/* 5a */
.box5a{display: table; height:auto;}
#box5a{min-height:80vh; position: relative;padding:3% 0 3% 0; margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/GP021E7.jpg);background-size:cover;background-position:center;}

/* 6 */
.box6{display: table; height:auto;}
#box6{min-height:70vh; position: relative;padding:3% 0 3% 0; margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/GP029K9.jpg);background-size:cover;background-position:center bottom;}

/* 8 VIDEO */
.box8{display: table;}
#box8{position: relative;background-color: #0c307a;}
#box8 h2{font-size:0.5rem;}


/* 10 THANKS PAGE  */
.box10{background-color:#f8f8f8; display: table; height:auto;}
#box10{min-height:95vh;position: relative;padding:6% 0 2% 0;margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/bg6.jpg);background-size: cover;background-position:center;}
#box10 h2{color:#FFF; font-weight:600; text-transform: uppercase;}
#box10 h1{color:#FFF;line-height:3rem;}
#box10 p{color:#FFF;}

/* 11 THANKS PAGE */
.box11{display: table; height:auto;}
#box11{min-height:60vh;position: relative;padding:2% 0 3% 0;margin-top: 0%;background-image: url(https://www.greenpeace.org.br/hubfs/Campanhas/corais/header_bg_white.jpg);background-size:cover;background-position:top;}

/* BOX MOBILE */
.box-mobile{display: none;}
#box-mobile{display:none;}

/* VIDEO */
.videoWrapper {
    position: relative;
    padding-bottom:0; /* 16:9 */
    max-height: 60vh;
    width:auto;
    height:auto;
    background-color: #1C1A1B;

}
.videoWrapper iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto%;
}

/* VIDEO MOBILE */
.videoWrapperMobile {
    position: relative;
    padding-bottom:0; /* 16:9 */
    max-height: 60vh;
    width:auto;
    height:auto;
    background-color: #1C1A1B;

}
.videoWrapperMobile iframe {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto%;
}





/* FAQ */ 
.box-faq {display: table; height:auto;}
#box-faq {position: relative;padding:3% 0 5% 0; background-color: #0c307a;}
#box-faq p{color:#F8F8F8;}
#box-faq h2{color:#FFF; font-weight:400; font-size:1.2rem; text-transform: uppercase;}
#box-faq h1{color:#F8F8F8;}
#box-faq a:link {color: #FFF;text-decoration: none;}
#box-faq a:visited {color:#74d6f1;text-decoration: none;}
#box-faq a:hover {color:#74d6f1;text-decoration: none;}


/* SLIDER */
.slider1{display: table; background-color: #f8f8f8;}
#slider1(max-height:40vh)

.grey-box-left{background: rgba(0,0,0,0) !important;position: relative;z-index: 2;}

.tabela_mobile{display:none;}
.redes_mobile{display:none;}


.cta{display:none;}

textarea{width: 96%;padding: 15px;line-height: 20px;font-size: 12px;height: 400px;font-family: 'Kanit', sans-serif;text-align: left;background: rgba(255,255,255,0.9);border: 3px solid #00858b;}

legend{color:#8a8a8a;font-size:0.8rem;}

/* FOOTER */
footer{background:#2f67b6;}
#rodape a{color: #FFF;}
#rodape a:link{text-decoration: none;color: #FFF;}
#rodape a:hover{text-decoration: underline;}
.rodape-box {font: 12px 'Kanit', sans-serif;overflow: hidden;margin: 0 5%;padding: 0.5% 0;color:#FFF;}
.rodape-box p{margin:0 25px 0 0;float: left;}
.rodape-box ul {margin: 4px 0 0 0;padding: 0;list-style: none;}
.bottom-menu {float: right;}
.bottom-menu li {float: left;padding: 0 0 0 14px;}


footer a.redes {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
footer a.redes:hover, footer a.redes:focus, footer a.redes:active {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* FORM */

    form{color:#8a8a8a;}
    form input[type="text"],form input[type="email"],form input[type="tel"]{width: 96%;margin: 0 0 0.5rem;font-family: 'Kanit', sans-serif;height: 1.2rem;font-size: 0.89rem;padding:0.375rem;border-radius:4px;border:2px solid #acaaaa;background-color:transparent;color:#8a8a8a;}
    form input[type="submit"]{ -webkit-appearance:none;border-radius:4px;font-family: 'Kanit', sans-serif !important; font-size:1.25rem; width: 100%;background:#e85020;color:#FFF;padding:10px 0;font-weight:600;text-transform:uppercase; border:none;box-shadow:2px 2px 4px 2px rgba(0,0,0,0.15);}
    form select{height: 36px !important;width: 100%;margin: 0 0 0.75rem;font-family: 'Kanit', sans-serif;font-size: 0.89rem;padding:0.375rem;border-radius:4px;border:2px solid #acaaaa !important;background-color:#FFF;color:#acaaaa !important;}
    form .actions{text-align:center;}
    .hs_submit{margin-top: 15px}
    form ul{-webkit-padding-start: 10px;color:#ce6b02;font-size: 0.8rem;-webkit-margin-before: -0.5rem;-webkit-margin-after: 0.5rem; margin: 0 0 0.5rem 0 ;}
    form ul li:before{content: "*";}
    .hs-form-required{display:none;}
    .obrigatorios{font-size:12px;text-align:right;margin-top: 0px;}
    textarea{width: 96%;padding: 5px 5px 0 5px;line-height: 20px;font-size: 14px;height: 150px;font-family: 'Kanit', sans-serif;text-align: left;}

    #grey-box-right{z-index:22;right: 7%;background-color: #FFF; position: fixed;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
    #grey-box-right{background:rgba(255,255,255,0.90) !important;padding: 0.6rem 1rem 1.5rem 1rem;border-radius:5px;box-shadow: 2px 2px 6px 2px rgba(0,0,0,0);position: fixed;-webkit-transition: background-color 200ms linear, box-shadow 200ms linear;-moz-transition: background-color 200ms linear, box-shadow 200ms linear;-o-transition: background-color 200ms linear, box-shadow 200ms linear;-ms-transition: background-color 200ms linear, box-shadow 200ms linear;transition: background-color 200ms linear, box-shadow 200ms linear;}
    #grey-box-right h3 {opacity:1;}
    #grey-box-right h2{font-family:'News Cycle', sans-serif;font-weight:700;color:#ed6f2b;-webkit-margin-after: 0.2rem;-webkit-text-stroke: 1px;font-size:1.9rem;line-height:2.4rem;-webkit-margin-before:0px !important;}
    #grey-box-right input {opacity:1;}
    #grey-box-right input[type="submit"] {opacity:1;}
    #grey-box-right p {opacity:1;color:#8a8a8a;-webkit-margin-before: 0.1em !important; -webkit-margin-after: 0.1em !important;}
    #grey-box-right:hover {background:rgba(255,255,255,60) !important;box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.15)}
    #grey-box-right:hover input[type="text"],#grey-box-right:hover input[type="email"],#grey-box-right:hover input[type="tel"],#grey-box-right:hover select{border:2px solid #8a8a8a !important;background-color:transparent;color:#666 !important;}
    #grey-box-right:hover input[type="submit"] {background:#169ddb;color:#FFF;}
    #grey-box-right.stick {background:rgba(255,255,255,60) !important;box-shadow: 2px 2px 6px 2px rgba(0,0,0,0.15)}
    #grey-box-right.stick input[type="text"],#grey-box-right.stick input[type="email"],#grey-box-right.stick input[type="tel"], #grey-box-right.stick select{border:2px solid #8a8a8a !important;background-color:transparent;color:#666 !important;}
    #grey-box-right.stick p {color:#8a8a8a;}
    #grey-box-right.stick input[type="submit"] {background:#e85020;color:#8a8a8a;}


/* Placeholder color */
::-webkit-input-placeholder {color: #a4a4a4;}
:-moz-placeholder{color: #a4a4a4;}
::-moz-placeholder{color: #a4a4a4;}
:-ms-input-placeholder{color: #a4a4a4;}
#grey-box-right:hover ::-webkit-input-placeholder {color: #8a8a8a;}
#grey-box-right:hover :-moz-placeholder{color: #8a8a8a;}
#grey-box-right:hover ::-moz-placeholder{color: #8a8a8a;}
#grey-box-right:hover :-ms-input-placeholder{color: #8a8a8a;}

#grey-box-right.stick ::-webkit-input-placeholder {color: #8a8a8a;}
#grey-box-right.stick :-moz-placeholder{color: #8a8a8a;}
#grey-box-right.stick ::-moz-placeholder{color: #8a8a8a;}
#grey-box-right.stick :-ms-input-placeholder{color: #8a8a8a;}

legend{color:#8a8a8a;font-size:0.8rem;}


/* TOGGLE SHOW/HIDE ELEMENTS */
a.toggle_show{text-decoration:none;}

/* SCROLL DOWN BUTTON */
a.scroll {padding-top: 60px;}
a.scroll span {position: absolute;left: 50%;width: 46px;height: 46px;margin-left: -23px;border: 1px solid #fff;border-radius: 100%;box-sizing: border-box;z-index:10;}
a.scroll span::after {position: absolute;top: 50%;left: 50%;content: '';width: 16px;height: 16px;margin: -12px 0 0 -8px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;webkit-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: border-box;}
a.scroll span::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 44px;height: 44px;box-shadow: 0 0 0 0 rgba(255,255,255,.1);border-radius: 100%;opacity: 0;webkit-animation: sdb03 3s infinite;animation: sdb03 3s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb03 {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {box-shadow: 0 0 0 60px rgba(255,255,255,.1);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb03 {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {box-shadow: 0 0 0 60px rgba(255,255,255,.1);opacity: 0;}
	100% {opacity: 0;}
}


/* Image animation */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 1;}
    17% { opacity: 1;}
    25% { opacity: 0;}
    92% { opacity: 0;}
    100% { opacity: 1;}
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 1;}
    17% { opacity: 1;}
    25% { opacity: 0;}
    92% { opacity: 0;}
    100% { opacity: 1;}
}
@-o-keyframes imageAnimation { 
    0% { opacity: 1;}
    17% { opacity: 1;}
    25% { opacity: 0;}
    92% { opacity: 0;}
    100% { opacity: 1;}
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 1;}
    17% { opacity: 1;}
    25% { opacity: 0;}
    92% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes imageAnimation { 
    0% { opacity: 1;}
    17% { opacity: 1;}
    25% { opacity: 0;}
    92% { opacity: 0;}
    100% { opacity: 1;}
}
/* FOOTER */
footer{line-height:30px;height:auto;font-size:12px;background:#2f67b6;color:#FFF;display: table;width: 100%;}
footer svg.facebook{width:9px;height:20px}
footer svg.twitter{width:21px;height:17px}
footer svg.logo{width:100px;height:26px}
footer .content{display: table-row;width: 100%;}
.cf{zoom:1}
.cf:after,.cf:before{content:" ";display:table}
.cf:after{clear:both}
footer .social{margin-right:10px}
footer .social{float:right;margin-right:30px}
footer .social a{display:block;overflow:hidden;float:left}
footer .social a+a{margin-left:10px}
footer .social a:hover span.svg{-webkit-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);transform:scale(1.15,1.15)}
footer ul.links{float:left;margin-left:30px}
footer ul.links li{float:left}
footer ul.links li+li{margin-left:40px}
footer ul.links li+li a{position:relative}
footer ul.links li+li a:before{background:#fff;bottom:-2px;content:'';display:block;height:2px;position:absolute;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;transition:transform .3s cubic-bezier(.645,.045,.355,1);width:100%}
footer ul.links li+li a:hover:before{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
span.svg{display:inline-block;transition:transform .3s cubic-bezier(.645,.045,.355,1)}
footer svg{vertical-align:middle;fill:#fff}
footer svg.facebook{height:18px;width:12px}
footer svg.twitter{height:18px;width:22px}
footer svg.logo{height:30px;width:100px}

/* CB-SLIDESHOW */
.cb-slideshow{display:block;}
.cb-slideshow, .cb-slideshow:after {position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 0;}
ul.cb-slideshow{-webkit-margin-before: 0;-webkit-margin-after: 0;}
.cb-slideshow li span {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;color: transparent;background-size: cover;background-position: 0% 0%;background-repeat:no-repeat;opacity: 1;z-index: 0;overflow: hidden;

-webkit-animation: imageAnimation 14s ease-in-out infinite;
-moz-animation: imageAnimation 14s ease-in-out infinite;
-o-animation: imageAnimation 14s ease-in-out infinite;
-ms-animation: imageAnimation 14s ease-in-out infinite;
animation: imageAnimation 14s ease-in-out infinite;
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(//www.greenpeace.org.br/hubfs/Campanhas/Solar/desafio_solar/bloco1_4.jpg);
    -webkit-animation-delay: 14s;
    -moz-animation-delay: 14s;
    -o-animation-delay: 14s;
    -ms-animation-delay: 14s;
    animation-delay: 14s; 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(//www.greenpeace.org.br/hubfs/Campanhas/Solar/desafio_solar/bloco1_5.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(//www.greenpeace.org.br/hubfs/Campanhas/Solar/desafio_solar/bloco1_6.jpg);
    -webkit-animation-delay: 10s;
    -moz-animation-delay: 10s;
    -o-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s; 
}

nav#header-menu input[type=checkbox] {position: absolute;top: -9999px;left: -9999px;z-index:12;}
nav#header-menu label {color:#FFF;text-decoration:none;font: 1.4em sans-serif;transition:color .3s ease-in-out;z-index:11;}
nav#header-menu ul li:nth-child(2){display:none;}




/* #### Mobile Phones Portrait #### */


@media screen and (max-width: 530px) {
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:0 !important;}
    
    h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h4{font-size:1.1rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}

    #box1{background-image:none;background-color:#1C1A1B;max-height:75vh;}
    #grey-box-desktop {display:none}
    #box-mobile{display:table !important;height:auto;min-height:40vh;position: relative;padding:1% 0 3% 0;background-image:none;background-color:#1C1A1B;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
     .redes_desktop{display:none;}
    .redes_mobile{display:block;}
    
    .texto_divulgue{width:80%;}
       .img_peticao {display:none;}
    
    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .logo-corais{margin:4rem 1rem 0 2rem !important;}

    .grey-box-left{margin: 0 2rem !important; width:80% !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:30vh;margin-bottom:0 !important;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .logo-class{position: absolute;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}

@media screen and (min-width: 530px) and (max-width:800px) {
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:0 !important;}
    
    h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h4{font-size:1.05rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}
  
    #box1{background-image:none;background-color:#1C1A1B;max-height:60vh;}
    #grey-box-desktop {display:none}
    #box-mobile{display:table !important;height:auto;min-height:40vh;position: relative;padding:2% 0 3% 0;background-image:none;background-color:#1C1A1B;}
    
    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
    .logo-corais{margin: 0 2rem !important;}

    .grey-box-left{margin: 0 2rem !important; width: auto !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:28vh;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .logo-class{position: absolute;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}

@media (max-width: 801px) and (min-width: 768px){
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:2% !important; width:100% !important;}
    
    h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h4{font-size:0.98rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}
 
    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none}
    #box-mobile{display:table !important;height:auto;min-height:40vh;position: relative;padding:2% 0 3% 0;margin-top: 0%;background-image:none;background-color:#1C1A1B;}
   
    .logo-corais{margin:0 2rem !important;}
    #logo-corais{width:90% !important;}
    
    .cta{display:block;}
    .cta a{margin-bottom:2%; margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
      ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
   
    
    .grey-box-left{width: auto !important; margin-left:-5% !important; margin-top:3% !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:110% !important; margin-left:-10%;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .logo-class{position: absolute;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;left: 0;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}


/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h3{font-size: 1rem;font-weight: 600;}
    h4{font-size:1.0rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}

    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none}
    .box-mobile{display:table;height:auto;}
    #logo-corais{width:100% !important;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .grey-box-left{margin: 0 2rem !important; width:80% !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:30%;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .logo-class, .redes-top{position: initial;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  h1,h1.saiba_mais{font-size:2.5rem;line-height:2.5rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h3{font-size: 1rem;font-weight: 600;}
    h4{font-size:1.2rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}
    
    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none}
    .box-mobile{display:table;height:auto;}
    #logo-corais{width:100% !important;}

     .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
     
    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .grey-box-left{margin: 0 2rem !important; width:100%;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:15%;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .logo-class{position: absolute;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}

/* #### iPhone 4+ Portrait or Landscape #### @media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2)*/
@media screen and (max-width: 450px){
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:0 !important;}
    
    h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h3{font-size: 1rem;font-weight: 600;}
    h4{font-size:1.2rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}

    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none}
    #box-mobile{display:table;height:auto;}
    #logo-corais{width:100% !important;}
    
    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .grey-box-left{margin: 0 2rem !important;  width:80% !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:30vh !important;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
  
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
 
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}

    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    .logo-class{position: absolute;left: initial;}
    
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:0 !important;}

    h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h3{font-size: 1rem;font-weight: 600;}
    h4{font-size:1.2rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}

    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none}
    .box-mobile{display:table;height:auto;}
    #logo-corais{width:100% !important;}
  
    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .grey-box-left{margin: 0 2rem !important; width:80% !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:56%;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:50px !important;background-color: rgba(0, 0, 0, 0.5);}
    
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    .logo-class{position: absolute;left: initial;}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    
    
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding: 0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:0 !important;}
    
    h1,h1.saiba_mais{font-size:2.0rem;line-height:2.2rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h3{font-size: 1rem;font-weight: 600;}
    h4{font-size:1.2rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}

    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none}
    .box-mobile{display:table;height:auto;}
    #logo-corais{width:100% !important;}

    ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .grey-box-left{margin: 0 2rem !important; width:80% !important;}
    .grey-box-left p{font-size:1.1rem;}
    #grey-box-right{right: 0;position: relative;width:100%;margin-top:60%;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:60px !important;background-color: rgba(0, 0, 0, 0.5);}
    
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}

    .logo-class{position: absolute;left: initial;}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding:0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}
}



/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 800px) and (max-device-width: 1024px){
    .grey-box-left{-moz-border-radius: 0 !important;-webkit-border-radius: 0 !important;border-radius: 0 !important;margin-bottom:0 !important;}
    
    
    h1,h1.saiba_mais{font-size:2.5rem;line-height:2.5rem;}
    h1.saiba_mais{margin:0;}
    h2{font-size: 1.3rem;font-weight: 600;}
    h4{font-size:1.3rem; font-weight:400;}
    #scroll_down_menu{display:none;}
    #scroll_down_menu-1{display:block;}

    #box1{background-image:none;background-color:#1C1A1B;}
    #grey-box-desktop {display:none !important}
    .box-mobile{display:table;height:auto;}
    #logo-corais{width:90% !important;}
    
     ul.cb-slideshow {display:block;padding: 0;overflow: hidden;}
    .cb-slideshow li span{width: 100%;}
    
    .blank-space{display:none !important;}
    
    .grey-box-left{margin: 0 2rem !important; width:100%;}
    .grey-box-left p{font-size:1.1rem; }
    #grey-box-right{right: 0;position: relative;width:100%;}
    
    .topo-geral{width:100% !important;height:auto;}
    .topo-geral_inner{height:60px !important;background-color: rgba(0, 0, 0, 0.5);}
    .logo-class{position: absolute;top: 0;width: 100% !important;z-index:10;}
    .logo-class img{width: 90px !important;}
    #redes-menu ul{position: absolute;top: 0;right: 0;padding: .45em .45em 0 0;z-index:15;}
    #redes-menu ul li a{padding: 10px 20px 10px 0;}
    .junte-se-btn{display:none !important;}
    .menu-top .dropdown-content {position: relative;background-color: transparent;min-width: 130px;box-shadow:none;}
    .menu-top .dropdown-content a{color:#FFF;}
    .menu-top .dropdown-content a:hover{color:#ed6f2b;}
    .menu-top, .redes-top{position: initial;left: initial;}
    .logo-class{position: absolute;left: initial;}
    .menu-top .dropdown:hover .dropdown-content {display: block;left: -120px;min-width: 200px;}
    
    .cta{display:block;}
    .cta a{margin-top: 25px;font-size: 1rem;font-weight: 700;line-height: 1;display: block;width: 60%;margin: 0;padding: .55em 0 .45em;text-align: center;vertical-align: middle;letter-spacing: 0;text-transform: uppercase;border: 0;border-radius: 3px;}
    .cta a, .cta a:visited, .cta a:focus, .cta a:active{color: #fff !important;text-shadow: none !important;font-weight: bold;background-color: #e85020 !important;text-decoration:none;}
    .cta a:hover{background-color: #49ADE8 !important;color: #fff !important;}
    
    nav#header-menu ul {display:none;height:100%;}
    nav#header-menu label {display:block;width:20%;min-height:2.25em;padding:.45em;font-size:1.1em;margin:0;position: absolute;top: 0;left:0;}   
    nav#header-menu label:after {left: 0;top: 0; content:"\2261";font-size:1.8em;padding:0 10px 0 15px;}
    nav#header-menu ul li:nth-child(2){display:list-item;}
    nav#header-menu input[type=checkbox]:checked ~ label:after {color:#ed6f2b;}
    nav#header-menu input[type=checkbox]:checked ~ ul li:first-child{display:none;}
    nav#header-menu input[type=checkbox]:checked ~ ul li{text-align: center;width: 33%;}    
    nav#header-menu.br input[type=checkbox]:checked ~ ul li{text-align: center;width: 25%;}
    nav#header-menu input[type=checkbox]:checked ~ ul {display: table;height: 100%;width:100%;position: absolute;top: 50px;background-color: rgba(0, 0, 0, 0.9);border-bottom: 2px solid #ed6f2b;
      > li {width:100%;
        &:after {position:absolute;right:.25em;content:"\203A";font: bold 1.4em sans-serif;}
      }
    }
}



}
}