/* ==============================================================

 ====>> Table Of Content

	01 Basic
	02 Navbar 
	
============================================================== */

/* ====================================================
		========>> [ 01 Start Basic ] <<========	
====================================================== */
body {
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	
}
#body-v1 {
	background-image: url('../img/Background/1.png');
	background-size: cover;
	background-position: center;
}
#body-v2 {
	background-image: url(../img/Background/2.png);
	background-size: cover;
	background-position: center;
}
#body-v3 {
	background-image: url(../img/Background/3.png);
	background-size: cover;
	background-position: center;
}
#body-v4 {
	background-image: url(../img/v4/body.jpg);
	background-size: cover;
	background-position: center;
	color: #555877;
}
#body-v5 { 
	color: #555877;
}

.btn {
    background: none;
    color: #FD5001;
    border: 1px solid #FD5001;
	font-weight: 500;
}

#body-v4 .btn {
    background: none;
    color: #757794;
    border: 1px solid #757794;
	font-weight: 500;
}

#body-v4 a { 
    color: #757794; 
} 
#body-v4 a:hover { 
    color: #fff; 
} 
/* Bounce To Right */
.bottom-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
	 transition-duration: 0.5s;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.bottom-hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FD5001;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
	  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
	  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
	 transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
	 transition-timing-function: ease-out;
  
}
.bottom-hover:hover, .bottom-hover:focus, .bottom-hover:active {
	color: white; 
}
.bottom-hover:hover:before, .bottom-hover:focus:before, .bottom-hover:active:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
	  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  -o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	 transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* ====================================================
		========>> [ 02 Start Header ] <<========	
====================================================== */

.navbar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 9;
    min-height: 80px;
    margin-top: 20px;
}
.navbar .icon-bar {
	color: #fff;
}
.navbar .navbar-nav .nav-link {
	font-size: 15px;
	font-weight: 600;
	color: #fff; 
	margin: 15px 3px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.navbar .navbar-nav button { 
	margin: 15px 5px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.shrink {
	background: #fff; 
	padding: 0;
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	margin-top: 0px;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
	    transform: translateY(100px);
	-webkit-box-shadow: 0px 19px 29px -15px rgba(0,0,0,0.75);
	box-shadow: 0px 19px 29px -15px rgba(0,0,0,0.75);
} 
.shrink .navbar-nav .nav-link { 
	color: #6D2D0D;  
}  
.shrink .icon-bar {
	color: #222;
}
#body-v1 #my-menu li a:hover, #my-menu li .active {
    color: #FD5001; 
	background: none;
} 
#body-v2 #my-menu li a:hover, #my-menu li .active {
    color: #FD5001; 
	background: none;
} 
#body-v3 #my-menu li a:hover, #my-menu li .active {
    color: #FD5001; 
	background: none;
} 
 
#body-v4 #my-menu li a:hover, #my-menu li .active {
    color: #FD5001; 
	background: none;
} 
#body-v5 #my-menu li {
    color: #fff; 
	background: none;
} 
#body-v5 #my-menu li a:hover, #my-menu li .active {
    color: #FD5001; 
	background: none;
}  
#my-menu li ul li a{
    font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
#body-v1 #my-menu li ul li a:hover, #my-menu li ul li .active {
    color: #FD5001; 
	background: #0554d6; /* Old Browsers */ 
	background: -webkit-gradient(linear, left top, right bottom, from(#0554d6), to(#4575c6)); 
	background: -webkit-linear-gradient(top left, #0554d6, #4575c6); 
	background: -o-linear-gradient(top left, #0554d6, #4575c6); 
	background: linear-gradient(top left, #0554d6, #4575c6); /*Standard*/
}
#body-v2 #my-menu li ul li a:hover, #my-menu li ul li .active {
    color: #FD5001;  
    background: #44516a; /* Old Browsers */ 
	background: -webkit-gradient(linear, left top, right bottom, from(#44516a), to(#556079)); 
	background: -webkit-linear-gradient(top left, #44516a, #556079); 
	background: -o-linear-gradient(top left, #44516a, #556079); 
	background: linear-gradient(top left, #44516a, #556079); /*Standard*/
}
#body-v3 #my-menu li ul li a:hover, #my-menu li ul li .active {
    color: #FD5001; 
	background: #151e4a; /* Old Browsers */ 
	background: -webkit-gradient(linear, left top, right bottom, from(#151e4a), to(#212b57)); 
	background: -webkit-linear-gradient(top left, #151e4a, #212b57); 
	background: -o-linear-gradient(top left, #151e4a, #212b57); 
	background: linear-gradient(top left, #151e4a, #212b57); /*Standard*/
}
#body-v4 #my-menu li ul li a:hover, #my-menu li ul li .active {
    color: #FD5001; 
	background: #c8c6c6; /* Old Browsers */ 
	background: -webkit-gradient(linear, left top, right bottom, from(#c8c6c6), to(#ebe8e8)); 
	background: -webkit-linear-gradient(top left, #c8c6c6, #ebe8e8); 
	background: -o-linear-gradient(top left, #c8c6c6, #ebe8e8); 
	background: linear-gradient(top left, #c8c6c6, #ebe8e8); /*Standard*/
}
#body-v5 #my-menu li ul li a:hover, #my-menu li ul li .active {
    color: #FD5001; 
	background: #0554d6; /* Old Browsers */ 
	background: -webkit-gradient(linear, left top, right bottom, from(#0554d6), to(#4575c6)); 
	background: -webkit-linear-gradient(top left, #0554d6, #4575c6); 
	background: -o-linear-gradient(top left, #0554d6, #4575c6); 
	background: linear-gradient(top left, #0554d6, #4575c6); /*Standard*/
}
.btco-hover-menu .collapse ul > li:hover > a {
    background: none;
    color: #FD5001;
}
.logo {
    padding-left: 0 !important;
}
/* ====================================================
		========>> [ 03 Start Header ] <<========	
====================================================== */

#home-area {}
.home-text {
    padding: 70px 0;
	color: #fff;
}
#body-v4 .home-text { 
	color: #555877;
}
.home-text h2 {
    line-height: 65px;
}
.home-text p {
	padding: 30px 0px;
	line-height: 28px;
	font-weight: 500;
}
.home-downlod {}
.home-downlod button {
	padding: 13px 35px;
	font-weight: 500;
	color: #FD5001;
	border: 1px solid #FD5001;
	margin-right: 10px;
}
#body-v2 .home-downlod button { 
	color: #FD5001;
	border: 1px solid #FD5001; 
}
#body-v2 .home-downlod button:hover { 
	color: #fff; 
}
.home-downlod a {
    color: #FD5001;
    font-size: 25px;
    margin: 0 7px;
    display: inline-block;
}
.home-downlod a:hover {
    color: #fff; 
}

.home-img {
    margin: 0 15px;
}
.mobile-img {}
.mobile-img img {
    width: 100%;
    height: auto;
    position: relative;
	
}

.rown-img {}
.rown-img img {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 20% !important;
    margin: 0 auto;
	-webkit-animation:spin 4s linear infinite;
	        animation:spin 4s linear infinite;
}
@-webkit-keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg); 
	} 
 }
@keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg); 
	} 
 }

.home-padding {
    padding-top: 180px !important;
}

.home-item {}
.home-item img {
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
.home-item:hover img {
	-webkit-transform: rotateY(360deg);
	        transform: rotateY(360deg);
}
.home-item h5 {
	font-weight: 500;
	padding: 20px 0px 15px 0px;
}
.home-item p {
    font-size: 16px;
	font-weight: 300;
}

#body-v5 .bg1 {
	background-image: url(../img/v5/4.png);
	background-size: cover;
	background-position: center;
}
#body-v5 .bg2 {
	background-image: url(../img/v5/bg2.png);
	background-size: cover;
	background-position: center;
	z-index: 1;
} 
#body-v5 .home-padding {
    padding-top: 90px !important;
}
#body-v5 .home-item {
	padding: 25px 20px; 
	-webkit-transition: .4s; 
	-o-transition: .4s; 
	transition: .4s;
}
#body-v5 .home-item:hover {
	background: #1d2ada;
	color: #fff; 
}
#body-v5 .home-item h5  { 
	color: #1d2ada; 
}
#body-v5 .home-item:hover h5  { 
	color: #fff; 
}
#body-v5 .home-show img {
	display: block;
}
#body-v5 .home-heit img {
	display: none;
	-webkit-transform: rotateY(360deg);
	        transform: rotateY(360deg);
}
#body-v5 .home-item:hover .home-show img {
	display: none;
}  
#body-v5 .home-item:hover .home-heit img {
	display: block;
}  
/* ====================================================
		========>> [ 04 Start Features ] <<========	
====================================================== */

#features-area {}
.features-item {
    margin-top: 60px;
    display: inline-block;
}
.features-text {
    display: inline-block;
    float: left;
    width: 85%;
    padding: 0 6px;
}
.features-img .mobile-img {
    margin: 0 36px;
}
.features-text h5 {}
#body-v5 .features-text h5 {
	color: #1d2ada;
}
.features-text p {
    font-size: 14px;
    padding-top: 11px;
}
.features-text-img {
	width: 15%;
	float: left;
}
.features-text-img img {
	-webkit-transition: all .7s;
	-o-transition: all .7s;
	transition: all .7s;
}
.features-item:hover img {
	-webkit-transform: rotateY(360deg);
	        transform: rotateY(360deg);
}
.features-mobile-img {
    margin: 0 0;
}
.features-mobile-img img {
    height: auto;
}
.features-img .mobile-img {
    margin: 0 50px;
}
.screenchot-item {
    margin: 0 15px;
}
/* ====================================================
		========>> [ 05 Start Works ] <<========	
====================================================== */

#works-area {}

.works-item {}
.works-item-text { 
    text-align: center;
    margin-bottom: 30px;
    padding: 45px 0;
    border-radius: 12px;
}
#body-v1 .works-item-text { 
	background: #DB431B; /* Old Browsers */
	background: -webkit-linear-gradient(top left,#DB431B,#DB431B); /*Safari 5.1-6*/
	background: -o-linear-gradient(top left,#DB431B,#DB431B); /*Opera 11.1-12*/ /*Fx 3.6-15*/
	background: -webkit-gradient(linear, left top, right bottom, from(#DB431B), to(#DB431B));
	background: -webkit-linear-gradient(top left, #DB431B, #DB431B);
	background: -o-linear-gradient(top left, #DB431B, #DB431B);
	background: linear-gradient(top left, #DB431B, #DB431B); /*Standard*/
}
#body-v2 .works-item-text { 
	background: #DB431B; /* Old Browsers */
	background: -webkit-linear-gradient(top left,#44516a,#556079); /*Safari 5.1-6*/
	background: -o-linear-gradient(top left,#44516a,#556079); /*Opera 11.1-12*/ /*Fx 3.6-15*/
	background: -webkit-gradient(linear, left top, right bottom, from(#44516a), to(#556079));
	background: -webkit-linear-gradient(top left, #44516a, #556079);
	background: -o-linear-gradient(top left, #44516a, #556079);
	background: linear-gradient(top left, #44516a, #556079); /*Standard*/
}
#body-v3 .works-item-text { 
	background: #DB431B; /* Old Browsers */
	background: -webkit-linear-gradient(top left,#151e4a,#212b57); /*Safari 5.1-6*/
	background: -o-linear-gradient(top left,#151e4a,#212b57); /*Opera 11.1-12*/ /*Fx 3.6-15*/
	background: -webkit-gradient(linear, left top, right bottom, from(#151e4a), to(#212b57));
	background: -webkit-linear-gradient(top left, #151e4a, #212b57);
	background: -o-linear-gradient(top left, #151e4a, #212b57);
	background: linear-gradient(top left, #151e4a, #212b57); /*Standard*/
}
#body-v4 .works-item-text { 
	background: #DB431B; /* Old Browsers */
	background: -webkit-linear-gradient(top left,#c8c6c6,#ebe8e8); /*Safari 5.1-6*/
	background: -o-linear-gradient(top left,#c8c6c6,#ebe8e8); /*Opera 11.1-12*/ /*Fx 3.6-15*/
	background: -webkit-gradient(linear, left top, right bottom, from(#c8c6c6), to(#ebe8e8));
	background: -webkit-linear-gradient(top left, #c8c6c6, #ebe8e8);
	background: -o-linear-gradient(top left, #c8c6c6, #ebe8e8);
	background: linear-gradient(top left, #c8c6c6, #ebe8e8); /*Standard*/
}
#body-v5 .works-item-text { 
	background: #DB431B; /* Old Browsers */
	background: -webkit-linear-gradient(top left,#1d2ada,#515ad7); /*Safari 5.1-6*/
	background: -o-linear-gradient(top left,#1d2ada,#515ad7); /*Opera 11.1-12*/ /*Fx 3.6-15*/
	background: -webkit-gradient(linear, left top, right bottom, from(#1d2ada), to(#515ad7));
	background: -webkit-linear-gradient(top left, #1d2ada, #515ad7);
	background: -o-linear-gradient(top left, #1d2ada, #515ad7);
	background: linear-gradient(top left, #1d2ada, #515ad7); /*Standard*/
}
.works-item-text img { 
    padding-bottom: 12px;
	height: 55px;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
.works-item-text:hover img {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}
.works-item-text p {
	font-weight: 500;
	color: #fff;
}
#body-v4 .works-item-text p { 
	color: #556079;
}

.works-text {}
.works-text p {}

.video-youtub {}
.video i {
    display: inline-block;
    float: left;
    margin-right: 20px;
    font-size: 24px; 
    border-radius: 100%;
    width: 90px;
    height: 90px;
    padding: 19px; 
	-webkit-transition: all .4s; 
	-o-transition: all .4s; 
	transition: all .4s;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.75);
}
#body-v1 .video i { 
    color: #fff;
	background: #DB431B;
    border: 15px solid #DB431B;
}
#body-v1 .video i:hover { 
    background: #fff; 
    border: 15px solid #DB431B;
	color: #DB431B
}
#body-v2 .video i { 
    color: #fff;
	background: #556079;
    border: 15px solid #45516a;
}
#body-v2 .video i:hover { 
    background: #fff; 
    border: 15px solid #556079;
	color: #45516a
}
#body-v3 .video i { 
    color: #fff;
	background: #11183f;
    border: 15px solid #1b244d;
}
#body-v3 .video i:hover { 
    background: #fff; 
    border: 15px solid #192149;
	color: #1b244d
}
#body-v4 .video i {  
	background: #f5f5f5;
    border: 15px solid #e4e4e4;
}
#body-v4 .video i:hover { 
    background: #e4e4e4; 
    border: 15px solid #f5f5f5;
	color: #fff
}
#body-v5 .video i {  
	background: #1d2ada;
    border: 15px solid #5058d3;
	color: #fff;
}
#body-v5 .video i:hover { 
    background: #fff; 
    border: 15px solid #1d2ada;
	color: #5058d3
}
.video-text {
    padding: 14px 0;
}
.video-text h6 {
    font-weight: 600;
    padding-bottom: 8px;
}
.video-text p {
    font-size: 15px;
}

/* ====================================================
		========>> [ 06 Start Screenshot ] <<========	
====================================================== */

#screenchot-area {}
 
.swiper-container {
    width: 100%;
    padding-bottom: 60px;
}

.swiper-slide {
    width: 390px;
    height: auto;
    padding: 0 60px;
}

.swiper-slide img {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.swiper-slide .slider-image .preview-icon {
    z-index: -1;
    width: calc(100% - 30px);
}

.swiper-slide.swiper-slide-active .slider-image:hover .preview-icon {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.swiper-pagination-bullet {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #FD5001;
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}

.swiper-pagination-bullet-active { 
    border: medium none;
    height: 12px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    width: 12px;
}
.swiper-pagination-bullet {
    border: 1px solid #fff; 
}
.swiper-pagination-bullet-active {
	background-color: #fff; 
}  
.swiper-container-3d .swiper-slide-shadow-left {
    background: none;
}
.swiper-container-3d .swiper-slide-shadow-right {
    background: none;
}
#body-v4 .swiper-pagination-bullet {
    border: 1px solid #555877; 
}
#body-v4 .swiper-pagination-bullet-active {
	background-color: #555877; 
}  
#body-v5 .swiper-pagination-bullet {
    border: 1px solid #1d2ada; 
}
#body-v5 .swiper-pagination-bullet-active {
	background-color: #1d2ada; 
} 
/* ====================================================
		========>> [ 07 Start Pricing ] <<========	
====================================================== */

#pricing-area {}
.pricing-item { 
    padding: 19px 20px;
    border-radius: 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; 
}
.pricing-item:hover {  
	-webkit-transform: scale(1.1);  
	    -ms-transform: scale(1.1);  
	        transform: scale(1.1);   
}
#body-v1 .pricing-item {
    /* BANCO ECOFUTURO */
    background-image: url(../img/v1/price/bg1.png);
    background-size: cover;
    background-position: center; 
}
#body-v1 .pricing-item:hover {
    /* BANCO ECOFUTURO */
    background-image: url(../img/v1/price/bg2.png);
	background-size: cover;
    background-position: center; 
}
#body-v2 .pricing-item {
    background-image: url(../img/v2/price/bg1.png);
    background-size: cover;
    background-position: center;  
}
#body-v2 .pricing-item:hover {
    background-image: url(../img/v2/price/bg2.png);
	background-size: cover;
    background-position: center; 
}
#body-v3 .pricing-item {
    background-image: url(../img/v3/price/bg1.png);
    background-size: cover;
    background-position: center;  
}
#body-v3 .pricing-item:hover {
    background-image: url(../img/v3/price/bg2.png);
	background-size: cover;
    background-position: center; 
}
#body-v4 .pricing-item {
    background-image: url(../img/v4/price/bg1.png);
    background-size: cover;
    background-position: center;  
}
#body-v4 .pricing-item:hover {
    background-image: url(../img/v4/price/bg2.png);
	background-size: cover;
    background-position: center; 
}
#body-v5 .pricing-item {
    background-image: url(../img/v5/price/bg1.png);
    background-size: cover;
    background-position: center;  
	color: #fff;
}
#body-v5 .pricing-item:hover {
    background-image: url(../img/v5/price/bg2.png);
	background-size: cover;
    background-position: center; 
	color: #1b28d2;
}
.pricing-btn {
    display: inline-block;
    float: left;
    padding: 55px 0;
}
.pricing-nam {
    float: right;
    padding: 36px 38px 48px 0;
}
.pur-btn { 
	color: #fff; 
}
#body-v1 .pur-btn {
    /* BANCO ECOFUTURO */
	background: #DB431B;
	border: 0;
}
#body-v2 .pur-btn {
	background: #3d4960; 
	border: 0;
}
#body-v3 .pur-btn {
	background: #2b2f67; 
	border: 0;
}
#body-v4 .pur-btn {
	background: #fff; 
	border: 0;
}
#body-v5 .pur-btn {
	background: #1b28d2; 
	border: 0;
	
} 
.pricing-nam h2 {
	font-weight: 500;
	font-size: 50px;
}
.pricing-nam p {}
.pricing-item-list {
    overflow: hidden;
    width: 100%;
    list-style: none;
    text-align: center;
    margin: 0 0;
    padding: 34px 0;
}
.pricing-item-list li {
    line-height: 35px;
    font-weight: 400;
	position: relative; 
}
#body-v5 .pricing-item-list li { 
	color: #555877;
}
.pricing-item-list li:after {
    content: '';
    position: absolute;
    top: 13px;
    width: 7px;
    height: 7px; 
    left: 65px;
    border-radius: 100%; 
}
#body-v1 .pricing-item-list li:after { 
    background: #0060ff; 
} 
#body-v2 .pricing-item-list li:after { 
    background: #3d4960; 
}
#body-v3 .pricing-item-list li:after { 
    background: #414f70; 
}
#body-v4 .pricing-item-list li:after { 
    background: #414f70; 
}
#body-v5 .pricing-item-list li:after { 
    background: #1b28d2; 
}



/* ====================================================
		========>> [ 08 Start Team ] <<========	
====================================================== */

#team-area
.team-content {
	width: 20%;
	margin: 0 auto;
	float: left;
	text-align: center;
	padding:  0 5px;
} 

.our-team{
    text-align: center;
	margin-top: 30px;
}
.our-team .team-img{ 
    position: relative;
}
.our-team .team-img img{
    width: 100%;
	height: auto;
	-webkit-transition: 0.4s all linear;
	-o-transition: 0.4s all linear;
	transition: 0.4s all linear; 
}
.team-content:hover .team-img img{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);   
}
.our-team .social{
    width: 100%;
    height: 30%;
    background: rgba(0, 240, 255, 0.51);
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(-50%) rotate(-30deg);
        -ms-transform: translateY(-50%) rotate(-30deg);
            transform: translateY(-50%) rotate(-30deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#body-v4 .our-team .social{ 
    background: rgba(85, 88, 119, 0.51); 
}
#body-v5 .our-team .social{ 
    background: rgba(85, 88, 119, 0.51); 
}
.our-team:hover .social{
    height: 100%;
    opacity: 1;
    -webkit-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
}
.our-team .social ul{
    padding: 0;
    margin: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 45%;
    left: 0;
}
.our-team .social ul li{
    display: inline-block;
}
.our-team .social ul li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 17px;
    color: #fff !important;
    margin-left: 10px;
    background: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-team .social ul li a:hover{
    background: #fff;
    color: #00f0ff !important;
} 
.text-text {
    padding: 25px 0 10px 0;
}
.text-text h5 {
    color: #00f0ff;
	font-weight: 600;
	padding-bottom: 5px;
}
#body-v4 .text-text h5 {
    color: #555877; 
}
#body-v5 .text-text h5 {
    color: #555877; 
}
.text-text p {
    font-weight: 400;
}

/* ====================================================
		========>> [ 09 Start Testimonial ] <<========	
====================================================== */

#testimonial-area {}
.testimonial-item { 
    padding: 16px;
    border-radius: 7px; 
	-webkit-transition: all .5s; 
	-o-transition: all .5s; 
	transition: all .5s
}
.testimonial-item:hover { 
    -webkit-transform: scale(1.1); 
        -ms-transform: scale(1.1); 
            transform: scale(1.1);
}
#body-v1 .testimonial-item {
    /* BANCO ECOFUTURO */
    /*background: #06328f; */
}
#body-v2 .testimonial-item{ 
	background: #1c2434; 
}
#body-v3 .testimonial-item{ 
	background: #10122d; 
}
#body-v4 .testimonial-item{ 
	background: #f7f7f7; 
}
#body-v5 .testimonial-item{ 
	background: #f7f7f7; 
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
#body-v5 .testimonial-item:hover{ 
	background: #1d2ada;
	color: #fff;
}
.testimonial-item-text {}
.testimonial-item-text p{}
.testimonial-item-title {
    padding-top: 30px;
}
.testimonial-item-title img {
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.testimonial-item-title-text {
    padding: 6px 0;
}


/* ====================================================
		========>> [ 10 Start Blog ] <<========	
====================================================== */

#blog-area {}
.blog-item { 
	border-radius: 7px; 
	-webkit-transition: all .4s; 
	-o-transition: all .4s; 
	transition: all .4s;
	margin-top: 30px;
}
#body-v1 .blog-item {
	background: #0f1f5e;  
}
#body-v2 .blog-item {
	background: #1c2434; 
}
#body-v3 .blog-item {
	background: #10122d; 
}
#body-v4 .blog-item {
	background: #f7f7f7; 
}
#body-v5 .blog-item {
	background: #1d2ada; 
	color: #fff;
}
.blog-item:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1); 
}
.blog-img {}
.blog-img img {
    width: 100%;
    float: right;
}
.blog-text {
	padding: 0 20px;
}
.blog-text h6 {
    font-weight: 600;
}
.blog-text p {
    font-size: 14px;
    padding: 20px 0;
}
.blog-text a {
	border: 0px;
	color: #0060ff;
	margin-bottom: 20px; 
	font-weight: 400;
}
#body-v2 .blog-text a {
	color: #fff; 
}
#body-v4 .blog-text a {
	border: 0; 
}
#body-v5 .blog-text a {
	border: 0; 
	color: #fff;
}
.blog-text a i {
	margin-left: 5px;
}

/* ====================================================
		========>> [ 11 Start Contact ] <<========	
====================================================== */

#contact-area {}
/*=====>> content Start <<=====*/
.float {
	float: left;
}
.modal-dialog {
    max-width: 826px;
    margin: 5.75rem auto;
}
.btn-primary { 
    background: none;
    border: none; 
	width: 100%;
} 
.btn-primary img { 
    width: 100%;
	height: 400px;
}
.btn-primary:hover { 
    background: none;
    border: none; 
}
.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
}
button.btn.btn-primary {
    border: 0 !important;
}
#contact-map {
    width: 100%;
    height: 400px;
}
.click-herar {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
}
.click-herar i {
    font-size: 40px;
	color: #ff1637
}
.click-herar i {  
  -webkit-animation-name: icon-down;
          animation-name: icon-down;
  -webkit-animation-duration: 2.2s;
          animation-duration: 2.2s;
  -webkit-animation-timing-function: cubic-bezier(.15,.41,.69,.94);
          animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@-webkit-keyframes icon-down {
	0% { 
		opacity: 0; 
	}
	10% { 
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1; 
	}
	100% { 
		-webkit-transform: translateY(15px);
		transform: translateY(15px);
		opacity: 1;
	}
} 

.contact-detiles {
	text-align: center;
}
.content-from input {
    width: 100%;
    height: 45px;
    padding: 0 15px;
    margin-bottom: 20px; 
	color: #fff;
}
.content-from textarea {
    width: 100%;
    margin-bottom: 20px;
    height: 157px;
    padding: 15px; 
	color: #fff;
}
#body-v1 .content-from input { 
    background-color: #11205c;
	
}
#body-v2 .content-from input { 
    background-color: #293347;
}
#body-v3 .content-from input { 
    background-color: #151735;
}

#body-v4 .content-from input {  
	color: #000
}
#body-v5 .content-from input { 
    background: none;
	color: #fff;
}

#body-v1 .content-from textarea { 
	background-color: #11205c;
}
#body-v2 .content-from textarea { 
	background-color: #293347;
}
#body-v3 .content-from textarea { 
	background-color: #151735; 
} 
#body-v4 .content-from textarea { 
	background-color: #fff;
	color: #000;
}
#body-v5 .content-from textarea { 
	background: none; 
	color: #fff;
}
#body-v1 ::-webkit-input-placeholder { 
    color:#0060ff;
	text-transform: uppercase;
}
#body-v1 :-ms-input-placeholder { 
    color:#0060ff;
	text-transform: uppercase;
}
#body-v1 ::-ms-input-placeholder { 
    color:#0060ff;
	text-transform: uppercase;
}
#body-v1 ::placeholder { 
    color:#0060ff;
	text-transform: uppercase;
}
#body-v2 ::-webkit-input-placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v2 :-ms-input-placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v2 ::-ms-input-placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v2 ::placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v3 ::-webkit-input-placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v3 :-ms-input-placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v3 ::-ms-input-placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v3 ::placeholder { 
    color:#556079;
	text-transform: uppercase;
}
#body-v4 ::-webkit-input-placeholder { 
    color:#757794;
	text-transform: uppercase;
}
#body-v4 :-ms-input-placeholder { 
    color:#757794;
	text-transform: uppercase;
}
#body-v4 ::-ms-input-placeholder { 
    color:#757794;
	text-transform: uppercase;
}
#body-v4 ::placeholder { 
    color:#757794;
	text-transform: uppercase;
}
#body-v5 ::-webkit-input-placeholder { 
    color:#7d85fe;
	text-transform: uppercase;
}
#body-v5 :-ms-input-placeholder { 
    color:#7d85fe;
	text-transform: uppercase;
}
#body-v5 ::-ms-input-placeholder { 
    color:#7d85fe;
	text-transform: uppercase;
}
#body-v5 ::placeholder { 
    color:#7d85fe;
	text-transform: uppercase;
}
#body-v1 .submit-btn { 
    background: #0060ff;
}
#body-v2 .submit-btn { 
    background: #414f70;
} 
#body-v3 .submit-btn { 
    background: #3a496e;
} 
#body-v4 .submit-btn { 
    background: none; 
} 
#body-v4 .submit-btn:hover {  
	color: #fff;
} 
#body-v5 .submit-btn { 
    background: none;
	border: 1px solid #fff;
	border-radius: 5px;
} 
.submit-btn {
    width: 200px !important;
	height: 45px;
	text-transform: uppercase;
    margin-bottom: 0px !important; 
	color: #fff;
	border: 0px;
}
.mail-frome-map {
    -webkit-box-shadow: 0px 0px 23px -2px rgba(82,80,82,1);
    box-shadow: 0px 0px 23px -2px rgba(82,80,82,1);
    overflow: hidden;
    padding: 30px;
    border-radius: 7px;
    margin-top: -270px; 
}
#body-v1 .mail-frome-map {  
    background-image: url(../img/v1/con-bg.png);
    background-size: cover;
    background-position: center;
}
#body-v2 .mail-frome-map {  
    background-image: url(../img/v2/con-bg.png);
    background-size: cover;
    background-position: center;
}
#body-v3 .mail-frome-map {  
    background-image: url(../img/v3/con-bg.png);
    background-size: cover;
    background-position: center;
}
#body-v4 .mail-frome-map {  
    background-image: url(../img/v4/con-bg.png);
    background-size: cover;
    background-position: center;
}
#body-v5 .mail-frome-map {  
    background-image: url(../img/v5/con-bg.png);
    background-size: cover;
    background-position: center;
	color: #fff;
}
.contact-detiles-item {
    padding-bottom: 25px;
}
.contact-detiles-item i {
    font-size: 35px;
    padding-bottom: 10px;
}
.contact-detiles-item p {
    font-weight: 500;
}

/* ====================================================
		========>> [ 12 Start Contact ] <<========	
====================================================== */

#footer-area {
	
}
.footer-all-ditiles { 
	color: #fff;
}
#body-v4 .footer-all-ditiles { 
	color: #555877;
}
#body-v5 .footer-all-ditiles { 
	color: #555877;
}
.footer-item img {
	padding-bottom: 30px;
}
.footer-item {}
.padding-50 {
	padding-bottom: 50px;
}
.footer-mail-box {
    width: 70%;
    height: 40px;
    border-radius: 0;
    border: 0;
    padding: 0 15px; 
	color: #fff;
}
.footer-mail-btn {
    width: 30%;
    height: 40px;
    border-radius: 0;
    border: 0; 
    color: #fff;
    padding: 0;
    letter-spacing: 0;
}
#body-v1 .footer-mail-box { 
    background: #11205c; 
}  
#body-v2 .footer-mail-box { 
    background: #293347; 
}
#body-v3 .footer-mail-box { 
    background: #151735; 
}
#body-v4 .footer-mail-box { 
    background: none;
	color: #000;
}
#body-v5 .footer-mail-box { 
    background: none;
	color: #1d2ada;
}
#body-v1 .footer-mail-btn { 
    background: #0060ff; 
} 
#body-v2 .footer-mail-btn { 
    background: #1c2434; 
} 
#body-v3 .footer-mail-btn { 
    background: #0b0c22; 
}  
#body-v4 .footer-mail-btn { 
    background: #555877; 
	color:#fff;
}  
#body-v5 .footer-mail-btn { 
    background: #1d2ada; 
	color:#fff;
}  
.fdsa p {
    padding: 20px 0;
}
.copyright-socile a {
    color: #fff;
    margin: 0 7px;
    font-size: 25px;
    padding: 6px 0;
    display: inline-block;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
#body-v5 .copyright-socile a {
    color: #1d2ada; 
}
#body-v5 .copyright-socile a:hover {
    color: #FD5001; 
}
.copyright-socile a:hover {
    color: #FD5001; 
}
.copy-right { 
    padding: 20px 0;
    display: inline-block;
    width: 100%;
}
.footer-p {
    text-align: left;
    color: #fff;
    display: inline-block;
}
#body-v4 .footer-p { 
	color: #555877;
}
#body-v5 .footer-p { 
	color: #555877;
}
.footer-menu {
	float: right;
}
.footer-menu ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
}
#body-v5 .footer-menu ul li a { 
    color: #555877; 
}