/*
Theme Name: Porto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 6.2.3
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor { display: block; }

.ptop{
	padding-top:130px;
}
.pbot{
	padding-bottom:85px;
}
.pbot2{
	padding-bottom:130px;
}
.subtitle{
	font-size:18px;
	opacity:0.75;
	line-height:26px;
}

.owl-carousel.nav-bottom .owl-nav{
	margin-top:30px;
}
#header .header-right {
    text-align: center;
}
.vc_custom_heading strong{
	color:#9946F2;
}
.no-breadcrumbs .main-content {
    padding-bottom: 0px !important;
}
.main-block{
	position:relative;
}
.main-block::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 100%, 100% 0%, 100% 100%, 0 100%);
    background: rgba(153, 70, 242, 0.5);
    transition: all 0.25s ease-in-out 0s;
}

#services .col-md-4,
#Beneficios .col-md-4,
#Beneficios .col-md-8{
	margin-bottom:30px;
}
#services .col-md-4 > div,
#Beneficios .col-md-4 > div,
#Beneficios .col-md-8 > div{
	border: 1px solid rgba(153, 70, 242, 0.35);
	border-radius:5px;
	padding:30px;
	position:relative;
}
#services .col-md-4 > div::before,
#Beneficios .col-md-4 > div::before,
#Beneficios .col-md-8 > div::before {
    content: "";
    border-radius: inherit;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: auto;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    background-color: #9946F2;
    z-index: -3;
    transition: transform 0.5s ease 0s;
}
#services .col-md-4 > div:hover::before,
#Beneficios .col-md-4 > div:hover::before,
#Beneficios .col-md-8 > div:hover::before{
    left: 0;
    right: auto;
    transform: scaleX(1);
    transform-origin: left;
}
#services .col-md-4 > div:hover .porto-icon,
#Beneficios .col-md-4 > div:hover .porto-icon,
#Beneficios .col-md-8 > div:hover .porto-icon{
	color:#fff !important;
}
#services .col-md-4 > div .porto-sicon-img:nth-child(2),
#Beneficios .col-md-4 > div .porto-sicon-img:nth-child(2),
#Beneficios .col-md-8 > div .porto-sicon-img:nth-child(2){
	position:absolute;
	z-index:-2;
	top:30px;
	left:30px;
}
#services .col-md-4 > div:hover .porto-sicon-img:nth-child(2),
#Beneficios .col-md-4 > div:hover .porto-sicon-img:nth-child(2),
#Beneficios .col-md-8 > div:hover .porto-sicon-img:nth-child(2){
	z-index:2;
}
#services .col-md-4 > div:hover h4,
#Beneficios .col-md-4 > div:hover h4,
#Beneficios .col-md-8 > div:hover h4{
	color:#fff !important;
}
#services .col-md-4 > div:hover p,
#Beneficios .col-md-4 > div:hover p,
#Beneficios .col-md-8 > div:hover p{
	color:#fff !important;
}
.counter-block{
	padding-bottom:130px;
}
.counter-block .col-md-4 > div{
	border: 1px solid #9946F2;
    border-radius: 5px;
    padding: 40px 30px 20px !important;
	border-top: 5px solid #9946F2;
}
.stats-block .stats-number, div.stats-desc>div.counter_prefix, div.stats-desc>div.counter_suffix{
	font-size:46px;
}
.stats-desc, .stats-text{
	margin-top:15px;
}
#testmonials h4{
	margin-top:35px;
	margin-bottom:0;
}
#testmonials p{
	font-style:italic;
	font-size:24px;
	line-height:36px;
	padding-left:15px;
	padding-right:15px;
}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    line-height: 32px;
}
.wpcf7-form-control-wrap.your-email{
	display:inline-block;
}
.wpcf7-form-control-wrap.your-email input{
	width:250px;
	line-height:25px;
}
[type="submit"].btn-default{
	color:#fff;
	background:#9946F2;
	font-size:16px;
}
.wpcf7-spinner{
	display:none;
}
#header .vc_btn3-container{
	margin-bottom:0;
}
input[type="text"],
input[type="email"]{
	width:100%;
	padding:0 30px;
	border-radius:25px;
	line-height:48px;
	border: 1px solid #A2BAC5;
	margin-bottom:10px;
}
input[type="submit"]{
	background:#9946F2;
	width:100%;
	border-radius:25px;
	padding:0 30px;
	line-height:50px;
	border:none;
}
textarea{
	padding: 10px 30px;
	height:100px;
	border-radius:30px;
	border: 1px solid #A2BAC5;
	margin-bottom:10px;
	width:100%;
}
#header .vc_btn3.vc_btn3-color-danger:hover{
	opacity:0.7;
}
.vc_btn3.vc_btn3-color-danger{
	line-height:50px;
	border:none !important;
	padding:0 30px;
	border-radius:25px;
	font-size:14px;
	font-weight:600;
	background:#9946F2 !important;
}
.sticky-header .vc_btn3.vc_btn3-color-danger{
	background:#fff !important;
	color:#9946F2;
}
.pum-container{
	padding:60px 45px 30px !important;
	border-radius:25px !important;
}
.pum-close{
	top:15px !important;
	right:15px !important;
	border-radius:0 !important;
	box-shadow: none !important;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.23);
    background-color: transparent !important;
	color:#9946F2 !important;
}
#hacemos .wpb_single_image{
	padding-right:45px;
}
.foo-logo h2{
	font-size:20px;
	line-height:20px;
	margin-bottom:0;
}
.foo-logo img{
	max-width:100px;
}
#main{
	overflow:hidden;
}
@media screen and (max-width:1280px){
	.ptop{
		padding-top:100px;
	}
	.pbot{
		padding-bottom:55px;
	}
	h2 {
		font-size: 36px;
		line-height: 46px;

	}
	.counter-block .col-md-4 {
		margin-bottom:30px;
	}
	.stats-block .stats-text{
		min-height:40px;
	}
	#testmonials .col-md-8 {
		flex: 0 0 auto;
		width: 100%;
	}
	#testmonials .col-md-2 {
		width: 0%;
	}
	#testmonials p {
		font-size: 20px;
		line-height: 26px;
	}
	#contact .col-md-4 {
		width: 50%;
	}
	.wpcf7-form-control-wrap.your-email input {
		width: 220px;
		line-height: 25px;
	}
	.main-block{
		padding-top:150px;
	}
	#header .container{
        max-width: 1260px;
		padding-left:30px;
		padding-right:30px;
    }
	#header .vc_btn3.vc_btn3-color-danger {
		padding: 0 20px;
		font-size: 12px;
	}
}

@media screen and (max-width:991px){
	.col-md-6 {
		width: 100%;
	}
	#header .header-right {
		text-align: right;
	}
	#services .col-md-4 > div, #Beneficios .col-md-4 > div, #Beneficios .col-md-8 > div,
	#services .col-md-4 > div, #Beneficios .col-md-4 > div, #Beneficios .col-md-8 > div{
		padding: 20px;
	}
	#services h4{
		font-size:20px;
		line-height: 28px;
	}
	#services p{
		font-size:16px;
		line-height:22px;
	}
	#services .porto-just-icon-wrapper.porto-sicon-img{
		font-size:50px !important;
	}
	.counter-block .col-md-4 > div {
		padding: 30px 20px 10px !important;
	}
	.stats-block .stats-number, div.stats-desc>div.counter_prefix, div.stats-desc>div.counter_suffix {
		font-size: 32px;
	}
	.stats-block .stats-text {
		font-size:16px;
	}
}
@media screen and (max-width:767px){
	.ptop{
		padding-top:60px;
	}
	.pbot{
		padding-bottom:25px;
	}
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	h3 {
		font-size: 22px;
		line-height: 28px;
	}
	.counter-block .col-md-4 {
		width: 100%;
	}
	#testmonials p {
		font-size: 14px;
		line-height: 18px;
		padding-left:25px;
		padding-right:25px;
	}
	#contact .col-md-4 {
		width: 100%;
		margin-bottom:20px;
	}
	#header .container {
        padding-left: 15px;
        padding-right: 15px;
    }
	#header .vc_btn3.vc_btn3-color-danger {
        line-height:40px;
		padding: 0 15px;
        font-size: 11px;
    }
	#header.sticky-header .logo {
		max-width: 110px !important;
	}
	#footer {
        margin-bottom: 0;
		text-align:center;
    }
	#footer .align-right{
		text-align:center !important;
	}
	#footer .footer-main>.container {
		padding-bottom: 0.4rem;
	}
	#header.sticky-header .header-main.change-logo .logo img {
		transform: scale(1);
	}
	#footer h5{
		text-align:center;
	}
	#footer .porto-sicon-img{
		margin-left:auto;
		margin-right:auto;
	}
	#footer .col-md-4:nth-child(2){
		order:1;
		margin-bottom:25px !important;
	}
	#footer .col-md-4:nth-child(1){
		order:2;
	}
	#footer .col-md-4:nth-child(3){
		order:3;
	}
	.pum-container {
		padding: 40px 25px 10px !important;
		border-radius: 20px !important;
	}
}