@import url(reset.css);
@import url(fonts.css);
@import url(padrao.css);
@import url(responsivo.css);

/* Header */

header { width: 100%; height: auto; float: left; position: relative; z-index: 3; opacity: 0; }

header #solido_header { width: 100%; height: auto; float: left; background: #FAFAFF; position: fixed; z-index: 3; top: 0px; left: 0px; }
header #solido_header .logo { width: 23%; position: relative; float: left; height: auto; padding: 9px 0px 8px; }
header #solido_header .menu { width: 69%; height: auto; float: right; position: relative; margin-top: 38px; }
header #solido_header .menu ul { float: right; width:100%; height: auto; position: relative; margin: 0px; list-style:none; }
header #solido_header .menu ul li { float: left; width:auto; height: auto; padding:0px; margin:0px 0px; }
header #solido_header .menu ul li a { color: #000000; margin: 0px 19px; font-size:16px; margin-top: -12px; font-family: 'Montserrat-regular'; padding-bottom: 7px; transition: 0.5s ease; -webkit-transition: 0.5s ease; }
header #solido_header .menu ul li a:hover {border-bottom: #FCC70B solid 2px; }
header #solido_header .menu ul li a.sel { border-bottom: #FCC70B solid 2px; }

header #solido_header_flutuante { display: none; width: 100%; height: auto; float: left; position: fixed; top: 0px; left: 0px; background: #FAFAFF; z-index: 10; }
header #solido_header_flutuante .logo { width: 23%; position: relative; float: left; height: auto; padding: 9px 0px 8px; }
header #solido_header_flutuante .menu { width: 69%; height: auto; float: right; position: relative; margin-top: 38px; }
header #solido_header_flutuante .menu ul { float: right; width:100%; height: auto; position: relative; margin: 0px; list-style:none; }
header #solido_header_flutuante .menu ul li { float: left; width:auto; height: auto; padding:0px; margin:0px 0px; }
header #solido_header_flutuante .menu ul li a { color: #000000; margin: 0px 19px; font-size:16px; margin-top: -12px; font-family: 'Montserrat-regular'; padding-bottom: 7px; transition: 0.5s ease; -webkit-transition: 0.5s ease; }
header #solido_header_flutuante .menu ul li a:hover {border-bottom: #FCC70B solid 2px; }
header #solido_header_flutuante .menu ul li a.sel { border-bottom: #FCC70B solid 2px; }

header #transparente_header { display: block; width: 100%; height: auto; float: left; position: relative; background: transparent linear-gradient(180deg, #0B0B1E66 0%, #0B0B1E00 100%) 0% 0% no-repeat padding-box; padding: 9px 0px 16px 0px; z-index: 3; }
header #transparente_header .logo { width: 23%; position: relative; float: left; height: auto; }
header #transparente_header .menu { width: 69%; height: auto; float: right; position: relative; margin-top: 38px; }
header #transparente_header .menu ul { float: right; width:100%; height: auto; position: relative; margin: 0px; list-style:none; }
header #transparente_header .menu ul li { float: left; width:auto; height: auto; padding:0px; margin:0px 0px; }
header #transparente_header .menu ul li a { color: #FFFFFF; margin: 0px 19px; font-size:16px; margin-top: -12px; font-family: 'Montserrat-regular'; padding-bottom: 7px; transition: 0.5s ease; -webkit-transition: 0.5s ease; }
header #transparente_header .menu ul li a:hover {border-bottom: #FCC70B solid 2px; }
header #transparente_header .menu ul li a.sel { border-bottom: #FCC70B solid 2px; }


/* Main */
.margin_content { margin-top: 108px; }
#main section#conteudo { width: 100%; height: auto; float: left; position: relative; background-color: #FFFFFF; opacity: 0; }
.banner_mobile { display: none; }
.cor_branco { color: #FAFAFF; }

/* Home */
.header_titulos { width: 100%; height: auto; float: left; position: relative; background: url(../image/banner_internas.jpg) #FFF no-repeat left top; padding: 76px 0px 82px 0px; }

#banner_home { margin-top: -132px; border-bottom: #4C4ABF solid 4px; width: 100%; height: auto; position: relative; float: left; }
#banner_home #cotacao { height: auto; position: relative; background-color: #FFFFFF; position: absolute; bottom: -245px; left: 50%; width: 752px; margin-left: -376px; z-index: 1; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px; }
#banner_home #cotacao .precos_cotacao { background-color: #2D2C7E; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
#banner_home #cotacao .precos_cotacao .coluna_24_3 { border-right: 1px solid #1D1C52; padding: 23px 46px; }
#banner_home #cotacao .precos_cotacao .cotacao_produtos { width: 75.7%; height: auto; float: left; position: relative; padding: 22px 17px 22px 45px; }
#banner_home #cotacao .precos_cotacao .cotacao_produtos img { margin: 0px 6px -7px 0px; }
#banner_home #cotacao .precos_cotacao .cotacao_produtos h4 span { margin-left: 30px; }
#banner_home #cotacao .precos_cotacao .previsao_do_tempo .coluna_25 { padding: 70px 0px 0px 47px; }
#banner_home #cotacao .precos_cotacao .previsao_do_tempo .coluna_75 { padding-top: 14px; }

#sobre_a_goldengrain { width: 100%; height: auto; float: left; position: relative; background: url(../image/sobre_bg.jpg) no-repeat center top #FFFFFF; padding: 310px 0px 60px 0px; }
#sobre_a_goldengrain .coluna_48 { margin-top: 70px; }
#sobre_a_goldengrain .coluna_48 p { margin-bottom: 46px; }
#sobre_a_goldengrain .coluna_48 a img { margin-left: 6px; }
#sobre_a_goldengrain .anima_coluna_cima_1 { top: -200px; opacity: 0; }
#sobre_a_goldengrain .anima_coluna_cima_2 { top: -200px; opacity: 0; }

#home_grupo_syntonia { width: 100%; height: auto; float: left; position: relative; background: url(../image/bg_fundo_home_grupo_syntonia.jpg) fixed no-repeat center bottom #FFFFFF; padding: 75px 0px 85px; text-align: center; }

#home_banner_antendimento { width: 100%; height: auto; float: left; position: relative; padding-bottom: 85px; }

#empresas { width: 100%; height: auto; float: left; position: relative; background: url(../image/bg_empresas.jpg) #FFF no-repeat center top; padding: 78px 0px 75px 0px; }
#empresas img { margin-bottom: 22px; }
#empresas a.link_saiba_mais { margin-top: 48px; }
#empresas a.link_saiba_mais_branco { margin-top: 48px; }
#empresas #sementes { position: absolute; top: 34px; left:-445px; z-index: 2; }
#empresas #sementes_1 { position: absolute; top: 62px; left:345px; z-index: 2; }
#empresas #sementes_2 { position: absolute; top: -54px; left:575px; z-index: 2; }
#empresas #sementes_3 { position: absolute; top: 444px; left:1100px; z-index: 2; }
#empresas #sementes_4 { position: absolute; top: 360px; left:1075px; z-index: 2; }
#empresas #sementes_5 { position: absolute; top: 462px; left:950px; z-index: 2; }
#empresas #sementes_6 { position: absolute; top: 24px; left:439px; z-index: 2; }

#blog { width: 100%; height: auto; float: left; position: relative; background: url(../image/bg_blog.jpg) #FAFAFF no-repeat center top; padding: 78px 0px; }
.cards_blog { width: 23%;height: auto; position: relative; float: left; margin: 1% 1%; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.cards_blog:hover { box-shadow: 0px 16px 32px #0000003D; -webkit-box-shadow: 0px 16px 32px #0000003D; }
.cards_blog .img_blog { width: 100%; height: 170px; float: left; position: relative; background-size: 100% auto; background-repeat: no-repeat; background-color: #FAFAFF; background-position: center top; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; font-size: 0px; }
.cards_blog .info_blog { background-color: #FAFAFF; padding: 29px 30px 44px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
.cards_blog .info_blog .titulo_blog { color: #2D2C7E; font-size: 24px; font-family: 'Montserrat-bold'; text-align: left; margin-bottom: 44px; }
.cards_blog .info_blog a img { margin-left: 6px; }

.cards_blog_home { width: 48%;height: auto; position: relative; float: left; margin: 1% 1%; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
.cards_blog_home:hover { box-shadow: 0px 16px 32px #0000003D; -webkit-box-shadow: 0px 16px 32px #0000003D; }
.cards_blog_home .img_blog { width: 100%; height: 170px; float: left; position: relative; background-size: 100% auto; background-repeat: no-repeat; background-color: #FAFAFF; background-position: center top; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; font-size: 0px; }
.cards_blog_home .info_blog { background-color: #FAFAFF; padding: 29px 30px 44px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
.cards_blog_home .info_blog .titulo_blog { color: #2D2C7E; font-size: 24px; font-family: 'Montserrat-bold'; text-align: left; margin-bottom: 44px; }
.cards_blog_home .info_blog a img { margin-left: 6px; }

#sobre_nos_interna { width: 100%; height: auto; float: left; position: relative; background: #FFF; padding: 70px 0px 60px 0px; }

#valores { width: 100%; height: auto; float: left; position: relative; background: url(../image/sobre_bg.jpg) #FAFAFF no-repeat left top; padding: 100px 0px; }
#valores h3 { font-family: 'Montserrat-bold'; padding: 17px 0px 15px; }
#valores .coluna_33 img { min-height: 48px; }
#valores .coluna_33 { padding: 0px 45px; }

#galeria_de_fotos { width: 100%; height: auto; float: left; position: relative; background: #FFFFFF; padding: 70px 0px 102px; }

#marcas_que_trabalhamos { width: 100%; height: auto; float: left; position: relative; background: url(../image/bg_marcas.jpg) #FAFAFF no-repeat left top; padding: 100px 0px 68px; }
.marcas_cards { width: 23.3%; margin: 0px 7px; height: 114px; float: left; position: relative; background-color: #FFFFFF; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }

#blog_interna { width: 100%; height: auto; float: left; position: relative; background: #FFFFFF; padding: 70px 0px 102px; }

#localizacao { width: 100%; height: auto; float: left; position: relative; background: #FFFFFF; padding: 70px 0px 102px; }
#localizacao iframe { -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }
#localizacao .card_localizacao { width: 354px; height: 226px; z-index: 2; float: left; position: absolute; top: 180px; left: calc(15.5% - 177px); height: auto; padding: 46px 50px; background: url(../image/bg_local.png) #2D2C7E no-repeat center top; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
#localizacao .card_localizacao img { margin-bottom: 10px; }

#localizacao_1 { width: 100%; height: auto; float: left; position: relative; background: #FFFFFF; }
#localizacao_2 { width: 100%; height: auto; float: left; position: relative; background: #FFFFFF; }

#contato { width: 100%; height: auto; float: left; position: relative; background: url(../image/bg_junto_contato.jpg) #FAFAFF no-repeat left top; padding: 69px 0px 68px; background-size: auto 100%; }
#contato .titulo { font-size: 24px; }
#contato svg { fill: #7A7A89; margin-right: 17px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
#contato a:hover svg { fill: #FCC70B; }
#contato a { line-height: 1.7em; font-family: 'Montserrat-regular'; color: #7A7A89; font-size: 16px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; text-decoration: none; float: left; width: 100%; height: auto; position: relative; }
#contato a:hover { color: #FCC70B; }
#contato a.link_saiba_mais { width: auto; color: #FFFFFF; }
#contato #formulario_de_contato { padding: 60px 38px; background-color: #F5F5FF; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; box-shadow: 0px 12px 24px #0B0B1E52; -webkit-box-shadow: 0px 12px 24px #0B0B1E52; }

#galeria_interna { width: 100%; height: auto; float: left; position: relative; background: #FFFFFF; padding: 70px 0px 102px; }
#galeria_interna .cards_galeria_interna { width: 22.7%; margin: 1.1% 1.1%; height: auto; float: left; position: relative; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
#galeria_interna .cards_galeria_interna:hover { box-shadow: 0px 16px 32px #0000003D; -webkit-box-shadow: 0px 16px 32px #0000003D; }
#galeria_interna .cards_galeria_interna .foto_interna { width: 100%; height: 280px; float: left; position: relative; background-repeat: no-repeat; background-position: center top; background-size: auto 100%; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
#galeria_interna .cards_galeria_interna .info_fotos { background-color: #FAFAFF;  -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }
#galeria_interna .cards_galeria_interna .info_fotos p { font-size: 16px; color: #2D2C7E; font-family: 'Montserrat-bold'; padding: 22px 0px; }

/* Footer */
footer { width: 100%; height: auto; float: left; position: relative; background: url(../image/bg_footer.jpg) #2D2C7E no-repeat left top; padding: 87px 0px 22px 0px; opacity: 0; }
footer .cor_branco { margin: 16px 0px 14px; }
footer svg { fill: #FAFAFF; margin-right: 17px; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }
footer svg:hover { fill: #FCC70B; }

#whats_flutuante { cursor: pointer; position: fixed; bottom: 10px; right: 10px; width: auto; height: auto; text-decoration: none; display: block; z-index: 9999999; opacity: 0; }