@charset "UTF-8";
/*
Theme Name: Safety
Theme URI: http://srsafety.com.br
Author: Wesley Souza
Author URI: https://wesleydesign.com.br
Description: 
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sr safety
Tags: 


*/

*{
    margin: 0;
    padding: 0;
    
}

body{
    overflow-x: hidden!important;
}

ul{ list-style: none; padding: 0; margin: 0;}




.margin-header{ margin-top: 180px; width: 100%; height: auto; display: block;}




.navbar-main { margin-top: 0px; z-index: 100; position: relative;}
.navbar-main ul li a{ margin: 5px 15px; font-size: 16px; font-weight: 500; color: #595959;}
.navbar-main ul li a:hover{ text-decoration: none; color: #BF0811;}


.navbar-icon { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #BF0811; position: relative; cursor: pointer; display: none;}
.navbar-icon i{ font-size: 24px; color: #BF0811;  position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.header-main{
    position: relative;
    width: 100%!important;
    height: auto;
    z-index: 20;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 5px solid #BF0811;
    padding-bottom: 10px;
}


.header-main h1 {
    margin-bottom: 1.6rem;
}


.container-logo-nav, .container-logo-nav h1 img, .navbar-main ul li a{
    transition: all linear .2s;
}

.fixed_header .navbar-main ul li a{
    font-size: 16px;
}

.fixed_header{   
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    /*background: #2E9E52;*/
    border-bottom: 4px solid #BF0811;
	padding-bottom: 0;
   
    -webkit-box-shadow: 0px 10px 24px -13px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 10px 24px -13px rgba(0,0,0,0.45);
box-shadow: 0px 10px 24px -13px rgba(0,0,0,0.45);
}

.fixed_header h1 {
	display: none;
}

.fixed_header .navbar-main ul{
  /*  -ms-flex-pack: center !important;
    justify-content: center !important;
    padding: 10px 0;*/
}

/*.fixed_header .navbar-main ul li a{ color: #fff;}*/


.list-circle ul{
    list-style: circle;
    list-style-position: inside;
    padding: 0 0 0 10px;
}


.sec-default{ padding-top: 3.8rem; padding-bottom: 3.8rem;}
.border-title:after{ content:""; width: 90%; height: 3px; max-width: 120px; border-bottom: 3px solid #2E9E52; margin-top: .8rem; margin-bottom: 0; display: table; margin-left: 0; margin-right: 0; 
}

.txt-border-orange{ border-bottom: 2px solid #FAAA31; display: inline-table; width: auto!important; padding-bottom: .2rem;}
.txt-border-blue{ border-bottom: 2px solid #0793C8; display: inline-table; width: auto!important; padding-bottom: .2rem;}
.txt-border-green{ border-bottom: 2px solid #78C25F; display: inline-table; width: auto!important; padding-bottom: .2rem;}

iframe{ border: none!important;}

.container-btn-post .elementor-widget-container{
    width: 100%;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: space-between!important;
    justify-content: space-between!important;
}

.container-btn-post .elementor-shortcode { display: none;}

.wrap-socials-footer .elementor-widget-wrap{
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.row-contact-top .elementor-widget-wrap{
    -ms-flex-pack: flex-end !important;
    justify-content: flex-end !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}




.row-contact-top .elementor-widget:not(:last-child){ margin-bottom: 0!important;}
.row-contact-top .elementor-element-fcf088f, .row-contact-top .elementor-icon-list--layout-traditional{ width: auto!important;  margin-right: 30px;}
.row-contact-top .elementor-element-e583bb9{ width: auto!important; margin-right: 30px;}
.row-contact-top .elementor-icon-list--layout-traditional:last-child{ margin-right: 0;}

.wrap-socials-footer .elementor-widget-wrap img{ min-width: 63px!important;}

.menu-footer{ text-align: left;}
.menu-footer ul{ -ms-flex-pack: start !important;
    justify-content: start !important;}
.menu-footer li{ margin: 5px 5px!important;}
.menu-footer a{ color: #fff; padding: 5px 0; border-bottom: 2px solid transparent; font-size: 13px!important; font-weight: 500;}
.menu-footer a:hover{text-decoration: none; border-color: #fff;}

.footer-main{ background: #191919; padding: 2.8rem 0 0 0; margin-top: 0;}
.footer-main .menu-footer ul li a{ color: #fff!important; margin: 5px 5px;}
.footer-main .menu-footer ul li a:hover{ border-color: #fff!important;}
.footer-main .copy{ border-top: 2px dotted rgba(255,255,255,0.2); width: 100%; margin-top: 2rem;padding-bottom: .5rem; color: #fff;}







.form-contact input.form-control{
    height: 60px;
    margin: 15px 0;
}

.form-contact textarea.form-control{
    height: 130px;
}

.form-contact .btn-yellow{
    color: #fff;
    background: #AAABAF;
    padding: 10px 50px;
    margin-top: 2rem;
    font-weight: 500;
}

.form-contact .btn-yellow:hover{
    opacity: 0.8;
}

div.wpcf7-response-output{ color: #666;}


/** slider servicos **/

.slider-servicos h6{
    font-size: 21px;
    font-weight: 700;
    color: #585858;
    /*min-height: 54px;*/
    margin-top: 1rem;
    margin-bottom: 1.2rem;
}


.slider-servicos a.btn-detalhes{ 
    font-size: 16px;
    font-weight: 700;
    color: #777;
}

.slider-servicos a.btn-detalhes:hover{ 
    color: #2E9E52;
}

.container-slider-servicos{ position: relative; height: auto;}
.container-slider-servicos .buttons-controls { position: absolute; top: 40%; transform: translateY(-50%); z-index: 2; width: 100%; left: 0;}

.container-slider-servicos .buttons-controls a{ position: absolute; top: 50%; transform: translateY(-50%); font-size: 50px; color: #2E9E52; width: 60px; height: 60px;
border-radius: 50%; background: rgba(255,255,255,.3);}
.container-slider-servicos .buttons-controls a.prev{ left: 35px;}
.container-slider-servicos .buttons-controls a.next{ right: 35px;}
.container-slider-servicos .buttons-controls a i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.container-slider-servicos .buttons-controls a:hover{ background:  rgba(255,255,255,.7);}
.container-slider-servicos a.thumb{ display: block; overflow: hidden;}
.container-slider-servicos img{ transition: all linear .2s;}
.container-slider-servicos img:hover{transform: scale(1.2); opacity: 0.87;}

.owl-theme .owl-nav.disabled+.owl-dots{ margin-top: 3rem!important;}


#posts-blog .owl-item { padding: 0 1.4rem;}
.container-slider-servicos .buttons-controls a.prev{ left: 0;}
.container-slider-servicos .buttons-controls a.next{ right: 0px;}

#posts-blog .slider-servicos h6{
    background-color: #2E9E52;
    color: #fff;
    padding: .5rem;
    display: inline-block;
    font-size: 18px;
}

#posts-blog .slider-servicos a.resumo{
    display: block;
    font-size: 20px;
    color: #555;
}

.modal img{ max-width: 100%; height: auto;}

img.alignleft{ float: left; margin-right: 15px; margin-bottom: 15px;}
img.alignright{ float: right; margin-left: 15px; margin-bottom: 15px;}

.breadcrumb-nav{ padding: 4rem 0;
    position: relative;
    background: url(images/bg-breadcrumb.jpg) 0 0 no-repeat; background-size: cover; background-attachment: scroll;
    z-index: 1;  
}

.breadcrumb-nav:after{
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(46,158,81,.65);
    background: -moz-linear-gradient(-45deg, rgba(46,158,81,.65) 0%, rgba(223,57,57,.65) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(46,158,81,.65)), color-stop(100%, rgba(223,57,57,.65)));
    background: -webkit-linear-gradient(-45deg, rgba(46,158,81,.65) 0%, rgba(223,57,57,.65) 100%);
    background: -o-linear-gradient(-45deg, rgba(46,158,81,.65) 0%, rgba(223,57,57,.65) 100%);
    background: -ms-linear-gradient(-45deg, rgba(46,158,81,.65) 0%, rgba(223,57,57,.65) 100%);
    background: linear-gradient(135deg, rgba(46,158,81,.65) 0%, rgba(223,57,57,.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9e51', endColorstr='#df3939', GradientType=1 );

}

.breadcrumb-nav h1{ color: #fff;}
.breadcrumb-nav h6{ color: #eee;}


.elementor-html .container-btn-post,
.elementor-html .menu-menu-principal{ display: none;}







@media all and (max-width: 768px){
    .navbar-icon { display: block; margin: 15px auto; display: table; }
    footer .navbar-icon { display: none!important; }
    .container-nav{ position: relative;}
   header .navbar-main ul { background: #BF0811; border: 4px solid transparent; border-radius: 10px;  max-height: 0; opacity: 0; transition: all linear .2s; position: absolute; left: 50%;
    top: 10px; transform: translateX(-50%); width: 100%; overflow: hidden; display:}
    .navbar-main ul li a{ padding: 5px 0; margin: 4px 0; display: block; color: #fff;}
    .navbar-main ul li a:hover{ border-color: #fff; color: #BF0811; background: #FDD0D2;}

    .footer-main .navbar-main ul li a:hover { background: transparent!important;}
    .footer-main img{ max-width: 200px;}

    .navbar-main ul.show{ max-height: 600px; opacity: 1; border-color: #fff}
    .navbar-icon{ margin: 0 auto!important;}

    .titleH2 h2{ font-size: 40px!important;}

 
    .fixed_header .container-logo-nav{ padding: .4rem 0!important;}
    .container-logo-nav h1 img{ margin-left: 15px;}
    
    .fixed_header.navbar-main ul { top: 4px!important; }
   
     .navbar-main ul li a{ font-size: 16px;}

  
    .elementor-7 .elementor-element.elementor-element-650e3ff{ margin-top: 50px!important;}
    .elementor-element-71bdbea{ order: 1!important}
    .elementor-element-10a1884 { order: 0!important;}
}

@media all and (max-width: 560px){
    .header-main h1 img{ max-width: 150px!important;}
    .titleH2 h2{ font-size: 34px!important;}
    .title-desc p{ font-size: 15px!important; margin-top: 15px; margin-bottom: 0;}

    .row-contact-top .elementor-widget-wrap{
        -ms-flex-pack: flex-center !important;
        justify-content: flex-center !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
    }

    .container-logo-nav{ padding: .4rem 0!important; }

   /* body header .navbar-main{
        position: absolute;
        left: 50%;
        top: -25px;
        transform: translateX(-50%);
        width: 100%;
        text-align: right;
    } 

   body header .navbar-icon {
        margin: auto 0 auto auto!important;
        text-align: right;
    }*/

    .fixed_header .topo-barra{ display: none;}

    
    
 
    .row-contact-top .elementor-element-e583bb9, .row-contact-top .elementor-element-fcf088f{ margin-top: 4px; margin-right: 0; width: 100%!important;}

    #posts-blog .owl-item { padding: 0 0;}
     .buttons-controls{ display: none;}
    #posts-blog { padding: 0!important;}
}