/**************************************************/
/* fonts
/**************************************************/
@font-face {
	font-family: 'EkMukta-ExtraBold';
	src: url('../fonts/EkMukta-ExtraBold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'EkMukta-Regular';
	src: url('../fonts/EkMukta-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'EkMukta-ExtraLight';
	src: url('../fonts/EkMukta-ExtraLight.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'EkMukta-Light';
	src: url('../fonts/EkMukta-Light.ttf');
	font-weight: normal;
	font-style: normal;
}

html, body {
	height: 100%;
}

/**************************************************/
/* navbar
/**************************************************/
.navbar-brand {width: 100%;} 
.navbar-header { width: 100%;display: block;}
.navbar-header img {width: 170px; margin: 0 auto; float: left;}
.contato-scroll {float: right;margin-top: -40px;padding-bottom: 19px;}
.contato-scroll span{display: block; font-size: 18px;padding-top: 5px;font-family: 'EkMukta-ExtraBold';text-align: right;color:#7A7C7F;}
.navbar {min-height: 75px;opacity: 0.8;}
/**************************************************/
/* navbar
/**************************************************/

#contact-opener {background-color:#DE3C00; width: 175px; float: left; text-align: center; padding-top: 10px; position: fixed; box-shadow: 5px 5px 5px rgba(0,0,0,0); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2); top: 250px; z-index: 9999; padding-bottom: 15px;}
#contact-opener span {display: block; color: #fff;font-family: 'EkMukta-Regular';}
#contact-opener span:nth-of-type(1) {font-family: 'EkMukta-Regular'; font-size: 18px;}
.img-opner img{width: 85%;}
#btn-floating {background-color: #FEFEFE; margin-top: 10px; padding: 5px 12px; color: #DE3C00;font-family: 'EkMukta-ExtraBold';}
#btn-floating img {padding-left: 10px;}
.btn-sair { /*opener button*/
    position: absolute;
    left: 124px;
    transform: rotate(90deg); /* rotate button -90deg */
    width: 147px;
    top: 54px;
    padding: 9px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
    background-color: #7A7C7F;
    font-size: 16px;
}
.btn-abrir { /*opener button*/
    position: absolute;
    left: 130px;
    transform: rotate(-90deg); /* rotate button -90deg */
    width: 152px;
    top: 41px;
    padding: 13px;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.43);
    cursor: pointer;
    border-radius: 0px 0px 5px 5px;
    background-color: #7A7C7F;
    font-size: 16px;
}
/**************************************************/
/* Banner 01
/**************************************************/
#banner01 {width: 100%; height: 717px; float: left; background-image: url(../img/banner01.png); background-repeat: no-repeat; background-position: top center; }
.title-banner{text-align: center;width: 100%;padding-top: 28%;}
.title-banner span {font-family: 'EkMukta-ExtraLight';font-size: 42px;color: #606062; line-height: 44px;}
.logo-office{text-align: center; padding-top: 2%;}
.logo-office img {width: 25%;}
/**************************************************/
/* Banner 02
/**************************************************/
.title-banner2{text-align: center;padding-top: 5%; }
.title-banner2 span {font-size: 44px;font-family: 'EkMukta-ExtraLight';color: #389CD6; line-height: 47px;}
.span-banner2 {text-align: center; padding-top: 2%;width: 50%;margin-left: 24%;}
.span-banner2 span{font-size: 16px;color: #606062;font-family: 'EkMukta-Regular';}
.sub-title{padding-top: 8%;margin-left: 10%;width: 90%;}
.span-sub span {font-size: 44px;color:#606062;font-family: 'EkMukta-ExtraLight'; line-height: 47px;}
.span-info {padding-top: 10px;padding-bottom: 15%;}
.span-info span {font-size: 16px;color:#606062;font-family: 'EkMukta-Regular';}
.imag-office{margin-top: 3%;}
.imag-office img{width: 80%; float: left;}
/**************************************************/
/* Banner 03
/**************************************************/
/*#banner3 {width: 100%; background-image: url(../img/banner3.png); background-size: 100%; background-repeat: no-repeat; height: 717px;}*/
#banner3 {width: 100%; float: left; background-image: url(../img/banner3.png); height: 717px; background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.info-banner3 {text-align: center;padding-top: 42%;} 
.info-banner3 span{display: block; color: #fff; font-size: 22px; width: 68%; margin: 0 auto;}
.btn-banner{text-align: center;}
#btn-solicite {background: initial;color: #fff; margin-top:5%;font-size: 24px;font-family: 'EkMukta-Regular';border:2px solid #fff;}
.btn {padding: 8px 20px;}

/**************************************************/
/* Banner 04
/**************************************************/
.info-banner4{text-align: center;padding-top: 5%;}
.info-banner4 span{font-size: 44px;color:#606062;font-family: 'EkMukta-ExtraLight';}
.info-01 {text-align: center;padding-top: 3%;}
.info-01 span{display: block;}
.info-01 span:nth-of-type(1){font-size: 20px;color:#606062;font-family: 'EkMukta-ExtraBold';}
.info-01 span:nth-of-type(2){font-size: 20px;color:#FD3900;font-family: 'EkMukta-ExtraBold';}
.icons-banner4 {margin-top: 4%;}
.icons-banner4 img {width: 50%;}
.inf-banner4{text-align: left;width: 90%;margin-left: 10%;padding-top: 4%;}
.inf-banner4 p {font-size: 16px;color:#606062;font-family: 'EkMukta-Regular';}
#banner-text{background-color: #FAF5E6; height: 121px;width: 350px;margin-left: -10%;}
#banner-text span{width: 100%; font-size: 16px !important ;padding-left: 10%;padding-top: 6%;}
.icons-banner4-2 {margin-top: 11%;}
.icons-banner4-2 img {width: 75%;}
.inf-banner4-2{text-align: left;width: 100%;margin-left: 5%;padding-top: 4%;}
.inf-banner4-2 p {font-size: 16px;color:#606062;font-family: 'EkMukta-Regular';}
#banner-text1{background-color: #FFF3D9; height: 145px;width: 390px;margin-left: -10%;}
#banner-text1 span{width: 90%; font-size: 16px !important ;padding-left: 10%;padding-top: 4%;}
.icons-banner4-3 {margin-top: 4%;}
.icons-banner4-3 img {width: 100%;}
.inf-banner4-3{text-align: left;width: 100%;margin-left: 5%;padding-top: 4%;}
.inf-banner4-3 p {font-size: 16px;color:#606062;font-family: 'EkMukta-Regular';}
#banner-text2 {background-color: #FFEDC7;height: 120px;width: 360px; margin-left: -5%;}
#banner-text2 span{width: 92%; font-size: 16px !important ;padding-left: 7%;padding-top: 4%;}
.f1{margin-left: 5%;margin-top: 2%; margin-bottom: 60px;}
.btn-banner4{text-align;width: 90%; display: inline-block;}
#button-fale {background: #FD3900; width: 70%; padding: 7px 20px; border-radius: 5px; float: right; margin-top: 25px;}
#btn-fale {color: #fff; line-height: 20px; font-size: 20px; font-family: 'EkMukta-Regular';}
.f2{margin-left: 45%;margin-top: 2%;}
.f3{margin: 0 auto; text-align: center; margin-top: -7px;}
.planos{padding-top: 10%;margin-left: 5%;text-align: center;}
.planos span {font-size: 38px;color:#606062;font-family: 'EkMukta-ExtraLight'; }
.btn-planos{text-align:center;width: 80%; display: inline-block;}
#button-planos {background: initial; width: 50%; padding: 10px 0; border-radius: 5px; float: left; margin-top: 25px;border:2px solid #FD3900;margin-left: 30%;}
#btn-plano {color: #FD3900; line-height: 20px; font-size: 20px; font-family: 'EkMukta-Regular';}
.f4 {width: 50%;margin-top: 8%;margin-left: -30%;}
.f4 img{padding-left: 25%;}
.computer{margin-top: -6%;margin-left: -7%;}
.computer img{width: 86%;}

/**************************************************/
/* Banner 05
/**************************************************/
#banner5 {width: 100%; background-image: url(../img/banner5.png); background-position: center; background-repeat: no-repeat; height: 525px; margin-top: 7%;}
.info-banner5 {text-align: center;padding-top: 5%;}
.info-banner5 span{font-size: 44px;color:#606062;font-family: 'EkMukta-ExtraLight';}
.sub-banner5{text-align: center;padding-top: 3%;}
.sub-banner5 span{font-size: 20px;color:#606062;font-family: 'EkMukta-Regular';}
.icons-banner5{ margin-top: 7%; text-align: center;padding-left: 20%;}
.icon{ width: 27%; padding-left: 2%;}
.btn-banner5{text-align: center;width: 50%; display: inline-block; margin-top: 4%;margin-left: 15%;}
#button-sol {background: initial; width: 50%; padding: 7px 0; border-radius: 5px; float: right; margin-top: 10px;border:2px solid #DE3C00;}
#button-sol a {color:#DE3C00;font-size: 20px; font-family: 'EkMukta-Regular';}
.icon img{
		border-radius: 2px;
	-webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	    -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	     -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	      -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);
	         transition: all .8s cubic-bezier(.190, 1.000, .220, 1.0);

}

.icon:hover img {
	-webkit-transform: scale(1.2);
	   -moz-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	     -o-transform: scale(1.2);
	        transform: scale(1.2);
}

/**************************************************/
/* Banner 06
/**************************************************/
.info-banner6 {padding-top: 7%;}
.caixa-texto{background-image: url(../img/banner6.png) ;background-size: 100%; background-repeat: no-repeat; height: 155px;text-align: center;}
.wind img{margin-left: 30%;margin-top: 5%;}
.info-wind {width: 85%; margin-left: 14%;margin-top: 8%;}
.info-wind span{font-size: 16px;color:#606062;font-family: 'EkMukta-Regular';width: 70%;}
/**************************************************/
/* Banner 07
/**************************************************/
#banner7 {width: 100%; background-image: url(../img/banner7.png); margin-top: 7%; background-repeat: no-repeat; background-position: top center; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.info-banner7{text-align: center;padding-top: 8%;}
.info-banner7 span{font-size: 58px;color:#fff;font-family: 'EkMukta-ExtraLight';}
.contato{color: #fff;padding-top:3%; padding-bottom: 1%;}
.contato-info {margin-left: 7%;width: 24%;}
.contato-info p {padding-top: 10px; font-size: 16px; color: #fff;}
#form2{margin-left: 40px;padding-right: 18%;margin-top: -10px;}
#txt-nome {width: 100%;border-radius: 0px;}
#txt-emp {width: 100%;border-radius: 0px;}
#txt-email {border-radius: 0px;width: 100%;}
#txt-tel {border-radius: 0px;width: 100%;}
.form-group label{color: #fff;font-size: 16px;font-family: 'EkMukta-ExtraBold';}
.texto-radio{color: #fff;font-size: 16px;font-family: 'EkMukta-ExtraBold';}
.radio label {color: #fff;font-family: 'EkMukta-Regular';font-size: 16px;}
#mensagem { margin-left: -95px;}
.txt-message{ width: 100%;height: 110px;color: #7A7C7F;border: none;}
.btn-contact{background: #DE3C00; color: #fff;border-radius: 0px;margin-top: 42px;}
.btn-form{background: #DE3C00; color: #fff;border-radius: 0px;margin-top: -15px;float: right;margin-right: 15px;}
footer{width: 100%;float: left;height: 40px;background-color: #7A7C7F;}
.logo-footer {padding-right: 135px;padding-top: 10px;text-align: right;}

/**************************************************/
/* modal 1
/**************************************************/
.modal-content {background-color: #DE3C00;border:3px solid #fff;border-radius: 6px;height: auto;}
.modal-body p {color: #fff;font-size: 26px;font-family: 'EkMukta-ExtraLight';line-height: 30px;}
.modal-body span {font-family: 'EkMukta-ExtraBold';}
.modal-body {text-align: center;padding-top: 27px;padding-bottom: 20px;}
.modal-body .btn-modal {border-radius: 3px; background-color:#0047B5; border: initial; color: #fff; font-size: 16px;}

/**************************************************/
/* modal 2
/**************************************************/
.modal-cont {background-color: #DE3C00;height: auto;border-radius: 10px;border: 3px solid #fff;}
.modal-close p {color: #fff;font-size: 26px;font-family: 'EkMukta-ExtraLight';line-height: 30px;padding-top: 10px;}
.modal-close span {font-family: 'EkMukta-ExtraBold';}
.modal-close {text-align: center;padding-top: 27px;padding-left: 20px;padding-right: 25px;}
.modal-close input {border-radius: initial;}
.modal-close form {padding-top: 30px;}
.modal-close .btn-modal2 {border-radius: 5px; background-color:#0047B5; border: initial; color: #fff; font-size: 14px; margin-left: 40px;  margin-top: 15px;padding-bottom: 10px}
.modal-close  .row {margin-top: -20px;}
.modal-close  .form-email {	margin-left: -20px;}
.modal-close  .botao-sair {float: right;margin-left: 10px;}
.modal-close .btn-exit {border-radius: 5px; background-color: #7A7C7F; border: initial; color: #fff; font-size: 14px; margin-top: 13px;}
.modal-close .btn {padding: 5px 8px;}

.modal-close  .botao-sair2 {float: right;margin-left: 10px;}
.modal-close .btn-exit2 {border-radius: 5px; background-color:#0047B5; border: initial; color: #fff; font-size: 14px; margin-top: 13px;}
.modal-close .btn1 {padding: 5px 8px;}

.g-recaptcha {
	float: right;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 15px;
}

#button-form {
	width: 100%;
	float: right;
	margin-bottom: 15px;
	padding-right: 15px;
	text-align: right;
	margin-top: 10px;
}