/*
    Arquivo         : style
    Empresa         : M3 Web - Agência de Criação
    Autor           : Mário da Silva
    Data de criação : 10/10/2016
    Alterado por    : Mário da Silva
    Última alteração: 16/07/2018
    Função          : estilizar lay-out
    Cliente         : FL marmores
*/

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

/*Header*/
.main_header          { background: linear-gradient(to bottom,#131304,#353526 ); position: relative; }
.main_header_logo     { font-size: 0; float: left; }
.main_header_logo img { height: 58px; background: #fff; padding: 5px; }
.mobile_action        { width: 46px; height: 46px; margin: 10px 0 0 0; float: right; cursor: pointer; 
                        background: url(../img/mobile2.png) center center no-repeat;
                        border-radius: 1%; -moz-border-radius: 1%; -webkit-border-radius: 1%; }
                        /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;*/ 
.mobile_action.active { background-color: #000; border: 1px #007fff solid; }
.mobile_action:hover  { background-color: #007fff; }
.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);}
.backtop:hover        { background: #eee; color: #000; }

.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*/
/*1438px*/
@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; }
    .main_header_nav_search { float: left; width: 100%; background: #000; padding: 31px 15px; }
    .main_header_nav_item { float: left; width: 100%; position: relative; }
    .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; }
}/*1438px*/

.section_title { font-size: 2em; }

/*Slide*/
.slide                    { background: #222; position: relative; display: block;  }
.slide_controll           { position: absolute; top: 25%; width: 100%;}
.slide_nav                { border: 3px #007fff dashed; position: absolute; padding: 5px 15px; font-size: 2em; /*background: rgba(255,255,255,0.6)*/;
                           cursor: pointer; z-index: 89; border-radius: 2%; -moz-border-radius: 2%; -webkit-border-radius: 2%; color: #fff; }
.slide_nav:hover          { background: #007fff; border: 3px #fff dashed; }
.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;  }

/*Nossos serviços*/
.more_news                   { padding: 10px 5px; background: #f9f9f9; 
                              /*border-bottom: 1px #000 solid;*/ }
.more_news_item              { float: left; width: 100%; background: #fff; margin-top: 20px; 
                               height: auto; /*min-height: 380px;*/ text-align: center; }
.more_news h1                { text-align: center; }
.more_news_item img          { padding: 15px; width: 100px; }
.more_news_item_desc         { padding: 15px; }
.more_news_item_desc h1      { font-size: 1em; margin-bottom: 10px; }
.more_news_item_desc a       { text-decoration: none; color: #545252; }
.more_news_item_desc a:hover { text-decoration: none;  }
.more_news_item_desc time    { font-size: 0.8em; color: #888;  }

/*fale conosco*/
.newsletter { padding: 10px; background: #007fff; top:0; text-align: center; position: relative;
            color: #fff;}
.newsletter .tagline .email { color: #ffff33; font-weight: bold; }
.newsletter h1 { font-size: 2em; font-weight: bold; margin-bottom: 20px; text-align: center; }
.newsletter form { width: 100%; max-width: 550px; margin: 0 auto;}
.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; }

.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; }

/*Galeria*/
.more_and_gallery       { width: 100%; padding-top: 10px; }
.more_and_gallery h1    { text-align: center; }
.gallery                { padding: 25px; }
.gallery .section_title { padding: 15px; }
.gallery img            { float: left; width: 50%; }

/*Videos*/
.videos       { width: 100%; height: auto; min-height: 750px; background: #000; 
               color: #fff; padding-bottom: 25px; }
.videos h1    { padding: 5px 0 0 5px; color: #fff; text-align: center; }
.videos video { width: 90%; margin: 5% 0 0 5%; text-align: center; height: auto;
                border: 2px #007fff solid;  }

/*Footer*/
.main_footer { padding: 10px; background: #333; text-align: center; color: #fff; font-size: 0.875em; }
.main_footer h1 { font-size: 0.9em; 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; padding: 5px; }
.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; }
.main_footer_copy .fl   { color: #ffff33; }
.main_footer_copy .m3 a { text-decoration: none; color: #ffff00; font-weight: bold; }


.face    { padding: 10px; }
.fb-page { border: 1px #fff solid; }

/*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 { background: #000; }*/
    .main_header_logo { width: 140px; height: 120px; position: absolute; top: 0;  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; }
    .newsletter h1                    { font-size:  1.8em; }
}

/*960 Break Point*/
@media (min-width: 60em){
    .main_content         { margin: 0 auto; }
    .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;}
    .gallery h1 { margin-left: 1%; padding: 20px 0 0 0; }
    
    /*Videos*/
    .videos       { text-align: center; }
    .videos h1    { margin-left: 1%; padding: 10px 0 10px 0; }
    .videos video { width: 70%; }    
}

/*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: #fff; 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; }
    
    .more_and_gallery          { float: left; width: 96%; margin: 0 2%; }
    .more_and_gallery .content { float: left; width: 100%; margin: 0; }
    .gallery                   { float: right; width: 100%; margin-top: -42px; }
    
    .videos h1 { margin-left: 100px; }
}

/*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%;}
}