/**
 * EletroNuclear 2021
 * Copyright 2021 Diego Fernandes | Parnet Sistemas
 * Licensed under  ()
 */

/** HEADER --------------- **/


@font-face {
	font-family: 'gotham';
	src: url('fonts/gotham-book-webfont.woff2') format('woff2'),
		 url('fonts/gotham-book-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'gotham';
	src: url('fonts/gotham-medium-webfont.woff2') format('woff2'),
		 url('fonts/gotham-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'gotham';
	src: url('fonts/gothambold-webfont.woff2') format('woff2'),
		 url('fonts/gothambold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}



body { margin:0; padding:0; font-family: gotham, sans-serif; line-height:25px; font-size:16px; -webkit-font-smoothing: antialiased; background-color: #254166; font-weight: 400; background-position: top center; background-size: 100% }

::-moz-selection {background: #27f08b;}
::selection {background: #27f08b;}
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a { text-decoration:none; transition:all .15s ease}
img { border:0; vertical-align:top;}

.isMob { display:none;}

	.central { width: 100%; max-width: 1300px; margin: 0 auto; box-sizing: border-box; position: relative; overflow: hidden;}
	
	.detalhe1 { width: 25px; height: 0; background-color: #eebd30; position: absolute; top: 0; left: 0; }
	.detalhe1 {
		-webkit-animation-duration: 2s; -webkit-animation-name: animar;
		-webkit-animation-delay: .5s; -webkit-animation-fill-mode: forwards;
	}
	@-webkit-keyframes animar {
		0% { height:0px; } 
		100% { height: 430px; }
	}	


	.sec1 { padding: 100px 60px 10px 60px;; }
	
	h1 { color: #FFF; font-size: 7.5vw;  line-height: 5vw; font-weight: 700; margin: 0 0 20px 0;}
	.bigMar { margin-bottom: 50px}
	
	h2 { font-size: 2.5vw; display: block; color: #eebd30}
	p { font-size: 1.7vw; line-height: 2.6vw; color: #FFF; }
	
	
	.bloca { display: block; margin: 40px 0 0 0; overflow: hidden; }
	.holdainfo1 { width: calc(55% - 10px); float: left; }
	.holdainfo1 img { width: 4.8vw; float: left; }
	.holdainfo1 span { width: calc(100% - 6.3vw); line-height: 2.3vw; float: right; color: #eebd30; font-size: 2vw; }
	
	.holdabotao1 {width: calc(45% - 10px); box-sizing: border-box; padding: .5vw 1vw; float: right; background-color: #eebd30; }
	.holdabotao1 img { width: 3vw; float: left; }
	.holdabotao1 span { float: left; margin: .5vw 0 0 1vw; font-weight: 500; font-size: 1.7vw; color: #254166}
	.holdabotao1 a { margin: .15vw 0 0 0; padding: .5vw 2vw; font-size: 2vw; border-radius: 1vw; font-weight: 500; display: inline-table; float: right;  color: #eebd30; background-color: #254166}
	.holdabotao1 a:hover { background-color: #27f08b; color: #0F2645}
	
	
	.holdaImg0 { width: 100%; margin: 40px 0; position: relative}
	.holdaImg0 img { width: 100%; }
	.holdaImg0:after { content: ''; width: 300px; height: 35px; background-color: #eebd30; position: absolute; bottom: 0; right: -50px;}

	
	.sec2 { background-color: #eebd30; padding-top: 1vw; padding-bottom: 1vw; text-align: center; }	
	
	.blocos { display: inline-table; font-weight: 500; box-sizing: border-box; color: #404040; padding: 1vw 2vw; font-size: 2vw; }
	.blocos i { color: #932226; font-size: 2.8vw; float: left; margin: -.5vw 1vw 0 0 }
	.doMeio { border-left: 1px solid #404040; border-right: 1px solid #404040;}
	.linkYoutube:hover .blocos { color: #254166!important}
	.linkYoutube:hover i { color: #B73A3E}
	.linkwebex:hover .blocos { color: #254166!important}

#participe { position: absolute; margin: -100px 0 0 0;}
	
	.sec3 { padding-top: 2vw; padding-bottom: 2vw; background-color: #eebd30; font-size: 1.8vw; margin: 10px auto 20px auto;  }
	.sec3 b { text-align: center; display: block; margin: 0 auto 30px auto; color: #254166; font-weight: 500; }
	
	.linhaBloco { width: 90%; margin: 0 auto 15px auto; font-weight: 500; color: #404040; overflow: hidden; }
	.linhaBloco img { width: 3vw; float: left; margin: -.15vw 1vw 0 0;}
	
	.sec4 { padding: 30px 60px 0 60px; }
		h3 { color: #FFF; font-size: 7.5vw;  line-height: 7vw; font-weight: 700; margin: 0 0 50px 0;}
	.lstP { color: #eebd30; font-weight: 500}
	.sec4 p a { color: #eebd30}
	.sec4 p a:hover { color: #27f08b; text-decoration: underline}
	
	
	.holdaImg1 { width: 100%; margin: 40px 0; position: relative}
	.holdaImg1 img { width: calc(50% - 12px); margin: 0 0 24px 0; }
	.ll { float: left;}
	.rr { float: right; }
	.holdaImg1:before { content: ''; width: 300px; height: 35px; background-color: #eebd30; position: absolute; top: 0; right: -50px;}
	.holdaImg1:after { content: ''; width: 300px; height: 35px; background-color: #eebd30; position: absolute; bottom: 24px; left: -50px;}

	.blxc { overflow: hidden; }
	
	.footer { width: 100%; background-color: #FFF}
	.footer .central { padding: 40px 60px; overflow: hidden;}
	
	.lado1Foot { float: left; }
	.lado1Foot p { color: #404040; margin: 0 0 10px 0;; line-height: 2vw; font-weight: 500;  }
	.lado1Foot p strong { color: #193d97}
	
	.footer img {float: right; height: 6vw; margin: 1vw 0 0 1vw}


@media screen and (min-width: 1300px)
{
	h1 { font-size: 97px; line-height: 64px;}
	h2 { font-size: 33px;}
	p { font-size: 22px; line-height: 35px;}

	.holdainfo1 img {  width: 60px;}
	.holdainfo1 span { width: calc(100% - 80px); line-height: 30px; font-size: 25px;}
	
	.holdabotao1 img { width: 38px;}
	.holdabotao1 span { margin: 9px 0 0 15px; font-size: 22px;}
	.holdabotao1 a { margin: 2px 0 0 0; padding: 7px 25px; font-size: 25px; border-radius: 13px;}
	
	.sec2 { padding-top: 10px; padding-bottom: 10px;}
	.blocos { padding: 10px 20px; font-size: 26px;}
	.blocos i { font-size: 43px;  margin: -9px 10px 0 0;}
	
	
	.sec3 { padding-top: 20px;  padding-bottom: 20px; font-size: 22px;}
	.linhaBloco img { width: 39px; margin: -1px 10px 0 0;}
	
	h3 { font-size: 97px; line-height: 90px;}
	
	.footer img { height: 85px; margin: 10px 0 0 10px;}
}

@media screen and (max-width: 1000px)
{
	.sec1 {padding: 70px 25px 10px 30px;}
	.detalhe1 { width: 15px;}
	
	h1 { font-size: 50px; line-height: 36px;}
	h2 { font-size: 23px;}
	h3 { font-size: 45px; line-height: 45px;}
	p { font-size: 15px; line-height: 24px;}
	
	.holdainfo1 { width: 100%; float: none; overflow: hidden; display: block; }
	.holdainfo1 img {  width: 48px; margin: 6px 0 0 0;}
	.holdainfo1 span { width: calc(100% - 60px); line-height: 25px; font-size: 18px;}
	
	
	.holdabotao1 { width: 100%; padding: 10px; clear: both; display: block; float: none; margin: 30px 0 20px 0; overflow: hidden; }
	.holdabotao1 img { width: 38px;}
	.holdabotao1 span { margin: 9px 0 0 15px; font-size: 22px;}
	.holdabotao1 a { margin: 2px 0 0 0; padding: 7px 25px; font-size: 25px; border-radius: 13px;}
	
	.holdaImg0 { margin: 10px 0 40px 0;}
	
	.holdaImg0:after { width: 200px; height: 17px;}
	
	.blocos { display: block; padding: 10px 0; font-size: 20px;}
	.blocos i {  font-size: 25px; margin: 0; float: none;}
	.doMeio { border: 0; border-top: 1px solid #404040; border-bottom: 1px solid #404040;}
	
	
	.sec3 { font-size: 18px;}
	.linhaBloco { text-align: center; font-size: 16px}
	.linhaBloco img {  width: 30px; float: none; margin: 0 auto 10px auto; display: block;}
	
	.sec4 { padding: 30px 25px 0 30px;}
	
	.holdaImg1 img { width: calc(50% - 5px); margin: 0 0 10px 0;}
	.holdaImg1:before { width: 200px; height: 18px;}
	.holdaImg1:after { width: 200px; height: 18px; bottom: 10px}
	
	.lado1Foot { width: 100%; display: block; margin: 0 0 30px 0; text-align: center; float: none}
	.lado1Foot p { font-size: 16px; line-height: 24px;}
	
	.footer img { float: none; height: 50px;  margin: 10px auto; display: block;}
	
	
}


@media screen and (max-width: 550px)
{
	.holdabotao1 a { width: 100%; box-sizing: border-box; text-align: center; margin: 20px 0 0 0; }

}