@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;700&display=swap');

html { scroll-behavior: unset !important; }
body { font-size: 16px; font-family: 'Roboto', sans-serif; width: 100%; overflow-x: hidden; }
body.noScroll { overflow-y: hidden; height: 100%; }
a { outline: none; }
p { margin: 0; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
.pos_relative { position: relative; }

.parallax-window { position: relative;min-height: 500px; background: transparent; margin-bottom: 50px; box-shadow: inset 0px 0px 20px 1px rgba(0,0,0,0.75); margin-left: -15px; margin-right: -15px; }
.parallax-window .text { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-size: 2em; color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
@media (max-width: 576px) {
	.parallax-window{ display: none; }
}
@media(min-width:992px) {
	.mobile_only { display: none; }
	.desktop_only { display: block; }
}
@media(max-width:992px) {
	.mobile_only { display: block; }
	.desktop_only { display: none; }
}


header { position: relative; }
header .topbar { padding: 5px 0; background-color: #00418F; color: #fff; }
header .topbar .top_socials { display: flex; }
header .topbar .top_socials a, header .topbar .top_socials span { color: #fff; margin-right: 25px; font-size: .9em; text-decoration: none; }
header .topbar .top_socials a:hover { color: #4abcff; }
header .topbar .top_socials i { margin-right: 5px; color: #4abcff; }

header .midbar .wrap { position: relative; }
header .midbar .logo { padding: 25px 0; float: left; }
header .midbar .logo a { display: block; text-decoration: none; display: flex; font-family: 'Cuprum', sans-serif; }
header .midbar .logo .text { padding: 10px 0 0 15px; line-height: 24px; }
header .midbar .logo .text .t1, header .midbar .logo .text .t2 { display: block; font-size: 30px; font-weight: bold; }
header .midbar .logo .text .t1 { color: #0283c5; }
header .midbar .logo .text .t2 { color: #000; }
header .midbar #platforma_conta { position: absolute; right: 0px; top: 20px; }

header .botbar { background: rgb(0,90,170); background: linear-gradient(180deg, rgba(0,90,170,1) 0%, rgba(0,77,155,1) 35%, rgba(0,63,140,1) 100%); padding: 15px 0; color: #fff; text-align: center; }
header .botbar strong { font-size: 1.4em; display: block; margin-bottom: 5px; }
header .botbar span { font-size: 1em; display: block; }

@media(min-width:992px) {
	header .midbar .menu { z-index: 1; position: absolute; bottom: 10px; right: -10px; display: flex; list-style: none; margin: 0; }
	header .midbar .menu > li { position: relative; }
	header .midbar .menu > li > a { display: block; color: #000; padding: 10px; text-decoration: none; font-size: 1.1em; position: relative; text-transform: uppercase; }
	header .midbar .menu > li.active > a { color: #0073ff; }
	header .midbar .menu > li > a::before { content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #003f8c; opacity: 0; transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1); }
	header .midbar .menu > li:hover > a::before { width: 100%; opacity: 1; }
	header .midbar .menu > li > ul { list-style: none; width: 350px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #003f8c; padding: 10px 20px; opacity: 0; visibility: hidden; transition: all .2s ease-in; }
	header .midbar .menu > li:hover > ul { opacity: 1; visibility: visible; }
	header .midbar .menu > li > ul::before { content: ""; display: block; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #003f8c; }
	header .midbar .menu > li > ul a { color: #fff; text-decoration: none; }
	header .midbar .menu > li > ul a:hover { color: #dfdfdf; }
	header .midbar .menu > li > ul ul { list-style: none; margin: 0 0 8px 0; padding: 0 0 0 15px; }
}
@media(max-width:992px) {
	header .topbar .top_socials { justify-content: space-around; }
	header .midbar .menu { position: fixed; z-index: 999; background: #0073ff; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; list-style: none; margin: 0; opacity: 0; visibility: hidden; transform: scale(.3); transition: all .25s cubic-bezier(0.075, 0.82, 0.165, 1); }
	header .midbar .menu.open { opacity: 1; visibility: visible; transform: scale(1); }
	header .midbar .menu a { color: #fff; text-decoration: none; }
	header .midbar .menu ul { list-style: none; }
	header .midbar .menu > li { margin-bottom: 15px; }
}
@media(max-width:480px) {
	header .midbar .logo { padding: 25px 0; }
	header .midbar .logo .text { padding: 10px 0 0 15px; line-height: 24px; }
	header .midbar .logo .text .t1, header .midbar .logo .text .t2 { display: block; font-size: 24px; font-weight: bold; }
	header .midbar .logo .text .t1 { color: #0283c5; }
	header .midbar .logo .text .t2 { color: #000; }

	header .topbar .top_socials a, header .topbar .top_socials span { margin-right: 0; font-size: .75em; text-decoration: none; }

	header .botbar strong { font-size: 1.2em; }
}



section.slider { margin-bottom: 40px; }
section.slider .titlu { left:0px; top:50px; width:1192px; height:40px; position:absolute; opacity:0; color:#000000; font-size:32px; line-height:1.2; text-align:left; }
section.slider .det { left:0px; top:100px; width:1192px; height:391px; position:absolute; opacity:0; color:#000000; font-size:22px; line-height:1.2; text-align:left; }
section.slider .titlu, section.slider .det { color: #fff; text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
@media (max-width: 576px) {
	section.slider .titlu, section.slider .det { font-size: 3.2em; background: rgba(0,0,0,0.65); display: block; position: relative; line-height: normal; height: auto; padding: 10px; }
}


section.content { margin-bottom: 40px; }


footer .info { margin-bottom: 40px; }
footer .info .lista { list-style: none; margin-left: 30px; }
footer .info .lista li { position: relative; margin-bottom: 15px; }
footer .info .lista li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; color: #161616; content: "\f00c"; display: block; position: absolute; left: -20px; }
footer .info h4 { color: #353638; font-size: 19px; font-weight: 300; }
footer .info .text { color: #AAAAAA; font-size: 13px; line-height: 21px; }

footer .footer_socials { display: flex; align-items: center; justify-content: center; }
footer .footer_socials a, footer .footer_socials span { color: #fff; margin-right: 25px; font-size: .9em; text-decoration: none; }
footer .footer_socials a:hover { color: #4abcff; }
footer .footer_socials i { margin-right: 5px; color: #4abcff; }

footer .topbar { padding: 5px 0; background-color: #00418F; color: #fff; text-align: center; }
footer .botbar { padding: 30px 0; background-color: #161616; color: #777777; font-size: .8em; }
footer .botbar span { color: #9b9b9b; }

@media(max-width:992px) {
	footer .footer_socials { flex-wrap: wrap; }
	footer .footer_socials a, footer .footer_socials span { width: 100%; padding: 10px 0; }
	footer .botbar { text-align: center; }
}



/* mobile button */
header .menu-toggle {
	flex:0 0 auto;
	width:40px;
	height:40px;
	border:1px solid rgb(15,15,15);
	cursor:pointer;
	position:absolute;
	bottom: 15px;
	right: 0px;
	background: #fff;
	z-index: 1000;
}
header .hamburger, header .cross{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
header .hamburger span{
	display:block;
	width:18px;
	height:2px;
	margin-bottom:3px;
	overflow:hidden;
	position:relative;
}
header .hamburger span:last-child{
	margin:0;
}
header .hamburger span:before, header .hamburger span:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgb(15,15,15);
	transform:translateX(-200%);
	transition:transform ease 300ms;
}
header  .hamburger span:after{
	transform:translateX(0);
}
header .hamburger span:nth-child(2):before, header .hamburger span:nth-child(2):after{
	transition-delay:75ms;
}
header .hamburger span:last-child:before, header .hamburger span:last-child:after{
	transition-delay:150ms;
}
header .menu-toggle:hover .hamburger span:before{
	transform:translateX(0);
}
header .menu-toggle:hover .hamburger span:after{
	transform:translateX(200%);
}
header .menu-toggle.active .hamburger span:before{
	transform:translateX(100%);
}
header .menu-toggle.active .hamburger span:after{
	transform:translateX(200%);
}
header .cross span{
	display:block;
	width:18px;
	height:2px;
	background-color:rgb(15,15,15);
	transform:translateY(50%) rotate(45deg) scaleX(0);
	transition:transform ease 200ms;
}
header .cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(0);
}
header .menu-toggle.active .cross span{
	transition-delay:450ms;
	transform:translateY(50%) rotate(45deg) scaleX(1);
}
header .menu-toggle.active .cross span:last-child{
	transform:translateY(-50%) rotate(-45deg) scaleX(1);
}
/* END mobile button */


.scrollup {
	width: 50px;
	height: 50px;
	font-size: 25px;
	color: #4e77ff;	
	background-color: #fff;
	border-radius: 40px;
	position:fixed;
	border: 2px solid #4e77ff;
	bottom: 15px;
	right: 15px;
	display: none;			
}
.scrollup i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.scrollup:hover i {
	color: #001e81;
}
.scrollup i::before {
	position: relative;
}