/*
	Theme Name: Zipo
	Theme URI: https://chatbotzipo.com
	Author: the WordPress team
	Author URI: https://www.webussines.com
	Description: The theme create for corporative web site of Chatbot 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: 0px;
	padding: 0px;
}

html, body {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	max-width: 100%;
	width: 100%;
}

html {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
	html::-webkit-scrollbar-track {
		background-color: #d4d4d4;
	}
	html::-webkit-scrollbar {
		background-color: rgba(0,0,0,0.2);
		width: 7px;
	}
	html::-webkit-scrollbar-thumb {
		border-radius: 0px;
		background-color: rgba(0,0,0,0.2);
	}

body {
	height: -webkit-calc(100% - 80px);
	height: -moz-calc(100% - 80px);
	height: calc(100% - 80px);
}

/*Common form styles*/
.input-form {
	border: 1px solid #ccc;
	border-radius: 0px;
	outline: 0;
	padding: 10px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
}
	.input-form:focus {
		border-color: #b5172f;
	}

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

/*Common div's container*/
.common-section {
	padding-bottom: 5%;
    padding-top: 5%;
}

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

.row .col-content {
	padding: 70px 5%;
}

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

.title {
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 5%;
    line-height: 100%;
    color: #0065a9;
}

.home-slider h2.text-title {
    font-size: 35pt;
	font-weight: bold;
}

.home-slider p.text-sub {
    font-style: italic;
    font-size: 15pt;
}
.text-md {
	font-size: 22px;
}
.text-slg {
    font-size: 40px;
}
.text-bold {
	font-weight: 700;
}
h1.text-seo{
    text-align: center;
    font-size: 15px;
    color: #696868;
	margin-top: 6%;
}


/* 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;
}
/*Background's and color's*/
.bg-gray {
	background-color: #f6f6f6;
}
.bg-blue {
	background-color: #022452;
}

.color-blue {
	color: #232c42;
}
.color-blue-light {
    color: #8BC9DE;
}
.color-purple {
	color: #70187e;
}
.color-white {
	color: #fff;
}

/*Images*/
.full-img {
	height: auto;
	width: 100%;
}

/*Buttons*/
.button {
	background-color: transparent;
	display: inline-block;
	border-radius: 35px;
	border: 1px solid;
	color: #232c42;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	outline: 0;
	padding: 5px 20px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
	.button:hover,
	.button:active {
		text-decoration: none;
	}
	.button.red-button {
		border-color: #ffffff;
	}
		.button.red-button:hover,
		.button.red-button:active {
			background-color: #ffffff;
            color: #0067a5;
		}
	.button.white-button {
		border-color: #fff;
		color: #fff;
	}
		.button.white-button:hover,
		.button.white-button:active {
			background-color: #fff;
			color: #272828;
		}

.video-button, .video-button:not([href]):not([tabindex]) {
	border-radius: 50%;
	border: 5px solid;
	cursor: pointer;
	display: inline-block;
	font-size: 23px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 50px;
}
	.video-button i {
		margin-left: 5px;
	}
		.video-button i.fa-pause {
			display: none;
			margin-left: 2px;
		}

.video-btn.blue-light, .video-btn.blue-light:not([href]):not([tabindex]) {
    color: #232E44;
}
    .video-btn i, .video-btn:not([href]):not([tabindex]) i {
        background-color: #8BC9DE;
    	border-radius: 50%;
    	border: 5px solid;
    	border-color: #8BC9DE;
    	color: #fff;
    	cursor: pointer;
    	display: inline-block;
    	font-size: 23px;
    	height: 50px;
    	line-height: 40px;
    	text-align: center;
    	-webkit-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
    	width: 50px;
    }

/*Diagonals*/
.diagonal-top, .diagonal-bottom {
	position: relative;
}
	/*Globals*/
	.diagonal-top:before {
		content: '';
		height: 100px;
		left: 0px;
		position: absolute;
		top: -37px;
		width: 100%;
	}
	.diagonal-bottom:after {
		content: '';
		bottom: -37px;
		height: 100px;
		left: 0px;
		position: absolute;
		width: 100%;
		z-index: -1;
	}
	/*Directions*/
	.diagonal-rtl:before, .diagonal-rtl:after {
		-webkit-transform: skewY(-3deg);
		-ms-transform: skewY(-3deg);
		-o-transform: skewY(-3deg);
		transform: skewY(-3deg);
	}
	.diagonal-ltr:before, .diagonal-ltr:after {
		-webkit-transform: skewY(3deg);
		-ms-transform: skewY(3deg);
		-o-transform: skewY(3deg);
		transform: skewY(3deg);
	}

	/*Backgrounds*/
	.diagonal-white:before,
	.diagonal-white:after {
		background-color: #fff;
	}
	.diagonal-gray:before,
	.diagonal-gray:after {
		background-color: #f6f6f6;
	}

.hidden-section {
	display: none;
}

/*Site header*/
.site-header {
	/*background-color: #fff;*/
	box-sizing: border-box;
	align-items: center;
	display: flex;
	flex-direction: row;
	height: 80px;
	justify-content: space-between;
	left: 0px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 1000;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.fixedHeader {
    position: fixed;
    top: 0px;
	background: #0065a9;
    height: 106px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.08);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	/*Site logo*/
	.site-header .logo img {
    max-height: 88px;
    width: auto;
    margin-top: 9px;
	}

.btn-resp {
	cursor: pointer;
	display: none;
	height: 30px;
	position: relative;
	width: 40px;
}
	.btn-resp:before,
	.btn-resp span,
	.btn-resp:after {
		background-color: #fff;
		border-radius: 5px;
		content: '';
		display: block;
		height: 4px;
		opacity: 1;
		position: absolute;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		width: 100%;
	}
		.btn-resp:before,
		.btn-resp:after {
			left: 10%;
			width: 80%;
		}
			.btn-resp:before {
				top: -webkit-calc(50% - 10px);
				top: -moz-calc(50% - 10px);
				top: calc(50% - 10px);
			}
			.btn-resp span {
				top: -webkit-calc(50% - 2px);
				top: -moz-calc(50% - 2px);
				top: calc(50% - 2px);
			}
			.btn-resp:after {
				bottom: -webkit-calc(50% - 10px);
				bottom: -moz-calc(50% - 10px);
				bottom: calc(50% - 10px);
			}
				.btn-resp.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);
				}
				.btn-resp.active span {
					opacity: 0;
				}
				.btn-resp.active:after {
					bottom: -webkit-calc(50% - 2px);
					bottom: -moz-calc(50% - 2px);
					bottom: calc(50% - 2px);
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

/*Navigation menu*/
.nav .hmenu {
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	margin: 0px;
}
	.nav .hmenu li {
		position: relative;
	}
		.nav .hmenu li a i {
			display: inline-block;
			margin-left: 5px;
			position: relative;
			right: 0;
			top: 0;
			vertical-align: text-top;
		}
		.nav .hmenu > li > a,
		.nav .hmenu > li > a:not([href]):not([tabindex]) {
			background-color: transparent;
			color: #FFF;
			cursor: pointer;
			font-family: 'Montserrat';
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			display: block;
			height: 50px;
			line-height: 60px;
			padding-left: 15px;
			padding-right: 15px;
			text-decoration: none;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
          .hmenu a:before {
            content: '';
            background: #fff;
            bottom: 0px;
            left: 15px;
            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:hover:before{
	     width: 50px;
        }

        .hmenu a:hover{
	     width: 100%;
			color:#000;
        }

        #menu-menu-1 ul > li > a:active:before {
    background-color: blue;
}


		.nav .hmenu li.contact a {
			background-color: transparent;
			border-radius: 30px;
			border: 2px solid #b5172f;
			color: #232c42;
			font-weight: 700;
			line-height: 46px;
			padding-left: 25px;
			padding-right: 25px;
			text-transform: uppercase;
		}
			.nav .hmenu li.contact.active > a,
			.nav .hmenu li.contact:hover > a,
			.nav .hmenu li.contact:active > a,
			.nav .hmenu > li.contact:active > a:not([href]):not([tabindex]) {
				background-color: #b5172f;
				color: #fff;
			}

			.nav .hmenu li:hover > ul,
			.nav .hmenu ul li:hover > ul {
				margin-top: 0px;
				opacity: 1;
				visibility: visible;
			}

				.nav .hmenu li ul {
					background-color: #232c42;
					margin-top: 10px;
					list-style: none;
					min-width: 100%;
					opacity: 0;
					position: absolute;
					top: 100%;
					visibility: hidden;
					-webkit-transition: all 0.4s ease;
					-o-transition: all 0.4s ease;
					transition: all 0.4s ease;
				}
					.nav .hmenu li ul li a,
					.nav .hmenu li ul li a:not([href]):not([tabindex]) {
						background-color: transparent;
						color: #fff;
						cursor: pointer;
						display: block;
						font-family: 'Montserrat';
						font-size: 14px;
						font-style: normal;
						font-weight: 400;
						padding: 10px 15px;
						text-decoration: none;
						-webkit-transition: all 0.4s ease;
						-o-transition: all 0.4s ease;
						transition: all 0.4s ease;
					}
						.nav .hmenu li ul > li:hover > a,
						.nav .hmenu li ul > li:active > a,
						.nav .hmenu li ul > li:hover > a:not([href]):not([tabindex]),
						.nav .hmenu li ul > li:active > a:not([href]):not([tabindex]) {
							background-color: #b5172f;
						}

						.nav .hmenu li li i {
							top: 3px;
							-webkit-transform: rotate(-90deg);
							-ms-transform: rotate(-90deg);
							-o-transform: rotate(-90deg);
							transform: rotate(-90deg);
						}

					.nav .hmenu li ul ul {
						left: 100%;
						min-width: -webkit-calc(100% + 50px);
						min-width: -moz-calc(100% + 50px);
						min-width: calc(100% + 50px);
						top: 0;
					}

/*Main styles*/
.main {
	color: #757575;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1px;
	max-width: 100%;
}
	.main.fluid {
		width: 100%;
	}
		.main.centered {
			width: 95%;
		}
		
/*Page 404*/
.page-404 {
    background-attachment: fixed;
    background-color: #0067a5;
    /*background-image: url(img/post-header-bg.png);*/
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding: 100px 5%;
    text-align: center;
}
    .page-404 .button {
        color: #fff;
    }

/*Blog page*/
.post-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
	.post-grid .item {
		min-height: 500px;
		overflow: hidden;
		position: relative;
		width: 33.33%;
	}

	.post-grid .item .back-overlay {
		bottom: 0px;
		left: 0px;
		position: absolute;
		right: 0px;
		top: 0px;
	}
		.post-grid .item .back-overlay:after {
			background: linear-gradient(transparent, #0000009e);
			bottom: 0px;
			content: '';
			left: 0px;
			position: absolute;
			right: 0px;
			top: 0px;
		}
		.post-grid .item .back-overlay img {
			height: 100%;
			left: 50%;
			position: absolute;
			top: 50%;
			-webkit-transform: translate(-50%, -50%) scale(1);
			-ms-transform: translate(-50%, -50%) scale(1);
			-o-transform: translate(-50%, -50%) scale(1);
			transform: translate(-50%, -50%) scale(1);
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			width: auto;
		}
			.post-grid .item:hover .back-overlay img {
				-webkit-transform: translate(-50%, -50%) scale(1.1);
				-ms-transform: translate(-50%, -50%) scale(1.1);
				-o-transform: translate(-50%, -50%) scale(1.1);
				transform: translate(-50%, -50%) scale(1.1);
			}
	.post-grid .item .entry {
		bottom: 0px;
		color: #fff;
		left: 0px;
		padding: 30px 0px 30px 30px;
		position: absolute;
		width: 75%;
		z-index: 100;
	}
		.post-grid .item .entry .title {
			font-size: 40px;
		}

body.single-post .main.centered {
	width: 100%;
}
.single-post-header {
	background-attachment: fixed;
	background-color: #232c42;
	background-image: url(img/post-header-bg.png);
    background-position: center center;
    background-size: cover;
	color: #fff;
	padding: 100px 5%;
	text-align: center;
}
	.single-post-header .post-title {
		font-size: 55px;
		font-weight: 900;
		margin: 0px;
	}
	.single-post-header .meta {
		font-size: 18px;
		font-style: italic;
		margin-bottom: 0px;
		margin-top: 30px;
		text-transform: uppercase;
	}
		.single-post-header .meta .sep {
			display: inline-block;
			margin: auto 15px;
		}
.single-post-content {
	font-size: 18px;
	margin: 70px auto;
	max-width: 850px;
}
	.single-post-content .references {
		border-top: 1px solid #ccc;
		margin-top: 30px;
		padding-top: 30px;
	}
		.single-post-content .references .title,
		.single-post-content .references .subtitle {
			color: #b5172f;
			font-size: 30px;
		}
		.single-post-content .references ul {
			margin-left: 30px;
		}

/*Home*/
.home-banner {
	/*background-color: #232c42;*/
	color: #fff;
	height: 600px;
	overflow: hidden;
}
	.home-banner .title {
		line-height: 100%;
		margin: 0px;
	}
	.home-banner .item {
		display: flex !important;
		flex-direction: column;
		justify-content: center;
		height: -webkit-calc(100% - 70px);
		height: -moz-calc(100% - 70px);
		height: calc(100% - 70px);
		margin-left: auto;
		margin-right: auto;
	}
	.home .video-button,
	.home .video-button:not([href]):not([tabindex]) {
		border-color: #b5172f;
		color: #b5172f;
	}
		.home .video-button:hover,
		.home .video-button:not([href]):not([tabindex]):hover {
			border-color: #fff;
			color: #fff;
		}

	.home-banner.diagonal-white:after {
		bottom: -50px;
		z-index: 1 !important;
	}
	
.slick-initialized .slick-slide {
    position: relative;
}

.home-banner .slick-list,
.home-banner .slick-track,
.home-banner .item {
    height: 100% !important;
}
.home-banner p {
    position: relative;
	z-index:1;
}
.home-banner .home-video {
    min-height: 100%;
	position: absolute;
	z-index: 0;
	width: 100%;
}

.home-banner .parly {
    background-color: #fff;
    color: #232E44;
    height: auto;
}
    .home-banner .slick-prev,
    .home-banner .slick-next {
        height: 60px;
        opacity: 0.3;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        width: 60px;
        z-index: 1;
    }
        .home-banner .slick-prev:before,
        .home-banner .slick-next:before {
            display: none;
        }
            .home-banner .slick-prev,
            .home-banner .slick-prev:hover,
            .home-banner .slick-prev:focus {
                background: url(img/iconos/prev.png) no-repeat center;
                background-size: 100% auto;
                left: 0px;
            }
            .home-banner .slick-next,
            .home-banner .slick-next:hover,
            .home-banner .slick-next:focus {
                background: url(img/iconos/next.png) no-repeat center;
                background-size: 100% auto;
                right: 0px;
            }
            
            .home-banner .slick-prev:hover,
            .home-banner .slick-next:hover {
                opacity: 1;
            }
                
    
    .home-banner .parly .row {
        height: 100%;
    }
    .home-banner .parly .col-description {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        padding: 70px;
    }

      .col-description {
       padding-top: calc(50% - 565px);
        }
  
        .col-image {
         padding-top: 5%;
         }

        .home-banner .parly .title {
            margin-bottom: 30px;
            font-size: 70px;
        }
        .home-banner .parly .text-slg {
            margin-bottom: 0px;
        }
        .home-banner .parly a.button {
            background-color: #8bc9de;
            border-color: #8bc9de;
            color: #fff;
            font-size: 23px;
            font-weight: 400;
            margin-left: 20px;
        }
        .home-banner .parly .video-btn {
            font-size: 28px;
        }
    .home-banner .parly .col-figure-parly {
        background-image: url('img/banner/banner-parly-bg.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
        height: 100%;
        overflow: hidden;
    }
        .home-banner .parly .home-video {
            height: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
            width: auto;
        }
        .home-banner .parly img.figure-parly {
            display: block;
            -webkit-filter: none;
            -moz-filter: none;
            filter: none;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            opacity: 1;
            position: absolute;
            left: -webkit-calc(50% - 200px);
            left: -moz-calc(50% - 200px);
            left: calc(50% - 200px);
            top: -webkit-calc(50% - 225px);
            top: -moz-calc(50% - 225px);
            top: calc(50% - 225px);
            max-height: 450px;
            width: 400px;
            -webkit-animation: parlyFigureBanner 1s linear 2s infinite alternate;
            -moz-animation: parlyFigureBanner 1s linear 2s infinite alternate;
            animation: parlyFigureBanner 1s linear 2s infinite alternate;
        }
            @keyframes parlyFigureBanner {
                0% {margin-top: -20px;}
                100% {margin-bottom: -20px;}
            }
            @-webkit-keyframes parlyFigureBanner {
                0% {margin-top: -30px;}
                100% {margin-bottom: -30px;}
            }

.item.bg-background{
    background-image: url('/wp-content/themes/zipo/img/slider/slider.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.item.bg-navidad{
    background-image: url('/wp-content/uploads/2018/12/slider-navidad-zipo.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.item.bg-navidad img {
    display: none !important;
}

/* home chatbot*/

h2.title-vag {
    font-family: 'VagRound';
	font-size: 67pt;
    color: #0067a5;
    line-height: 43pt;
}


h1.subtitle-vag {
    font-family: 'VagRound';
    color: #0067a5;
    font-size: 16pt;
}
p.logo-ibm img {
    width: 275px;
    vertical-align: top;
    margin-top: calc(50% - 318px );
}

p.text-subtitle {
    font-weight: bold;
    list-style: circle !important;
    color: #2d2d2d;
}

.section-chatbot span {
    font-weight: bold;
    color: #0067a5;
    font-size: 16pt;
}

.section-chatbot .padding {
    padding-right: 6%;
}

/* sections usos*/

.contain-fluid.section-usos {
    background: #0067a412;
	padding-left: 8%;
    padding-right: 8%;
}

.row2 {
    padding-left: 5%;
    padding-right: 5%;
	margin-top: 5%;
}


/* section canales*/

.section-canales{
	background: #f7f7f7;
}

/* section contacto*/

.section-contacto {
    padding-left: 8%;
	padding-top: 5%;
}

/* formulario*/

input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="file"], textarea, select {
    padding: 10px;
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 2px solid #CCC;
	outline: 0;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus {
    border-bottom: 2px solid #0067a5;
}

.form-row textarea { 
    height: 110px;
	color: #888;
}

input[type="submit"], input[type="reset"], input[type="button"] {
    background: #0067a4;
    border: 2px solid #0067a4;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    outline: 0;
    padding: 10px 15px;
    text-decoration: none !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #fff;
    color: #0067a4 !important;
}



/*Values*/
.values-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 40px auto 30px;
	width: 95%;
}
	.values-grid .item {
		border-radius: 50%;
		-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 30px rgba(0,0,0,0.1);
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 200px;
		margin-left: 20px;
		margin-right: 20px;
		padding: 30px;
		text-align: center;
		width: 200px;
	}
		.values-grid .item[onclick] {
			cursor: pointer;
		}
		.values-grid .item img {
			height: 84px;
			margin-left: auto;
			margin-right: auto;
			width: 84px;
		}
		.values-grid .item p {
			font-size: 20px;
			margin-bottom: 0px;
			margin-top: 10px;
			text-align: center;
			text-transform: uppercase;
		}

.home-products {
	background-color: #f6f6f6;
	margin-bottom: 50px;
}

.products-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 95%;
}
	.products-grid .item {
		background-color: #f6f6f6;
		border-color: #e1e1e1;
		border-style: solid;
		border-width: 1px;
		border-top: 5px solid;
		font-size: 18px;
		margin-left: 20px;
		margin-right: 20px;
		padding: 30px 40px;
		width: -webkit-calc(25% - 40px);
		width: -moz-calc(25% - 40px);
		width: calc(25% - 40px);
	}
		.products-grid .item.atomic {
			border-top-color: #b7cd08;
		}
		.products-grid .item.community {
			border-top-color: #642d92;
		}
		.products-grid .item.bringit {
			border-top-color: #76cbe0;
		}
		.products-grid .item.parly {
			border-top-color: #5690a6;
		}

		.products-grid .item .image {
			align-items: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			max-height: 88px;
			height: 88px;
			margin-bottom: 10px;
			text-align: center;
		}
		.products-grid .item .desc {
			line-height: normal;
		}
		.products-grid .item a.button {
			background-color: transparent;
			display: inline-block;
			border-radius: 35px;
			border: 1px solid;
			color: #232c42;
			font-weight: bold;
			padding: 5px 20px;
			text-decoration: none;
			text-transform: uppercase;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}
			.products-grid .item a.button:hover {
				color: #fff;
			}
			.products-grid .item.atomic a.button {
				border-color: #b7cd08;
			}
				.products-grid .item.atomic a.button:hover {
					background-color: #b7cd08;
				}
			.products-grid .item.community a.button {
				border-color: #642d92;
			}
				.products-grid .item.community a.button:hover {
					background-color: #642d92;
				}
			.products-grid .item.bringit a.button {
				border-color: #76cbe0;
			}
				.products-grid .item.bringit a.button:hover {
					background-color: #76cbe0;
				}
			.products-grid .item.parly a.button {
				border-color: #5690a6;
			}
				.products-grid .item.parly a.button:hover {
					background-color: #5690a6;
				}

.services-grid {
	color: #232c42;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0px auto 40px;
	width: 95%;
}
	.services-grid .item {
		background-color: #fff;
		align-items: top;
		border-bottom: 1px solid #b5172f;
		cursor: pointer;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		margin: 20px 30px;
		width: -webkit-calc(25% - 60px);
		width: -moz-calc(25% - 60px);
		width: calc(25% - 60px);
	}
		.services-grid .item .image {
			padding-bottom: 10px;
			width: 80px;
		}
			.services-grid .item .image img {
				height: auto;
				width: 100%;
			}
		.services-grid .item .desc {
			text-align: right;
			width: -webkit-calc(100% - 80px);
			width: -moz-calc(100% - 80px);
			width: calc(100% - 80px);
		}
			.services-grid .item .desc p {
				font-size: 22px;
				line-height: normal;
				margin: 0px;
			}

.clients-slider {
	margin: 20px auto;
    width: 90%;
}
	.slick-slide {
		outline: 0;
	}
		.slick-slide:hover img,
		.slick-slide:active img {
			/*-webkit-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			filter: grayscale(0%);
			opacity: 1;*/
		}
		.slick-slide img {
			/*-webkit-filter: grayscale(100%);
			-o-filter: grayscale(100%);
			filter: grayscale(100%);*/
			margin-left: auto;
			margin-right: auto;
			-webkit-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
			width: 90%;
		}

	.clients-slider .slick-prev, .clients-slider .slick-next {
		background-position: center;
		background-size: auto 100%;
		height: 50px;
		opacity: 0.3;
		width: 40px;
	}
		.clients-slider .slick-prev:hover, .clients-slider .slick-next:hover,
		.clients-slider .slick-prev:active, .clients-slider .slick-next:active,
		.clients-slider .slick-prev:focus, .clients-slider .slick-next:focus {
			background-position: center;
			background-size: auto 100%;
			opacity: 0.8;
		}
		.clients-slider .slick-prev {
			background-image: url('img/icons/prev.png');
			left: -40px;
		}
			.clients-slider .slick-prev:hover,
			.clients-slider .slick-prev:active,
			.clients-slider .slick-prev:focus {
				background-image: url('img/icons/prev.png');
			}
		.clients-slider .slick-next {
			background-image: url('img/icons/next.png');
			right: -40px;
		}
			.clients-slider .slick-next:hover,
			.clients-slider .slick-next:active,
			.clients-slider .slick-next:focus {
				background-image: url('img/icons/next.png');
			}
		.clients-slider .slick-prev:before, .clients-slider .slick-next:before {
			display: none;
		}

/*Somos*/
.about-banner {
	background-image: url('img/banner/banner-about.jpg');
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	height: 500px;
	padding-bottom: 70px;
}
	.about-banner .contain {
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		width: 75%;
	}

.about-values .grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0px auto 50px;
	text-align: center;
	width: 90%;
}
	.about-values .grid .item {
    	border-right: 1px solid #efefef;
		padding: 40px;
		width: 33.33%;
	}
		.about-values .grid .item:nth-child(1),
		.about-values .grid .item:nth-child(2),
		.about-values .grid .item:nth-child(3){
			border-bottom: 1px solid #efefef;
		}
		.about-values .grid .item:nth-child(3),
		.about-values .grid .item:nth-child(6){
			border-right: none;
		}
			.about-values .grid .item .title {
				color: #3b5170;
				font-size: 30px;
			}

.about-certifications {
	margin-bottom: 50px;
}

.team-grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 40px auto;
	width: 95%;
}
	.team-grid .item {
		height: auto;
		margin-left: 40px;
		margin-right: 40px;
		width: 300px;
	}
		.team-grid .item .pic {
			background-color: transparent;
			border-radius: 50%;
			border: 3px solid #9B1D32;
			overflow: hidden;
			padding: 30px;
		}
			.team-grid .item .pic img {
				border-radius: 50%;
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
				height: auto;
				-webkit-transition: all 0.4s ease;
				-o-transition: all 0.4s ease;
				transition: all 0.4s ease;
				width: 100%;
			}
				.team-grid .item:hover .pic img {
					-webkit-filter: grayscale(0%);
					-o-filter: grayscale(0%);
					filter: grayscale(0%);
				}

		.team-grid .item .info {
			padding: 30px 20px;
			text-align: center;
		}
			.team-grid .item .info p {
				margin: 0px;
			}
			.team-grid .item .info .name {
				font-size: 25px;
				font-weight: bold;
			}
			.team-grid .item .info .position,
			.team-grid .item .info .mail a {
				font-size: 20px;
			}

/*Services page*/
.services-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
	.services-row .desc,
	.services-row .img{
	    width: 50%;
	}

	.services-row .desc {
		display: flex;
		flex-flow: wrap column;
		justify-content: center;
		padding: 100px 5%;
	}
		.services-row .desc .title {
			text-align: left;
		}

	.services-row .img {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		display: flex;
		flex-flow: wrap column;
		font-size: 0;
		justify-content: center;
	}
		.services-row#automatization .img { background-color: #8a2028; }
		.services-row#web-sites .img { background-color: #373737; }
		.services-row#platforms .img { background-color: #2a2f43; }
		.services-row#custom-solutions .img { background-color: #93c9e0; }
		.services-row#consultory-projects .img { background-color: #373737; }
		.services-row#develop-virtual-agents .img { background-color: #bebdbd; }
		.services-row#training-services .img { background-color: #bacb32; }
		.services-row#training-virtual-agents .img { background-color: #8a2028; }

		.services-row .img img {
			display: block;
			margin: auto;
			max-height: 250px;
			max-width: 90%;
		}

/*Contact section*/
.contact-form {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}
	.contact-form .row {
		margin-bottom: 15px;
	}
		.contact-form .row:last-child {
			margin-bottom: 0px;
		}
	
	.contact-bg {
		background-image: url('img/banner/banner-contact.jpg');
		background-position: center right;
		background-size: cover;
		background-repeat: no-repeat;
	}

.wpcf7-response-output {
    margin: 0px !important;
    margin-top: 20px !important;
    padding: 20px !important;
    text-align: center;
}
    /*div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
        border: 2px solid #b5172f !important;
    }*/
    div.wpcf7-mail-sent-ok {
        border: 2px solid #0065a9 !important;
    }


/* Blog tips creación de clases*/

.titulo {
    font-size: 36pt;
	font-weight: 300;
}

.titulo2 {
    font-size: 32pt;
	font-weight: 300;
}
.blank {
    color: #FFF;
}

.black {
    color: #434343 !important;
}

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

.sub {
    font-weight: bold;
    color: #434343;
    font-size: 14pt;
}

.sub2 {
    font-weight: bold;
    font-size: 18pt;
}

.parrafo {
    font-weight: 300;
    font-size: 14pt;
}

.contenedor {
    padding: 2%;
}

.linea {
    border-right: 2px solid #FFF;
}

.gray{
	color: #bdbcbc;
}

.green{
	color: #b9ca32;
}

ul.lista-v li {
  list-style-image: url("/wp-content/uploads/2018/07/icon-v.png");
}
ul.lista-v {
    margin-left: 24px;
}

ul.lista-r li {
  list-style-image: url("/wp-content/uploads/2018/07/icon.png");
}

ul.lista-r {
    margin-left: 24px;
}

/* blog vender */


.parrafo2 {
    font-weight: 300;
    font-size: 16pt;
	text-align: justify;
}


/* 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.65rem;
    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%;
    }
}

/*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;
	}