@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


body{
	padding: 0;
	margin: 0;
	font-family: 'axiformabook', 'Open Sans', sans-serif;
	font-weight:400;
	font-size:18px;
	color:#000000;
	background-color: #ffffff;
}



a:hover .img{filter:alpha(opacity=25);-moz-opacity:.50;opacity:.50;}
a {
	color: #3fa9f5; text-decoration:none;
}

a:hover {
	color: #ca6261;
}

h1, h2, h3, h4, h5 {
	margin:0;
	line-height: 1;
	font-family: 'axiformablack';
}
h1, h2, h3 {
	padding-bottom: 15px;
}
h1{
	font-size:5.8rem;
	font-weight: bold;
	letter-spacing: -2px;
}
h2{
	font-size:4.6rem;
	font-weight: bold;
	letter-spacing: -2px;
}
h3{
	font-size:3.6rem;
	font-weight: 400;
}
h4{
	font-size:2.8rem;
	padding-top: 25px;
}
h5{
	font-size:1.8rem;
	padding-top: 35px;
}
p {
	text-align: justify;
	font-size:1.4rem;
	line-height: 1.6;
}
hr {
	border:none; border-bottom:1px; border-bottom-style:solid;
}

hr .other {border-bottom-color:rgba(219,107,105,0.5);}
hr .black {border-bottom-color:rgba(0,0,0,1);}
hr .white {border-bottom-color:rgba(255,255,255,1);}

.icone{
	font-size: 200%;
}
.sub {
	font-size: 70%; vertical-align: top;
}
.question {
	font-weight: 600; color: #671917;
}
.center {
	text-align:center;
}
.float-l {
      float: left;
    }

.float-r {
      float: right;
    }
.clear {
	clear: both;
}

.pad1{
	padding: 20px 0;
}
.pad2{
	padding: 40px 0;
}
.dates{
	color: #ffffff;
	padding: 0 50px;
}

/* Colors */
.black {
	color:#000000;
}
.white{
	color:#ffffff;
}
.beige{
	color:#f6f0e4;
}
.red1{
	color:#db6b69;
}
.red2{
	color:#ca6261;
}
.red3{
	color:#af4e4c;
}
.red4{
	color:#70302f;
}
.blue{
	color:#3fa9f5;
}
.cyan{
	color:#666666;
}

/* Background Colors */
.bg-white{
	color:#ffffff;
}
.bg-beige{
	color:#f6f0e4;
}
.bg-red1{
	color:#db6b69;
}
.bg-red2{
	color:#ca6261;
}
.bg-red3{
	color:#af4e4c;
}
.bg-red4{
	color:#70302f;
}


/* Botões */
.btn {
	border: 1px solid #000000;
	border-radius:10px;
	color: #ffffff;
	background-color:#000000;
	cursor: pointer;
	display: inline-block;
	padding: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	font-size:1.2rem;
}

.btn:hover {
	color: #000000;
	background-color:#ffffff;
	border: 1px solid #000000;
}
.btn.btn-email {
	font-weight: 600;
	padding: 25px 3%;
	width: 23%;
	max-width: 160px;
	text-align: center;
}

.btn.btn-bottom {
	color: #ffffff;
	background-color:#000000;
	border: 1px solid #ffffff;
}
.btn.btn-bottom:hover {
	color: #000000;
	background-color:#ffffff;
	border: 1px solid #000000;
}


.btn.btn-col {
	font-weight: 300;
	padding: 10px 10px;
	text-align: center;
	font-size:1rem;
}


/* Inputs */
.input{
	border-radius: 10px;
	width: 62%;
	max-width: 500px;
	color: #000000;
	background-color: transparent;
	padding: 25px 3%;
	margin-right: 1%;
	font-size: 18px;
	background: rgba(255,255,255,1);
	border: 1px solid #000000;
}

@media (max-width: 1080px) {
.btn, .btn.btn-email, .btn.btn-col, .input {
	font-size:2rem;
}
.input, .btn.btn-email{
	padding: 45px 3%;
	}
}


/* Divs */
section{
	width: 100%;
}

.section-cover{
	width: 100%;
	background: url(img/cover_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.section-oiweek{
	width: 100%;
	background: url(img/circulo_logo.png) no-repeat top right;
}

.section-dates{
	width: 100%;
	background: url(img/dates_bg.jpg) no-repeat top center;
}

section .cont{
	width: 60%;
	margin: 0 auto;
	padding: 100px 0;
}

.cont .cover{
	width: 80%;
	height: 720px;
	padding: 0 10%;
	background: url(img/cover_circulo.png) no-repeat center center;
	text-align: center;
}

.cont .about-txt{
	width: 68%;
	padding-right: 5%;
	float: left;
}
.cont .about-img{
	width: 27%;
	float: left;
}
.cont .about-img img{
	width: 80%;
	margin-top: -40px;
}


.cont .match-col1{
	width: 45%;
	margin: 0 10%;
	float: left;
	background: url(img/circulo.png) no-repeat center left;
	background-size: 400px;
	min-height: 400px;
}
.cont .match-col1 h4{
	margin: 25% auto auto 20%;
}

.cont .match-col2{
	width: 25%;
	margin-right: 10%;
	float: left;
}
.cont .match-col2 p{
	font-size:1rem;
	line-height: 1.2;
	text-align: left;
}

.cont .oiweek-col{
	width: 63%;
	padding-right: 2%;
	left: 0;
}

.cont .rules{
	width: 70%;
	padding: 30px 15%;
	border: 1px solid #000000;
	margin-top: 40px;
	background-color: #ffffff;
}


#bottom{
	width: 100%;
	margin: 0 auto;
	padding: 13px 0 13px 0;
	/*background-image: url(img/bg_color.jpg);
	background-position: center top;*/
	background-color: #225e67;
}
#bottom a, i {
	color: #ffffff;
	text-decoration: none;
}
#bottom a:hover {
	color: #22587e;
}

@media (max-width: 1080px) {
.section-oiweek{
	background-size: 50%;
}
section .cont{
	width: 90%;
	padding: 40px 0;
	}
.cont .about-txt{
	width: 78%;
	padding-right: 2%;
}
.cont .about-img{
	width: 20%;
}
.cont .match-col1, .cont .match-col2 {
	float: none;
	width: 100%;
	}

}

/* Tabela */
.col {
	width: 22.75%;
	margin-right: 3%;
	float: left;
	padding: 15px 0;
}
.col-dir {
	width: 22.75%;
	float: left;
	padding: 15px 0;
}

@media (max-width: 1080px) {
.col, .col-dir {
	width: 100%;
	padding: 15px 0;
}

}