@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


.vc { color:#a4d38e; }
.vo { color:#00573a; }
.am { color:#ffe55e; }

.fondo-vc { background-color:#a4d38e; }
.fondo-vo { background-color:#00573a; }
.fondo-am { background-color:#ffe55e; }

--verde-claro:  #034ea2;
--verde-oscuro: #00573a;
--amarillo:     #ffe55e;

.coremellow { font-family: 'Core Mellow',sans-serif !important; }

.slogan { 
	margin:auto; margin-top: 20px; text-align:center; background-color:#00573a; color:#fff; padding:10px; border-radius:5px; text-transform:none; font-family: 'Core Mellow',sans-serif; font-size:1.5rem; letter-spacing:1px; font-weight:100; max-width:400px;
}
.slogan2 { 
	margin:auto; margin-top: 10px; text-align:center; background-color:#00573a; color:#fff; padding:10px; border-radius:5px; text-transform:none; font-family: 'Core Mellow',sans-serif; font-size:1.5rem; letter-spacing:1px; font-weight:100; max-width:500px; 
}
.maxiquinua1 { 
	margin:auto; text-align:center; background-color:#00573a; color:#fff; padding:10px; text-transform:none;
	max-width:100%;
}
@media (max-width: 768px) {
	.maxiquinua1 { min-width:100%; }
	.slogan { margin-top: 0px; padding:20px 10px !important; font-family:'Core Mellow',sans-serif; font-size:1.3rem !important; letter-spacing:1px; max-width:300px; margin-bottom:20px; }
}
.maxiquinua1b { 
	margin:auto; text-align:center; background-color:#00573a; color:#fff; padding:10px; text-transform:none; 
	max-width:100%;
}

.maxiquinua2 { 
	margin:auto; margin-top: 0px; 
	text-align:center; background-color:#00573a; 
	color:#fff; padding:40px 20px; text-transform:none;
	border: 2px dashed #fff;
}
.maxiquinua2b { 
	margin:auto; margin-top: 0px; 
	text-align:left; background-color:#00573a; 
	color:#fff; padding:50px 30px; text-transform:none;
	border: 2px dashed #fff;
}

  
.blog-bradcrumb li, .blog-bradcrumb li a {
  display : inline-block;
  font-size : 13px;
  line-height : 32px;
  color : #999;
  text-decoration : none
}

html {
  overflow-x : hidden
}
body {
  overflow-x : hidden;
  font-family : 'Roboto',sans-serif;
  background-color : #fff;
  position : relative;
  font-size : 15px
}
body.home-style-two {
  padding : 0 !important
}
body.home-style-two.modal-open .navbar {
  padding : 15px 0 0 !important
}
body.home-style.three {
  padding : 0 !important
}
body.home-style.three.modal-open .navbar {
  padding : 15px 0 0 !important
}
section {
  padding-top : 80px;
  padding-bottom : 100px
}
h1 {
  line-height : 28px;
  font-size : 63px;
  margin-top : 25px;
  margin-bottom : 40px;
  color : #a4d38e;
  text-transform : uppercase;
  font-weight : 300;
  font-family : 'Roboto',sans-serif;
}
h2 {
  line-height : 28px;
  font-size : 30px;
  font-weight : 300;
  margin-bottom : 32px;
  color : #00573a;
  text-transform : uppercase;
  letter-spacing : 4px;
  font-family : 'Roboto',sans-serif;
}
h3 {
  line-height : 28px;
  font-size : 16px;
  font-weight : 600;
  margin-top : 30px;
  color : #00573a;
  text-transform : capitalize;
  letter-spacing : 1px;
  font-family : 'Asap',sans-serif;
}
h4 {
  line-height : 28px;
  font-size : 15px;
  font-weight : 400;
  margin-bottom : 0
}
h5 {
  line-height : 28px;
  font-size : 14px;
  font-weight : 400;
  text-transform : uppercase;
  margin-top : 15px;
  margin-bottom : 0;
  letter-spacing : 0.1em;
  color : #00573a
}
h6 {
  line-height : 28px;
  font-size : 12px;
  text-transform : uppercase;
  letter-spacing : 0.1em;
  margin-top : 25px;
  color : #00573a;
  margin-bottom : 25px
}
[class*="col-"] {
  position : relative
}
.form-check-input {
  position : absolute;
  left : 0;
  top : -2px
}
  .form-check-input : checked {
  background-color : #2bd4df;
  border-color : #2bd4df
}
  .form-check-input : focus {
  border-color : rgba(43, 212, 223, 0.3);-webkit-box-shadow : 0 0 0 0.25rem rgba(43, 212, 223, 0.2);
  box-shadow : 0 0 0 0.25rem rgba(43, 212, 223, 0.2)
}
.hire-us .nav-link {
  position : absolute;
  right : 0;
  top : -40px;
  background-color : #fff;
  font-weight : 500;
  border-radius : 25px 0 0 25px;
  padding : 9px 10px 9px 25px;
  letter-spacing : 1px
}
p {
  line-height : 1.6rem;
  font-size : 1.2rem; letter-spacing:1px;
  color : #00573a;
  letter-spacing : 0.03em;
  text-transform : none;
}
p.landing-caption {
  font-size : 30px;
  line-height : 1.5
}
p.landing-caption span {
  color : #444;
  font-weight : 600
}

@media (max-width: 768px) {
	p { font-size : 1.15rem !important; line-height : 1.6rem !important; letter-spacing:0px; }
	.p-center-mini { margin-top:20px;}
}

a {
  text-decoration : none
}
  a : hover {
  color : #fff;
  text-decoration : none
}
  a : focus {
  color : #fff;
  text-decoration : none
}

.huella { max-width:80%; }
.huella ul li {
        position: relative;
        list-style-type: none;
		left:30px;
		color:#00573a;
		line-height : 1.5rem;
		font-size : 1.15rem;
		padding-left:10px;
    }
	
.huella ul li:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -20px;
        width: 8px;
        height: 8px;
        background-image: url('../images/vineta1.png');
    }

.huella ul li {
	list-style-image: url('../images/vineta1.png'); 
}

@media (max-width: 768px) {
	.huella { max-width:90%; }
	.huella ul li {
			position: relative;
			list-style-type: none;
			left:10px;
			color:#00573a;
			line-height : 1.5rem;
			font-size : 1.15rem;
			padding-left:10px;
		}
		
	.huella ul li:before {
			content: "";
			position: absolute;
			top: 0px;
			left: -20px;
			width: 8px;
			height: 8px;
			background-image: url('../images/vineta1.png');
		}

	.huella ul li {
		list-style-image: url('../images/vineta1.png'); 
	}
}



section {
  overflow : hidden
}
.navbar-light .default-nav .navbar-nav .nav-link {
  font-family: 'Core Mellow';
  font-size : 1.1rem; letter-spacing:1px;
  font-weight : 100;
  color : #00573a;
  text-transform : uppercase;
  letter-spacing : 0px;
}
@-webkit-keyframes btn-animation {
  0%{-webkit-transform : translateX(4px);
  transform : translateX(4px)
}
50% {
  -webkit-transform : translateX(-4px);
  transform : translateX(-4px)
}
100% {
  -webkit-transform : translateX(0px);
  transform : translateX(0px)
}
}@keyframes btn-animation {
  0%{-webkit-transform : translateX(4px);
  transform : translateX(4px)
}
50% {
  -webkit-transform : translateX(-4px);
  transform : translateX(-4px)
}
100% {
  -webkit-transform : translateX(0px);
  transform : translateX(0px)
}
}.vertical-scrolling.active .price-block {
  -webkit-animation : pulse 1s ease-in-out;
  animation : pulse 1s ease-in-out
}
.vertical-scrolling.active .contact-subscribe {
  -webkit-animation : slideInLeft 1s ease-in-out;
  animation : slideInLeft 1s ease-in-out
}
  .vertical-scrolling.active .feature-style li : nth-child(3) {
  margin-bottom : 0
}
.vertical-scrolling.active .bottom-section .footer-style {
  -webkit-animation : fadeIn 1.5s ease-in-out;
  animation : fadeIn 1.5s ease-in-out
}
.vertical-scrolling.active .map iframe {
  -webkit-animation : fadeIn 1.5s ease-in-out;
  animation : fadeIn 1.5s ease-in-out
}
#map {
  height : 400px;
  width : 100%
}
.home {
  background-image : url(../images/1.png);
  width : 100vw;
  height : 100vh !important;
  background-repeat : no-repeat;
  margin-top : 0;
  display : block;
  background-size : cover;
  background-position : bottom;
  position : relative
}
.home .fp-tableCell {
  display : block
}
.gmap3 {
  margin : 20px auto;
  border : 1px dashed #C0C0C0;
  width : 1000px;
  height : 500px
}
.overflow-hidden {
  overflow : hidden
}
.blog-page section {
  padding-bottom : 80px;
  padding-top : 80px
}
.blog-page .media h5 {
  color : #444;
  font-weight : 600;
  text-transform : capitalize
}
.blog-page .media p {
  line-height : 24px;
  margin-bottom : 0;
  font-size : 14px
}
.leave-coment {
  margin-top : 30px
}
.leave-coment h3 {
  font-size : 18px;
  text-transform : uppercase
}
.breadcrumb {
  padding : 0.75rem 1rem
}
.breadcrumb-bg {
  background-color : #f7f7f7;
  margin : 0 auto;
  padding-top : 15px;
  padding-bottom : 15px
}
.breadcrumb-bg h2 {
  margin : 0;
  padding : 0.75rem 0
}
.blog-bradcrumb {
  float : right
}
.page-margin {
  margin-top : 125px
}
ul {
  list-style-type : none
}
.f-bold {
  font-weight : 700
}
.f-color {
  color : #444
}
.ms-10 {
  margin-left : 10px
}
.btn {
  background-color : #a4d38e
}
.theme-link {
  color : #19d0de;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .theme-link : hover, .theme-link : focus {
  color : #2cc6ff;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.form-group {
  position : relative
}
.form-group .show-hide {
  position : absolute;
  top : 50%;
  right : 20px;-webkit-transform : translateY(-50%);
  transform : translateY(-50%)
}
  .form-group .show-hide .show : after {
  content : "";
  width : 1px;
  height : 35px;
  background : #444;
  position : absolute;
  top : -11px;
  left : 5px;
  opacity : 1;-webkit-transform : rotate(30deg);
  transform : rotate(30deg)
}
.form-group .show-hide span {
  width : 12px;
  font-size : 0;
  height : 12px;
  line-height : 12px;
  background : #a4d38e;
  border-radius : 50%;
  float : right;
  cursor : pointer
}
  .form-group .show-hide span : before {
  content : "";
  width : 6px;
  height : 6px;
  border-radius : 50%;
  background : #444444;
  margin : auto;
  position : absolute;
  top : 0;
  left : 0;
  bottom : 0;
  right : 0
}
.btn-custom {
  color : #00573a;
  font-size : 1.2rem;
  font-family: 'Core Mellow',sans-serif;
  border-radius : 50px;
  text-transform : uppercase;
  padding : 10px 25px;
  cursor : pointer;
  border : none;
  background-size : 300% 100%;-webkit-transition : all .4s ease-in-out;
  transition : all .4s ease-in-out
  background-color: var(--verde-claro);
}
btn-custom: hover {
   box-shadow: 5px 5px 5px #333;
}
.btn-custom.theme-color {
  background-image : -webkit-gradient(linear, left top, right top, from(#19d3dc), color-stop(#a4d38e), color-stop(#a4d38e), to(#19d2dd));
  background-image : linear-gradient(to right, #19d3dc, #a4d38e, #a4d38e, #19d2dd)
}
  .btn-custom : hover {
  background-position : 100% 0;-webkit-transition : all .4s ease-in-out;
  transition : all .4s ease-in-out
}
  .btn-custom : focus {
  outline : none
}
  .btn-back : hover i {
  -webkit-animation : btn-animation 1s linear infinite;
  animation : btn-animation 1s linear infinite;-webkit-transform : scale(2);
  transform : scale(2)
}
.tap-top {
  width : 50px;
  height : 50px;
  position : fixed;
  bottom : 30px;
  right : 30px;
  z-index : 99;
  color : #fff;
  text-align : center;
  background-color: #00573a;
  border-radius : 100%;
  font-size : 22px;
  cursor : pointer;
  line-height : 2.2;
  display : none;
  border : 0px solid #fff
}
.tap-top : hover{
  color : #fff;
  background-color: #f00;
}
.m-width {
  max-width : 1580px
}
.back-img {
  background-image : url(../images/lannd-bg.png);
  background-position : bottom;
  background-repeat : no-repeat;
  background-size : cover;
  height : 100vh
}
.landing-circle {
  position : absolute;
  top : 20px;
  left : 20px
}
.landing-circle1 {
  -webkit-animation : movebounce 2.8s linear infinite;
  animation : movebounce 2.8s linear infinite
}
.landing-circle1 img {
  position : absolute;
  top : 204px;
  left : 260px
}
.landing-circle2 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.landing-circle2 img {
  position : absolute;
  top : 235px;
  left : 125px
}
.landing-page .fadeInLeft-land-caption img {
  height : 50px
}
.landing-circle3 {
  -webkit-animation : movebounce 3.9s linear infinite;
  animation : movebounce 3.9s linear infinite
}
.landing-circle3 img {
  position : absolute;
  top : 102px;
  left : 124px
}
.pt-70 {
  padding-top : 70px
}
.landing-title {
  font-weight : 700;
  color : #333;
  text-align : center;
  letter-spacing : 1px;
  margin-bottom : 20px
}
.border-shape {
  display : block;
  left : 0;
  margin : 15px auto;
  position : relative;
  right : 0;
  text-align : center;
  top : 0;
  width : 80px;
  height : 4px
}
.demo-description {
  line-height : 26px;
  text-align : center
}
.mt-35 {
  margin-top : 35px
}
.pc-bg {
  background-image : url(../images/screen1.png);
  width : 515px;
  height : 290px;
  display : inline-block;
  position : relative;
  background-repeat : no-repeat
}
  .pc-bg : hover .img-scroll {
  background-position : center 100% !important
}
.img-scroll {
  -webkit-transition : all 9s ease-out 0s;
  transition : all 9s ease-out 0s;
  background-position : center 0;
  background-repeat : no-repeat;
  position : absolute;
  width : calc(100% - 50px);
  height : calc(100% - 47px);
  top : 15px;
  left : 25px;
  background-size : cover
}
.home-demo-wrapper {
  -webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center
}
.demo-title {
  font-size : 18px;
  letter-spacing : 1px;
  margin-top : 20px;
  margin-bottom : 0;
  color : #333;
  font-weight : 700;
  line-height : 1
}
.color-variation {
  margin-top : 10px
}
.color-variation span {
  width : 20px;
  height : 20px;
  margin-right : .5rem;
  display : inline-block;
  border-radius : 50%
}
.bg_grad {
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), color-stop(99%, #19d0de));
  background : linear-gradient(#a4d38e 0, #19d0de 99%)
}
.bg_light-blue {
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #21edff), color-stop(99%, #2cc6ff));
  background : linear-gradient(#21edff 0, #2cc6ff 99%)
}
.bg_green {
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #20f98a), color-stop(99%, #11d89c));
  background : linear-gradient(#20f98a 0, #11d89c 99%)
}
.border-shape-two {
  background-color : #ddd;
  height : 1px;
  width : 100%;
  margin : 55px auto 10px
}
.border-shape-two span {
  background-color : #ddd;
  height : 7px;
  width : 100%;
  display : block;
  left : 0;
  margin : 4px auto;
  text-align : center
}
.features-bg {
  background-color : #eee
}
.margin-top-bottom {
  margin-top : 70px
}
.features-title {
  font-weight : 700;
  color : #777;
  font-size : 18px;
  text-transform : uppercase;
  text-align : center;
  margin-top : 25px
}
.features-img {
  width : 383px
}
.template-bg {
  background : #333
}
.tapl-title {
  font-size : 36px;
  font-weight : 700;
  color : #fff;
  text-transform : uppercase;
  letter-spacing : 1px
}
.rounded-5 {
  border-radius : 5px !important
}
.tamp-d-flex {
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center;
  height : 100%
}
.rating-title {
  color : #333;
  margin : 10px auto;
  letter-spacing : 1px;
  line-height : 1;
  font-size : 36px;
  font-weight : bold;
  text-transform : uppercase;
  text-align : center
}
.rating-star {
  margin-top : 0px;-webkit-animation : fadeIn 1.5s ease-in-out;
  animation : fadeIn 1.5s ease-in-out
}
.rating-star img {
  margin-right : 25px
}
.theme-nav .navbar {
  background-color : transparent
}
.theme-nav .nav-item {
  font-size : 14px;
  padding : 20px 0 20px 0px;
  color : #777;
  text-transform : uppercase;
  letter-spacing : 1px
}
.theme-nav .nav-item .nav-link {
  -webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .theme-nav .nav-item : hover .nav-link {
  color : #a4d38e;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.theme-nav .nav-item.dropdown .dropdown-menu {
  min-width : 200px;
  background : #fff;
  display : none;
  left : 15px;
  right : 0;
  margin : 0;
  border : 0;
  opacity : 0;
  padding : 20px;
  visibility : hidden;
  border-radius : 0;
  border-radius : 3px;
  overflow : hidden;-webkit-box-shadow : 0 6px 12px rgba(0, 0,0, 0.17);
  box-shadow : 0 6px 12px rgba(0, 0,0, 0.17);-webkit-transition : all 0.6s ease-in;
  transition : all 0.6s ease-in
}
.theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link {
  padding : 5px;
  font-size : 13px;
  text-transform : capitalize;
  letter-spacing : 0.3px;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease;
  cursor : pointer
}
.theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link.active {
  color : #a4d38e !important
}
  .theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link : hover {
  color : #a4d38e !important;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .theme-nav .nav-item.dropdown : hover .dropdown-menu {
  display : block;
  opacity : 1;
  visibility : visible
}
  .theme-nav .nav-item : last-child .dropdown-menu {
  right : 0;
  left : auto
}
  .theme-nav .nav-item : first-child .dropdown-menu {
  left : 15px
}
.theme-nav .dropdown-menu .nav-item {
  font-size : 13px;
  padding : 5px 10px;
  padding : 0
}
.theme-nav .dropdown-menu .nav-link {
  color : #777 !important
}



.theme-nav.darkHeader {
  padding-top : 0;
  padding-bottom : 0
}
.theme-nav.darkHeader .dropdown-menu .nav-item {
  padding : 0
}
.theme-nav.darkHeader .dropdown-menu .nav-item .nav-link.active {
  color : #a4d38e;-webkit-transition : all 0.3s ease-in-out;
  transition : all 0.3s ease-in-out
}


.theme-nav .dropdown-menu .nav-item {
  padding : 0
}
.theme-nav>li.dropdown {
  position : relative
}
.theme-nav.darkHeader .dropdown-menu .nav-item {
  padding : 0
}
.theme-nav .navbar-nav .active>.nav-link {
  color : #a4d38e;
  letter-spacing : 1px;
  cursor : pointer
}


.home-style-two .navbar-light .navbar-nav .nav-link, 
.three .navbar-light .navbar-nav .nav-link {
  color : #00573a;
  opacity : 0.95;
  padding:10px 20px;
}
.home-style-two .navbar-light .navbar-nav .nav-link: hover, 
.three .navbar-light .navbar-nav .nav-link: hover {
  color : #fff !important;
  opacity : 0.95
}


.home-style-two .navbar-light .navbar-nav .nav-link.active, .three .navbar-light .navbar-nav .nav-link.active {
  opacity : 1
}
.home-style-two .navbar-brand, .three .navbar-brand {
  -webkit-filter : brightness(0) invert(1);
  filter : brightness(0) invert(1)
}
.home-style-two .darkHeader .navbar-brand, .three .darkHeader .navbar-brand {
  -webkit-filter : none;
  filter : none
}
.home-style-two .darkHeader.navbar-light .navbar-nav .nav-link, 
.three .darkHeader.navbar-light .navbar-nav .nav-link {
  color : #00573a; border:0px dashed transparent;
}
.home-style-two .darkHeader.navbar-light .navbar-nav .nav-link:hover, 
.three .darkHeader.navbar-light .navbar-nav .nav-link:hover {
  color : #333; border:0px dashed #333;
}
.home-style-two .darkHeader.navbar-light .navbar-nav .nav-link:active, 
.three .darkHeader.navbar-light .navbar-nav .nav-link:active {
  color : #333; border:0px dashed #333;
}
.home-style-two .darkHeader.navbar-light .navbar-nav .nav-link>active, 
.three .darkHeader.navbar-light .navbar-nav .nav-link>active {
  color : #333; border:0px dashed #333;
}
.home-style-two .darkHeader.navbar-light .navbar-nav .active>.nav-link, 
.three .darkHeader.navbar-light .navbar-nav .active>.nav-link {
  color : #333; border:0px dashed #333;
}
.home-style-two .home-contain, .three .home-contain {
  color : #fff
}
.home-style-two.navbar-light .navbar-nav .nav-link : focus, 
.three.navbar-light .navbar-nav .nav-link : focus {
  color : #fff !important
}
.home-style-two .theme-nav .navbar-nav .active>.nav-link, .three .theme-nav .navbar-nav .active>.nav-link {
  color : #fff
}
  .home-style-two .navbar-nav .dropdown-menu .nav-link : hover, .three .navbar-nav .dropdown-menu .nav-link : hover {
  color : #a4d38e !important
}
.home-style-two .navbar ul.navbar li.nav-item a, .three .navbar ul.navbar li.nav-item a {
  color : #fff
}

.home-style .navbar-brand {
  -webkit-filter : brightness(0) invert(1);
  filter : brightness(0) invert(1)
}
.home-style nav.navbar .navbar-nav .nav-link {
  letter-spacing : 1px
}
.home-style nav.navbar .navbar-nav .active>.nav-link {
  color : #fff
}


.home-style nav.darkHeader .navbar-nav .nav-link {
  color : #00573a
}
.home-style nav.darkHeader .navbar-nav .nav-link.active {
  color : #00573a
}
.home-style nav.darkHeader .navbar-nav .active>.nav-link {
  color : #00573a
}
.home-style .darkHeader .navbar-brand {
  -webkit-filter : none;
  filter : none
}


.fixed-top {
  padding-top : 15px;
  padding-bottom : 15px;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}

.darkHeader {
  background-color: #ffe55e;
 /* -webkit-box-shadow : 1px 1px 12px 1px rgba(21, 21, 21, 0.4);
  box-shadow : 1px 1px 12px 1px rgba(21, 21, 21, 0.4);*/
  padding : 0;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease;
  color:#fff;
}
.darkHeader.theme-nav .nav-item {
  padding : 25px 0px 25px 0px;
}

.store {
  margin-top : 10px
}
.animated-circle.three img {
  bottom : 180px;
  left : 70px
}
  .animated-circle.three : before {
  bottom : 198px;
  left : 87px;-webkit-animation : 2.5s anim-effect-front 0s linear infinite;
  animation : 2.5s anim-effect-front 0s linear infinite;-webkit-box-shadow : 0 0 0 80px #e8e8e8;
  box-shadow : 0 0 0 80px #e8e8e8
}
  .animated-circle.three : after {
  bottom : 210px;
  left : 98px;-webkit-animation : 2.5s anim-effect-back 0s linear infinite;
  animation : 2.5s anim-effect-back 0s linear infinite;-webkit-box-shadow : 0 0 0 10px #f4f4f4;
  box-shadow : 0 0 0 10px #f4f4f4
}
  .animated-circle : before {
  -webkit-animation : 2.5s anim-effect-front 0s linear infinite;
  animation : 2.5s anim-effect-front 0s linear infinite;-webkit-box-shadow : 0 0 0 80px #e8e8e8;
  box-shadow : 0 0 0 80px #e8e8e8;
  position : absolute;
  content : '';
  width : 60px;
  height : 60px;
  bottom : 188px;
  left : 97px;
  border-radius : 50%;
  z-index : 0
}
  .animated-circle : after {
  -webkit-animation : 2.5s anim-effect-back 0s linear infinite;
  animation : 2.5s anim-effect-back 0s linear infinite;-webkit-box-shadow : 0 0 0 10px #f4f4f4;
  box-shadow : 0 0 0 10px #f4f4f4;
  position : absolute;
  content : '';
  width : 35px;
  height : 35px;
  bottom : 205px;
  left : 108px;
  border-radius : 50%;
  z-index : 0
}
.home-two {
  background-image : url(../images/home2/home2-slider.png);
  background-position : bottom
}
.home-two .slide-cap-desc {
  color : #fff
}
.home-two .contain {
  position : absolute;
  top : calc(50% + 5px);
  left : calc(50% + 10px);
  margin-right : -50%;-webkit-transform : translate(-50%, -100%);
  transform : translate(-50%, -100%)
}
.home-three {
  background-color:#a4d38e;
  /*background-image : url(../images/home3/home3-slider.png);*/
  background-size : contain;
  background-position : top
}
.home-three .home-right {
  -webkit-transform : translateY(175px);
  transform : translateY(175px)
}
.home-three .contain {
  position : absolute;
  top : calc(50% - 10px);
  left : 50%;
  margin-right : -50%;-webkit-transform : translate(-50%, -100%);
  transform : translate(-50%, -100%)
}
.home-decor .home-circle1 {
  position : absolute;
  top : 185px;
  left : 75px
}
.home-decor .home-circle2 {
  position : absolute;
  top : 180px;
  right : 188px
}
.home-decor .home-circle3 {
  position : absolute;
  top : 280px;
  right : 203px
}
.home-contain {
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  height : calc(130vh - 74px);
  /*margin-top : -27px;*/
  margin-top : 300px;
  text-align:center;
}
.home-contain h4 {
  text-transform : uppercase;
  font-weight : 700;
  letter-spacing : 0.14em;
  font-size : 18px
}
.home-right {
  -webkit-transform : translateY(90px);
  transform : translateY(90px);
  width : 100%;
  margin-top : -70px
}
.slide-cap-desc {
  color : #fff
}
@-webkit-keyframes anim-effect-front {
  0%{-webkit-box-shadow : 0 0 0 15px #e0e0e0;
  box-shadow : 0 0 0 15px #e0e0e0;
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 30px rgba(224, 224, 224, 0.6);
  box-shadow : 0 0 0 30px rgba(224, 224, 224, 0.6);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 40px rgba(224, 224, 224, 0);
  box-shadow : 0 0 0 40px rgba(224, 224, 224, 0);
  opacity : 0
}
}@keyframes anim-effect-front {
  0%{-webkit-box-shadow : 0 0 0 15px #e0e0e0;
  box-shadow : 0 0 0 15px #e0e0e0;
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 30px rgba(224, 224, 224, 0.6);
  box-shadow : 0 0 0 30px rgba(224, 224, 224, 0.6);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 40px rgba(224, 224, 224, 0);
  box-shadow : 0 0 0 40px rgba(224, 224, 224, 0);
  opacity : 0
}
}@-webkit-keyframes anim-effect-back {
  0%{-webkit-box-shadow : 0 0 0 30px #ececec;
  box-shadow : 0 0 0 30px #ececec;
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 50px rgba(236, 236, 236, 0.6);
  box-shadow : 0 0 0 50px rgba(236, 236, 236, 0.6);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 80px rgba(236, 236, 236, 0);
  box-shadow : 0 0 0 80px rgba(236, 236, 236, 0);
  opacity : 1
}
}@keyframes anim-effect-back {
  0%{-webkit-box-shadow : 0 0 0 20px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 20px rgba(236, 236, 236, 0.11);
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 50px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 50px rgba(236, 236, 236, 0.11);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 70px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 70px rgba(236, 236, 236, 0.11);
  opacity : 1
}
}.about {
  width : 100vw;
  background-color:#ffe55e;
  /*background-image : url(../images/about-bg.png);
  background-size : cover;
  background-repeat : no-repeat;*/
  margin-top : 0;
  position : relative;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}
.about-decor .about-circle1 {
  position : absolute;
  top : auto;
  right : 140px;
  bottom : 170px
}
.about-decor .about-circle2 {
  position : absolute;
  top : auto;
  right : 5px;
  bottom : 20px
}
.about-contain {
  -webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  height : 100%;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex
}
.about-contain p { font-size:1.1rem; line-height:1.3rem}

.about-right {
  /*background : #a4d38e;*/
  border-radius : 100%;
  height : 600px;
  width : 600px;
  float : right;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center
}
.about-icon {
  position : absolute;
  left : 8px;
  padding-right: 10px;
}
.icon-hover {
  border : 1px solid #e6e6e6;
  padding : 10px;
  border-radius : 50%;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease;
  width : 45px;
  height : 45px;
  text-align : center
}
.about-style {
  margin-bottom : 20px
}
.about-style li {
  margin-bottom : 27px
}
  .about-style li : last-child {
  margin-bottom : 0
}
.top-margin {
  margin-top : 7px
}
.feature {
 /* background-image : url(../images/feature-bg.png);*/
  background-color:#ffe55e;
  width : 100vw;
  min-height : 855px;
  background-repeat : no-repeat;
  background-size : cover;
  background-position : 0;
  margin-top : 0;
  position : relative;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}
.feature-style {
  padding : 0;
  margin-bottom : 0
}
.feature-style p {
  margin-top : 10px;
  margin-bottom : 0
}
.feature-style li {
  position : relative;
  margin-bottom : 45px
}
.feature-icon {
  position : absolute;
  padding : 0;
  top : 0
}
.feature-phone {
  position : absolute;
  top : 100px;
  left : 325px
}
.feature-phone img {
  width : auto;
  height : 750px
}
.screenshot {
  background-image : url(../images/screenshot-bg.png);
  background-repeat : no-repeat;
  background-size : cover;
  margin-top : 0;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  position : relative;
  background-position : center
}
.screenshot .col-sm-12 {
  position : relative
}
.screenshot-contain {
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  height : 630px
}
.screenshot-decor .screenshot-circle1 {
  position : absolute;
  top : 50px;
  right : 645px
}
.screenshot-decor .screenshot-circle2 {
  position : absolute;
  top : 100px;
  right : 675px
}
.screenshot-decor .screenshot-circle3 {
  position : absolute;
  top : auto;
  left : 35%;
  bottom : 0px
}
.mob-mocup {
  position : absolute;
  z-index : 2;
  width : 234px;
  left : 453px
}
.mobile-light-left {
  position : absolute;
  z-index : 9;
  width : auto;
  left : 38.4%;
  bottom : 50px;-webkit-animation : 2s ease-in 0s normal none infinite running highlight-left;
  animation : 2s ease-in 0s normal none infinite running highlight-left
}
.mobile-light-right {
  position : absolute;
  z-index : 9;
  width : auto;
  right : 38%;
  top : 0px;-webkit-animation : 2s ease-in 0s normal none infinite running highlight-right;
  animation : 2s ease-in 0s normal none infinite running highlight-right
}
.owl-carousel {
  z-index : 1
}
@-webkit-keyframes highlight-left {
  0%{opacity : 0;
  top : 320px
}
70% {
  opacity : 1
}
100% {
  opacity : 0;
  top : 0
}
}@keyframes highlight-left {
  0%{opacity : 0;
  top : 320px
}
70% {
  opacity : 1
}
100% {
  opacity : 0;
  top : 0
}
}@-webkit-keyframes highlight-right {
  0%{opacity : 0;
  bottom : 100px;-webkit-transform : scale(0);
  transform : scale(0)
}
70% {
  opacity : 1;-webkit-transform : scale(1);
  transform : scale(1)
}
100% {
  opacity : 0;
  top : 280px;-webkit-transform : scale(0);
  transform : scale(0)
}
}@keyframes highlight-right {
  0%{opacity : 0;
  bottom : 100px;-webkit-transform : scale(0);
  transform : scale(0)
}
70% {
  opacity : 1;-webkit-transform : scale(1);
  transform : scale(1)
}
100% {
  opacity : 0;
  top : 400px;-webkit-transform : scale(0);
  transform : scale(0)
}
}.team {
  background-image : url(../images/team-bg.png);
  width : 100vw;
  background-repeat : no-repeat;
  background-size : cover;
  position : relative;
  background-position : 0 10%
}
.team .team-circle1 {
  position : absolute;
  top : auto;
  left : 100px;
  bottom : 300px
}
.team .team-circle2 {
  position : absolute;
  top : auto;
  left : 180px;
  bottom : 180px
}
.team .team-circle3 {
  position : absolute;
  top : auto;
  left : 0;
  bottom : -150px
}
.team-block {
  background-image : url(../images/team-img-bg.png);
  width : 100%;
  height : auto;
  padding : 50px 30px
}
.team-block .team-social {
  left : 0;
  right : 0;
  text-align : center
}
.team-block .team-social li a {
  border : 1px solid #ddd;
  border-radius : 100%;
  padding : 8px;
  text-align : center;
  color : #59f7df;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.team-block .team-social li a i {
  width : 20px;
  font-size : 14px;
  color : #444444
}
  .team-block .team-social li a : hover {
  background-color : #59f7df;
  border : 1px solid #59f7df;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.team-box {
  background-color : #fff;
  padding : 30px
}
.team-box .overlay {
  position : relative
}
.team-box .team-avtar img {
  height : 170px;
  width : 170px !important;
  border-radius : 100%;
  margin : 0 auto
}
.team-text h3 {
  text-transform : uppercase;
  text-align : center;
  letter-spacing : 0.1em;
  margin-top : 30px;
  margin-bottom : 13px;
  line-height : 1
}
.team-text h6 {
  margin-top : 0;
  margin-bottom : 15px;
  text-align : center;
  line-height : 1
}
.team-social {
  position : absolute;
  padding-left : 0;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  margin : 0;-webkit-transition : .3s ease-in-out;
  transition : .3s ease-in-out;
  padding-bottom : 0
}
.team-social>li {
  margin : 0 2px;
  display : inline-block
}
  .team-social li a : hover i {
  color : #fff
}
.team-carousel {
  margin-top : 12px
}
.team-carousel .owl-dots {
  position : absolute;
  top : -80px;
  right : 0
}
.team-carousel.owl-theme .owl-dots .owl-dot span {
  border : 1px solid #fff;
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.team-carousel.owl-theme .owl-dots .owl-dot.active span {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);
  width : 25px;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .team-carousel button : focus {
  outline : 0
}
.blog-carousel {
  margin-top : 12px
}
.blog-carousel .owl-dots {
  position : absolute;
  top : -80px;
  right : 0
}
.blog-carousel.owl-theme .owl-dots .owl-dot span {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.blog-carousel.owl-theme .owl-dots .owl-dot.active span {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);
  width : 25px;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .blog-carousel button : focus {
  outline : 0
}
.price-carousel .price-item {
  margin : 3px
}
.price-carousel.owl-theme .owl-dots .owl-dot span {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.price-carousel.owl-theme .owl-dots .owl-dot.active span {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);
  width : 25px;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.testimonial-carousel.owl-theme .owl-dots .owl-dot.active span {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);
  width : 25px;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .testimonial-carousel.owl-theme .owl-nav [class*=owl-] : hover {
  background : none
}
.testimonial-carousel.owl-carousel button.owl-prev {
  position : absolute;
  height : 100%;
  top : 0;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  left : -170px
}
.testimonial-carousel.owl-carousel button.owl-next {
  position : absolute;
  height : 100%;
  top : 0;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  right : -170px
}
  .testimonial-carousel button : focus {
  outline : 0
}
.overlay {
  padding-top : 15px;
  padding-bottom : 30px
}
.d-align-center {
  -webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}
.blog {
  width : 100vw;
  margin-top : 0;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}
.blog-block {
  background-image : url(../images/team-img-bg.png);
  width : 100%;
  height : auto;
  padding : 15px
}
  .blog-block : hover img {
  -webkit-transform : rotate(3deg) scale(1.15);
  transform : rotate(3deg) scale(1.15);-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.blog-box {
  padding : 5px;
  background-color : #fff
}
.blog-box img {
  opacity : 1;-webkit-transition : .3s ease-in-out;
  transition : .3s ease-in-out;
  overflow : hidden
}
.blog-text h3 {
  margin-top : 15px;
  line-height : 24px;
  font-size : 17px;
  margin-bottom : 15px
}
.blog-text p {
  font-size : 14px;
  margin-top : 15px
}
.blog-text h5 {
  margin : 0;
  line-height : 1;
  text-transform : capitalize;
  display : inline-block;
  font-weight : 600
}
.blog-text h6 {
  margin-top : 20px;
  margin-bottom : 0
}
.blog-pagin {
  margin : 0
}
  .blog-pagin .page-item : first-child a.page-link {
  border-top-left-radius : unset !important;
  border-bottom-left-radius : unset !important
}
  .blog-pagin .page-item : last-child .page-link {
  border-top-right-radius : unset !important;
  border-bottom-right-radius : unset !important
}
.blog-pagin a.page-link {
  color : #a4d38e;
  font-size : 16px;
  border : 1px solid #eee;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
  .blog-pagin a.page-link : hover {
  text-decoration : none;
  background-color : #a4d38e;
  border-color : #a4d38e;
  color : #fff !important;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.blog-pagination {
  margin-top : 50px
}
.blog-pagination li.page-item {
  border-radius : unset
}
.sidebar img, .reply-comment img {
  border-radius : 5px
}
.sidebar-space {
  margin-bottom : 50px
}
.blog-title {
  text-transform : uppercase;
  font-size : 18px;
  color : #444;
  letter-spacing : 1px
}
.blog-divider {
  height : 1px;
  background-color : #eee;
  width : 100%;
  margin-top : 12px;
  margin-bottom : 12px
}
.blog-description {
  margin : 20px auto
}
.blog-cat-detail ul {
  padding : 0;
  margin : 0
}
.blog-cat-detail ul li a {
  color : #777;
  text-transform : capitalize;
  font-size : 14px;
  text-decoration : none;-webkit-transition : 0.3s ease;
  transition : 0.3s ease;
  font-weight : 500
}
  .blog-cat-detail ul li a : hover {
  color : #a4d38e;-webkit-transition : 0.3s ease;
  transition : 0.3s ease
}
.blog-cat-detail ul li i {
  margin-right : 15px
}
.blog-cat-detail .marg-15 {
  margin : 15px auto
}
.marg-20 {
  margin : 20px auto
}
.reply-comment {
  margin : 30px auto
}
.reply-comment>div+div {
  margin-top : 20px
}
.price {
  background-image : url(../images/price.png);
  position : relative;
  background-size : cover;
  background-repeat : no-repeat;
  width : 100vw;
  margin-top : 0;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}
.price-block {
  background-color : #fff;
  padding : 20px;
  text-align : center;-webkit-box-shadow : 0 5px 27px 0 rgba(0, 0,0, 0.05);
  box-shadow : 0 5px 27px 0 rgba(0, 0,0, 0.05);-webkit-transition : 0.3s ease;
  transition : 0.3s ease
}
  .price-block : hover .mrp h2 {
  color : #a4d38e;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.price-block .btn-custom {
  width : 100%;
  padding : 15px 25px;
  font-weight : 700;
  letter-spacing : 2px
}
.price-type {
  background-image : url(../images/price-bg.png);
  padding : 20px;
  background-size : cover
}
.price-type h2 {
  background-color : #fff;
  padding : 10px;
  text-align : center;
  color : #a4d38e;
  margin-bottom : 0;
  font-weight : 700;
  letter-spacing : 0.1em;
  font-size : 24px
}
.mrp h2 {
  font-size : 36px;
  letter-spacing : 0.1em;
  font-weight : bold;
  margin-bottom : 0;
  line-height : 1;
  margin-top : 30px;
  color : #333;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.mrp h6.user-type {
  font-weight : 400;
  color : #444;
  margin-bottom : 25px;
  line-height : 1
}
.price-year {
  font-weight : 700;
  margin : 5px;
  margin-bottom : 30px;
  line-height : 1
}
.price-devide {
  height : 1px;
  background-color : #eee;
  width : 245px;
  margin : 0 auto
}
.price-feature {
  padding : 0;
  margin : 25px auto
}
.price-feature li {
  padding : 10px;
  text-transform : capitalize;
  color : #777
}
.testimonial {
  background-image : url(../images/testimonial-bg.png);
  background-size : contain;
  position : relative;
  width : 100vw;
  margin-top : 0;-ms-flex-line-pack : center;
  align-content : center;
  padding : 0
}
.testimonial-decor .testi-circle1 {
  position : absolute;
  left : 247px;
  bottom : 160px
}
.testimonial-decor .testi-circle2 {
  position : absolute;
  left : 50px;
  top : auto;
  bottom : 0px
}
.testimonial-block {
  position : relative;
  padding : 80px;
  padding-left : 30px;
  padding-right : 30px;
  padding-bottom : 0
}
.testimonial-avtar {
  background-image : url(../images/Testimonial.png);
  border-radius : 100%;
  height : 120px;
  width : 120px;
  padding : 15px;
  text-align : center;
  margin : 0 auto;
  background-size : cover;
  position : absolute;
  top : 20px;
  left : 0;
  right : 0
}
.testimonial-avtar img {
  border-radius : 100%;
  height : 90px
}
  .testimonial-avtar : before {
  -webkit-animation : 2.5s anim-effct-testi 0s linear infinite;
  animation : 2.5s anim-effct-testi 0s linear infinite;-webkit-box-shadow : 0 0 0 80px #e8e8e8;
  box-shadow : 0 0 0 80px #e8e8e8;
  position : absolute;
  content : '';
  width : 120px;
  height : 120px;
  top : 0;
  left : 0;
  border-radius : 50%;
  z-index : 0
}
  .testimonial-avtar : after {
  -webkit-animation : 2.5s anim-effct-testi-back 0s linear infinite;
  animation : 2.5s anim-effct-testi-back 0s linear infinite;-webkit-box-shadow : 0 0 0 10px #f4f4f4;
  box-shadow : 0 0 0 10px #f4f4f4;
  position : absolute;
  content : '';
  width : 120px;
  height : 120px;
  top : 0;
  left : 0;
  border-radius : 50%;
  z-index : 0
}
.testimonial-text {
  text-align : center;-webkit-box-shadow : 0 0 65px 0 rgba(170, 170, 170, 0.25);
  box-shadow : 0 0 65px 0 rgba(170, 170, 170, 0.25);
  background-color : #fff;
  padding-top : 100px;
  padding-left : 40px;
  padding-right : 40px;
  padding-bottom : 40px;
  margin-bottom : 100px
}
.testimonial-text h3 {
  color : #a4d38e;
  margin-bottom : 0
}
.testimonial-text h6 {
  text-transform : capitalize;
  margin : 0
}
.testimonial-text p {
  letter-spacing : 0
}
@-webkit-keyframes anim-effct-testi {
  0%{-webkit-box-shadow : 0 0 0 8px #e0e0e0;
  box-shadow : 0 0 0 8px #e0e0e0;
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 15px rgba(224, 224, 224, 0.6);
  box-shadow : 0 0 0 15px rgba(224, 224, 224, 0.6);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 25px rgba(224, 224, 224, 0);
  box-shadow : 0 0 0 25px rgba(224, 224, 224, 0);
  opacity : 0
}
}@keyframes anim-effct-testi {
  0%{-webkit-box-shadow : 0 0 0 8px #e0e0e0;
  box-shadow : 0 0 0 8px #e0e0e0;
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 15px rgba(224, 224, 224, 0.6);
  box-shadow : 0 0 0 15px rgba(224, 224, 224, 0.6);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 25px rgba(224, 224, 224, 0);
  box-shadow : 0 0 0 25px rgba(224, 224, 224, 0);
  opacity : 0
}
}@-webkit-keyframes anim-effct-testi-back {
  0%{-webkit-box-shadow : 0 0 0 8px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 8px rgba(236, 236, 236, 0.11);
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 15px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 15px rgba(236, 236, 236, 0.11);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 25px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 25px rgba(236, 236, 236, 0.11);
  opacity : 1
}
}@keyframes anim-effct-testi-back {
  0%{-webkit-box-shadow : 0 0 0 8px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 8px rgba(236, 236, 236, 0.11);
  opacity : 1
}
50% {
  -webkit-box-shadow : 0 0 0 15px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 15px rgba(236, 236, 236, 0.11);
  opacity : 1
}
100% {
  -webkit-box-shadow : 0 0 0 25px rgba(236, 236, 236, 0.11);
  box-shadow : 0 0 0 25px rgba(236, 236, 236, 0.11);
  opacity : 1
}
}.contact {
  /*background-image : url(../images/Contact.png);*/
  position : relative;
  background-repeat : no-repeat;
  background-size : cover;
  overflow : hidden
}
.contact .contact-us {
  height : 100%;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}

.contact .contact-us h2 {
  font-family:'Core Mellow',sans-serif; font-size:2.2rem; letter-spacing:1px;
  line-height: 2.5rem;
}


.contact-decor .contact-circle1 {
  position : absolute;
  bottom : 210px;
  left : 280px
}
.contact-decor .contact-circle2 {
  position : absolute;
  bottom : 20px;
  left : 175px
}
.theme-form {
  margin-top : 45px
}
.theme-form .form-control {
  border : none;
  border-bottom: 2px dashed #00573a;
  border-radius : 0px;
  padding : 7px 14px;
  /*-webkit-box-shadow : 0 0 5px 0 rgba(170, 170, 170, 0.15);
  box-shadow : 0 0 5px 0 rgba(170, 170, 170, 0.15);*/
  font-family:'Roboto',sans-serif; font-size:1.0rem; letter-spacing:1px;
  background-color: #ffe55e;
  color: #00573a;
}

.theme-form .form-control::placeholder { color: #00573a; }

.theme-form .btn-custom {
  padding : 10px 40px
}
  .theme-form input : :-webkit-input-placeholder {
  color : #aaa !important
}
  .theme-form textarea : :-webkit-input-placeholder {
  color : #aaa !important
}
.theme-form .form-button {
  text-align : right
}
.theme-form .form-group {
  margin : 25px auto
}
.footer-text {
  text-align : center
}
.footer-text h2 {
  margin : 25px auto
}
.footer-text p {
  padding-left : 50px;
  padding-right : 50px;
  margin-bottom : 25px
}
.footer-text .footer-form {
  padding : 0
}
.footer-text .footer-form .form-control {
  border-radius : 50px;
  padding-top : 20px;
  padding-bottom : 20px;
  margin-bottom : 25px
}
.footer-form {
  padding-left : 50px;
  padding-right : 50px
}
.footer-form .form-group {
  margin-bottom : 20px
}
.footer-form .btn-custom {
  padding : 10px 40px
}
.footer-form .form-button {
  text-align : center
}
.footer-form .form-control {
  border-radius : 35px;
  text-transform : uppercase;
  padding-top : 15px;
  padding-bottom : 15px;
  border : 2px solid #eee;
  font-size : 12px;
  text-align : center
}
  .footer-form input : :-webkit-input-placeholder {
  color : #aaa !important;
  font-size : 13px;
  text-align : center;
  letter-spacing : 0.1em
}
.address-bar {
  background : -webkit-gradient(linear, left bottom, left top, color-stop(0, #19d0de), to(#a4d38e));
  background : linear-gradient(to top, #19d0de 0, #a4d38e 100%);
  padding-top : 100px;
  padding-bottom : 100px;
  margin : 0;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center
}
.footer-icon {
  position : absolute;
  top : -3px
}
.footer-style {
  padding : 0;
  margin : 0
}
.footer-style li {
  position : relative
}
.footer-style li+li {
  margin-top : 50px
}
  .footer-style li : nth-last-child(1) .footer-icon {
  margin-bottom : 0
}
.loader-wrapper {
  height : 100vh;
  width : 100vw;
  background-color : #fff;
  display : block;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center;
  position : fixed;
  z-index : 1031;
  top : 0
}
.loader {
  position : absolute;
  top : 50%;
  left : 50%;-webkit-transform : translate(-50%, -50%);
  transform : translate(-50%, -50%);
  width : 50px;
  height : 50px;
  background-color : #59f7df;
  border-radius : 50%
}
  .loader : after {
  content : '';
  position : absolute;
  border-radius : 50%;
  top : 50%;
  left : 50%;
  border : 0 solid #fff;-webkit-transform : translate(-50%, -50%);
  transform : translate(-50%, -50%);-webkit-animation : loading 1000ms ease-out forwards infinite;
  animation : loading 1000ms ease-out forwards infinite;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
@-webkit-keyframes loading {
  0%{border : 0 solid #fff;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
20% {
  border : 8px solid #fff;
  width : 0;
  height : 0;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
100% {
  border : 8px solid #fff;
  width : 100%;
  height : 100%;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
}@keyframes loading {
  0%{border : 0 solid #fff;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
20% {
  border : 8px solid #fff;
  width : 0;
  height : 0;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
100% {
  border : 8px solid #fff;
  width : 100%;
  height : 100%;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
}.fadin-blog {
  -webkit-animation : fadeIn 1.5s ease-in-out;
  animation : fadeIn 1.5s ease-in-out
}
.fade-button {
  -webkit-animation : fadeIn 1.5s ease-in-out;
  animation : fadeIn 1.5s ease-in-out
}
.fadinup {
  -webkit-animation : fadeIn 1.5s ease-in-out;
  animation : fadeIn 1.5s ease-in-out
}
.home-circle3 {
  -webkit-animation : movebounce 3.9s linear infinite;
  animation : movebounce 3.9s linear infinite
}
.about-circle2 {
  -webkit-animation : movebounce 3.9s linear infinite;
  animation : movebounce 3.9s linear infinite
}
.screenshot-circle3 {
  -webkit-animation : moveleftbounce 3.9s linear infinite;
  animation : moveleftbounce 3.9s linear infinite
}
.team-circle3 {
  -webkit-animation : movebounce 3.9s linear infinite;
  animation : movebounce 3.9s linear infinite
}
.contact-circle2 {
  -webkit-animation : moveleftbounce 3.9s linear infinite;
  animation : moveleftbounce 3.9s linear infinite
}
.home-circle1 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.about-circle1 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.feature-circle1 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.screenshot-circle1 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.team-circle2 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.testi-circle2 {
  -webkit-animation : movebounce 3s linear infinite;
  animation : movebounce 3s linear infinite
}
.contact-circle1 {
  -webkit-animation : moveleftbounce 3s linear infinite;
  animation : moveleftbounce 3s linear infinite
}
.home-circle2 {
  -webkit-animation : movebounce 2.8s linear infinite;
  animation : movebounce 2.8s linear infinite
}
.screenshot-circle2 {
  -webkit-animation : movebounce 2.8s linear infinite;
  animation : movebounce 2.8s linear infinite
}
.team-circle1 {
  -webkit-animation : movebounce 2.8s linear infinite;
  animation : movebounce 2.8s linear infinite
}
.testi-circle1 {
  -webkit-animation : movebounce 2.8s linear infinite;
  animation : movebounce 2.8s linear infinite
}
@-webkit-keyframes movebounce {
  0%{-webkit-transform : translateY(0px);
  transform : translateY(0px)
}
50% {
  -webkit-transform : translateY(20px);
  transform : translateY(20px)
}
100% {
  -webkit-transform : translateY(0px);
  transform : translateY(0px)
}
}@keyframes movebounce {
  0%{-webkit-transform : translateY(0px);
  transform : translateY(0px)
}
50% {
  -webkit-transform : translateY(20px);
  transform : translateY(20px)
}
100% {
  -webkit-transform : translateY(0px);
  transform : translateY(0px)
}
}@-webkit-keyframes moveleftbounce {
  0%{-webkit-transform : translateX(0px);
  transform : translateX(0px)
}
50% {
  -webkit-transform : translateX(20px);
  transform : translateX(20px)
}
100% {
  -webkit-transform : translateX(0px);
  transform : translateX(0px)
}
}@keyframes moveleftbounce {
  0%{-webkit-transform : translateX(0px);
  transform : translateX(0px)
}
50% {
  -webkit-transform : translateX(20px);
  transform : translateX(20px)
}
100% {
  -webkit-transform : translateX(0px);
  transform : translateX(0px)
}
}.color-1 {
  background : #a4d38e;
  background : -webkit-gradient(linear, left top, right top, from(#a4d38e), to(#14bdb4));
  background : linear-gradient(to right, #a4d38e, #14bdb4)
}
.color-2 {
  background : -webkit-gradient(linear, left top, right top, color-stop(0, #21edff), color-stop(99%, #2cc6ff));
  background : linear-gradient(to right, #21edff 0, #2cc6ff 99%)
}
.color-3 {
  background : #11d89c
}
.color-picker {
  position : fixed;
  right : -190px;
  top : 200px;
  width : 190px;
  z-index : 9;-webkit-transition : all .3s ease;
  transition : all .3s ease
}
.color-picker .settings-header {
  background : -webkit-gradient(linear, left top, left bottom, from(#a4d38e), to(#a4d38e));
  background : linear-gradient(#a4d38e, #a4d38e);
  padding : 5px 15px
}
.color-picker .settings-header h3 {
  color : #fff;
  margin : 0;
  font-size : 20px;
  padding : 4px 9px
}
.color-picker .section {
  background : #fff;
  padding : 20px;
  border : 1px solid #a4d38e;
  overflow : auto
}
.color-picker .section i {
  font-size : 16px;
  margin-right : 10px
}
.color-picker a.handle {
  position : absolute;
  right : 190px;
  width : 50px;
  height : 49px;
  color : #fff;-webkit-transition : all ease-in 0.3s;
  transition : all ease-in 0.3s;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center;
  font-size : 25px;
  z-index : -1;
  border-radius : 50%;
  text-decoration : none;
  background : #a4d38e;
  top : -80px;
  border : 1px solid #fff
}
.color-picker .colors a {
  width : 35px;
  height : 35px;
  margin : 0 7px;
  float : left;-webkit-transition : all ease-in 0.3s;
  transition : all ease-in 0.3s
}
.color-picker .skin a {
  display : block;
  width : 70px;
  height : 30px;
  margin-left : 0;
  margin-top : 0;
  margin-right : 5px;
  float : left;
  text-align : center;
  line-height : 30px;
  border : 2px transparent solid
}
.color-picker .skin a.actt {
  border : 2px #fff solid
}
.handle i {
  -webkit-animation : ring-rotate 3s infinite linear;
  animation : ring-rotate 3s infinite linear
}
  .handle : hover {
  background-color : #fff
}
@-webkit-keyframes ring-rotate {
  0%{-webkit-transform : rotate(0deg);
  transform : rotate(0deg)
}
100% {
  -webkit-transform : rotate(360deg);
  transform : rotate(360deg)
}
}@keyframes ring-rotate {
  0%{-webkit-transform : rotate(0deg);
  transform : rotate(0deg)
}
100% {
  -webkit-transform : rotate(360deg);
  transform : rotate(360deg)
}
}.sec-position {
  position : relative;
  top : -80px
}
.title span {
  font-weight : 700
}
img.main-logo {
  margin-bottom : 45px
}
.pages-space>div+div+div+div {
  margin-top : 50px
}
.features li {
  display : -webkit-inline-box;
  display : -ms-inline-flexbox;
  display : inline-flex;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  padding : 50px 0;
  text-align : center;
  border-right : 1px solid #ddd;
  border-bottom : 1px solid #ddd
}
  .features li : nth-child(4) {
  border-right : none
}
  .features li : nth-child(8) {
  border-right : none
}
  .features li : nth-child(12) {
  border-right : none
}
  .features li : nth-child(13) {
  border-bottom : none
}
  .features li : nth-child(14) {
  border-bottom : none
}
  .features li : nth-child(15) {
  border-bottom : none
}
  .features li : nth-child(16) {
  border-bottom : none
}
  .features li : last-child {
  border-right : none
}
.features li img {
  -webkit-transition : all 0.9s ease-out;
  transition : all 0.9s ease-out
}
.features li h3 {
  -webkit-transition : all 0.9s ease-out;
  transition : all 0.9s ease-out
}
  .features li : hover img {
  -webkit-box-shadow : 0 0 35px #33333326;
  box-shadow : 0 0 35px #33333326;-webkit-transition : all 0.3s ease-in-out;
  transition : all 0.3s ease-in-out
}
  .features li : hover h3 {
  color : #333;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease
}
.garb-img ul li {
  display : inline-block
}
.navbar-nav>li.dropdown {
  position : relative
}
.navbar-light .default-nav .navbar-nav .nav-link.active {
  color : #a4d38e
}
.navbar-light .navbar-nav>.nav-link {
  color : #444;-webkit-transition : all 0.3s ease-in-out;
  transition : all 0.3s ease-in-out;
  cursor : pointer
}
.navbar-light .navbar-nav>.nav-link.active {
  color : #fff
}
.navbar-light.darkHeader .navbar-nav .nav-link.active {
  color : #00573a;-webkit-transition : all 0.3s ease-in-out;
  transition : all 0.3s ease-in-out
}
.home-style-two .navbar-light .default-nav .navbar-nav .nav-link.active, .three .navbar-light .default-nav .navbar-nav .nav-link.active {
  color : #fff
}
.home-style-two .navbar-light.darkHeader .default-nav .navbar-nav .nav-link.active, .three .navbar-light.darkHeader .default-nav .navbar-nav .nav-link.active {
  color : #00573a
}
  .three .navbar-nav .dropdown-menu .nav-link : hover {
  color : #a4d38e !important
}
.video-play .modal-content {
  background-color : transparent;
  border : none
}
iframe.video-play {
  width : 1200px;
  height : 700px;
  margin : 0 auto;
  border : none
}
.play-button img {
  position : absolute;
  bottom : 170px;
  left : 80px;
  z-index : 9
}
  .abt-hover : hover .icon-hover {
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4d38e), to(#19d0de));
  background : linear-gradient(to bottom, #a4d38e 0, #19d0de 100%);-webkit-transition : all 0.2s ease;
  transition : all 0.2s ease
}
  .abt-hover : hover img {
  -webkit-filter : brightness(0) invert(1);
  filter : brightness(0) invert(1);-webkit-transition : all 0.2s ease;
  transition : all 0.5s ease
}
.about-text { margin-bottom:30px; }

.about-text h3 {
  margin-left :55px; padding-left : 12px;
  padding-top : 7px;
  padding-bottom : 7px;
  letter-spacing:0px;
  font-size:1.1rem;
  line-height: 1.1rem;
  border-left: 1px dashed #00573a;
  text-transform: none;
  vertical-align:middle;
  height:75px;

}

#iconos-bruno { margin:auto; max-width:80%; }

@media (max-width: 700px) {
	.about-text h3 { margin-left :25px; padding-left : 12px; font-size:1.0rem; line-height: 1.0rem; text-align:left; height:50px; }
	.about-icon img { max-width: 50px; left:0px; }
	#iconos-bruno { margin:auto; max-width:94%; }
	.about-text { margin-bottom:00px; }
}
.feature-decor .feature-circle1 {
  position : absolute;
  top : auto;
  right : 100px;
  bottom : 100px
}
.feature-subtitle h3 {
  padding-left : 35px;
  margin-top : 8px
}
.screenshot-carousel .owl-item.active {
  -webkit-filter : grayscale(100%);
  filter : grayscale(100%)
}
.screenshot-carousel .owl-item.active.center {
  opacity : 1;-webkit-filter : grayscale(0%);
  filter : grayscale(0%)
}
.screenshot-carousel .owl-item.cloned {
  -webkit-filter : grayscale(100%);
  filter : grayscale(100%)
}
.blog-list>div+div+div .blog-item {
  margin-top : 50px
}
.blog-detail .blog-text h3 {
  font-size : 18px
}
.page-item.active .page-link {
  color : #fff;
  background-color : #a4d38e;
  border-color : transparent;
  border : 1px solid #a4d38e
}
.tags .badge-theme {
  padding : 5px 7px;
  font-size : 12px;
  background-color : #a4d38e;
  margin-right : 2px;
  margin-bottom : 5px;
  color : #fff;
  font-weight : 400;-webkit-transition : 0.3s ease;
  transition : 0.3s ease
}
  .tags .badge-theme : hover {
  background-color : #444;-webkit-transition : 0.3s ease;
  transition : 0.3s ease
}
.recent-blog .media {
  margin-bottom : 15px;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center
}
.recent-blog .media h5 {
  line-height : 24px;
  font-size : 14px;
  font-weight : 600;
  color : #444;
  text-transform : capitalize;
  letter-spacing : 1px;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  max-width : 50%
}
.recent-blog .media p {
  font-size : 12px;
  text-transform : uppercase;
  letter-spacing : 0.1em;
  color : #777
}
.bottom-section iframe {
  width : 100%;
  height : 100%;
  border : 0
}
.footer-address a {
  padding-left : 35px;
  color : #fff !important;
  letter-spacing : 0.03em;
  line-height : 22px;
  margin-bottom : 0;
  display : block
}
.copyright-section p {
  text-align : center;
  width : 100%;
  padding : 15px;
  padding-bottom: 20px;
  margin-bottom : 0;
  font-size:0.85rem;
  letter-spacing:1px;
}
.copyright-section p a{
  color:#00573a;
  font-weight: 600;
}
.hueso-div { text-align:center; margin:auto; padding-bottom:20px;}

.datos-contacto { font-family:'Core Mellow',sans-serif; font-size:1.2rem; color:#00573a; text-align:center; 
margin-top:-10px; margin-bottom:20px;}

.datos-contacto a { color:#00573a; text-align:center; text-decoration:none; }
.datos-contacto a:hover { opacity:0.8;}

.footer-social { margin:auto; margin-top:-20px; max-width:500px; }
.footer-social ul { text-align:center; padding-left:0px; }
.footer-social li { display:inline; padding:5px; color:#00573a; font-size: 1.3rem; }
.footer-social li a { color:#00573a; }
.footer-social li a:hover { opacity:0.8; }



.social-btns .btn {
  margin : 0 10px
}
.social-btns .fb {
  background-color : #3b5998;
  background-image : -webkit-gradient(linear, left top, right top, from(#3b5998), color-stop(#3c769c), color-stop(#3b5b98), to(#3c749c));
  background-image : linear-gradient(to right, #3b5998, #3c769c, #3b5b98, #3c749c)
}
.social-btns .ggl {
  background-color : #d85040;
  background-image : -webkit-gradient(linear, left top, right top, from(#d85040), color-stop(#ff6e63), color-stop(#d85040), to(#f9695d));
  background-image : linear-gradient(to right, #d85040, #ff6e63, #d85040, #f9695d)
}
.authentication-form {
  min-height : 100vh;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;-webkit-box-pack : center;-ms-flex-pack : center;
  justify-content : center;
  /*background : #fafafa;*/
  background : #a4d38e;
  /*background-image : url(../images/auth-bg.jpg);
  background-repeat : no-repeat*/
}
.authentication-form h2{
  font-family:'Core Mellow',sans-serif !important;
}
.authentication-form h3{
  font-family:'Roboto',sans-serif !important; text-transform:none; font-weight:400; font-size:1.1rem; line-height:1.5rem; letter-spacing:0px;
}
.authentication-form .or-saparator {
  position : relative;
  padding : 10px 0;
  text-align : center
}
  .authentication-form .or-saparator : before {
  position : absolute;
  top : 50%;
  left : 0;
  height : 1px;
  margin-top : 1px;
  width : 100%;
  content : '';
  background : rgba(40, 56, 76, 0.1);
  z-index : 1
}
.authentication-form .or-saparator span {
  position : relative;
  display : inline-block;
  text-transform : uppercase;
  font-size : 0.81em;
  padding : 0 8px;
  background : #fff;
  color : #868686;
  z-index : 2
}
.authentication-form .card {
  border : 0;
  padding : 30px 50px 50px;
  width : 500px;
  margin : 0 auto;
  border-top : 3px solid #1ad7dd;
  border-radius : 0
}
.authentication-form .title {
  margin-bottom : 20px
}
.authentication-form p {
  width : 70%;
  margin : 0 auto 30px
}
.authentication-form .theme-form {
  margin-top : 0
}
.authentication-form .theme-form .form-control {
  -webkit-box-shadow : 0 0 5px 0 rgba(170, 170, 170, 0.35);
  box-shadow : 0 0 5px 0 rgba(170, 170, 170, 0.35)
}
.authentication-form .innerpage-decor .innerpage-circle1 {
  bottom : 180px
}
.authentication-form .innerpage-decor .innerpage-circle2 {
  bottom : 20px
}
.error-font {
  font-size : 230px;
  line-height : 1;
  font-weight : 900;
  color : #00573a;
  letter-spacing : -42px
  font-family:'Core Mellow',sans-serif;
}
.error-font span {
  display : inline-block;
  color : #444
}
.sub-content {
  font-weight : 600
}
.innerpage-decor .innerpage-circle1 {
  position : absolute;
  left : 247px;
  bottom : 250px;-webkit-animation : movebounce 2s linear infinite;
  animation : movebounce 2s linear infinite
}
.innerpage-decor .innerpage-circle2 {
  position : absolute;
  left : 50px;
  top : auto;
  bottom : 80px;-webkit-animation : movebounce 4s linear infinite;
  animation : movebounce 4s linear infinite
}
.margin-bottom>div+div+div+div .review-box {
  margin-top : 30px
}
.review-box {
  -webkit-box-shadow : 0px 11px 35px 2px rgba(0, 0,0, 0.1);
  box-shadow : 0px 11px 35px 2px rgba(0, 0,0, 0.1);
  padding : 30px;
  text-align : center;
  background-color : #fff
}
.review-box img {
  height : 60px;
  border-radius : 100%
}
.review-box h5 {
  color : #19d0de;
  font-size : 18px;
  margin-top : 20px;
  margin-bottom : 5px;
  text-transform : capitalize;
  font-weight : 600
}
.review-box p {
  font-size : 14px;
  margin-top : 10px
}
.review-box i {
  color : #eeb829
}
.faq .card {
  border-radius : 25px;
  border-color : #f1f1f1
}
.faq .accordion-collapse {
  border : none
}
.faq a i {
  float : right;-webkit-transition : all 0.3s ease;
  transition : all 0.3s ease;
  padding-top : 3px;
  font-size : 20px
}
.faq .card-body {
  line-height : 1.7;
  padding : 15px 35px
}
.faq .card-header {
  background-color : transparent;
  border-bottom : 1px solid #f1f1f1;
  cursor : pointer;
  padding : 15px 35px;
  border-radius : 25px
}
.faq .card-header a {
  font-size : 16px;
  font-weight : 600;
  color : #797979
}
.faq .card-header[aria-expanded="true"] a {
  color : #2bd4df
}
  .faq .card-header[aria-expanded="true"] a i : before {
  content : "\f106"
}
.thanks-section img {
  margin-bottom : 15px
}
.thanks-section h2 {
  font-weight : 600
}
.thanks-section h3 {
  font-weight : 400
}
.full-page {
  max-height : 100vh;
  overflow : hidden;
  height : 100vh;
  background-color : #e9eff0
}
.download .downlod-img {
  margin-bottom : 50px
}
.download h2 {
  font-weight : 600;
  line-height : 1.5
}
.download h3 {
  font-weight : 400
}
.manual-down {
  color : #00bac3;
  text-decoration : underline
}
  .manual-down : hover {
  color : #444;
  text-decoration : underline
}
.footer-bg {
  background-color : #fff
}
.light-footer .copyright-section {
  background-color : #f8f9fa !important
}
.login-form {
  min-height : 770px;
  display : -webkit-box;
  display : -ms-flexbox;
  display : flex;-webkit-box-align : center;-ms-flex-align : center;
  align-items : center;
  padding-bottom : 0
}
.main {
  background-color : #fff;-webkit-box-shadow : 0px 11px 35px 2px rgba(0, 0,0, 0.1);
  box-shadow : 0px 11px 35px 2px rgba(0, 0,0, 0.1);
  padding : 30px;
  text-align : center
}
.main .custom-select.is-valid {
  border-color : #ddd
}
.main .custom-select.is-invalid {
  border-color : #ddd
}
.form-control.is-valid {
  border-color : #ddd
}
  .was-validated .custom-select : valid {
  border-color : #ddd
}
  .was-validated .custom-select : invalid {
  border-color : #ddd
}
  .was-validated .form-control : valid {
  border-color : #ddd
}
  .was-validated .form-control : invalid {
  border-color : #ddd
}
.form-control.is-invalid {
  border-color : #ddd
}
.thanks-bg {
  background-color : #e9eff0;
  text-align : center
}
.bg-thanks {
  background : #e9eff0
}
.bg-thanks p {
  color : #444
}
.clock-box h3 {
  font-size : 28px;
  margin-bottom : 10px
}
.clock-box li {
  display : inline-block;
  width : 100px;
  margin : 0px 10px 20px
}
.clock-box li span {
  display : block;
  margin-bottom : 10px;
  font-size : 44px;
  border-radius : 100%;
  width : 100px;
  height : 100px;
  line-height : 2.3;
  background-image : -webkit-gradient(linear, left top, right top, from(#19d3dc), color-stop(#a4d38e), to(#a4d38e));
  background-image : linear-gradient(to right, #19d3dc, #a4d38e, #a4d38e)
}
.coming-soon {
  position : relative
}
.coming-soon .logo {
  height : 50px
}
.theme-form .alert {
  margin-left : 15px
}




#wa-flotante1{
   display:block; position:absolute; bottom:30px; left:20px;
   background-color:transparent; position: fixed; z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
   width:auto;
   height: 64px;
}
@media (max-width: 640px) {
   #wa-flotante1 { bottom:10px; left:0px;} 
}

a.tooltips {
    display: inline;
}
a.tooltips img{
    max-width:78px;
}
@media (max-width: 640px) {
    a.tooltips img {max-width:70px;} 
}
a.tooltips span {
    position: absolute;
    width:140px;
    color: #FFFFFF;
	font-size:14px;
    background: #000000;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: hidden;
    border-radius: 6px;
}
a.tooltips span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -8px;
    width: 0; height: 0;
    border-right: 8px solid #000000;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
a:hover.tooltips span {
    visibility: visible;
    opacity: 0.9;
    left: 100%;
    top: 50%;
    margin-top: -15px;
    margin-left: 0px;
    z-index: 999;
}

/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00573a; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00573a; 
}


/******* TABLA RACIONES DIARIAS ******/

.w100 {min-width:100%;}
.w75 {min-width:75%;}
.w50 {min-width:50%;}
.w25 {min-width:25%;}

.p-center-mini {
  font-family: 'Roboto', sans-serif; color: #00573a; font-size: 0.9rem; line-height:1.1rem; font-weight:400;
  text-align: center !important;
}
#traciones {
  font-family: 'Roboto', sans-serif; font-size: 1.0rem; font-weight:500;
  background-color: #ffe55e;
  border-collapse: collapse;
  margin-top:30px; margin-bottom:30px;
  margin: auto;
  color: #00573a;
  width: 100%;
}

#traciones td, #raciones th {
  border: 2px solid #00573a;
  padding: 4px 6px;
}

#traciones th {
  font-size:1.2rem; background-color: #00573a; color: #fff;  font-weight:500; line-height:0.9rem; padding:10px 4px 6px 4px; text-align:center
}


/******* TABLA NUTRICIONAL ******/

.tabla-nutricional {
  font-family: 'Roboto', sans-serif; font-size: 1.0rem; font-weight:500; line-height:0.7rem;
  /*background: #ff4d00; */
  max-width: 100%;
  text-align: left !important;
  margin: auto;
  color: #00573a;
  height: 0.8rem;
  /*border-bottom: 2px dotted #fff;*/
  border: 2px solid #00573a;
  z-index: 1;
  margin-bottom:0px; margin-top:-2px; padding:20px 20px 25px 20px;
}

.tabla-nutricional2 {
  font-family: 'Roboto', sans-serif; font-size: 1.0rem; font-weight:500;
  /*background: #ff4d00; */
  max-width: 100%;
  text-align: left !important;
  margin: auto;
  color: #00573a;
  height: 0.8rem;
  border: 2px solid #00573a;
  z-index: 1;
  margin-bottom:0px;padding:20px 20px;
}

.p-texto {
  text-align: left !important;
  display: inline;
  z-index: 2;
  padding-right: 0.5rem;

}

.p-valor {
  text-align: right !important; 
  display: inline;
  z-index: 3;
  padding-left: 0.5rem;
  float:right;

}

.tabla-nutricional-title 
{
    font-family: 'Core Mellow',sans-serif; font-size: 1.4rem; font-weight:100; line-height:1.8rem; text-transform:uppercase;
    max-width: 75%;
	text-align: center;
    color: #fff;
    padding: 10px;
    background-color: #00573a; border-radius:10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:-37px;
	position: relative; z-index: 99;
}
@media screen and (max-width: 1366px) {     
   .tabla-nutricional-title
	{
		margin-top: 20px; 
	}
}
@media screen and (max-width: 600px) {     
   .tabla-nutricional-title
	{
		margin-top: 70px;
	}
}

.izq-centro { text-align:left; }
.der-centro { text-align:right; }

.max300 { display:none; }
.perro-max500 { width:550px; }
.maxiquinua-inicio { position: absolute; margin-top:100px!important; margin-left:0px; max-width:175px;}

@media screen and (max-width: 1366px) {  
	.max300 { display:none; }
    .perro-max500 { max-width:450px!important; margin:auto; }
}

@media screen and (max-width: 700px) {     
    .izq-centro { text-align:center; }
	.der-centro { text-align:center; }
	.max300 { display:block; text-align:center; margin:auto; max-width:150px!important; margin-top:-30px; margin-bottom:20px; }
	.perro-max500 { max-width:350px!important; margin:auto; }
	.maxiquinua-inicio { display:none; }
}


.mayus  { text-transform:uppercase !important; }
.minus  { text-transform:lowercase !important; }
.normal { text-transform:none !important; }

.fs08  { font-size:0.80rem !important; }
.fs09  { font-size:0.90rem !important; }
.fs095 { font-size:0.95rem !important; }
.fs10  { font-size:1.00rem !important; }
.fs11  { font-size:1.10rem !important; }
.fs12  { font-size:1.20rem !important; }
.fs13  { font-size:1.30rem !important; }
.fs14  { font-size:1.40rem !important; }
.fs15  { font-size:1.50rem !important; }
.fs20  { font-size:2.00rem !important; }

.fw100 { font-weight:100 !important;}
.fw200 { font-weight:200 !important;}
.fw300 { font-weight:300 !important;}
.fw400 { font-weight:400 !important;}
.fw500 { font-weight:500 !important;}
.fw600 { font-weight:600 !important;}
.fw700 { font-weight:700 !important;}
.fw800 { font-weight:800 !important;}