@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap');


@font-face {
	font-family: 'LCALLIG';
	src: url('../fonts/LCALLIG.eot');
	src: local('LCALLIG'), url('../fonts/LCALLIG.woff') format('woff'), url('../fonts/LCALLIG.ttf') format('truetype');
}

body{
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	font-family: 'Ubuntu', sans-serif;
}



h1{font-size:2.400em;}
h2{font-size:2.000em;}
h3{font-size:1.600em;}
h4{font-size:1.400em;}
h5{font-size:1.200em;}
h6{font-size:1.067em;}

p,span,a{font-size: 1.00em;font-weight: 400;
	font-family: 'Ubuntu', sans-serif;}

@media(max-width:1600px){
	body{
		font-size: 15px;
	}
}

@media(max-width:1366px){
	body{
		font-size: 13px;
	}
}

@media(max-width:1279px){
	body{
		font-size: 12px;
	}
}

.row-0{margin-right:0;margin-left:0;}
.padLR0{padding-left:0;padding-right:0;}
.padLR10{padding-left:10px;padding-right:10px;}
.padL0{padding-left:0;}
.padR0{padding-right:0;}
.padL10{padding-left:10px;}
.padL20{padding-left:20px;}
.padL25{padding-left:25px;}
.padLR90{padding-left:90px;padding-right:90px;}
.padL20{padding-left:20px;}
.padT20{padding-top:20px;}
.pad0L15{padding:0 0 0 15px;}
.marR10{margin-right:10px;}
.marB0{margin-bottom:0px;}
.marB10{margin-bottom:10px;}
.marB20{margin-bottom:20px;}
.marT10{margin-top:10px;}
.marT20{margin-top:20px;}
.marT40{margin-top:40px;}
.marT60{margin-top:60px;}
.marLR30{margin-left: 30px;margin-right: 30px;}
.marBT20{margin-top:20px;margin-bottom:20px;}
.marBT40{margin-top:40px;margin-bottom:40px;}
img.width100{width:100%;max-width:100%;}



/*-----------------------------|Bootstrap override|------------------------------------------*/
@media (min-width: 1200px){
   .container-fluid {
        width: 100%;
        padding-right: 60px;
        padding-left: 60px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 1600px){
    .container-fluid {
        width: 80%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media (min-width: 1900px){
    .container-fluid {
        width: 75%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}
/*-------------------------------------------------------------------------*/
.fixed-header {
    width: 100%;
    margin: 0 auto;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
    min-height: 0px;
}

.fixed-header.shadow {
  -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
  background: rgb(255,255,255);
/*  background: linear-gradient(90deg, rgba(255,255,255,0.35) 0%, rgba(166,202,70,0.35) 50%, rgba(53,187,234,00.35) 100%);*/
}
.fixed-header .navbar-brand img{
  -webkit-transition: width 1s; /* Safari prior 6.1 */
  transition: width 1s;
}

.fixed-header.shadow .navbar-brand img{
    width:60px;
}
/*------------------------------------------------------------------------*/

.navbar-toggler{    
    position: relative; 
}
/*
.navbar-toggler::before {
    content: "Menu";
    position: absolute;
    left: -40px;
    top: 5px;
}
*/

.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
    
}

.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}


li.nav-item {
    padding: 0 1.250em;
}
li.nav-item a.nav-link {
    color: #000;
    font-weight: 400;
    font-size: 1.150em;
    /* border-bottom: 2px solid transparent; */
}
/*
li.nav-item.active a.nav-link {
    color: #002089;
    border-bottom: 2px solid #a71d21;
}
*/
@media(max-width:1600px){
    li.nav-item {
        padding: 0 1em;
    }
}

@media(max-width:1440px){
    li.nav-item {
        padding: 0 0.75em;
    }
}
@media(max-width:1199px){
    li.nav-item {
        padding: 0 1.250em;
    }
    
}

@media(max-width:1279px){
    li.nav-item {
        padding: 0 10px;
        border-bottom: 1px dashed #2f2f2f;
    }
    .dropdown-menu.show {
        margin-left: 0;
        border: none;
    }
    a.dropdown-item {
        border-top: 1px dashed #2f2f2f;
    }
    .navbar-nav.ml-auto{
        background: #fff;
    }
}

@media(max-width:480px){
     a.navbar-brand img {
        max-width: 75px;
    }
}
@media(min-width:1280px){
  #navbarResponsive .navbar-nav {
        margin-right: 0px;
    }  
}

/*---------------------------------------------------------------------*/
.home-banner{
    position:relative;
}

.home-banner h1{
    font-family: 'LCALLIG' !important;
    text-align: center;
}

.banner-text h4 {
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
}

.banner-text {
    position: absolute;
    top: 50%;
    left: 14%;
    z-index: 9;
}

.banner-text.b2 {
    position: absolute;
    top: 20%;
    left: auto;
    right: 10%;
    z-index: 9;
}
.banner-text.b3 {
    position: absolute;
    top: 30%;
    left:14%;
    z-index: 9;
}


.banner-text.b2 h4,.banner-text.b3 h4{
    margin-top: 10px;
}

@media(min-width:768px){
    .banner-text{
        display: none;
    }
    .banner-text.b1{
        display: block;
    }
   .banner-text.b2,.banner-text.b3{
        display: block;
        padding: 10px;
        background: rgba(255,255,255,0.70);
    }
}
@media(max-width:767px){
    .banner-text.b1{
        padding: 10px;
        background: rgba(255,255,255,0.70);
    }
    .banner-text.b1,.banner-text.b2,.banner-text.b3{
        display: none;
    }
    .banner-text {
        position: relative;
        top: 0;
        left: 0;
        right:0;
        bottom: 0;
        padding: 40px 20px 20px;
        background: #96af3c;
        margin: 0px 0;
    }
    .banner-text h4 br{
        display: none;
    }
    .banner-text h4 {
        text-align: center;
        font-weight: 400;
        color: #fff;
        line-height: 1.5;
        margin-top: 20px;
    }
    .home-banner h1 {
        font-family: 'LCALLIG' !important;
        text-align: center;
        color: #fff;
        margin-bottom: 20px;
    }
}
/*----------------------------------------------------------*/
.intro-text{
    padding: 40px 0px;
    background: #21b4e4;
}
.intro-text h2 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'LCALLIG' !important;
    text-align: center;
    padding: 0 0 40px;
    font-size: 2.5em;
}
.intro-text h3{
    color: #ffffff;
}
.intro-text h5 {
    margin-bottom: 10px;
    text-align: left;
    color: #fff;
    font-weight: 400;
}

@media(max-width:767px){
    .intro-text h2{
        padding-bottom: 20px;
    }
    .new-teammember-desc h3 {
        margin-top: 20px;
    }
}

/* --------------------------------------------------------- */
.result{
    padding: 40px 0 80px;
    background-image:url('../images/bg2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#diamond1,#diamond2,#diamond3,#diamond4,#diamond5 {
    width: 125px;
    height: 125px;
    background: #fff;
    margin: 03px 0 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    -ms-transform-origin: 50%;
    -o-transform-origin: 50%;
    transform-origin: 50%;
    color:#fff;
    border-radius: 10px;
    margin: 60px 0;
    position: relative;
}

#diamond5.exp-add{
    background: #21b4e4;
}
  

.result .position-absolute {
    position: absolute!important;
    top: 45%;
    left: 0;
    right: 0;
    color:#fff;
}
#diamond1 h3,#diamond2 h3,#diamond3 h3,#diamond4 h3,#diamond5 h3{
    color: #21b4e4;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
}

#diamond1 h3 {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 34%;
}
#diamond2 h3{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 34%;
}
#diamond3 h3{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
}
#diamond4 h3{
  position: absolute;
    width: 100%;
    text-align: center;
    top: 30%;  
}

#diamond5 h3{
   position: absolute;
    width: 100%;
    text-align: center;
    top: 34%;
}

.diamond-shape h4 {
    color: #fff;
}

.exp-text h4 {
    color: #fff;
    text-align: center;
    position: relative;
    top: 40px;
}

.display #diamond5{
    background: #21b4e4;
}
.display #diamond5 h3{
    color:#fff;
}
.result .flip-anim h4::before {  
            content: "Average"; 
        }
.display .flip-anim h4::before {  
            content: "Great"; 
        } 
.result .exp-text span::before {  
            content: "'Average'"; 
        }
.display .exp-text span::before {  
            content: "'Great'"; 
        } 


@media(max-width:1199px){
    
    #diamond1, #diamond2, #diamond3, #diamond4, #diamond5 {
        width: 100px;
        height: 100px;
        border-radius: 10px;
        margin: 30px 0;
        position: relative;
    }
    
    
    
}
@media(max-width:480px){
    .mob-w-100{
        display: block!important;
        width: 100%;
        flex-basis: auto!important;
        margin: 20px 0;
        font-size: 1.5em;
    }
    .col.diamond-shape.text-center.flip-anim {
        display: block;
        width: 100%;
    }
    #diamond1, #diamond2, #diamond3, #diamond4, #diamond5 {
        margin: 30px 0 30px 25px;
        position: relative;
    }
    div#diamond5 {
        transform-origin: 100% -45%;
    }
}

@media(max-width:420px){
    div#diamond5 {
        transform-origin: 100% -75%;
    }
}
@media(max-width:380px){
    div#diamond5 {
        transform-origin: 93% -50%;
    }
}
@media(max-width:360px){
    
    #diamond1, #diamond2, #diamond3, #diamond4, #diamond5 {
        margin: 30px 0 30px 10px;
        position: relative;
    }
    div#diamond5 {
        transform-origin: 100% -45%;
    }
    
}

@media(max-width:320px){
    
    div#diamond5 {
        transform-origin: 80% -38%;
    }
    
}


/*--------------------------------------------------------- */
.turn-around{
    padding: 40px 0;
    background-image:url('../images/bg3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.turn-around .sec-title h2 {
    text-transform: uppercase;
    margin-bottom: 0;
}
.turn-around h5{
    font-weight: 400;
}

.turn-item {
    padding: 10px;
    border: 1px solid black;
    border-radius: 10px;
}

@media(max-width:1199px){
    .turn-around .marT40 {
        margin-top: 40px;
        display: block;
    }
    .turn-around .col{
        margin-bottom: 20px;
    }
}
/*----------------------------------------------------------*/
.key-feat{
    padding: 40px 0 0;
}
.key-feat h2{
    color:#21b4e4;
    text-transform: uppercase;
}

.top-border{
    border-top: 1px solid #ccc;
}

.key-feat .col.padT20{
    border-left:1px solid #ccc;
    padding-bottom: 40px;
}

.serv-item p{
    margin-bottom: 0;   
    text-align: center;
}

.key-feat .owl-item img{
    max-width:200px;
}


.key-slider .owl-dots {
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
}

.key-slider button.owl-dot {
    width: 5px;
    height: 5px;
    background: #ccc;
    margin: 0 5px;
    border-radius: 20px;
}

.key-slider button.owl-dot.active {
    background: #90a846;
}

/*----------------------------------------------------------*/

.across-world{
    padding: 40px 0px;
    background: #90a846;
}
.across-world h2 {
    text-align: center;
    color: #fff;
    line-height: 1.5;
}
.across-world h5{
    margin-bottom: 0;
    text-align: center;
    color:#fff;
    font-weight: 400;
}

@media(max-width:767px){
    .across-world h2 br{
        display: none;
    }
    .across-world h5 {
        margin-top: 20px;
    }
    .mob-pad0{
        padding-left: 0;
        padding-right: 0;
    }
}

/*----------------------------------------------------------*/
.testimonials{
    padding: 40px 0;
    background-image:url('../images/bg4.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.testimonials .sec-title{
    margin:0px 0 20px;
}
.testimonials .sec-title h3,
.testimonials .sec-title h5{
    color:#fff;
}

.testimonials .sec-title h5{
    font-weight: 400;
}

.testm-item .quote-text p{
    padding: 0 20px;
} 

.testm-item {
    padding: 20px;
    position: relative;
    background: #fff;
    border-radius: 10px;
}


.quote-top i,.quote-bottom i{
    color:#21b4e4;
    font-size: 1.25em;
}
.quote-top.text-left {
   
    left: 15px;
}
.quote-bottom.text-right {
    position: absolute;
    right: 15px;
    bottom: 20px;
}

.testimonials-slider .owl-dots {
    text-align: center;
    margin-top: 20px;
    margin-bottom: -20px;
}

.testimonials-slider button.owl-dot {
    width: 5px;
    height: 5px;
    background: #fff;
    margin: 0 5px;
    border-radius: 20px;
}

.testimonials-slider button.owl-dot.active {
    background: #22a2d9;
}


@media(max-width:1199px){
    .quote-bottom.text-right {
        position: absolute;
        right: 15px;
        bottom: 10px;
    }
}
/*--------------------------------------------------------*/

.gallery-wrap{
    padding: 40px 0 60px;   
}
.gallery-wrap .sec-title{
    margin-bottom: 40px;
}

/* line 32, ../sass/demo.scss */
 .gallery a img {
  float: left;
  width: 20%;
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
 .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}

@media(max-width:767px){
    .gallery a img {
        width: 50%;
    }
}


/*--------------------------------------------------------*/
.our-presence{
    padding: 40px 0;   
}


.contact-details {
    padding: 20px;
    background: #90a846;
    border-radius: 10px;
	text-align:center;
}
.contact-details p,.contact-details p a,.contact-details h5{
    color:#fff;
    text-decoration: none;
}


.cf {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}


.contact-form {
    padding: 20px 20px 0;
}

.contact-form input,
.contact-form textarea{   
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}
.contact-form #submit {
    padding: 7px 30px;
    border: 1px solid #64abd5;
    color: #ffffff;
    border-radius: 3px;
    outline: 0;
    font-size: 1.150em;
    background: #64abd5;
    max-width: 120px;
    margin:0 auto;
    
    
}
.contact-form #submit:focus,
.contact-form #submit:active,
.contact-form #submit:hover{
    outline: 0;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}

.contact-form input:focus,
.contact-form textarea:focus,
.contact-form input:active,
.contact-form textarea:active{
    outline: 0;
    box-shadow: none;
    border:none;
    border-bottom:2px solid #64abd5;
    border-radius:0;
}

.contact-form h4 {
    font-weight: 600;
    margin: 20px 0;
    color: #64abd5;
}


div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
    color: #28a745;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    color: red;
}
.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}

@media(max-width:767px){
/*     .bord {
        transform: rotate(90deg);
        margin: -40px 0;
    } */
    .contact-details {
        margin: 20px 0;
    }
    .our-presence .marT40{
        margin-top: 20px;   
    }
}

/*----------------------------------------------------------*/

.our-clients{
    padding: 20px 0 40px;
    background: #22a2d9;
}

.our-clients .sec-title h3{
    color:#fff;
}


.logo-slider {
    max-width: 100%;
    margin: 20px auto 0;
}

@media(max-width:767px){
    .logo-slider .col-xl-6.col-sm-6 {
        max-width: 50%;
        display: inline-block;
    }
}

/*----------------------------------------------------------*/
footer {
    padding: 20px 0;
    -webkit-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.13);
}

footer ul.follow-us li{
    display: inline-block;
    margin: 0 10px;
}
footer ul.follow-us li a{
    color:#ccc;
}
footer ul.follow-us li a:hover {
    color: #90a846;
}
footer ul.follow-us li a i{
    font-size: 2.5em;
}

footer ul.quick-links li{
    display: inline-block;
    margin: 0 20px;
}

footer ul.quick-links li a {
    color: #000;
    font-size: 110%;
    text-decoration: none;
    line-height: 3;
}

@media(max-width:1279px){

    
}
@media(max-width:1279px){
    ul.follow-us,footer ul.quick-links {
        text-align: center;
    }

    footer ul.quick-links li {
        margin: 0 10px;
    }
    
}


/*----------------------------------------------*/

#scroll {
    position: fixed;
    right: 50px;
    bottom: 60px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #22a2d9;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#2f2f2f;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

@media(max-width:1199px){
    #scroll {
        bottom: 8px;
        right: 20px;
        width: 30px;
        height: 30px;
    }
    #scroll span {
        top: 55%;
        left: 55%;
        margin-left: -8px;
        margin-top: -12px;
        height: 0;
        width: 0;
        border: 6px solid transparent;
        border-bottom-color: #ffffff;
    }
}
@media(max-width:991px){
   #scroll {
        bottom: 100px;
        right: 20px;
        width: 30px;
        height: 30px;
        z-index: 9;
    }
}
/*---------------------------------------------------*/
.float {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 4px;
    right: 13px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 24px;
    box-shadow: 2px 2px 3px #999;
    z-index: 999;
    animation: float 6s ease-in-out infinite;
}

.float:hover,.float:focus,.float:active {
    
    background-color: #25d366;
    color: #FFF;
    z-index: 100;
    z-index: 999;
}


@keyframes float {
              0% {
                -webkit-transform: translatey(0px);
                        transform: translatey(0px);
              }
              50% {
                -webkit-transform: translatey(-20px);
                        transform: translatey(-20px);
              }
              100% {
                -webkit-transform: translatey(0px);
                        transform: translatey(0px);
              }
}


.my-float{
	margin-top:10px;
}
.botao-wpp i{
   margin-right: 10px; 
}

.botao-wpp {
    text-decoration: none;
    color: #eee;
    display: inline-block;
    background-color: #25d366;
    font-weight: bold;
    padding: 10px 16px;
    border-radius: 3px;
    font-size: 1.250em;
    text-decoration: none;
}

.botao-wpp:hover {
  background-color: #21bd5c;
    text-decoration: none;
    color:#fff;
}

.botao-wpp:focus {
    background-color: #1a9247;
    outline:none;
    color:#fff;
}


/*---------------------------------------------------*/

.show-phone{
    display: none;   
}
.hide-phone{
    display: block;
}


@media(max-width:1279px){
    .hide-phone{
        display: none;
    }
    .show-phone{
        display: block;   
    }
}