header{width:100%;float:left;background-image: linear-gradient(#242b50, #3f4772);}
header .top{width:100%;float:left;padding:35px 0 30px;}
@media screen and (max-width:414px){
	header .top{padding:20px 0;}
}
header .logo, header .logo-sage{width:50%;float:left;}
header .logo img{width:320px;}
header .logo-sage{text-align:right;}
@media screen and (max-width:414px){
	header .logo-sage{display:none;}
}
header .logo-sage img{width:90px;}
@media screen and (max-width:414px){
	header .logo{width:100%;text-align:center;}
}
header .main-menu{width:100%;float:left;height:45px;background:#dc1b5e;position:relative;}
header .main-menu .panel{width:320px;height:100vh;padding:25px;position:fixed;top:0;right:-350px;-moz-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;z-index:3;background:#fff;box-shadow:-2px -2px 10px #999;}
header .main-menu .panel ul{padding-top:50px;}
header .main-menu .panel li{font-size:1.1rem;padding:20px 0;border-bottom:1px solid #999;color:#333;}
header .main-menu .panel li:last-child{margin-bottom:20px;}
header .main-menu .panel li a{color:#333;text-decoration:none;}
header .main-menu .panel li:nth-child(3) i, header .top .phone li:first-of-type i{transform:rotate(90deg);}
header .main-menu .panel .close{font-size:2rem;float:right;cursor:pointer;}
header .main-menu .panel .default-btn{width:100%;margin:0 0 20px;}
.actived{right:0 !important;-moz-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
header .main-menu .segment{width:50%;float:left;}
/* header .main-menu .segment:first-of-type{width:33%;} */
header .main-menu .segment:last-of-type{float:right;}
header .segment li a{height:45px;padding:15px 55px 0 0;float:left;font-size:1rem;color:#fff;text-decoration:none;}
header .segment li a:hover{text-decoration:underline;}

header .top .phone{float:right;color:#fff;font-weight:700;text-align:center;font-size: 0.9rem;}
header .top .phone li{padding: 12px 20px 0px 20px;display:inline-block;}
header .top .phone li a:hover {text-decoration: underline;}
header .top .phone li a {color: #fff;text-decoration: none;}
@media screen and (max-width:1280px){
	header .top .phone{width:auto;}
}


/* 	Trecho retirado	
 header .segment .phone{padding-top:14px;color:#fff;font-size:1.2rem;text-align: center;} 
 header .segment .phone i{transform: rotate(90deg);} 
 header .segment .phone a{color:#fff;text-decoration:none;}
 header .segment .phone a:hover{text-decoration:underline;} */

header .segment .acess{text-align:right;}
@media screen and (max-width:812px){
	header .segment{display:none;}
}
header .mobile-menu{padding:7px 20px 0 0;float:right;color:#fff;font-size:2rem;display:none;}
@media screen and (max-width:920px){
	header .main-menu {height: 83px}
/* 	.segment span{display:none;} */
	header .main-menu .segment:first-of-type{width:35%;}
	header .main-menu .segment:last-of-type{width:58%;}
}
@media screen and (max-width:812px){
	header .top .phone{display:none;}
	header .mobile-menu{display:block;}
}
header .presentation{width:100%;float:left;}
header .presentation .side{width:50%;padding:50px 20px;float:left;}
@media screen and (max-width:812px){
	header .presentation .side{padding:20px;}
}
@media screen and (max-width:812px){
	header .main-menu {height: 45px}
	header .presentation .side{width:100%;}
}
header .presentation .side .player{width:400px;float:right;position:relative;}
@media screen and (max-width:812px){
	header .presentation .side .player{width:100%;height:auto;float:none;}
}
header .presentation .side video,header .presentation .side .cover img{width:100%;height:auto;}

header .presentation .side .cover{position:absolute;top:0;left:0;z-index:1;cursor:pointer;transition:opacity 0.5s;}
header .presentation .side .cover:hover{opacity:0.7;}
header .presentation .side h1{width:300px;padding:20px 0 20px;font-size:1.35rem;color:#fff;line-height:2rem;}
@media screen and (max-width:812px){
	header .presentation .side h1{width:100%;padding:0 0 10px 0;}
}
header .presentation .side:first-of-type{text-align:right;}
header .presentation .side:last-of-type{text-align:left;padding-left: 40px;}
@media screen and (max-width:812px){
	header .presentation .side:last-of-type{padding:20px;}
}
header .presentation .side .default-btn{margin:0;}
