.c-orange { color: #d70000 } 
.c-purple { color: #8a8a8a } 
.c-green { color: #89d341 } 
.c-gray { color: #999999 } 
.c-blue { color: #30313a }
.c-red{color: #ff7777} 

.header { height: 168px; background: url(../img/header/background.jpg) no-repeat center top #fff; } 
.header .container { padding: 0 35px }
.header-text {text-align: right; width: 70%;} 

.header-logo { width: 300px; height: auto; margin-right: 10px; } 
.header-logo img{width: 100%;}

.header-contatos { height: 113px; } 
.header-contatos i { height: 23px; width: 23px; margin-right: 5px; } 
.header-contatos p { margin-left: 3px; } 
.header-contatos a:hover p, .header-contatos a:hover span { color: #a80000 } 

.header-bar { background: #ededed; height: 54px; width: 2px; } 

.whatsapp-desktop { position: fixed; right: -205px; top: 40%; z-index: 9999; transition: all .3s; background: url(../img/whatsapp.png) no-repeat center; width: 286px; height: 65px; display: flex; align-items: center; justify-content: flex-end } 
.whatsapp-desktop p { font: 26px montserrat-regular; color: #860a0a; margin-right: 14px; } 
.whatsapp-desktop span { font-family: montserrat-extrabold; } 
.whatsapp-desktop:hover { right: 0; } 
/*.whatsapp-desktop:hover p { color: #00c734 } */

.tel-desktop { position: fixed; right: -205px; top: 50%; z-index: 9999; transition: all .3s; background:url(../img/whatsapp.png) no-repeat center; width: 286px; height: -150px; align-items: center; justify-content: flex-end } 
.tel-desktop p {display: none;}
.tel-desktop span { font-family: montserrat-extrabold; } 
.tel-desktop:hover { right: 0; } 
/*.tel-desktop:hover p { color: #00c734 } */

@media(max-width: 1200px){
 .header { background: linear-gradient(to top, #fff 113px, #563e70 0) } 
 .header .container { padding: 0 3% } 

 .header-logo { margin-right: 3%; align-self: center; background: #fff; border-radius: 50%; box-shadow: 0 0 2px 0px #ccc; height: 90%; } 

 .header-msg-text { line-height: 20px; } 

 .header-contatos i { height: 18px; width: 18px; } 
 .header-contatos p { font-size: 18px; } 
 .bandeiras-cartoes { width: 280px; } 
 }

@media(max-width: 990px){
 .header { height: 110px; background: #fff; } 
 .header .container { padding: 0 !important } 

 .header-logo { background: transparent; border-radius: 0; box-shadow: none; width: 220px; margin: 0 0 0 20px; } 

 .header-msg { display: none; } 

 .header-contatos { height: 100%; justify-content: center; align-items: center; flex-direction: column } 
 .header-contatos i { height: 25px; width: 25px; margin: 0 5px 0 0 } 
 .header-contatos p { margin: 0; } 
 .header-contato:first-child { margin-bottom: 10px; } 

 .whatsapp-desktop{right: 10px; top: unset; bottom: 10px; background: url(../img/icones-svg/whats-branco.svg) no-repeat center #25d366; height: 60px; width: 60px; border-radius: 50%; background-size: 30px }
 .whatsapp-desktop p{display: none;}
 .whatsapp-desktop:hover{right: 10px;}

 .tel-desktop{right: 10px; top: unset; bottom: 80px; background: url(../img/icones-svg/tel-branco.svg) no-repeat center #d32525; height: 60px; width: 60px; border-radius: 50%; background-size: 30px }
 .tel-desktop p{display: none;}
 .tel-desktop:hover{right: 10px;}
 }

 @media(max-width: 390px){
 .header-logo { width: 100px; margin-right: 10px; } 
 .header-contatos i { height: 18px; width: 18px; } 
 .header-contatos p { font-size: 15px; text-align: center; } 
 }

 @media(max-width: 325px){
 .header-logo { width: 80px; margin-left: 15px; } 
 .header-contatos i { height: 16px; width: 16px; } 
 .header-contatos p { font-size: 14px; } 
 }