/*
Theme Name: Zerif Lite Child
Theme URI: https://themeisle.com/themes/zerif-lite/
Template: zerif-lite
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Zerif LITE is a free one page WordPress theme. It's perfect for web agency business,corporate business,personal and parallax business portfolio, photography sites and freelancer.Is built on BootStrap with parallax support, is responsive, clean, modern, flat and minimal. Zerif Lite is ecommerce (WooCommerce) Compatible, WPML, RTL, Retina-Ready, SEO Friendly and with parallax, full screen image is one of the best business themes.
Tags: one-column,two-columns,right-sidebar,full-width-template,rtl-language-support,sticky-post,theme-options,custom-background,custom-menu,editor-style,featured-images,threaded-comments,translation-ready,footer-widgets,portfolio,e-commerce,blog
Version: 1.8.5.48.1544105599
Updated: 2018-12-06 14:13:19

*/
/*-----DIV de precios-------*/
.precios {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 30px;
    justify-content: center;
    align-items: stretch;
    align-content: space-around;
}
.precio {
    flex: 0 1 auto;
    align-self: auto;
    margin: 20px;
    text-align: center;
	border: 1px solid #969696;
	min-width:450px;
	overflow: visible;
}
.precio-titulo1 {
	padding: 20px 10px;
	color: #3a3a3a;
	background: #d0d0d0;
}
.precio-titulo2 {
	padding: 20px 10px;
	color: #ffffff;
	background: #C2504F;
	margin:0;
}
.precio-img {
	width: 100%;
	height:150px;
	margin-bottom: 10px;
	border-bottom: 1px solid #969696;
	padding-bottom: 20px;
}
.precio-img img {
    max-height: 100%;
}
.precio-columna {
    width: 50%;
    border-right: 1px solid #969696;
  padding: 0;
  float:left;
}
.precio-columna-2 {
    width: 50%;
  padding: 0;
  float:left;
}
.precio-opciones {
	list-style: none;
	margin: 0px 0 0 0;
	line-height: 35px;
}
.precio-opciones li {
	border-bottom: 1px solid #969696;
	padding: 20px 10px;
	min-height: 80px;
}
.precio-opciones-2 li {
	border-bottom: 1px solid #969696;
	padding: 20px 10px;
  min-height: 80px;
}
.precio-elegir {
	margin: 0;
	padding: 50px 0 0 0;
	display: block;
}
.precio-elegir a {
	font-size: 30px;
}
p.disclaimer {
    color: grey;
    font-style: italic;
}
.mas-info {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.mas-info .texto-mas-info {
    visibility: hidden;
    width: 130px;
    background-color: grey;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
	top: -5px;
    left: 112%; 
}
.mas-info:hover .texto-mas-info {
    visibility: visible;
}
.texto-mas-info:after {
    content: "";
    position: absolute;
    top: 30%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent grey transparent transparent;
}
@media (max-width: 768px){
.precio {
    flex: 0 1 auto;
    align-self: auto;
    margin: 20px;
    text-align: center;
	border: 1px solid #969696;
	min-width:95%;
	overflow: visible;
}
	.precio-columna {
    width: 100%;
    border-right: 0;
  padding: 0;
  float:left;
}
.precio-columna-2 {
    width: 100%;
  padding: 0;
  float:left;
}
}
/*-----Testimomios-------*/
#client-feedbacks .feedback-box, .testimonial .widget_zerif_testim-widget {
    width: auto;
}
/*-----footer-------*/
.zerif-copyright-box {
	display:none;
}
.footer-cont {
    padding-top: 10px;
}
.footer-cont a {
    display: block;
    padding: 5px 0px;
    text-align: left;
}
.footer-cont a:hover {
    text-decoration: none;
}
/*-----Paid Memberships Pro-------*/
	/*-----cuenta-------*/
a#pmpro_actionlink-change {
    display: none;
}
#pmpro_actionlink-profile {
    display: none;
}
	/*-----Pago-------*/
.pmpro_checkout-field.pmpro_payment-discount-code {
    display: none;
}
/*-----Gravity forms-------*/
body .gform_wrapper .top_label div.ginput_container {
    display: flex;
}
.gfield_consent_label p {
    margin-left: 2%;
}
@media only screen and (max-width: 641px){
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
    width: 100%!important;
}
input#input_1_1_3 {
    width: 200%;
    max-width: calc( 100vw - 75px);
}
}