@import url(fontawesome-all.min.css);

/*-----------------------------------------------------------------------------------*/
/*	HTML / BODY
/*-----------------------------------------------------------------------------------*/
html {margin:0;padding:0;font-size:62.5%;}
body {
	background:#fff;
	font-family:'Poppins', sans-serif, FontAwesome;
	font-weight:500;
	font-size:1.3rem;
	line-height:2.0rem;
	color:#333;
	margin:0;
	padding:0;
	position:relative;}

/*-----------------------------------------------------------------------------------*/
/*	LOADER
/*-----------------------------------------------------------------------------------*/
#loader-wrapper {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;}
#loader-wrapper .loader-section {position:fixed;top:0;width:100%;height:100%;z-index:1001;}

#loader-wrapper .loader-section.section-bg-1 {background:#fff;width:100%;opacity:1;transition: all 0.5s ease;}
.loaded #loader-wrapper .loader-section.section-bg-1 {opacity:0;}

.loaded #loader {opacity:0;}
.loaded #loader-wrapper {visibility:hidden;}

/*-----------------------------------------------------------------------------------*/
/*	BASIC
/*-----------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight:700;margin:0;padding:0;}
h1 {font-size:7.5rem;line-height:8.5rem;}
h2 {font-size:4.5rem;line-height:5.0rem;}
h3 {font-size:3.5rem;line-height:4.0rem;}
h4 {font-size:2.5rem;line-height:3.0rem;}
h5 {font-size:2.0rem;line-height:2.5rem;}
h6 {font-size:1.3rem;line-height:2.0rem;text-transform:none;}
p {font-size:1.5rem;line-height:2.0rem;margin:0;}

hr {border-top:0.15rem solid #999;border-bottom:0;border-left:0;border-right:0;width:100%;height:0;}
strong {font-weight:700;}

a {color:#333;text-decoration:none;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;}
a:hover {color:#333;text-decoration:none;}

img {margin:0;width:100%;}
ul, ol {padding:0;margin:0;}
li {padding:0;margin:0;list-style:none;}
section {margin:0;padding:0;position:relative;}

/*-----------------------------------------------------------------------------------*/
/*	ICONS
/*-----------------------------------------------------------------------------------*/
.icon {text-decoration:none;border-bottom:none;position:relative; }
.icon:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400; }
.icon > .label {display: none; }
.icon:before {line-height: inherit; }
.icon.solid:before {font-weight: 900; }
.icon.brands:before {font-family: 'Font Awesome 5 Brands'; }

/*-----------------------------------------------------------------------------------*/
/*	BUTTON
/*-----------------------------------------------------------------------------------*/
.button {
	background:#d35f5f;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
	display:inline-block;
	padding:1.5rem 3.0rem;}
.button:hover {background:#2c89a0ff;color:#fff;}
.button2 {
	background:#d35f5f;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
	display:inline-block;
	padding:1.5rem 3.0rem;}
.button2:hover {background:#ddd;color:#d35f5f;}
.button3 {
	background:#2c89a0ff;
	font-size:1.3rem;
	font-weight:500;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
	display:inline-block;
	padding:1.5rem 3.0rem;}
.button3:hover {background:#d35f5f;color:#fff;}

/*-----------------------------------------------------------------------------------*/
/*	REVEAL
/*-----------------------------------------------------------------------------------*/
.reveal {opacity:0;transition:1s all ease;}
.reveal.active {opacity:1;}
.reveal_2 {transform:scale(0, 0);transition:1.5s all ease;opacity:0;}
.reveal_2.active {transform:scale(1, 1);opacity:1;}
.reveal_3 {transform:scale(0, 1);transition:3s all ease;opacity:0;}
.reveal_3.active {transform:scale(1, 1);opacity:1;}

/*-----------------------------------------------------------------------------------*/
/*	COLUNA / PAD
/*-----------------------------------------------------------------------------------*/
.pad-1-50 {padding-right:3.75rem;}
.pad-2-50 {padding-left:3.75rem;}
.pad-3-50 {padding-right:3.75rem;}
.pad-4-50 {padding-left:3.75rem;}
.col-25 {width:25%;float:left;}
.col-30 {width:30%;float:left;}
.col-33 {width:33.333333%;float:left;}
.col-40 {width:40%;float:left;}
.col-50 {width:50%;float:left;}
.col-50r {width:50%;float:right;}
.col-50w {width:50%;float:left;}
.col-60 {width:60%;float:left;}
.col-70 {width:70%;float:left;}
.clear {clear:left;width:100%;height:0px;} 
.clear2 {clear:right;width:100%;height:0px;} 

/*-----------------------------------------------------------------------------------*/
/*	FORM
/*-----------------------------------------------------------------------------------*/
form {position:relative;}

label {text-transform:uppercase;font-size:1.5rem;line-height:2.0rem;font-weight:700;}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background:#bbb;
	border:0;
	width:calc(100% - 1.5rem);
	line-height:4.0rem;
	font-weight:300;
	margin:0.75rem 0 3.0rem;
	padding:0 0.75rem;
	color:#333;}
textarea {background:transparent;
	border:0.15rem solid #999;overflow:hidden;min-height:43.5rem;resize:none;}	
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea {outline:0;box-shadow:none;}

button, input[type="button"], input[type="submit"]  {
	background:#d35f5f;
	color:#fff;
	border:0;
	font-family: 'Poppins', sans-serif, FontAwesome;
	text-transform:uppercase;
	cursor:pointer;
	padding:1.5rem 3.0rem;
	margin-top:-0.75rem;
	font-size:1.3rem;
	font-weight:500;
	transition: all 0.3s ease;}
button, input[type="button"]:hover, input[type="submit"]:hover {background:#2c89a0ff;color:#fff;}

/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 970px) and (max-width: 1270px) {
h1 {font-size:6.0rem;line-height:6.75rem;}
h2 {font-size:3.5rem;line-height:4.0rem;}
h3 {font-size:3.0rem;line-height:3.5rem;}
h4 {font-size:2.5rem;line-height:3.0rem;}
.pad-1-50 {padding-right:2.25rem;}
.pad-2-50 {padding-left:2.25rem;}
.pad-3-50 {padding-right:0;}
.pad-4-50 {padding-left:0;padding-top:4.5rem;}
.col-25 {width:50%;}
.col-50w {width:100%;}}

@media (min-width: 420px) and (max-width: 970px) {
h1 {font-size:4.5rem;line-height:5.0rem;}
h2 {font-size:3.0rem;line-height:3.5rem;}
h3 {font-size:2.5rem;line-height:3.0rem;}
h4 {font-size:2.0rem;line-height:2.5rem;}
.pad-1-50 {padding-right:0;}
.pad-2-50 {padding-left:0;padding-top:3.0rem;}
.pad-3-50 {padding-right:0;}
.pad-4-50 {padding-left:0;padding-top:0;}
.col-25 {width:100%;}
.col-30 {width:100%;}
.col-33 {width:100%;}
.col-40 {width:100%;}
.col-50 {width:100%;}
.col-50r {width:100%;}
.col-50w {width:100%;}
.col-60 {width:100%;}
.col-70 {width:100%;}}

@media (min-width: 0px) and (max-width: 420px) {
h1 {font-size:3.0rem;line-height:3.5rem;}
h2 {font-size:3.0rem;line-height:3.5rem;}
h3 {font-size:2.5rem;line-height:3.0rem;}
h4 {font-size:2.0rem;line-height:2.5rem;}
.pad-1-50 {padding-right:0;}
.pad-2-50 {padding-left:0;padding-top:3.0rem;}
.pad-3-50 {padding-right:0;}
.pad-4-50 {padding-left:0;padding-top:0;}
.col-25 {width:100%;}
.col-30 {width:100%;}
.col-33 {width:100%;}
.col-40 {width:100%;}
.col-50 {width:100%;}
.col-50r {width:100%;}
.col-50w {width:100%;}
.col-60 {width:100%;}
.col-70 {width:100%;}}