body{
    background: #201f1f;
    font-family: 'Rajdhani', sans-serif;
    color: #ffffff;
}

label{
    color: #ffffff;
}

label.error {color: red; margin:-15px 0 10px 0; font-size: 12px }

.clear{
    clear: both !important;
}

.size-end{
    font-size: 14px !important;
}

.margin-breadcrumbs{
    margin-top: 20px;
}

.effect-img img {
    /*opacidade*/
    opacity:0.75;
    -moz-opacity: 0.75;
    filter: alpha(opacity=75);
        -webkit-filter: opacity(0.75);
    /*filtro P/B*/ 
    filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    /*qualidade*/
    image-rendering: auto;
    transition:1s;
    -o-transition:1s;
        -ms-transition:1s;
            -moz-transition:1s;
                -webkit-transition:1s; 
}

.effect-img img:hover {
    opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    -webkit-filter: opacity(1);
    filter: none; /* Firefox 10+ */
    -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
    image-rendering: auto;
     transition:1s;
    -o-transition:1s;
        -ms-transition:1s;
            -moz-transition:1s;
                -webkit-transition:1s; 
}

::selection { background: #ff6e00; color: #fff; }

::-moz-selection { background: #ff6e00; color: #fff; }

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track-piece {
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #666;
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #666;
}

a{
    transition:1s;
    -o-transition:1s;
        -ms-transition:1s;
            -moz-transition:1s;
                -webkit-transition:1s; 
}

.active{
    color: #c43e27;
}

.uppercase{
    text-transform: uppercase;
}

.lowcase{
    text-transform: lowercase;
}

.align-middle{
    display: flex;
    vertical-align: middle;
}

.header{
    background: #f1f1f1;
    //width: 100%;
    height: 100px;    
}

.menu{
    padding-top: 20px;
    font-size: 15px;
    font-family: 'Rajdhani', sans-serif;
}

.center-menu{
    padding: 10px;
}

/**/
.navigation a:active {
  color: #000;
}

.intro-plus{
    color: #fff;
    font-size: 15px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.no-padding{
    padding: 0 !important;
}

.margin-li {margin-bottom: 30px;}

.caption-modulos-home {
    height: 55px;
    position: relative;
    bottom: -5px;  
    margin-top: -60px;   
    padding-bottom: 5px;
    background-color: rgba(10, 10, 10, 0.8);        
}

.caption-modulos-home-magma {
    height: 55px;
    position: relative;
    bottom: -5px;  
    margin-top: -60px;   
    padding-bottom: 5px;
    background-color: rgba(10, 10, 10, 0.8);        
}

.caption-modulos-home p{
    font-family: 'Playfair Display', serif;
    font-size: 16px;
    text-align: center;
    color: #fefefe;
    text-transform: uppercase;
    line-height: 18px;
    padding: 0 10px;
    margin: 0;
    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
        -webkit-align-items: center;    
    justify-content: center;
        -webkit-justify-content: center;
}

.caption-modulos-home-magma p{
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    text-align: center;
    color: #fefefe;
    text-transform: uppercase;
    line-height: 18px;
    padding: 0 10px;
    margin: 0;
    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
        -webkit-align-items: center;    
    justify-content: center;
        -webkit-justify-content: center;
}

.caption-modulos-agenda {
    height: 60px;
    position: relative;
    bottom: -1px;  
    margin-top: -60px;    
    background-color: rgba(10, 10, 10, 0.8);        
}

.caption-modulos-agenda p{
    font-family: 'Playfair Display', serif;
    font-size: 25px;
    color: #fefefe;
    text-transform: uppercase;
    line-height: 26px;
    padding-left: 30px;
    height: 100%;
    min-height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
        -webkit-align-items: center;    
}

.call-magma-plus{
    color: #7b7b7b;   
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    font-style: italic;
    padding: 30px 0 10px 0;
}

.call-magma-clientes{
    color: #7b7b7b;   
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    font-style: italic;
    padding: 0 0 20px 0;
}

.footer{    
    width: 100%;
    height: 100px;
    margin-top: 30px;
    background: #6d291f;    
    padding: 31px 10px 0 15px;
    color: #fff;
    font-size: 15px;
}

.footer a{
    color: #fff;
}

.footer a:hover{
    color: #d3d3d3;
}

.telefone-footer{
    margin: 10px 0;
}

/* contato*/

.contato-title, .clientes-title, .magma-cultura-title{
    margin: 60px auto 30px;    
}

.contact-text, .magma-cultura-text{
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;  
    text-align: justify;
}

.contact-info{
    font-size: 15px;
    color: #fff;
}

.contact-end{
    line-height: 30px;
    margin: 0;
}

.mail{
    color: #ffffff !important;
}

.mail a{
    color: #ffffff !important;
}

.mail a:hover{
    color: #ffffff !important;
}

/*clientes*/

.logo-clientes{    
    background: -webkit-radial-gradient(circle, #ffffff, #d3d3d3); /* For Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, #ffffff, #d3d3d3); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, #ffffff, #d3d3d3); /* For Fx 3.6 to 15 */
    background: radial-gradient(circle, #ffffff, #d3d3d3); /* Standard syntax (must be last) */
}

.logo-clientes img{
    width: 70%;
}

/*magma-cultura*/

.no-padding-text-left{
    padding-left: 0;
}

.no-padding-text-right{
    padding-right: 0;
}

.agenda{
    margin-bottom: 30px;
}

.projetos-magma-cult-title{
    color: #c43e27;
    font-size: 27.5px;
    font-family: 'Playfair Display', serif;    
}

.projetos-itinerantes-text{
    color: #000000;
    font-size: 15px;    
    text-align: justify;
}

.separador-temas{
    margin: 15px 0;
}

.bg-projetos{
    background: #ffffff;
    width: 100%;
    padding: 30px;
    margin-bottom: -30px;
}

.title-gallery{
    color: #ffffff;
    font-size: 30px;
    font-family: 'Playfair Display', serif;    
    margin-bottom: 30px;
}

.margin-frame{
    margin-bottom: 10px;
}

#infocontent{
    position: relative;
    display: flex;
}

/*solucoes-sobre-rodas*/

.logo-solucoes-sobre-rodas{
    margin-top: 7px;
}

.logo-palco-movel{
    margin-top: 8px;
}

/*promo*/

ul{
    margin-left: 0 !important;
}