/*
    Arquivo         : consertus_style.css
    Empresa         : M3 Web - Agência de Criação
    Autor           : Mário da Silva
    Data de criação : 12/07/2017
    Alterado por    : Mário da Silva
    Última alteração: 11/08/2017
    Função          : Gerenciar Layout do website
    Cliente         : Consertu´s
    Observações     : 
*/


/*Content*/
.content { width: 92%; margin: 0 4%; padding: 20px 0; }

/*Header*/
.main_header          { background: linear-gradient( #e8e5e5, #ffffff ); position: relative; }
.main_header_logo     {  font-size: 0; float: left; }
.main_header_logo img { height: 100%; }
.mobile_action        { width: 46px; height: 46px;  float: right; cursor: pointer; 
                        background: #5C1330 url(../img/mobile2.fw.png) center center no-repeat ;
                        border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.mobile_action.active { background-color: #000; }
.mobile_action:hover  { background-color: #F25920; }
.backtop              { position: fixed; z-index: 99; display: none; cursor: pointer; bottom: 15px; right: 25px; 
                        text-transform: uppercase; color: #fff; font-size: 0.8em; color: #fff; padding: 10px; 
                        background: rgba(0,0,0,0.5); }

.empresa    { background: #000; color: #fff; height: auto; min-height: 200px; }
.empresa h1 { font-weight: normal; padding-top: 20px; }
.empresa .content h3 { padding-top: 50px;  font-weight: normal; color: #d8d6d6; }
.empresa strong  { font-weight: bold;  color: #fff; font-size: 1.1em; cursor: pointer; }
.tagline img     { width: 25px; background: #fff; border-radius: 2px; }
.tagline a       { text-decoration: none; color: #fff;}
.tagline a:hover { text-decoration: underline; }

/*Menu*/
@media (max-width: 79.9375em){
    .main_header_nav { position: fixed; left: -100%; top: 0; width: 76%; height: 100%; min-width: 200px; 
                      max-width: 360px; background: #222; z-index: 99; overflow: hidden; overflow-y: auto; color: #5C1330; }
    .main_header_nav_search { float: left; width: 100%; background: #000; padding: 31px 15px; }
    .main_header_nav_item { float: left; width: 100%; position: relative; color: #5C1330; }
    .main_header_nav_item > a { float: left; width: 100%; padding: 15px; text-transform: 
                               uppercase; text-decoration: none; color: #eee; font-weight: bold; font-size: 0.875em; }
    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover { background: #444; color: #fff; }
    
    
}

/*Slide*/
.slide { background: #222; position: relative; display: block;  }
.slide_controll { position: absolute; top: 25%; width: 100%;}
.slide_nav { position: absolute; padding: 5px 15px; font-size: 2em; background: rgba(255,255,255,0.6);
            cursor: pointer; z-index: 89; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.slide_nav:hover { background: #007fff; }
.slide_nav.back { left: 0; margin-left: 5px;  }
.slide_nav.go { right: 0; margin-right: 5px; }
.slide_item { display: none;  }
.slide_item.first { display: block; }
.slide_item_desc { padding: 15px; text-transform:  uppercase; color: #fff; }
.slide_item_desc h1 { margin-bottom: 10px; font-size: 1.2em; }
.slide_item_desc a  { color: #fff; text-decoration: none; }
.slide_item_desc a:hover { text-decoration: underline; }
.slide_item_desc .tagline { font-size: 0.875em; color: #bbb; font-weight: 300;  }

/*Destinos mais visto*/

.more_news                   { padding: 10px 5px 25px 0; background: url(../img/bg_news.jpg); }
/*.more_news .section_title    { background: #5C1330; color: #fff; width: auto;  }*/
.more_news_item              { float: left; width: 100%; background: #fff; margin-top: 20px; box-shadow: 0 0 5px #000; height: auto; }
/*.more_news_item img          { margin: 5px 0 0 5px; width: 65px; height: auto; background: #F25920; padding: 8px; border-radius: 50%; float: left; margin-right: 5px; }*/
.more_news_item img          { width: 65px; margin: 5px 0 0 5px; padding: 10px; height: 65px; }
.more_news_item h2           { font-size: 1.2em; text-align: center;  background: #5C1330; 
                               padding: 8px; color: #FFF; }
.more_news_item_desc         { padding: 15px; }
.more_news_item_desc h1      { font-size: 1em; margin-bottom: 10px;  }
.more_news_item_desc p       { text-decoration: none; color: #007fff; font-weight: bold; }
.more_news_item_desc p:hover { text-decoration: underline; cursor: pointer; }
.more_news_item_desc a       { text-decoration: none; color: #007fff; }
.more_news_item_desc a:hover { text-decoration: underline;  }
.more_news_item_desc time    { font-size: 0.8em; color: #888;  }

/*NewsLetter*/
.newsletter        { padding: 10px; background: #007fff; top:0; text-align: center; position: relative;
                    color: #fff;}
.newsletter .email { font-weight: bold; }
.newsletter h1     { font-size: 1.5em; font-weight: 300; margin-bottom: 20px; }
.newsletter form   { width: 100%; max-width: 550px; margin: 0 auto;}
.newsletter textarea { margin-top: -19px; }

.newsletter input[type="email"]  { float: left; width: 60%; border: none; padding: 11px; }
.newsletter input[type="submit"] { float: left; width: 40%; background: #1a5977; border: none;
                    font-size: 1em; text-transform: uppercase; color: #fff; font-weight: bold; cursor: pointer;}

.newsletter_icon       { width: 54px; height: 54px; background: #007fff url(../img/newsletter.png) center center no-repeat ; 
                        position: absolute; top: 0; left: 50%; margin-top: -24px; margin-left: -27px;
                        border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.newsletter span       { font-size: 0; }
.newsletter .btn       { border: none; background: #289cb5; padding: 15px 25px; text-transform: uppercase; font-weight: 600; 
                       font-size: 0.875em; float: right; margin-top: 10px; cursor: pointer;
                        color: #fff; width: 100%; }
.newsletter .btn:hover { background: #51c1d9; }
.newsletter .whats     { background: none; }

.mapa iframe { margin: 20px auto; width: auto; min-width: 95%; height: 200px; }

.main_footer_copy p mark { background: none; font-weight: bold; color: #fff; cursor: pointer; }
.main_footer_copy .t     { font-size: 0.8em; padding-bottom: 5px; }
.main_footer_copy .m3 a  { border: 0; }
.main_footer_copy .m3    { text-align: center; cursor: pointer; }
.main_footer_copy h4 a   { text-decoration: none; color: #05b216; }
.main_footer_copy h4 a:hover { text-decoration: underline; }

.message1   { height: 65px; background: #F25920; color: #fff; text-align: center; font-size: 0.65em; }
.marcas     { float: left; height: auto; min-height: 200px; padding: 30px; background: #5C1330; text-align: center; }
.marcas .section_title { color: #fff; font-size: 1em; padding-bottom: 5px; text-align: center; }
.marcas p   { margin-top: 1px; color: #fff; padding-bottom: 10px; text-align: center; }
.marcas img { width: 100px; margin-top: 5px; padding: 5px; margin: 0 auto; }

/*Galeria*/
.gallery                { padding: 25px; margin-top: 20px;  }
.gallery .section_title { padding: 15px; }
.gallery img            { float: left; width: 48%; margin: 2px; }

/*Footer*/
.main_footer { padding: 10px; background: #333; text-align: center; color: #fff; font-size: 0.875em; }
.main_footer h1 { font-size: 1.4em; padding-top: -20px; }
.main_footer_copy .warning { font-weight: bold; font-size: 1em; padding-bottom: 4px; }
.main_footer_social { float: left; width: 100%; margin-bottom: 10px; }
.main_footer_social li { display: inline-block; margin: 0 10px; }
.main_footer_social a { float: left; padding: 10px; background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;  }
.main_footer_social a:hover { background: #007fff; }

.face { background: #fff; margin-top: 10px; }

/*480 Break Point*/
@media (min-width: 30em){
    .more_news_item { float: left; width: 48%; margin-right: 4%; min-height: 300px; }
    .more_news_item:nth-of-type(2n+0){ margin-right: 0; }
}

/*592 Break Point*/
@media (min-width: 37em){
    .most_views_item h1 { font-size: 1.3em; }
    .gallery img { float: left; width: 33.33333333333333%; }
}

/*768 Break Point*/
@media (min-width: 48em){
    .main_header_logo { width: 220px; position: absolute; top: 25px;  background: #fff; z-index: 98; 
                        /*border: 4px solid #007fff; border-top: none;*/ box-shadow: 0 0 4px #333; }
    .main_header_logo img { width: 100%; height: 100%; margin: 0 auto; padding: 5px; }
    .section_title { font-size: 2em; font-weight: 300; text-align: left; }
    
    .more_news_item:nth-of-type(2n+0),
    .more_news_item { float: left; width: 23.5%; margin-right: 2%; }
    .more_news_item:nth-of-type(4n+0){ margin-right: 0; }
    
    .most_views_item,
    .bestviews_item { float: left; width: 48%; margin-right: 4%; }
    
    .most_views_item:nth-of-type(2n+0),
    .bestviews_item:nth-of-type(2n+0){ margin-right: 0; }
    .most_views_item h1 { font-size: 1em; }
    .newsletter h1 { font-size:  1.8em; }
}

/*960 Break Point*/
@media (min-width: 60em){
    .slide_controll { width: 92%; margin: 0 4%; top: 30%; }
    .slide_item_desc { position: absolute; width: 100%; padding: 20px 4%; bottom: 0;
                    background: rgba(0,0,0,0.7);}
    
    .slide_item_desc h1 { font-size: 1.8em; text-shadow: 2px 2px 4px #000; }
    .slide_item_desc .tagline { font-size: 1em; text-shadow: 2px 2px 4px #000; color: #fff;  }
    .gallery { padding: 50px;}
    
}

/*1280 Break Point*/
@media (min-width: 80em ){
    .mobile_action        { display: none; }
    .main_header_nav      { float: right; width: 80%; text-align: right; margin-top: 20px; }
    .main_header_nav_item { position: relative; display: inline-block; margin-right: 10px; }
    .main_header_nav_item:hover .main_header_nav_sub,
    .main_header_nav_item > a:hover .main_header_nav_sub { display: block; }
    .main_header_nav_item > a          { float: left; padding: 10px; text-transform: uppercase; text-decoration: none;
                                         color: #5C1330; font-size: 0.9em; font-weight: bold;}
    .main_header_nav_item:last-of-type { margin-right: 20px;}
    .main_header_nav_item:hover,
    .main_header_nav_item > a:hover    { background: #007fff; color: #fff; }
    
    .more_and_gallery          {  width: 96%; margin: 0 2%; }
    .more_and_gallery .content {  float: left; width: 100%; margin: 0; }
    .gallery                   {  width: 100%; margin-top: -42px; }
    .gallery img               { float: left; width: 30%; margin: 2px; }
    .marcas .section_title     { color: #fff; font-size: 1.8em; }
    
    .mapa iframe { width: auto; min-width: 100%; height: 500px; }
}

/*1366 Break Point*/
@media (min-width: 85em){
    .content, 
    .slide_item_desc,
    .slide_controll,
    .more_and_gallery{ width: 80%; margin: 0 10%; }
    .slide_item_desc { padding: 20px; }
    .slide_nav.back,
    .slide_nav.go{ margin: 0; }
}

/*1600 Break Point*/
@media (min-width: 100em){
     .content,
     .more_and_gallery,
     .slide_controll,
     .slide_item_desc { width: 76%; margin: 0 12%; }
     .slide_controll { top: 40%;}
}