/*
Author       : Themes_Mountain.
Template Name: Shefa - Responsive App Landing Page
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US DESIGN
    05. START FEATURE ONE AND FEATURE TWO DESIGN
    06. START AMAZING FEATURES DESIGN
    07. START HOW IT WORKS DESIGN
    08. START APP SCREENSHOT DESIGN
    09. START HOW IT WORKS DESIGN
    10. START PRICING DESIGN
    11. START TESTIMONIAL DESIGN
    12. START DOWNLOAD DESIGN
    13. START FAQ DESIGN
    14. START NEWSLETTER DESIGN
    15. START CONTACT ADDRESS & CONTACT FORM DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 00.FONT STYLE
* ----------------------------------------------------------------------------------------
*/

/* CAROUSEL */
.ajuste_imagem {
	width:20%;
	float: left;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	margin-top: 20px;
	margin-left: 150px;
	background-color: #F2F2F2;
}

.ajuste_texto {
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
	margin-right: 50px;
	margin-left: 400px;
	text-align: justify;
	width: 50%;
}

.nome_padre {
	color: #333;
	}

.descricao_texto {
	color: #777;
	}

.fundo {
	margin-top: 5px;
	background-color: #FBEE66;
	width: 100%;
	height: 370px;
	}

.btn-saibamais {
	background-color:#c0414f;
	border-radius: 0px 0px 0px 0px;
	color: #FFF;
}


/* DEPOIMENTOS */
/*vermelho #c0414f */
/* amarelo #FBEE66 */
.btn-saibamais a:hover{
	background-color:#c0414f;
	border-radius: 0px 0px 0px 0px;
	color: #2a2b2f;
}

.ocultar {
	cursor:pointer;
	width: 100%;
	color: #C0414F;
	text-align: center;
}
.mostrar {
	color: #C0414F;
	padding: 2%;
	font-size: 18px;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'Gilroy';
    font-weight: 700;
    src: url('../fonts/Gilroy-ExtraBold.otf') format('opentype');
}

/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
font-family: 'Gilroy', 'Lato', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #777;
overflow-x: hidden;
margin: auto;
background: #fff;
}
.wrap{overflow: hidden}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    -webkit-animtion: bgchange 4s ease-in;
    animation: bgchange 4s ease-in;
    background-color: white;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

@keyframes bgchange
{
    0%   {background: white;}
    100% {background: rgba(255, 255, 255, 0.85);}
}

@-webkit-keyframes bgchange /* Safari and Chrome - necessary duplicate */
{
    0%   {background: white;}
    100% {background: transparent;}
}

.top-section-header{
    position:relative;
    text-align:center;
}

.top-section-header > h2{
    font-size:34px;
    font-weight:700;
    margin-top:0;
    margin-bottom:10px;
    text-transform:uppercase;
    letter-spacing:2px;
    color:rgba(0,0,0,.6);
}

.top-section-header > p{
    margin:0;
    color:rgba(0,0,0,.6);
    font-size:16px; 
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
    border-right: 5px solid rgba(0, 0, 0, 0.08);
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid #c0414f;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #c0414f none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 30px !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 35px;
    line-height: 33px;
    opacity: 1;
    position: fixed;
    right: 5px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 35px;
    z-index: 10;
}
.topcontrol:hover {
    background: #e0e0e0;
    color: #202020;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
.section-padding-half { padding: 30px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
font-size: 38px;
font-weight: 300;
letter-spacing: 2px;
margin-bottom: 0;
margin-top: 0;
position: relative;
}
.line{
border-bottom: 1px dashed #777;
display: block;
margin: 15px auto;
width: 80px;
position:relative;
}
@media only screen and (max-width:480px) { 
.section-title  p{padding:0 15px}
}
@media only screen and (max-width:992px) {
    .section-padding { padding: 30px 0 }
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    background: #FBEE66;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #c0414f !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {
    width: 90px;
    heitght: 45px;
    margin-left: 25px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border: none}
.menu-top li a {
color: #434142 !important;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #c0414f!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #FBEE66 }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}

@media (min-width: 992px) {
    .navbar-brand img {
        width: 110px;
        heitght: 55px;
    }
}
.navbar-default.menu-shrink {
background:#fff;
padding: 10px 0;
width: 100%;
 margin-top:0px
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #FBEE66 !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color: rgba(0, 0, 0, 0.6) !important; }
.navbar-default.menu-shrink li a:hover { color: #c0414f !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #c0414f }

.navbar .btn.btn-login {
    background-color: #c74a5a;
    border-radius: 0;
    margin-left: 12px;
    margin-right: 24px;
    color: #ffffff !important;
    font-size: 12px;
    letter-spacing: 2px;
    outline: 0!important;
    padding: 8px 23px;
    margin-top: 8px;
}
.navbar .btn.btn-login:hover{
    background: #e0e0e0;
    color: #202020 !important;
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 675px;
    position: relative;
    background-color: #FBEE66;
}
@media only screen and (max-width:992px) {
    .home_bg {height: 980px;}
}
@media only screen and (max-width:768px) { 
.home_bg {height: 820px;}
}

@media only screen and (max-width:480px) { 
.home_bg {height: 680px;}
}
@media only screen and (max-width:414px) { 
.home_bg {height: 740px;}
}
@media only screen and (max-width:375px) { 
.home_bg {height: 720px;}
}

@media only screen and (max-width:360px) { 
.home_bg {height: 680px;}
}
@media only screen and (max-width:320px) { 
.home_bg {height: 720px;}
}
/*.home_bg:before {*/
    /*background-color: #FBEE66;*/
    /*!*background: rgba(0, 0, 0, 0.4);*/
    /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 175'><defs><style>.a{fill:#dd3f4e;}</style></defs><title>bg-01</title><polygon class='a' points='1920 175 0 175 0 0 960 83.5 1920 0 1920 175'/></svg>");*/
    /*background-position: bottom;*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100%; *!*/
    /*content: "";*/
    /*height: 100%;*/
    /*!*filter: alpha(opacity=80);*!*/
    /*position: absolute;*/
    /*width: 100%;*/
/*}*/
.home_bg:after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 175'><defs><style>.a{fill:%23dd3f4e;}</style></defs><title>bg-01</title><polygon class='a' points='1920 175 0 175 0 0 960 83.5 1920 0 1920 175'/></svg>");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left: -1%;
    right: -1%;
    bottom: -1px;
    height: 100%;
    z-index: 2;
}
.hero-text h1 {
    color: #434142;
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 64px;
    padding-top: 200px;
    /*text-transform: capitalize;*/
    text-align: right;
}
@media only screen and (max-width:992px) {
    .hero-text h1 {
        padding-top:0px;
    }
}
@media only screen and (max-width:768px) { 
.hero-text h1 {
font-size: 40px;
line-height: 46px;
padding-top:0px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h1 {
		padding-top: 0px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h1 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
    color: #434142;

}
.home_btn{
margin-left: -10px;
margin-top: 30px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #434142;
border-radius: 50px;
color: #434142;
display: inline-block;
padding: 10px 30px;
margin: 0 10px 15px;
transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background:#434142;color:#e5e5e5;
}
.home_btn a i{
font-size: 20px;
margin-right: 5px;
vertical-align: middle;
}

.hero-text-img {
    padding-top: 150px;
    padding-top: 170px;
    z-index: 1;
}
.hero-text-img img {
  width: 350px;
}
.btn-video-container {
    padding: 40px 0;
}
@media only screen and (max-width:992px) {
    .hero-text-img img {width: 560px;}
}
@media only screen and (max-width:768px) {
.hero-text-img{padding-top: 130px; }
    .hero-text-img img {width: 450px;}
}
@media only screen and (max-width:480px) { 
.hero-text-img{
display: inline-block;
padding-top: 112px;
}
.hero-text-img img {width: 100%;}
}
@media only screen and (max-width:414px) { 
.hero-text-img{padding-top: 138px; }
}
@media only screen and (max-width:375px) { 
.hero-text-img{padding-top: 128px; }
}
@media only screen and (max-width:360px) { 
.hero-text-img{padding-top: 116px; }
}
@media only screen and (max-width:320px) { 
.hero-text-img{padding-top: 171px; }
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
.row-flex{display:flex;align-items: stretch}
.about-content{background:#FBEE66;}
.single_about{
background: #fff none repeat scroll 0 0;
margin-left: -1px;
padding: 60px 30px;
position:relative;
box-shadow:0 0 3px rgba(0, 0, 0, 0.15);
z-index:2;
transition: all 0.3s ease 0s;
}
.row-flex .single_about {
    min-height: 100%;
}
@media only screen and (max-width:768px) { 
.single_about{padding: 60px 28px;}
}
@media only screen and (min-width:768px) {
    .single_about{min-height: 510px }
}
@media only screen and (min-width:992px) {
    .single_about{min-height: 415px }
}
@media only screen and (min-width:1200px) {
    .single_about{min-height: 390px }
}
.single_about:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
/*.single_about:hover i{
background: #c0414f none repeat scroll 0 0;
border: 1px solid #c0414f;
color: #fff;
}
*/
.single_about .img{
/*border: 1px solid #eee;
border-radius: 100px;
color: #c0414f; */
font-size: 30px;
height: 80px;
line-height: 80px;
margin: auto;
margin-bottom: 15px;
text-align: center;
/*transition: all 0.3s ease 0s;*/
width: 80px;
}
.single_about h4{
font-size: 20px;
font-weight: 500;
margin-top: 0;
    margin-bottom: 30px;
}

.single_about p{
font-size: 18px;

}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */

 .img-responsive-pci {
    height: 100px;
 }

.feature-one{position: relative}
.single_feature_img{text-align: center;}
.single_feature_img img{display: inline-block;}
.single_feature_one{padding-top: 80px;}
.single_feature_one.feature_three{padding-top: 170px;}
@media only screen and (max-width:992px) {
    .single_feature_one, .single_feature_one.feature_three{
        padding-top: 30px;}
}
@media only screen and (max-width:768px) {
.single_feature_one, .single_feature_one.feature_three{
padding-bottom: 50px;
padding-top: 0;}
}
.single_feature_one h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_one p{margin: 30px 0;}

/*START FEATURE TWO DESIGN*/
.feature-two{position: relative}
.single_feature_two{padding-top: 50px;}
@media only screen and (max-width:1200px) {
.single_feature_two{padding-top: 0px;}
}
@media only screen and (max-width:480px) { 
.single_feature_two{padding-bottom: 0;
padding-top: 50px;}
.single_feature_two h3 br {
display: none;
}
}
.single_feature_two h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_two p{margin: 30px 0;}
.single_feature_two_img{padding-top: 0;}
@media only screen and (max-width:992px) {
    .single_feature_two_img {padding-top: 50px;}
}
@media only screen and (max-width:768px) {
    .single_feature_two_img {padding-top: 0;}
}
.single_feature_two_img {}

/*END FEATURE TWO DESIGN*/
.single_feature_btn_light{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.single_feature_btn_light:hover,
.single_feature_btn_light:focus {
    background: #c0414f;
    color: #fff;
}
.ms-wrapper button:hover {
    border-color: #c0414f;
    color: #c0414f;
}
/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 06.START AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.amazing_feature {
background:#f8f8f8;
padding-top:60px;
padding-bottom:30px;
    position: relative;
}

.single_feature {
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
padding: 10px 10px;
text-align: center;
    min-height: 377px;
}
@media only screen and (max-width:1200px) {
    .single_feature{min-height: 410px;}
}
@media only screen and (max-width:992px) {
    .single_feature{min-height: 375px;}
}
@media only screen and (max-width:768px) {
    .single_feature{min-height: initial}
}
.mgb-30 {
    margin-bottom: 30px;
}
.row-flex .single_feature {
    min-height: 100%;
}
/*.single_feature i {
border: 1px solid #e8e8e9;
border-radius: 50%;
color: #333;
display: inline-block;
font-size: 24px;
height: 80px;
line-height: 80px;
margin: 0 auto 15px;
position: relative;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
z-index: 3;
}
.single_feature:hover i{
	background: #c0414f;border: 1px solid #c0414f;color:#fff;
}
*/
.single_feature h3 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 700;
}
.single_feature span {
border-bottom: 1px dashed #ccc;
display: block;
margin: 15px auto 10px;
width: 80px;
}
.single_feature p { margin-bottom: 0 }
/*
* ----------------------------------------------------------------------------------------
* 06.END AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_how_it_work {
  /*padding-bottom: 100px; */
  position: relative
}
.how_it_work {
    background-color: #FFFFFF;
    padding-top: 60px;
}

.single_how_work{
    padding: 60px;
    text-align: center;
}
.single_how_work .img {
    margin: auto;
    margin-bottom: 25px;
}
.single_how_work h4 {
  letter-spacing: 1px;
  margin-top: 0;
  text-transform: uppercase;
}
.single_how_work span{
border-bottom: 1px dashed #777;
display: block;
margin: 15px 0;
position: relative;
width: 80px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/.s-slider .item { margin: 5px }
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #c0414f !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {
padding-bottom: 180px;
/*padding-top: 100px;*/
position: relative;
}
.about_video:after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 175'><defs><style>.a{fill:%23fbee66;}</style></defs><title>barra-inferior-yellow</title><polygon class='a' points='1920 175 0 175 0 0 960 83.5 1920 0 1920 175'/></svg>");
    background-position: center 101%;
    background-repeat: no-repeat;
    background-size: 105%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 1;
}
.video-container {
    position: relative;
    z-index: 2;
}
.video-container h2 {
    font-size: 18px;
    color: #777;
    font-weight: 700;
    margin-top: 120px;
    margin-bottom: 0;
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:320px) { 
    .video-container h3 { font-size: 20px }
}
.play-video {
background-color: #c0414f;
border-radius: 500px;
cursor: pointer;
height: 100px;
left: 51%;
margin-left: -63px;
position: absolute;
transition: all 0.2s ease 0s;
width: 100px;
}
.video-modal .close{
    font-size: 30px;
    position: absolute;
    right: -7px;
}
@media only screen and (max-width:768px) { 
.play-video{ margin-left: -63px;}
}

@media only screen and (max-width:480px) { 
.play-video{ margin-left: -55px;}
}

@media only screen and (max-width:375px) { 
.play-video{ margin-left: -53px;}
}


.video-container a { display: inline-block }
.video-container a:hover .play-video {
    background: #c0414f;
    color: #fff;
}
.video-container a:hover .fa-play { color: #fff }
.play-video .fa-play {
color: #fff;
font-size: 40px;
left: 40px;
position: absolute;
top: 30px;
}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 70px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe { border: none }
/*
* ----------------------------------------------------------------------------------------
* 09.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/.single-pricing {
background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
padding-bottom: 25px;
padding-top: 20px;
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom:40px}
}
.single-pricing-block{
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	background:#c0414f;
}
.block-caption small {
  color: #c0414f;
  font-size: 26px;
  position: relative;
  top: -17px;
}
.block-caption-white small{
	color:#fff;
    position: relative;
    top: -17px;
    font-size: 26px;
}
.single-pricing h4 {
  font-size: 16px;
  text-transform: uppercase;
}
.single-pricing ul {
  margin-bottom: 20px;
}
.single-pricing ul li{list-style:none;}
.single-pricing ul li {
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
font-size: 15px;
padding: 12px 0;
}
.single-pricing-block h4{color:#fff;}
.single-pricing-block h1{color:#fff;}
.block-caption {
  color: #c0414f;
}

.single-pricing-block ul li {
color:#fff;
    padding: 12px 0;
	font-size: 15px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.single-pricing-block ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 12px 0;
font-size: 15px;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background:#c0414f;
    color: #fff;
    border: 2px solid #c0414f;
	box-shadow: 0 14px 26px -12px rgba(26, 188, 156, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 188, 156, 0.2);
}
.btn-pricing-bg-block{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color: #c0414f;
}
.btn-pricing-bg-block:hover,
.btn-pricing-bg-block:focus {
    background:#fff;
    color: #c0414f;
    border: 2px solid #fff;
	box-shadow: 0 14px 26px -12px rgba(26, 188, 156, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(26, 188, 156, 0.2);
}
/*
* ----------------------------------------------------------------------------------------
* 10.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{background:#FBEE66;}
.testimonial.section-padding-half{
    position: relative;
    padding-bottom: 125px;
}
.testimonial:after {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 175'><defs><style>.a{fill:%23fff;}</style></defs><title>barra-inferior-white</title><polygon class='a' points='1920 175 0 175 0 0 960 83.5 1920 0 1920 175'/></svg>");
    background-position: center 101%;
    background-repeat: no-repeat;
    background-size: 105%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}
.single_testimonial{
/*background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); */
margin-bottom: 10px;
padding: 35px 15px;
}
.testimonial_img{
margin-bottom: 10px;
overflow: hidden;
}
.testimonial_img img{
border: 4px solid #eee;
border-radius: 500px;
float: left;
margin-right: 10px;
width: 80px;
}
.testimonial_img h4 {
font-weight: normal;
margin-bottom: 0;
margin-top: 15px;
overflow: hidden;
text-transform: capitalize;
}
.testimonial_img h5{
color: #777;
font-size: 16px;
font-weight: normal;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
overflow: hidden;
text-transform: capitalize;
} 

.testimonial-text p {
	margin-bottom: 20px;
}
.carousel-indicators li {
    border: 1px solid #333;
    border-radius: 12px;
    height: 12px;
    margin: 0 1px;
    width: 12px;
    background: #333;
}
.carousel-indicators .active {
  background-color: #c0414f;
  border: 1px solid #c0414f;
  height: 12px;
  margin: 0 1px ;
  width: 12px;
}
.site-wrapper { margin-bottom: 65px }
#team__carousel { margin-bottom: 0px }
#team__carousel .carousel-indicators { bottom: -50px }
.carousel-control { display: none }

/*
* ----------------------------------------------------------------------------------------
* 11.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 12.START DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.download {background:#c0414f none repeat scroll 0 0;}
.download_icon h2 {
  color: #fff;
  font-weight: 400;
  margin-top: 0;
}
.download_icon span{
border-bottom: 1px dashed #fff;
display: block;
margin: 20px auto;
position: relative;
width: 80px;
}
.download_icon p{color:#fff;margin-bottom: 30px;}
.download_icon img { margin: 0 10px }
@media only screen and (max-width:480px) { 
    .download_icon img { margin-bottom: 10px }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_faq{background: #FFFFFF none repeat scroll 0 0;
    padding-top:60px;
    padding-bottom:30px;
    color: #C0414F;
}
.template_faq .section-title h2 {
    color: #C0414F;
}
.faq_desc { 
background: #FFFFFF none repeat scroll 0 0;
margin-bottom: 30px;
padding: 20px;
/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);*/
}
.question { 
color: #C0414F;
font-weight: bold;
margin-bottom: 15px;
}
.question span {
    background: #202020 none repeat scroll 0 0;
    color: #FFFFFF;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #c0414f  none repeat scroll 0 0;
    color: #FFFFFF;
    margin-right: 10px;
    padding: 4px 10px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * START NEWS DESIGN
 * ----------------------------------------------------------------------------------------
 */
.news {
    background-color: #f8f8f8;
}
.logos-imprensa a{
    margin: 0 8px;
}
/*
 * ----------------------------------------------------------------------------------------
 * END NEWS DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 15.START CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_area{background:#FBEE66; padding-bottom: 0;}
.grecaptcha-badge {
    display: none;
}

.contact {
background: #fff none repeat scroll 0 0;
overflow: hidden;
height: 560px;
padding: 45px 10%;
}

.contact_address {
height: 560px;
overflow: hidden;
padding: 30px;
}

.input_padding {
    overflow: hidden;
    padding: 0 40px 56px;
}
.form-control {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
box-shadow: none;
color: #333;
height: 45px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #fff;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-container {
    padding: 12px 0;
}
.btn-contact-bg{
background: #c0414f none repeat scroll 0 0;
border-radius: 0;
color: #fff;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #e0e0e0;
    color: #202020;
}
@media only screen and (max-width:320px) { 
    .btn-contact-bg { padding: 10px 25px }
}
.mb0 { margin-bottom: 0 }
/*START CONTACT ADDRESS*/
.col-contact_address{
    background: #c0414f;
    padding-left: 5%;
}

@media only screen and (max-width:768px) { 
.contact_address {height:auto;}
.contact {height:auto;}
}

.single-address {
    margin-bottom: 20px;
    padding-left: 50px;
}
.single-address.title{
    padding-left: 0px;
    margin-bottom: 40px;
}
.single-address.title h2{color: #ffffff}
/*.single-address i {
    color: #c0414f;
    font-size: 22px;
    float: left;
    margin-right: 20px;
    width: 30px;
    height: 60px;
    line-height: 30px;
}
*/
.single-address h3 {
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.single-address h4 {
font-weight: 500;
text-transform: capitalize;
}
.single-address p, .single-address a {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 19px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.contact_social ul li { display: inline-block }
.contact_social ul li a {
border-radiuss: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-right: 3px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:320px) { 
.contact_social ul li a {margin-bottom: 3px; }
}
.contact_social ul li a:hover { opacity: .7}
/*
.f_facebook:hover{color:#3B5998; background: #fff;}
.f_youtube{color:#D32322; background: #fff;}

*/
.f_facebook{background:#3B5998;}
.f_whatsapp{background:#25d366;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_youtube{background:#D32322;}
.f_skype{background:#01A4E0;}
/*END CONTACT ADDRESS*/
/*
 * ----------------------------------------------------------------------------------------
 * 15.END CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
background: #FBEE66 none repeat scroll 0 0;
  padding:10px 0;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright p,.copyright a  {
font-size: 13px;
color:#2A6271;
margin-bottom: 0;
padding-top: 10px;
}
@media only screen and (max-width:480px) { 
.copyright p {text-align:center;}
}
.footer_menu {
    float: right;
    margin-top: 5px;
}
@media only screen and (max-width:480px) { 
    .footer_menu {
        margin-top: 15px;
        float: none;
    }
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display: inline }
@media only screen and (max-width:480px) { 
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.footer_menu ul li a {
    padding: 0 5px;
}
}
.footer_menu ul li a:hover { color: #c0414f }
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 00.CUSTOMIZATIONS
* ----------------------------------------------------------------------------------------
*/
.zdex-1 {
    z-index: 1;
}
.zdex-2 {
    z-index: 2;
}
.relative {
    position: relative;
}
.single_about .img {
    transition: transform 0.2s ease;
    transform: scale(1);
}
.single_about:hover .img {
    transform: scale(1.05);
}
.single_about:hover use, .single_feature:hover use {
    --primary-color: #fff;
    --secondary-color: #fff;
}
.single_about:hover use .color{
 opacity: 0;
}

.dashedline-v {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 60'><title>dashedline</title><line x1='1' y1='1' x2='1' y2='59' fill='none' stroke='%23cdd0d1' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/></svg>");
    background-repeat: repeat-y;
    width: 3px;
    position: absolute;
    left: 50%;
    top: -35px;
    height: 80px;
}

.container-line-left {
    position: absolute;
    padding-top: 2%;
    top: -50px;
    height: 250px;
    width: 23%;
    overflow: hidden;
    left: 17%;
}
.container-line-right {
    position: absolute;
    padding-top: 2%;
    top: -50px;
    height: 250px;
    width: 23%;
    overflow: hidden;
    right: 17%;
}
.container-line-right svg {
    float:right;
    transform: scaleX(-1)
}

.dashedline-2 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 120'><title>dashline-2</title><path d='M245.5,118.7H11.469A9.973,9.973,0,0,1,1.5,108.731V1.5' fill='none' stroke='#cdd0d1' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/></svg>");
    background-repeat: no-repeat;
    background-size: cover;
    width: 75%;
    position: absolute;
    left: 50%;
    bottom: -60%;
    height: 67%;
}
.dashedline-3 {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 120'><title>dashline-3</title><path d='M5,118.6H239.027A9.973,9.973,0,0,0,249,108.63V1.4' fill='none' stroke='#cdd0d1' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 3'/></svg>");
    background-repeat: no-repeat;
    background-size: cover;
    width: 75%;
    position: absolute;
    right: 50%;
    bottom: -60%;
    height: 67%;
}

.dashed {
    stroke-dasharray: 4;
    stroke-dashoffset: 8;
    animation: dash 2s linear infinite;
}
@keyframes dash {
    from {
        stroke-dashoffset: 0;
        height: 0px;
    }
    to {
        stroke-dashoffset: 8;
        height: 96px;
    }
}
.shape {
    display: none;
}

@media only screen and (min-width:992px) {
    .shape {
        display: block;
    }
}
.shape1{
    position: absolute;
    width: 23%;
    top: -10%;
    right: -2%;
}

.shape2{
    position: absolute;
    width: 20%;
    bottom: -15%;
    left: 2%;
}
.shape3{
    position: absolute;
    width: 24%;
    bottom: -30%;
    left: 35%;
}

.shape4{
    position: absolute;
    width: 20%;
    bottom: -8%;
    right: -1%;
}
.shape5{
    position: absolute;
    width: 24%;
    top: 6%;
    left: 1%;
}
.shape6 {
    position: absolute;
    width: 21%;
    bottom: -13%;
    right: -2%;
}
.shape7{
    position: absolute;
    width: 22%;
    bottom: 20%;
    left: -2%;
}

.shape8{
    position: absolute;
    width: 17%;
    bottom: 12%;
    left: 5%;
}

textarea.form-control {
    height: 120px;
}



@-webkit-keyframes vaivem {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes vaivem {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}



/*
 * 	Core Owl Carousel CSS File
 *	v1.3.2
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url('grabbing.png') 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.home-img {
    width: 100%;
    height: 150px;  
}

.contrib-section{
        padding-top:130px;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        background-color: #FFFFFF;
    }

.ajusteform{
        padding-bottom: 45px;
}

.btndivhome{
    text-align: right;
}

.btn {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .home-img {
        width: 100%;
        height: 150px;  
        margin-top: 0px;    
        padding-bottom: 10px;
    }    
  .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
   .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .home-img {
        width: 100%;
        height: 150px;
        margin-top: 0px;    
        padding-bottom: 10px;
    }   
   .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
    .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 424px) {
    .home-img {
        width: 100%;
        height: 150px;
        margin-top: 0px;    
        padding-bottom: 10px;
    }
   .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
    .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 414px) {
    .home-img {
        width: 100%;
        height: 150px;
        margin-top: 0px;    
        padding-bottom: 10px;
    } 
  
    .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
   .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 411px) {
    .home-img {
        width: 100%;
        height: 150px;
        margin-top: 0px;    
        padding-bottom: 10px;
    }
    
    .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
    .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .home-img {
        width: 100%;
        height: 150px;
        margin-top: 0px;    
        padding-bottom: 10px;
    } 
    
    .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
    .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 360px) {
    .home-img {
        width: 100%;
        height: 150px;  
        margin-top: 0px;    
        padding-bottom: 10px;
    }
   
    .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
    .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .home-img {
        width: 100%;
        height: 150px;
        margin-top: 0px;    
        padding-bottom: 10px;
    }
       
    .header-form > h2{
        font-size:20px;
        padding-left: 10px;
        padding-right: 10px;
        color: rgba(0,0,0,.6);
        text-align: center;
    }
    .header-form > p{       
        text-align: center;
    }
    .ajusteform{
        padding-bottom: 0px;
    }
    .btndivhome{
        text-align: center;
    }
    .btndivhome{
        text-align: center;     
    }
    .btn {
        width: 100%;
    }
}

.whatsapp {
    position: fixed;
    top: 85%;
    right: 5%;
    padding: 10px;
    z-index: 10000000;
}