/*
	Theme Name: Zipo - Asistente Virtual Inteligente
	Theme URI: https://www.zipo.com.co
	Author: the WordPress team
	Author URI: https://www.webussines.com
	Description: The theme create for corporative web site of Zipo
	Version: 1.0
	Text Domain: zipo
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html{
	overflow-x: hidden;
}

html, body {
	height: 100%;
	width: 100%;
}

/*Global text styles*/
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-justify {
	text-align: justify;
}

.text-quote {
	font-style: italic;
	font-weight: 500;
}

.text-lg {
	font-size: 25px;
}
.text-md {
	font-size: 20px;
}

.text-bold {
	font-weight: 700;
}

/*Global titles & subtitles styles*/
.title {
    font-size: 36px;
    font-weight: bold;
    font-family: 'Montserrat';
    color: #0085ca;
}

.sub {
    font-size: 23px;
    font-family: 'VagRound';
    font-weight: 400;
    line-height: 23px;
	color: #0067a5;
}
.subtitle {
	font-size: 19px;
	font-family: 'Montserrat';
    font-weight: 700;
	color: #5a5d5e;
}

.subtitle span {
    font-weight: 300;
}
.text {
    font-family: 'Montserrat';
    color: #818384;
}

/* style home*/
.brackground1{
  width: 100%;
  background-size: cover;/*sólo para ejemplo*/
  background-image: url("https://zipo.com.co/wp-content/themes/zipo/img/bg-background.png");
	
}

#particles-js{
  width: 100%;
  height: 100%;
  background: #111111;
}

p.img-responsive {
    text-align: center;
}

div#imagen {
  width: 300px;
  height: 248px;
  border: 3px solid #FFF;
  background: transparent;
  margin: 30px auto;
}

div#info {
  position:absolute;
  overflow:hidden;
  width: 294px;
  height: 242px;
  background-color: transparent;
  opacity:0;
  transition: opacity 0.3s;
}

div#imagen:hover div#info {
  opacity:1;
}

p.centrar {
  position:absolute;
  overflow:hidden;
  width: 294px;
  height: 200px;
  background-color: transparent;
  display:block;
  transition: opacity 0.3s;
  padding: 39px;
  text-align: center;
}

p.centrar span{
  
  color: #FFF;
  font-family: 'Montserrat';
  font-weight: bold;
}

p.centrar img {
    padding-bottom: 17px;
}

div#imagen:hover p.centrar {
  display:none;
}

p#headline {
  position: absolute;
  font-size: 18;
  margin-left: -75px;
  margin-top: 15px;
  transition: margin-left 0.3s;
}

div#imagen:hover p#headline {
  margin-left: 16px;
}

p#headline {
    font-family: 'Montserrat';
    color: #fff;
    font-weight: bold;
}

p#descripcion {
    font-size: 13px;
    text-align: justify;
    font-family: 'Montserrat';
    padding-left: 14px;
    padding-right: 15px;
    color: #FFF;
  transition: margin-top 0.4s;
}

div#imagen:hover p#descripcion {
  margin-top: 49px;
}


/* styles modal applications*/

.modal-dialog.modal-dialog-centered {
    max-width: 650px;
}
.text-modal {
    color: #818384;
    font-family: 'Montserrat';
    font-size: 13px;
    text-align: justify;
}

h5#exampleModalLongTitle {
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: uppercase;
    color: #003353;
}

.img-modal img {
    width: 205px;
}

p.img-modal {
    text-align: center;
}

/* red applications vertical*/

.application {
    width: 100%;
    height: 684px;
    background-image: url(https://zipo.com.co/wp-content/uploads/2018/08/red.png);
    background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
    
}

.application .content li {
    text-decoration: none;
    display: inline-block;
    width: 19.6%;
    text-align: center;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.application .content li:hover img {
    opacity: 0.8;
}

.application .content li:hover p {
    color: #0067a8;
}
.application .content li img {
    width: 100px;
    
}

.application .content p {
    font-family: 'Montserrat';
    padding: 5px;
    font-weight: bold;
    color: #656565;
	font-size: 14px;
}

.top{
	padding-top: 224px;
}

.top2{
	padding-top: 47px;
	text-align: center;
}

.img{
	margin-top: -35px !important; 
	margin-bottom: -22px !important;
}


/* style columns bootstrap 5*/
.col-xs-55,

.col-sm-55,

.col-md-55,

.col-lg-55 {

  min-height: 1px; 

  position: relative;

}

.col-xs-55 {

  float: left;

  width: 20%;

}

@media (min-width: 768px) {

  .col-sm-55 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 992px) {

  .col-md-55 {

    float: left;

    width: 20%;

  }

}

@media (min-width: 1200px) {

  .col-lg-55 {

    float: left;

    width: 20%;

  }

}



/* Top applications */

.top-red {
    margin: 0 auto;
    text-align: center;
}

img.top-image {
    width: 85%;
}

.section-icons {
    text-align: center;
}

.section-icons div {
    cursor: pointer;
}

.section-icons img {
    width: 100px;
}

.section-icons p{
	font-family: 'Montserrat';
    padding: 5px;
    font-weight: bold;
    color: #656565;
    font-size: 14px;
	margin-bottom: 0rem !important;
}

.section-icons .col-lg-55:hover img {
    opacity: 0.8;
}

.section-icons .col-md-55:hover img {
    opacity: 0.8;
}

.section-icons .col-lg-55:hover p {
    color: #0067a8;
}

.section-icons .col-md-55:hover p {
    color: #0067a8;
}

.section-icons.display-none {
    display: none;
}

/* red application horizontal */

.applications {
    width: 100%;
    height: 450px;
    background-image: url(https://zipo.com.co/wp-content/themes/zipo/img/diagrama-16.png);
    background-repeat: no-repeat;
    background-position: left;
}

.applications .content, .applications .content2, .applications .content3, .applications .content4, .applications .content5{
	width: 100%;
    height: 77px;
    /*background: #0000003b;*/
}

.applications .content ul li, .applications .content2 ul li, .applications .content3 ul li, .applications .content4 ul li, .applications .content5 ul li {
	list-style: none;
    width: auto;
    height: 86px;
    /*background: #00000045;*/
    text-align: center;
    float: left;
}

.applications .content ul li:first-child {
    margin-left: 145px;
}

.applications .content ul li:nth-child(2n) {
    margin-left: 64px;
}

.applications .content ul li:nth-child(3n) {
    margin-left: 20px;
}

.applications .content ul li p, .content2 ul li p, .content3 ul li p, .content4 ul li p, .content5 ul li p {
    font-family: 'Montserrat';
    font-size: 9pt;
    text-align: center;
	font-weight: bold;
}


.content2 ul li:first-child {
    margin-left: 194px;
}


.content2 ul li:nth-child(2n) {
    margin-left: 64px;
}

.content3 ul li:first-child {
    margin-left: 94px;
}

.content3 ul li:nth-child(2n) {
    margin-left: 45px;
}

.content3 ul li:nth-child(3n) {
    margin-left: 44px;
}

.content4 ul li:first-child {
    margin-left: 178px;
	padding-top: 10px;
}


.content4 ul li:nth-child(2n) {
    margin-left: 35px;
	padding-top: 10px;
}

.content5 ul li:first-child {
    margin-left: 132px;
}

.content5 ul li:nth-child(2n) {
    margin-left: 28px;
}

.content5 ul li:nth-child(3n) {
    margin-left: 10px;
}



/*  style noticias  */

.post-image{
	width: 100%;
    height: 213px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

a.button-one {
    background: #0067a5;
    padding: 11px;
    color: #FFF !important;
    font-size: 13px;
    font-family: 'Montserrat';
	border: 2px solid;
}

a.button-one:hover {
    background: #2774a2;
}
.page-id-141 p.text {
    font-size: 14px;
}
/*Global text color's styles*/
.color-white {
	color: #fff;
}
.color-green {
	color: #1e725b;
}

/*Global background color styles*/
.bg-green {
	background-color: #1e725b;
}
.bg-light-green {
	background-color: #77cbb4;
}

/*Global image's align*/
img.align-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*Global buttons style*/
.button {
	cursor: pointer;
	border-radius: 35px;
	border: none;
	display: inline-block;
	font-family: 'Lato';
	font-size: 16px;
	font-weight: 700;
	padding: 10px 30px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
	.button:hover, .button:active {
		text-decoration: none !important;
	}
	.button.primary-button {
		background-color: #f9a90f;
		color: #fff;
	}
		.button.primary-button:hover, .button.primary-button:active {
			background: #d67409;
			color: #fff;
		}
	.button.white-button {
		background-color: #fff;
		border-color: transparent;
		border-style: solid;
		border-width: 2px;
		color: #1e725b;
	}
		.button.white-button:hover, .button.white-button:active {
			background: transparent;
			border-color: #fff;
			color: #fff;
		}

/*Form styles*/
.form-group:last-child {
	margin-bottom: 0px;
}
.form-input {
	border: 1px solid #ccc;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	outline: 0;
	padding: 10px;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
	width: 100%;
}
	.form-input:focus {
		border-color: #1e725b;
	}

	textarea.form-input {
		height: 100px;
		max-height: 300px;
		resize: vertical;
	}


/* estyle botones */

.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	/*letter-spacing: 1px;*/
	font-size: 16px;
	font-family: 'Montserrat';
    color: #818384;
}

/***** Milo *****/
/*---------------*/

figure.effect-milo {
	/*background: #2e5d5a;*/
}

figure.effect-milo img {
	max-width: 385px;
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-30px,0,0) scale(1.12);
	transform: translate3d(-30px,0,0) scale(1.12);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-milo:hover img {
	opacity: 0.5;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

figure.effect-milo h2 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 3.5em 1.2em;
	color: #0067a9;
    font-family: 'Montserrat';
}

figure.effect-milo p {
	padding: 0 10px 0 0;
	width: 100%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}

figure.effect-milo:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}





/*Iconos*/
.icons {
	font-size: 0;
}
	.icons:before {
		font-size: initial;
	}

/*Header styles*/
.site-header {
	background-color: #ffffff;
	box-shadow: 2px 2px 2px #6b6b6b2e;
	-webkit-box-shadow: 2px 2px 2px #6b6b6b2e;
	/*box-shadow: 0px 2px 5px rgba(0,0,0,0.05);*/
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 100px;
	justify-content: space-between;
	left: 0px;
	padding-left: 4.5%;
	padding-right: 4.5%;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 1000;
}
	.site-header .logo img{
		height: 90px;
		width: auto;
	}

	.site-header .menus {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}

	.nav-menu .btn-responsive {
		background-color: #0067a4;
		cursor: pointer;
		display: none;
		padding: 10px 15px 10px 55px;
		position: relative;
		width: 100%;
	}
		.nav-menu .btn-responsive:before,
		.nav-menu .btn-responsive span,
		.nav-menu .btn-responsive:after {
			background-color: #fff;
			border-radius: 5px;
			content: '';
			display: block;
			height: 3px;
			left: 15px;
			opacity: 1;
			position: absolute;
			-webkit-transition: all 0.4s linear;
			-o-transition: all 0.4s linear;
			transition: all 0.4s linear;
			width: 30px;
		}
			.nav-menu .btn-responsive:before {
				top: -webkit-calc(50% - 10px);
				top: -moz-calc(50% - 10px);
				top: calc(50% - 10px);
			}
			.nav-menu .btn-responsive span {
				top: -webkit-calc(50% - 1.5px);
				top: -moz-calc(50% - 1.5px);
				top: calc(50% - 1.5px);
			}
			.nav-menu .btn-responsive:after {
				bottom: -webkit-calc(50% - 9px);
				bottom: -moz-calc(50% - 9px);
				bottom: calc(50% - 9px);
			}
				.nav-menu .btn-responsive.active:before {
					top: -webkit-calc(50% - 2px);
					top: -moz-calc(50% - 2px);
					top: calc(50% - 2px);
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				.nav-menu .btn-responsive.active span {
					opacity: 0;
				}
				.nav-menu .btn-responsive.active:after {
					bottom: -webkit-calc(50% - 1px);
					bottom: -moz-calc(50% - 1px);
					bottom: calc(50% - 1px);
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
		.nav-menu .btn-responsive p {
			color: #fff;
			font-size: 18px;
			font-weight: 700;
			margin: 0px;
		}

	.site-header .nav-menu .hmenu,
	.site-header .social .smenu {
		align-items: center;
		display: flex;
		flex-direction: row;
		list-style: none;
		margin: 0px;
	}
		.nav-menu {
			padding-right: 20px;
		}
			.nav-menu li a {
				color: #0085ca;
                display: block;
                font-family: 'Montserrat';
                font-size: 16px;
                font-weight: bold;
				height: 40px;
				line-height: 40px;
				padding-left: 19px;
                padding-right: 19px;
				text-align: center;
				text-decoration: none;
				-webkit-transition: all 0.4s linear;
				-o-transition: all 0.4s linear;
				transition: all 0.4s linear;
			}
				.nav-menu li:hover a,
				.nav-menu li a:hover{
					color: #3cb0ec;
				}

            .hmenu a:before {
            content: '';
            background: #0085ca;
            bottom: 0px;
            /*left: 15px;*/
			top: 67px;	
            height: 3px;
            position: absolute;
            width: 0%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
          }

          .hmenu a:active:before {
            width: 50px;
          }

        .hmenu a:hover:before{
	     width: 50px;
        }


		.site-header .social {
			padding-left: 20px;
			display: none;
		}
			.site-header .social li {
				margin-left: 2.5px;
				margin-right: 2.5px;
			}
			.site-header .social li a {
				background-color: transparent;
				color: #1e725b;
				display: block;
				height: 40px;
				line-height: 40px;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				-webkit-transition: all 0.4s linear;
				-o-transition: all 0.4s linear;
				transition: all 0.4s linear;
				width: 40px;
			}
				.site-header .social li:hover a,
				.site-header .social li a:hover {
					background-color: #1e725b;
					color: #fff;
				}

/*Global Main styles*/
.main {
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 300;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
	.main.fluid {
		width: 100%;
	}
	.main.centered {
		padding-bottom: 50px;
		padding-top: 50px;
		width: 90%;
	}

	.main a {
		color: #212529;
		text-decoration: none;
	}
		.main a:hover, .main a:active {
			color: #212529;
			text-decoration: underline;
		}

/*Content common classes*/
.common-section {
	padding-bottom: 70px;
	padding-top: 70px;
}

.fluid-section.row {
	margin-left: auto;
	margin-right: auto;
}

.contain {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.column-content.col-12,
.column-content.col-6,
.column-content.col-4,
.column-content.col-3 {
	padding-bottom: 70px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 70px;
}

/*Home custom styles*/
.banner {
	min-height: 450px;
	height: 450px;
	position: relative;
	width: 100%;
}
	.banner .item {
		height: 100%;
		padding: 80px;
		width: 100%;
	}
		.banner .item .img-bg {
			height: auto;
			left: 0px;
			position: absolute;
			top: 0px;
			width: 100%;
		}

		.banner .item .body {
			left: 50%;
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			z-index: 100;
		}

	.slick-list, .slick-track {
		height: 100%;
	}
		.slick-prev {
			left: 2.5% !important;
		}
		.slick-next {
			right: 2.5% !important;
		}
			.slick-prev:before, .slick-next:before {
				display: none;
			}

.video-about {
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
	.video-about iframe {
		left:0;
	    top:0;
	    height:100%;
	    width:100%;
	    position:absolute;
	}

/* style button whatsapp*/
.wpp-button {
    bottom: 16px;
    position: fixed;
	right: 10px;
    z-index: 1000;
}
	.wpp-button a {
		color: #FFF;
		text-decoration: none;
		font-family: 'Montserrat';
	}

    .wpp-button a:hover {
    color: #FFF;
     }
		.wpp-button .target {
			background-color: #43c358;
			border-radius: 5px;
			display: inline-block;
			line-height: 100%;
			padding: 10px 15px;
			position:relative;
		}
			.wpp-button .target:before {
				content: '';
				border-left: 10px solid #43c358;
				border-top: 8px solid transparent;
				border-bottom: 8px solid transparent;
				height: 0;
				left: 100%;
				position: absolute;
				top: -webkit-calc(50% - 8px);
				top: -moz-calc(50% - 8px);
				top: calc(50% - 8px);
				width: 0;
			}
			.wpp-button .whatsapp {
				background-color: #43c358;
				border-radius: 50%;
				font-size: 20px;
				height: 40px;
			    line-height: 40px;
                margin-left: 19px;
                text-align: center;
                margin-top: 13px;
				vertical-align: middle;
				width: 40px;
			}
			
			p.whatsapp img {
    margin-top: -6px;
}


.why-donate {
	background-color: #f4f4f4;
}
	.why-donate .column-bg {
		background-image: url('img/donation.jpg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

img.donation-icon {
	height: auto;
	max-width: 150px;
	width: 90%;
}

.testimonies .item, .testimonies .row {
	outline: 0;
}

.testimonies .row {
	margin-left: auto !important;
	margin-right: auto !important;
}
	.testimonies .info-testimony, .testimonies .content-testimony {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 500px;
	}

.testimonies .info-testimony {
	background-color: #16513f;
	padding: 70px 5%;
}
	.testimonies .info-testimony .name {
		font-size: 25px;
		font-weight: 800;
		margin-bottom: 0px;
	}
	.testimonies .info-testimony .subname {
		font-size: 20px;
		font-weight: 600;
		margin-bottom: 20px;
	}
	.testimonies .info-testimony .desc {
		font-size: 16px;
		font-style: italic;
		font-weight: 400;
		margin: 0;
	}

.testimonies .content-testimony {
	background-color: #fff;
	background-image: url('img/testimony-bg.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 5%;
	padding-right: 5%;
}
	.testimonies .content-testimony .excerpt {
		font-size: 25px;
		font-weight: 300;
		text-align: justify;
	}

.testimonies .nav-testimonies {
	margin-top: 10px;
}
	.testimonies .nav-testimonies a {
		cursor: pointer;
		outline: 0;
	}
		.testimonies .nav-testimonies a:hover img {
			opacity: 1;
		}
		.testimonies .nav-testimonies img {
			display: inline-block;
			height: 50px;
			opacity: 0.7;
			outline: 0;
			width: 50px;
			-webkit-transition: all 0.4s linear;
			-o-transition: all 0.4s linear;
			transition: all 0.4s linear;
		}

.partners-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
	.partners-grid .item {
        border-radius: 50%;
        border: 1px solid #a0a0a0;
        margin: 10px;
        padding: 25px 20px;
        width: calc(20% - 20px);
    }
		.partners-grid .item img {
		    display: block;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			height: auto;
			margin-left: auto;
			margin-right: auto;
			opacity: 0.7;
			-webkit-transition: all 0.4s linear;
			-o-transition: all 0.4s linear;
			transition: all 0.4s linear;
			max-width: 90%;
			width: 100%;
		}
			.partners-grid .item img:hover {
				-webkit-filter: grayscale(0%);
				filter: grayscale(0%);
				opacity: 1;
			}

/*Testimonies*/
.single-testimony .title,
.single-testimony .subtitle,
.single-testimony .desc-testimony {
	margin-bottom: 0px;
}

	.single-testimony .text-quote {
		margin-bottom: 30px;
		margin-top: 30px;
	}

/*About page*/
.video {
	background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/slide-one.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	height: 250px;
	justify-content: center;
	overflow-y: hidden;
	position: relative;
	width: 100%;
	z-index: auto;
}

.about-section {
	background-color: #fff;
	background-image: url('img/testimony-bg-rtl.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}
	.about-section .column-content .text-justify {
		font-size: 18px;
	}

/*Services styles*/
.service-grid .column-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.service-grid .column-bg {
	min-height: 500px;
}
	.column-bg.taekwondo-bg {
		background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/taekwondo.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.column-bg.yoga-bg {
		background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/yoga.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.column-bg.martial-cross-bg {
		background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/martial-cross.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.column-bg.tutorial-bg {
		background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/tutorial.jpg');
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.column-bg.nutritionist-bg {
		background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/nutritionist.jpg');
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: cover;
	}

/*Donation styles*/
.donation-section {
	background-color: #fff;
	background-image: url(img/testimony-bg-rtl.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-top: 1px solid #eaeaea;
	position: relative;
}
	.donation-form {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 50%;
	}
		.donation-form .form-input {
			text-align: center;
		}

/*Blog styles*/
.blog-header {
	background-image: url('https://www.kioguerrerosdevida.org/wp-content/uploads/2018/04/slide-one.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 95px;
	padding-top: 95px;
}
	.blog-header .title-header-blog {
		font-size: 40px;
		margin: 0;
	}
		.blog-header .title-header-blog .section {
			font-weight: 800;
			text-transform: uppercase;
		}
		.blog-header .title-header-blog .single {
			font-style: italic;
		}

.grid-blog {
	align-items: top;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
}
	.grid-blog .item {
		padding-bottom: 20px;
		padding-top: 20px;
		position: relative;
		width: 33%;
	}
		.grid-blog .item .post {
			background-color: #fff;
			box-shadow: 7px 7px 10px rgba(0,0,0,0.08);
			height: 100%;
			margin-left: auto;
			margin-right: auto;
			width: 90%;
		}
			.grid-blog .item .thumbnail {
				height: auto;
				overflow: hidden;
				position: relative;
				width: 100%;
			}
				.grid-blog .item .thumbnail img {
					height: auto;
					left: 50%;
					position: absolute;
					top: 50%;
					width: 100%;
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
				}
			.grid-blog .item .content {
				padding: 20px;
				width: 100%;
			}
				.grid-blog .item .content .title {
					font-size: 20px;
				}
				.grid-blog .item .content .date {
					color: #848484;
					bottom: 70px;
					font-size: 14px;
					margin: 0px;
					position: absolute;
					right: -webkit-calc(5% + 20px);
					right: -moz-calc(5% + 20px);
					right: calc(5% + 20px);
				}

.testimony-section {
	background-image: url('img/testimony-bg-rtl.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*Single testimony*/
.breadcrumbs {
    background-color: #ececec;
    margin-top: -50px;
}
    .breadcrumbs p {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        margin: 0px;
        padding: 20px;
    }
        .breadcrumbs a {
            color: #000;
            text-decoration: underline;
        }
            .breadcrumbs a:hover {
                color: #212529;
            }
        .breadcrumbs .title {
            font-size: 16px;
            font-style: italic;
            font-weight: 400;
        }


/*Contact*/
.contact-icon {
	font-style: italic;
}
	span.icons {
		display: inline-block;
		height: 40px;
		font-style: normal;
		line-height: 37px;
		margin-right: 7px;
		text-align: center;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		width: 40px;
	}
		.contact-icon span.icons {
			background-color: #1e725b;
			border: 2px solid #1e725b;
			color: #fff;
		}
			.contact-icon a:hover span.icons {
				background-color: transparent;
				color: #1e725b;
			}


/*Contact form*/

#responsive-form {
    max-width:700px;
    margin:0 auto;
    width:100%;
}
.form-row {
    width:100%;
}
.column-half, .column-full {
    float:left;
    position:relative;
    padding:0.25rem;
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:after {
    content:"";
    display:table;
    clear:both;
}
@media only screen and (min-width:48em) {
    .column-half {
        width:50%;
    }
}


/*.form-transparent {
	margin-top: 20px;
}

.form .row .column {
	width: 50%;
}

.form .row .column:first-child {
	padding-right: 10px;
}
		
.form .row .column:last-child {
	padding-left: 10px;
}*/

.form-transparent input[type="text"],
.form-transparent input[type="date"],
.form-transparent input[type="password"],
.form-transparent input[type="tel"],
.form-transparent input[type="email"],
.form-transparent textarea {
	background: transparent !important;
	color: #4c4c4c !important;
	position: relative;
	z-index: 1000;
}
		
.form-transparent label .label-text {
	display: block;
  	padding: 0px 10px;
	font-family: 'Montserrat';
    font-weight: 500;
    color: #444;
	font-size:14px;
}

.form-transparent label input::-webkit-placeholder {color: rgba(255,255,255,0.7);}
.form-transparent label input::-moz-placeholder {color: rgba(255,255,255,0.7);}
.form-transparent label input::-ms-placeholder {color: rgba(255,255,255,0.7);}
.form-transparent label input::placeholder {color: rgba(255,255,255,0.7);}

.form-transparent label textarea::-webkit-placeholder {color: rgba(255,255,255,0.7);}
.form-transparent label textarea::-moz-placeholder {color: rgba(255,255,255,0.7);}
.form-transparent label textarea::-ms-placeholder {color: rgba(255,255,255,0.7);}
.form-transparent label textarea::placeholder {color: rgba(255,255,255,0.7);}

.form-transparent input[type="submit"],
.form-transparent input[type="reset"],
.form-transparent input[type="button"] {
	background: #fff;
  	border: 2px solid #fff;
  	color: #000;
}

.form-transparent input[type="submit"]:hover,
.form-transparent input[type="submit"]:focus,
.form-transparent input[type="reset"]:hover,
.form-transparent input[type="reset"]:focus,
.form-transparent input[type="button"]:hover,
.form-transparent input[type="button"]:focus {
	background: transparent;
  	color: #fff;
}

/* formularios */

input, textarea, select {
	outline: 0;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="file"], textarea, select
{
   background: #fff;
   border:1px solid #ccc;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="file"], textarea, select
{
   width: 100%;
   padding: 9px;
   color: #525252 !important;
   font-size: 13px;
   font-family: 'Montserrat', sans-serif;
   font-weight: normal;
   font-style: normal;
}

textarea {
	height: 75px;
}

label.text-form {
    font-size: 13px;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #386bad;
  	border: 2px solid #386bad;
  	color: #fff;
  	cursor: pointer;
  	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
  	font-weight: 500;
  	outline: 0;
  	padding: 10px 20px;
  	-webkit-transition: all 0.4s ease;
  	-moz-transition: all 0.4s ease;
  	transition: all 0.4s ease;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #597ca9;
    border-color: #597ca9;
}

input.art-error, textarea.art-error
{
   background: #FAFAFA;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.art-error, textarea.art-error {
   color: #525252 !important;
   font-size: 13px;
   font-family: 'Montserrat', sans-serif;
   font-weight: normal;
   font-style: normal;
}


/*Pay response page*/
.pay-response {
    margin: auto;
    width: 70%;
}
    .pay-response table {
        margin-bottom: 20px;
        width: 100%;
    }
        .pay-response table tr td {
            border: 1px solid #ccc;
            padding: 10px 20px;
        }
            .pay-response table tr td.name-field {
                font-weight: 500;
                width: 40%;
            }

/*Modal bootstrap*/
body.modal-open {
    overflow: visible;
}

/*Global footer styles*/
.footer {
	background-color: #444444;
	background-size: 100% auto;
	color: #fff;
	font-family: 'Montserrat';
	font-size: 16px;
	font-weight: 300;
	padding: 48px 15.5%;
}
	.footer > .row {
		margin-left: auto;
		margin-right: auto;
	}

	.footer ul {
		margin: 0px auto;
		padding-left: 20px;
	}

	.footer p, .footer li {
		font-size: 13px;
		font-style: italic;
		margin-bottom: 4px;
	}
		.footer i {
			text-align: center;
			width: 30px;
		}
ul.redes li {
    list-style: none;
    display: inline-block;
}

.redes img {
    width: 50px !important;
    height: 50px;
}

 footer strong {
    font-weight: bold;
}
		.footer a {
			color: #fff;
			font-size: 13px;
		}
			.footer a:hover,
			.footer a:link {
				color: #fff;
			}
	
	.footer .title {
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
	}

	.footer .smenu {
		align-items: center;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		list-style: none;
		padding: 0px;
	}
		.footer .smenu li {
			margin-left: 10px;
		}
			.footer .smenu li:first-child {
				margin-left: 0px;
			}
			.footer .smenu li a {
				background-color: #fff;
				color: #1e725b;
				display: block;
				font-size: 23px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				text-decoration: none;
				-webkit-transition: all 0.4s linear;
				-o-transition: all 0.4s linear;
				transition: all 0.4s linear;
				width: 50px;
			}
				.footer .smenu li:hover a,
				.footer .smenu li a:hover {
					background-color: #005e46;
					color: #fff;
				}

.copyright {
	background-color: #444444;
    color: #75a0bb;
	display: flex;
	flex-direction: row;
	font-size: 16px;
	font-style: italic;
	border-top: 1px solid #797979;
    color: #d0d0d0;
	justify-content: space-between;
	padding: 15px 2.5%;
}
	.copyright p {
		margin: 0px;
	}
	.copyright .designed a {
		color: #d0d0d0;
		font-weight: bold;
		text-decoration: none;
	}