@charset "utf-8";
.anima1 {
transition : all 0.2s ease-in-out;
}
.anima-transform {
transition-property : transform;
}
body {
color : #f0ad4e;
font-family : Lato, sans-serif;
font-weight : 300;
text-align : center;
background-size : cover;
}
a {
color : #fff;
}
.bg-mask {
background : url(../img/bg-mask-80.png);
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 1;
}
.bg-mask.bg-mask-30 {
background-image : url(../img/bg-mask-30.png);
}
.bg-mask.bg-mask-50 {
background-image : url(../img/bg-mask-50.png);
}
.page-background-container {
position : fixed;
top : 0;
left : 0;
overflow : hidden;
width : 100%;
height : 100%;
z-index : 0;
background : #000;
}
.page-background {
background : url(../img/bg1.jpg) center center no-repeat;
width : 110% !important ;
position : fixed;
top : -50px;
left : -20px;
background-size : cover;
}
.logo img {
width : 100%;
}
.tleft {
text-align : left;
}
@media (min-width:240px) and (max-width:719px) {
.tleft {
text-align : center;
}
}
.tright {
text-align : right;
}
@media (min-width:240px) and (max-width:719px) {
.tright {
text-align : center;
}
}
.tcenter {
text-align : center;
}
@media (min-width:992px) {
.no-padding {
padding : 0 !important ;
}
}
.form-subscribe {
height : 45px;
}
@media (min-width:240px) and (max-width:719px) {
.form-subscribe {
margin-bottom : 10px;
}
}
@media (min-width:992px) {
.form-subscribe {
margin-bottom : 0;
}
}
.btn-default {
background : none !important ;
border : #fff solid 1px !important ;
color : #fff;
display : inline-block;
height : 45px;
line-height : 45px;
font-weight : 700;
padding-top : 0;
padding-bottom : 0;
text-transform : uppercase;
font-weight : 300;
margin-bottom : 8px;
transition : all 0.2s ease-in-out;
}
@media (min-width:992px) {
.btn-default {
font-size : 14px;
}
}
@media (min-width:240px) and (max-width:719px) {
.btn-default {
width : 100%;
}
}
.btn-default:hover {
color : #fff;
background : #11b04b !important ;
border : #008e29 solid 1px !important ;
}
.btn-default:hover .btn-ico {
width : 0;
}
.btn-subscribe {
background : #11b04b !important ;
border : #008e29 solid 1px !important ;
transition : all 0.3s ease-in-out;
}
.btn-subscribe:hover {
background : #009f3a !important ;
}
.btn-ico {
width : 15px;
margin-right : 5px;
overflow : hidden;
text-align : center;
transition : all 0.2s ease-in-out;
}
.header {
opacity : 0.699999988079071044921875;
transition : all 0.3s ease-in-out;
padding-top : 20px;
}
.header:hover {
opacity : 1;
}
.header a {
font-size : 16px;
}
.header-left {
text-align : center;
}
.header-right {
text-align : right;
}
.header-right a {
margin-top : 10px;
font-size : 14px;
line-height : 24px;
display : inline-block;
margin-left : 5px;
margin-right : 5px;
text-transform : uppercase;
padding-left : 5px;
padding-right : 5px;
border-radius : 5px;
border : transparent solid 1px;
transition : all 0.3s ease-in-out;
}
@media (min-width:992px) {
.header-right a {
font-size : 18px;
height : 45px;
line-height : 45px;
}
}
.header-right a:hover {
color : #fff;
text-decoration : none;
border : #eee solid 1px;
}
.main-content {
position : relative;
width : 100%;
top : 0;
left : 0;
z-index : 9;
}
.logo-image {
width : 100px;
margin-top : 10px;
margin-bottom : 10px;
}
.logo-image img {
width : 100%;
}
.menu-button {
font-size : 18px;
text-transform : uppercase;
position : absolute;
top : 20px;
left : 20px;
}
.main-menu {
margin-top : 30px;
margin-bottom : 0;
}
.main-phrase {
font-size : 60px;
font-weight : 900;
letter-spacing : -2px;
text-align : center;
color : #fff;
opacity : 0.89999997615814208984375;
margin-bottom : 40px;
}
@media (min-width:992px) {
.main-phrase {
font-size : 95px;
color: #d04c54;
line-height : 95px;
min-height : 190px;
letter-spacing : -6px;
}
}
@media (min-width:1600px) {
.main-phrase {
font-size : 125px;
line-height : 125px;
min-height : 250px;
margin-top : 60px;
}
}
@media (min-width:992px) {
.main-phrase-404 {
font-size : 180px;
margin-top : 130px;
min-height : 110px;
}
}
.mini-block {
border : 0;
width : 50px;
margin : 0 auto;
border-top : 5px solid #eee;
margin-top : 8px;
margin-bottom : 8px;
}
.secondary-phrase {
text-align : center;
font-size : 24px;
min-height : 28px;
font-weight : 200;
text-transform : lowercase;
}
@media (min-width:992px) {
.secondary-phrase {
width : 400px;
margin : 0 auto;
}
}
.bot-content {
margin-top : 40px;
}
@media (min-width:240px) and (max-width:719px) {
.tags-slides {
text-align : center;
}
.tags-slides li {
font-size : 24px;
}
}
.btn {
width : 100%;
}
.rodape {
font-size : 14px;
margin-top : 20px;
}
@media (min-width:1200px) {
.rodape {
margin-top : 50px;
}
}
@media (min-width:992px) {
.rodape {
margin-top : 30px;
}
}
@media (min-width:240px) and (max-width:719px) {
.rodape {
font-size : 13px;
padding-left : 30px;
padding-right : 30px;
}
}
.subscribe-text {
text-align : center;
margin-bottom : 20px;
}
.subscribe-text p {
text-align : center;
font-size : 16px;
}
.page-wrap {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 9999;
display : none;
}
.page-bg {
width : 100%;
position : absolute;
background : url(../img/page-bg.png);
padding-top : 8%;
}
@media (min-width:240px) and (max-width:719px) {
.page-bg {
padding-top : 5%;
}
}
.page-box {
border-radius : 10px;
background : #fff;
padding : 20px 30px;
position : relative;
}
.page-box p {
color : #999;
}
.page-box-about-us {
text-align : left;
}
.close-box-link a, .close-box-button a {
color : #11b04b !important ;
}
.ico-close {
position : absolute;
background : url(../img/close.png) center top no-repeat;
width : 27px;
height : 27px;
top : -35px;
right : -35px;
cursor : pointer;
transition-property : transform;
transition : all 0.2s ease-in-out;
opacity : 0.800000011920928955078125;
}
.ico-close:hover {
opacity : 1;
}
.box-tit1 {
color : #11b04b;
text-align : center;
text-transform : uppercase;
font-weight : 300;
font-size : 42px;
margin-top : 0;
}
.hr-p {
height : 5px;
width : 20%;
background : #11b04b;
margin-top : 5px;
margin-bottom : 20px;
}
.form-group {
margin-bottom : 5px;
}
.form-group input[type="text"], .form-group input[type="email"] {
border-radius : 0;
height : 40px;
}
.form-group textarea {
border-radius : 0;
width : 100% !important ;
height : 130px !important ;
}
.form-group .btn-default {
background : #11b04b !important ;
color : #fff !important ;
border-radius : 0;
width : 100%;
border : #009f3a solid 2px !important ;
}
.form-group .btn-default:hover {
background : #009f3a !important ;
border : #11b04b solid 2px !important ;
color : #fff !important ;
}
#footer {
text-align : center;
}
.social-nav {
text-align : center;
margin-top : 20px;
margin-bottom : 40px;
}
.social-nav a {
display : inline-block;
border : #fff solid 1px;
color : #fff;
margin-right : 5px;
border-radius : 100%;
width : 40px;
height : 40px;
line-height : 40px;
font-size : 18px;
text-align : center;
transition : all 0.3s ease-in-out;
transition-property : transform;
}
.social-nav a:hover {
	
background : #5bc0de;
border : #007d18 solid 1px;
color : #fff;
}
#page-loader {
width : 100%;
height : 100%;
background : #111;
color : #fff;
position : fixed;
top : 0;
left : 0;
z-index : 9999;
}
.loading-wrapper {
width : 250px;
position : fixed;
top : 40%;
left : 50%;
margin-left : -125px;
}
.loading-logo-wraper {
width : 100px;
margin : 0 auto;
margin-bottom : 20px;
margin-top : 20px;
}
.loading-logo-wraper img {
width : 100%;
}
.tp-loader {
z-index : 10000;
position : relative;
}
.tp-loader.spinner {
width : 30px;
height : 30px;
margin : 0 auto;
margin-bottom : 10px;
border : #fff solid 2px;
box-shadow : 0 0 20px 0 rgba(0, 0, 0, 0.15);
animation : tp-rotateplane 0.8s ease-in-out infinite;
border-radius : 3px;
}
@keyframes tp-rotateplane {
0% {
transform : rotate(0deg);
}
50% {
transform : rotate(180.1deg);
}
100% {
transform : rotate(180.1deg);
}
}
.form-group {
position : relative;
}
label.error {
color : #fff;
background : #333;
white-space : nowrap;
padding : 8px;
border-radius : 5px;
position : absolute;
top : -5px;
font-weight : 200;
right : -20px;
}
.contact-feedback {
text-align : center;
color : #333;
font-size : 22px;
padding : 10px;
}
.typed-cursor {
opacity : 1;
color : #fff;
animation : blink 0.7s infinite;
}
@keyframes blink {
0% {
opacity : 1;
}
50% {
opacity : 0;
}
100% {
opacity : 1;
}
}
#countdown {
margin-bottom : 40px;
margin-top : 20px;
font-size : 20px;
text-align : center;
}
@media (min-width:992px) {
.countdown-col {
border-right : 1px dotted #ddd;
border-left : 1px dotted #ddd;
margin-right : -1px;
margin-bottom : 20px;
}
}
@media (min-width:240px) and (max-width:719px) {
.countdown-time {
font-size : 48px;
display : block;
font-weight : 700;
}
}
@media (min-width:992px) {
.countdown-time {
font-size : 48px;
display : block;
font-weight : 700;
}
}