/* 
    @Created on : 21/10/2016, 19:57:50
    @Author     : Gustavo Afonso
*/
/*RESET ALL BROWSERS*/

*, *:before, *:after{
    margin: 0;
    padding: 0;
    
    font-family: 'Roboto Condensed', sans-serif; /*fonte que será utilizada no site*/
    font-size: 1em; /*todas as fontes serão relativas ao navegador com 16px*/
    font-weight: 400;
    
    line-height: 1.2; /*espaçamento da altura da fonte*/
    letter-spacing: 0em;/*espaço entre os caracteres*/
    
    box-sizing: border-box; /*o tamanho das caixas (boxes) serão relativos as bordas*/
}
h1{font-size: 2em;font-weight: 400;}

h2{ font-size: 1.8em;font-weight: 600;}

h3{font-size: 1.5em; font-weight: 800;}

p{margin-bottom: 15px;}

b, strong{font-weigh: bold;} 

mark{padding: 5px 10px;background: #eee;}

ul{list-style: none;}

img{border: none;max-width: 100%;vertical-align: middle;}

small{font-size: 0.75em;color: #555;}

a{text-decoration: none;color: #09f;}

a img {
    border: 0;
}

/*MIDIAS*/
object,embed,video,iframe,iframe[style]{max-width: 100%; height: auto;}

/*BOX GENERAL*/
.container{float: left; width: 100%;}
.content{display:block; margin: 0 auto; padding: 40px 0; width: 80%; max-width: 1200px;}
.clear{clear: both;}
.fontzero{font-size: 0;}

/*HEADER*/
.main_header{font-size: 0.875em;}
.main_header .content{padding: 20px 0;}
.main_logo{float: left; padding-right: 10px;}
.main_menu{float: left; margin: 0; margin-left: 10px; padding: 0; width: 60%; margin-right: 10px}

/*DROPDOWN BEGIN*/
nav li ul {display: block; opacity: 0; position: absolute; visibility: hidden; background-color: #fff;}
nav li:hover ul {display: block; opacity: 1; visibility: visible;}
/*DROPDOWN ENDS*/

.sub-logo{float: left; margin: 0; padding: 0; width: 25.5%;}
nav li .chr-special{color: #E8A226;}
.main_menu li {display: inline-block;}
.main_menu a {display: block; /*If the a tag display = inline-block then the dropdown menu will be displayed inline*/ cursor: pointer; padding: 10px 15px; color: #000000; color: #005479; text-transform: uppercase; font-weight: 600;}
.main_menu a:hover{background: #f5f5f5;}
.main_menu .chr-haimer{color: #ffffff; background-color: #0E4069}
.main_menu .chr-haimer:hover{background-color: #005479}
/*END OF HEADER SECTION*/

/*MAIN SECTION*/
.bg-main{background-image: url(../image/products2.jpg); background-size: cover; background-repeat: no-repeat; background-position-y: center;}
.giga-box{height: 500px;}
/*END OF MAIN SECTION*/

/*FOOTER*/
.ws-font{color: #878787;}
h1 a{color: #878787;}
.bg-footer{background-color: #444444;color: #CCCCCC}
.box-label{float: left; width: 100%; /*Quando tiver o jQuery ok, reduzir o width para 50%, dessa forma será possível exibir o formulário de contato.*/}
.font-contact-title{font-size: 3em; margin-bottom: 10px;}
.contact-color a {color: #878787;}
.font-contact-body{font-size: 1.5em;}
.bx-contact-form-content{float: right;width: 50%;text-align:left;}
.format-form{display: block; width: 100%; margin-bottom: 20px; margin-right: 4px;}
.medium {float: left; width: 48%;}
.bx-contact-form-content button{border: none; background-color: #005479; padding: 15px 25px; cursor: pointer;color: #fff; float: right;}
.bx-contact-form-content button:hover{background-color: #0055A5;}
.img_loading{float: right; margin-top: 20px; margin-left: 10px; /*display: none;*/}
.development{text-align: center; font-size: 0.875em; margin-top: 0;}
.development a{color: #CCCCCC;}
/*END OF FOOTER SECTION*/