/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2020 | 13:27:56 */
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(/wp-content/themes/clever/fonts/open-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/wp-content/themes/clever/fonts/open-300.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/wp-content/themes/clever/fonts/open-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/wp-content/themes/clever/fonts/open-700.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* GENERAL */
body {font-family:'Open sans', sans-serif; overflow-x: hidden; font-size: 16px;}
img {vertical-align: middle;}
ul {list-style: none; padding: 0;}
li {line-height: 1.3em; margin-bottom: 1em;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h5 {font-family:'Open sans', sans-serif; margin: 0 0 0.5em 0; font-weight: 400;}
hr {clear: both;}
p {margin: 0 0 1em 0; line-height: 1.6em;}
p.big {font-size: 26px; font-weight: 100;}
a {color: inherit;}
a:hover, a:focus, .main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg, .top-footer li a:hover, .main-navigation li a:hover, .social-navigation li a:hover, .main-navigation .sub-menu>li>a:hover, .main-navigation .sub-menu>li>a:active {color: #54b755; text-decoration:none}
.white a:hover, a.white:hover {color:inherit; opacity: 0.8;}
p > a {text-decoration:underline;}
b, strong {font-weight:600;}
.single .entry-content p a, .single .title p a {color:#54b755}
img {height: auto; max-width: 100%; position: relative; vertical-align: middle;}
figure {max-width: 100%;}
main {position: relative; z-index: 3;}
.wrapper {max-width: 1300px; margin: auto;}
.mini-wrapper {max-width: 900px; margin: auto;}
.row {overflow: hidden;}
.flex {display:flex; flex-flow: wrap;}
.flex.reverse {flex-direction: row-reverse;}
.flex.height > div > div, .flex.height > div > div > div {height: 100%;}
.hidden, .overflow, .content-area {overflow:hidden;}
.relative {position:relative}
.align-c {text-align:center}
.align-l {text-align:left}
.align-r {text-align:right}
.blur {filter:blur(5px);}
h1, .h1 {font-size: 55px;font-weight: 100;}
h2, .h2 {font-size: 40px;}
h3, .h3 {font-size: 30px;}
h4, .h4 {font-size: 22px;}
p, .p {font-size: 1em;}
.yt-container {position: relative; width: 100%; height: 0; padding-bottom: 56.4%;}
.yt-container iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.dropdown, .closedropdown {display:none}

/* COLUMNS */
[class^="col1-"],[class^="col2-"], [class^="col3-"], [class^="col4-"], [class^="col5-"], [class^="col6-"] {float:left}
.col1-1 {width: 100%;}
.col1-2 {width: 50%;}
.col1-3 {width: 33.3%;}
.col2-3 {width: 66.6%;}
.col1-4 {width: 25%;}
.col2-4 {width: 50%;}
.col1-5 {width: 20%;}
.col3-4 {width:75%;}
.col1-6 {width: 16.66%;}
.col4-6 {width: 66.66%;}

/* PADDINGS MARGINS */
.pd-20 {padding:20px}
.pd-50 {padding:50px}
.pd-t-10 {padding-top:10px}
.pd-t-20 {padding-top:20px}
.pd-t-50 {padding-top:50px}
.pd-t-100 {padding-top:100px}
.pd-t-150 {padding-top:150px}
.pd-t-200 {padding-top:200px}
.pd-b-10 {padding-bottom:10px}
.pd-b-20 {padding-bottom:20px}
.pd-b-50 {padding-bottom:50px}
.pd-b-100 {padding-bottom: 100px;}
.mg-10 {margin:10px}
.mg-t-20 {margin-top:20px}
.mg-t-50 {margin-top:50px}
.mg-b-20 {margin-bottom:20px}
.mg-b-50 {margin-bottom:50px}
.mg-b-100 {margin-bottom:100px}
.mg-b-150 {margin-bottom:150px}
.mg-b-200 {margin-bottom:200px}
.mg-r-20 {margin-right:20px}
.mg-t-negative-100 {margin-top:-100px}
.mg-b-negative-100 {margin-bottom: -100px;}
.max-w-750 {max-width:750px}

/* COLORS */
.white {color:#ffffff;}
.light-gray {color:#efefef}
.medium-gray {color:#e5e5e5}
.dark-gray {color:#1b1d1f}
.black {color:#101010}
.green {color:#54b755}
.blue {color:#6394ed}
.red {color:#d62d20}
.yellow {color:#f1c531}
.bg-white {background-color:#ffffff;}
.bg-light-gray {background-color:#efefef}
/*.bg-medium-gray {background-color:#e5e5e5}*/
.bg-medium-gray {background-color:#a9a9a9}
.bg-dark-gray {background-color:#1b1d1f}
.bg-black {background-color:#101010}
.bg-green {background-color:#54b755}
.bg-blue {background-color:#6394ed}
.bg-red {background-color:#d62d20}
.bg-yellow {background-color:#f1c531}
.bg-parallax {background-repeat: no-repeat; background-position-x: center;}
.shadow {
  -webkit-box-shadow: 1px 3px 12px -5px rgba(0,0,0,0.4);
  -moz-box-shadow: 1px 3px 12px -5px rgba(0,0,0,0.4);
  box-shadow: 1px 3px 12px -5px rgba(0,0,0,0.4);
}
a.clever-btn {cursor:pointer;display: inline-block; position: relative; margin-top: 30px; margin-bottom:30px;font-size: 20px;line-height: 50px;font-weight: 600;border-width: 0px;padding: 0 50px; border-radius:5px;border: solid 1px currentColor;}
/*a.clever-btn:after {content: ''; position: absolute; top: -9px;left: -9px;bottom: -9px;right: -9px;border: 9px solid;border-color: rgba(255, 255, 255, 0.2);box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 6px;}*/
a.clever-btn.small {font-size: 14px; line-height: 1em; height: auto; /*padding: 10px 30px;*/ padding: 16px 40px; margin: 20px 0 0 0; }
img.rounded {border-radius: 100%;}
.strong {font-weight:bold}


/* NAV */
header#masthead {position: fixed; padding: 10px 20px; width: 100%; z-index: 100; box-sizing: border-box;top: 0; left: 0;}
.site-logo {float: left;width: 300px;
  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.main-navigation {float: right; margin-top:0; font-size: 0;}
.main-navigation .main-menu>li {padding: 0 7px;display:inline}
.main-navigation .main-menu>li>a {line-height: 82px; font-size: 13px; text-transform: uppercase; letter-spacing: 2px; color:#000000; font-weight: 600;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
}
.main-navigation .main-menu>li.current-menu-item>a, .main-navigation .sub-menu>li.current-menu-item>a  {color: #54b755;}
.main-navigation .sub-menu>li>a {  -webkit-transition: all .5s ease-in-out;  -moz-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;}
.main-navigation ul.main-menu>li.green a {background: #54b755; color: #ffffff; padding: 10px 20px; border-radius:5px; border:solid 1px currentColor}
.main-navigation .sub-menu {display:none; left:0; opacity:1; background-color:rgba(0,0,0,0.7);}
.main-navigation  .sub-menu>li>a {font-size: 13px; text-transform: uppercase; letter-spacing: 2px; padding: 12px 20px; color: #ffffff; font-weight: 600;}
.main-navigation .main-menu>li.menu-item-has-children {position:relative}
.main-navigation .main-menu>li.menu-item-has-children .submenu-expand {margin-bottom: 10px;}
span.submenu-expand {cursor: pointer;}
header#masthead.sticky .site-logo {width: 160px; margin: -7px 0;}
header#masthead.sticky .main-menu>li>a {line-height: 35px;}
header .main-menu-more, .sub-menu li:first-child, .search-form .screen-reader-text {display:none;}
.menu-mobile {display:none; position: absolute; top: 30px; right: 0px; width: 70px; height: 60px; cursor: pointer; padding: 20px;
  -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.sticky .menu-mobile {top:-2px}
.menu-icon, .menu-icon:before, .menu-icon:after {width: 30px; height: 3px; background-color: #111111;}
.menu-icon:before, .menu-icon:after {content: ""; position: absolute; top: 28px;}
.menu-icon:after {top: 36px;}
.main-navigation .main-menu>li.menu-item-has-children {padding-right: 25px;}
.main-navigation .main-menu>li.menu-item-has-children .submenu-expand {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main-navigation .main-menu>li.menu-item-has-children .submenu-expand svg {position: absolute; top: calc(50% - 11px); right: 5px;}

/* FOOTER */
footer.site-footer {box-shadow: inset 0px 10px 14px -12px rgba(0,0,0,0.5);}
footer.site-footer ul {padding-left: 0; margin: 0; font-size: 16px;}
footer.site-footer ul li {line-height: 1.3em; margin-bottom: 1em;}
footer a:hover, footer a:focus {color:#ffffff;}
#subfooter img {width: 25px; margin-right: 10px;}
#subfooter p {margin-bottom:0; font-size:13px}



/* HEADER */
.header-text h2 {font-size: 23px; line-height: 1.3em;}
.home-header {min-height: 80vh; /*background-image: url(/wp-content/themes/clever/img/fondo-slider.jpg); animation: bg-vertical 30s linear infinite;*/ background-size: 1920px 898px; position: relative; padding-bottom:100px;}
.header-text {position: absolute; top: 50%; width: 40%; max-width: 900px;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.home-pc {position: absolute;right: 0; width: 42%; bottom: 0; z-index: 99;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
}
.home-graphic {position: absolute;right: 0; bottom: 0;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
}
.mask-home-graphic {position: absolute;right: 0; width: 42%; padding-top: 42%; bottom: 0; z-index: 99; overflow: hidden;
	-webkit-transform: translate(-100%,0);
	-moz-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	-o-transform: translate(-100%,0);
	transform: translate(-100%,0);
}
.separator {margin: 30px auto; height: 2px; background-color: currentColor; /*width: 50px;*/}


/* FIXED BUTTONS */
.home-fixed-buttons {position: fixed; bottom: 0; right: 0; z-index: 99;}
.fixed-button {margin: 0 10px; float:left; max-width: 50px; cursor: pointer;
	-webkit-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.2);
	-webkit-transition: all ease-in-out 500ms;
    -moz-transition: all ease-in-out 500ms;
    -o-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0);
}
.fixed-button:hover {
	-webkit-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.4);
	-webkit-transform:translate(0,-3px);
	-moz-transform:translate(0,-3px);
	-ms-transform:translate(0,-3px);
	-o-transform:translate(0,-3px);
	transform:translate(0,-3px);
}
.home-fixed-buttons .fixed-start a {padding: 10px 20px;border: solid 1px #ffffff; display:none;}
.home-fixed-buttons .fixed-start a:hover {color:#f1c531}

/*a:hover.link-texto {border-bottom: 1px solid #54b755;}
a.link-texto {border-bottom: 1px solid #101010;}*/

/* BLOG */
.post-feature {padding-bottom: 50%; overflow: hidden;}
.post-feature > div {position: absolute;}
.post-feature > a {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;}
.post-feature h3.entry-title {text-transform: uppercase;}
.img-feature {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.img-feature img { max-width: none; left: 50%; top: 50%; width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.info-feature {position: absolute; bottom: 0; z-index: 2; width: 100%; background-color: rgba(0,0,0,0.8);}
h2.title-feature {font-size: 22px; font-weight: 700; text-transform: uppercase;}
h2.title-feature.small {font-size:16px;}
p.date-feature {font-weight: 700; font-size: 12px;}
.pagination-post {width: 100%; display: block; clear: both; text-align: center;}
.page-template-intro-blog article.col1-3:nth-child(3n + 1) {clear: both;}
figure.post-thumbnail {border: solid 1px #e5e5e5;}
h3.entry-title { font-weight: 400; font-size: 17px; line-height: 1.3em; display: inline-block;}
.seemore {border-bottom: solid 2px;position: absolute; width: calc(100% - 40px); bottom: 30px; font-weight: 700;}
.page-numbers {border: solid 2px #e5e5e5; padding: 10px 17px; border-radius: 7px; font-size: 13px; font-weight: 700;}
.page-numbers.current {background-color: #e5e5e5; color: #ffffff;}

/* POST */
.post h1 {font-size: 2.7em; text-align:center}
.post h2 {font-size: 2em;}
.post h3 {font-size: 1.7em; color:#888888}
.post h4 {font-size: 1.5em; color:#888888}
.post h5 {font-size: 1.2em; color:#888888}
.post h6 {font-size: 0.9em; color:#888888}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {clear: initial; font-weight:400;}
.post a {color: #54b755; text-decoration: underline;}
.post ul {list-style: unset; padding-left: 1.4em;}
.post li {margin-bottom: 0.5em;}
.single article {text-align: justify;}
.single figure.post-thumbnail {border: 0; text-align: center;}
nav.navigation.post-navigation {overflow: hidden; margin-bottom: 50px;}
.nav-previous {float: left;}
.nav-next {float: right;}
.nav-previous a, .nav-next a {display: flex;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter, figure.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* DESCRIPCIÓN DESPLEGABLE */
.desplegable-button {border-top: currentColor solid 1px; color: #54b755;}
.desplegable-content {display: none;}
.desplegable-content p {margin: 0; padding: 10px 0;}

/* AUTHOR BOX */
.author-desc {border: solid 1px #cccccc; border-radius: 15px;}
.author-img {float: left; max-width: 150px; margin-right: 30px; border-radius: 10px; overflow: hidden;}
.author-bio .small {font-size: 14px;}
.icon {background-size: 20px; background-repeat: no-repeat; overflow: hidden; width: 20px; height: 20px; margin-right: 5px;}
.icon a {color: transparent;}
.icon.email {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/007-envelope.png);}
.icon.pinterest {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/006-pinterest-sign.png);}
.icon.youtube {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/005-video-play-button.png);}
.icon.linkedin {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/004-linkedin-logo.png);}
.icon.instagram {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/003-instagram.png);}
.icon.twitter {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/002-twitter-logo.png);}
.icon.facebook {background-image:url(https://www.cleverecommerce.com/wp-content/uploads/2019/08/001-facebook-logo.png);}
/*prueba*/
.postid-7717 .dropdown {display:block}

/* COMMENTS */
ol.comment-list {list-style: none;}
.comment-list span.fn {color: #54b755;}
li.comment.odd {border-bottom: solid 1px #ccc;}

/* WIDGET */
h3.chw-title {font-size: 24px;}
.chw-widget {margin-bottom: 30px; font-size: 16px;}
.chw-widget .search-form input[type="search"] {color: #111111; font-family: inherit; font-size: 16px; line-height: 15px; background-color: #ffffff; border: solid 1px #e5e5e5; width: 80%; float: left; padding: 14px 10px; }
.chw-widget .search-form input[type="submit"] {color: #ffffff; font-size: 16px; line-height: 1em; background-color: #54b755; border: solid 1px #54b755; border-radius: 0; width: 20%; padding: 17px 10px;}
.tve-leads-widget.tve-tl-anim {opacity: 1; height: auto;}

/* ANIMATE */
.toleft {animation: toleft 1s ease-in-out forwards;}
.toright {animation: toright 1s ease-in-out forwards;}
.home-pc.toleft {animation: toleft 1s cubic-bezier(0, 0.45, 0.45, 1) forwards;}
.home-graphic.toleft {animation: toleft 2s cubic-bezier(0.5, 0, 0.45, 1) forwards; animation-delay: 1s;}
.mask-home-graphic.toright {display:none;animation: toright 2s cubic-bezier(0.5, 0, 0.45, 1) forwards; animation-delay: 1s;}
.home .mask-home-graphic.toright {display:block}
.home-verde-down.tobottom {animation: tobottom 1s cubic-bezier(0, 0.45, 0.45, 1) forwards;}
.home-verde-down .totop {animation: totop 1s cubic-bezier(0, 0.45, 0.45, 1) forwards;}
.separator-verde.expand {width:55%; transition-delay: 500ms}

.expand {
	-webkit-transform:scale(1,1) !important;
	-moz-transform:scale(1,1) !important;
	-ms-transform:scale(1,1) !important;
	-o-transform:scale(1,1) !important;
	transform:scale(1,1) !important;
}
.intro-col1-3:nth-child(1) .home-icon-animate { transition-delay: 500ms }
.intro-col1-3:nth-child(3) .home-icon-animate { transition-delay: 1000ms }


/* PRODUCTS */
.producto-header {position: relative; height: 50vw;}
.producto-header .cabecera {position: absolute; z-index: 6; top: 50%; text-align: center; width: 100%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.producto-header .background {position: relative; width: 100%; height: 100%; overflow: hidden;}
.producto-header .bg-img-anima {position: absolute;}
.producto-header .bg-anima-1 {z-index: 1;bottom: 0;}
.producto-header .bg-anima-2 {z-index: 2;bottom: 0;}
.producto-header .bg-anima-3 {z-index: 4;bottom: 0;}
.producto-header .bg-anima-4 {z-index: 3;width: 38vw;left: -7vw;top: -10vw;}
.producto-header .bg-anima-5 {z-index: 5;width: 38vw;right: -16vw;bottom: 0;}
.page-template-intro-product .slick-slider:before {content: ""; position: absolute; top: 0; left: 0; width:244px; height:176px;background-image: url(/wp-content/themes/clever/img/quote_01.jpg)}
.page-template-intro-product .slick-slider:after {content: ""; position: absolute; bottom: 0; right: 0; width:244px; height:176px;background-image: url(/wp-content/themes/clever/img/quote_02.jpg)}
.youtube-container {position: relative;padding-bottom: 56.3%;}
.youtube-container > iframe.youtube {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* PRICING */
form.bill {text-align: right; margin: 10px;}
body table.pricing td .cabecera.semiannually {display:none}
.semiannually span {display: block; opacity: 0.8; /*font-size: 11px;*/font-size: 16px;}
table.pricing {border-collapse: separate;border-spacing: 10px;color: #1f1f1f; min-width: 728px;}
table.pricing tr:nth-child(2n) {background-color: #f1f1f1;}
table.pricing td {padding: 5px 15px; vertical-align: middle; font-size: 14px; width: 25%;}
table.pricing td:first-child {text-align: left; position: relative; padding-right: 35px;}
table.pricing tr:last-child {background-color: #ffffff !important;}
table.pricing td.basic .cabecera {display: block; margin: -24px -25px 20px -25px; padding: 20px;}
table.pricing tr.descripciones td.basic {background-color: #e5e5e5;box-shadow: 3px 3px 9px -1px rgba(0,0,0,0.2);}
table.pricing td.premium .cabecera {display: block; margin: -24px -25px 20px -25px; padding: 20px;}
table.pricing tr.descripciones td.premium {background-color: #e0eafb;box-shadow: 3px 3px 9px -1px rgba(0,0,0,0.2);}
table.pricing td.custom .cabecera {display: block; margin: -24px -25px 20px -25px; padding: 20px;}
table.pricing td.premium .semiannually, table.pricing td.custom .semiannually {background-image: url(/wp-content/themes/clever/img/save-up.png); background-repeat: no-repeat; background-position: right top; background-size: 18% auto;}
table.pricing td.premium .monthly /*, table.pricing td.custom .monthly*/ {/*background-image: url(/wp-content/uploads/2020/04/porcentaje-2.png);*/background-repeat: no-repeat; background-position: calc(100% - 5px) 5px; background-size: 65px;}
table.pricing tr.descripciones td.custom {background-color: #ddf1dd;box-shadow: 3px 3px 9px -1px rgba(0,0,0,0.2);}
tr.descripciones td {margin-top: -15px; font-size: 14px; line-height: 1.3em; padding: 24px; vertical-align: top;}
tr.descripciones td:first-child {vertical-align: middle;}
.pricing h2 {color: #ffffff; font-size: 32px; line-height: 1.2em; font-weight: 600;}
.pricing h3 {color: #ffffff; font-size: 25px; line-height: 1em;}
table.pricing tr:last-child h2, table.pricing tr:last-child h3 {color: #1f1f1f;}
table.pricing a.btn-info {position: absolute; right: 5px; top: 4px;cursor:pointer}
table.pricing tr.headtr {background-color: #d1d1d1 !important; font-weight: 600;}
.pricing + div .description {position: absolute; display: none; left: 25%; box-sizing: border-box; padding: 20px; width: 200px; background-color: #ffffff; box-shadow: 2px 2px 7px -1px rgba(0,0,0,0.3); font-size: 12px; line-height: 1.4em; font-weight: 600;z-index: 98}
.bg-trans {position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99;display:none}
.img-header {position: absolute;right: 0;width: 35%;top: 50%;z-index: 99;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.img-header img {animation: toleft 1s cubic-bezier(0, 0.45, 0.45, 1) forwards;
	-webkit-transform: translate(100%,0);
    -moz-transform: translate(100%,0);
    -ms-transform: translate(100%,0);
    -o-transform: translate(100%,0);
    transform: translate(100%,0);
}

/* HOME */
body {font-family:'Open sans', sans-serif;}
img {vertical-align: middle;}
ul {list-style: none;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h5 {font-family:'Open sans', sans-serif;}
.pd-t-50 {padding-top:50px}
.pd-b-50 {padding-bottom:50px}
.align-c {text-align: center;}
.relative {position:relative}

.bt-pop-close {position: absolute;top: -20px;right: -20px;cursor: pointer;background: #54b755;color: #ffffff;font-weight: 800;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 100%;
	-webkit-transition: all ease-in-out 500ms;
	-moz-transition: all ease-in-out 500ms;
	-o-transition: all ease-in-out 500ms;
	transition: all ease-in-out 500ms;
	-webkit-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.4);
	box-shadow: 1px 3px 6px 1px rgba(0,0,0,0.4);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
.bt-pop-close:hover {
	-webkit-box-shadow:1px 5px 8px 1px rgba(0,0,0,0.5);
	-moz-box-shadow:1px 5px 8px 1px rgba(0,0,0,0.5);
	box-shadow:1px 5px 8px 1px rgba(0,0,0,0.5);
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translate(0,-3px);
	transform: translate(0,-3px);
}

@keyframes bg-vertical {
	0% {background-position:0px 898px}
	100% {background-position:0px 0px}
}
@keyframes bg-horizontal {
	0% {background-position:0px 0px}
	100% {background-position:1449px 0px}
}
@keyframes expand-w {
	0% {width:0%}
	100% {width:100%}
}
@keyframes toright {
	0% {
		-webkit-transform: translate(-100%,0);
		-moz-transform: translate(-100%,0);
		-ms-transform: translate(-100%,0);
		-o-transform: translate(-100%,0);
		transform: translate(-100%,0);
	}
	100% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
@keyframes toleft {
	0% {
		-webkit-transform: translate(100%,0);
		-moz-transform: translate(100%,0);
		-ms-transform: translate(100%,0);
		-o-transform: translate(100%,0);
		transform: translate(100%,0);
	}
	100% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
@keyframes tobottom {
	0% {
		-webkit-transform: translate(0,-100%);
		-moz-transform: translate(0,-100%);
		-ms-transform: translate(0,-100%);
		-o-transform: translate(0,-100%);
		transform: translate(0,-100%);
	}
	100% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}
@keyframes totop {
	0% {
		-webkit-transform: translate(0,100%);
		-moz-transform: translate(0,100%);
		-ms-transform: translate(0,100%);
		-o-transform: translate(0,100%);
		transform: translate(0,100%);
	}
	100% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		-o-transform: translate(0,0);
		transform: translate(0,0);
	}
}

/* SECTION 03 PRE STEPS */
.home-pre-steps {overflow: hidden; position: relative; padding:100px 0 300px 0; background-image: url(/wp-content/themes/clever/img/fondo-faq.jpg);background-repeat: repeat-x;background-size: 1449px 432px;background-position-x: 0px; animation:bg-horizontal 60s linear infinite}
.intro-underline {text-align: center;position: relative;}
.intro-underline h3 {color: #1f1f1f;font-size: 48px;font-weight: 700;right: 100%;display: inline-block;position: relative; line-height: 1em;
	-webkit-transition: all ease-in-out 500ms;
    -moz-transition: all ease-in-out 500ms;
    -o-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}
.intro-underline h3.tocenter {right: 0%; margin:0 20px}
.intro-underline .theline {position: absolute; height: 6px; width:0; left: 0px; background: #1f1f1f; bottom: -10px; z-index: 1;
	-webkit-transition: all ease-in-out 750ms;
    -moz-transition: all ease-in-out 750ms;
    -o-transition: all ease-in-out 750ms;
    transition: all ease-in-out 750ms;
}
.circulo-negro {display: inline-block; width: 200px; height: 200px; text-align: center; position: absolute; right:51%}
.circulo-negro .fondo {background-color: #1f1f1f; border-radius: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
	-webkit-transition: all ease-in-out 750ms;
    -moz-transition: all ease-in-out 750ms;
    -o-transition: all ease-in-out 750ms;
    transition: all ease-in-out 750ms;
	-webkit-transform:scale(0,0);
	-moz-transform:scale(0,0);
	-ms-transform:scale(0,0);
	-o-transform:scale(0,0);
	transform:scale(0,0);
}
.circulo-negro .texto {z-index: 2; position: relative; font-size: 190px; font-weight: 300; line-height: 1em;}
.circulo-info {position: absolute; left: 51%; color: #1f1f1f; overflow: hidden;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
}
.mask {
	-webkit-transform: translate(-100%,0);
	-moz-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	-o-transform: translate(-100%,0);
	transform: translate(-100%,0);
}
.circulo-titulo {font-weight: 700; font-size: 100px; line-height: 1em;}
.circulo-subtitulo {background-color: #54b755; background-image: url(/wp-content/themes/clever/img/left-arrow.png); background-repeat: no-repeat; background-position: 98% center; background-size: 20px 20px;cursor: pointer;}
.circulo-texto {font-size: 24px;line-height: 1.3em;}


/* SECTION 04 */
.home-section-04 {display:none}
.steps {position:relative; padding: 50px 0 100px 0;}
.steps .step-contain {max-width: 1300px; margin: auto; box-sizing: border-box; color: #ffffff;position:relative; z-index:2;}
.steps:nth-child(2n + 1) .step-contain {padding-left: 12vw;}
.steps:nth-child(2n) .step-contain {padding-right: 12vw; text-align: right;}
.number {font-size: 150px;line-height: 150px;color: #1f1f1f;}
.number-wrap {display: inline-block;padding: 10px 50px 10px 50px;background-color: #ffffff; position: absolute; box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.3); z-index: 2;
	-webkit-transition: all ease-in-out 500ms;
    -moz-transition: all ease-in-out 500ms;
    -o-transition: all ease-in-out 500ms;
    transition: all ease-in-out 500ms;
}
.steps:nth-child(2n + 1) .number-wrap {border-radius: 0 80px 80px 0;left:0; padding-left: 6vw;
	-webkit-transform: translate(-100%,0);
	-moz-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	-o-transform: translate(-100%,0);
	transform: translate(-100%,0);
}
.steps:nth-child(2n) .number-wrap {border-radius: 80px 0 0 80px;right: 0; padding-right: 6vw;
	-webkit-transform: translate(100%,0);
	-moz-transform: translate(100%,0);
	-ms-transform: translate(100%,0);
	-o-transform: translate(100%,0);
	transform: translate(100%,0);
}
.steps .number-wrap.visible {
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
}
.number-text {margin: 50px 0;}
.number-title, .number-img, .number-text {opacity:0}

.step-contain h3 {font-size: 40px; font-weight: 200; margin-bottom: 60px; line-height: 1.3em;}
.step-contain p {/*font-size: 30px;*/ font-size: 20px; font-weight: 200; line-height: 1.2em;}

/* STEPS LINE */
.line {position: absolute; border-bottom: dashed 5px; border-color:transparent; top: -50px; bottom: 120%; /*right: 100%; left: 100%;*/ width:0; z-index: 1;
	-webkit-transition: bottom ease-in-out 500ms, width 500ms ease-in-out 500ms;
    -moz-transition: bottom ease-in-out 500ms, width 500ms ease-in-out 500ms;
    -o-transition: bottom ease-in-out 500ms, width 500ms ease-in-out 500ms;
    transition: bottom ease-in-out 500ms, width 500ms ease-in-out 500ms;
}
.steps:nth-child(2n + 1) .line, .home-section-05 .line {border-left: dashed 5px; border-color:transparent; left: 9vw;}
.steps:nth-child(2n) .line, .home-pre-steps .line {border-right: dashed 5px; border-color:transparent; right: 9vw;}
.steps .line.visible {width: 80vw; bottom: 50px; border-color:#1f1f1f;}
.steps:last-child .line.visible {width:41vw;}
.home-pre-steps .line {right: 57vw; top: 50%;}
.home-pre-steps .line.visible {width:32vw; bottom: 50px; border-color:#1f1f1f;}
.home-section-05 .line {left: 50vw;}
.home-section-05 .line.visible {width:0vw; bottom:50%; border-color:#1f1f1f;}


/* SECTION 05 MANCHA */
.home-section-05 {padding:150px 0; position:relative}
.mancha {height: 400px;position: relative; z-index: 2;}
.mancha .circulo-negro {width:400px; height:400px; right: 50%; margin-right: -200px;}
.mancha .circulo-negro h3 {font-size: 60px; font-weight: 200; line-height: 1em; text-transform: uppercase; margin-top: 80px; text-align: center;}

/* SECTION 07 SLIDER */
.slick-slider {position: relative; display: block; box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {position: relative; display: block; margin: 0 10%; overflow: hidden;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {position: relative; top: 0; left: 0; display: flex; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; height: 100%; min-height: 1px; opacity:0.5;
	-webkit-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	transition: all ease-in-out 300ms;
}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide.slick-active {opacity:1}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block; align-items: stretch; height: 100%;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-arrow {position: absolute; height: 350px; top: 0; width: 10%; cursor: pointer; z-index: 2; opacity: 0;}
.slick-prev {left: -10%;}
.slick-next {right: -10%;}
ul.dotslide {display: flex; justify-content: center; margin-top: 20px;}
ul.dotslide button {padding:0; margin: 0 10px; background-color: #1f1f1f; border: 0; text-indent: 18px; overflow: hidden; width: 10px; height: 10px; border-radius: 10px; cursor: pointer;}
ul.dotslide .slick-active button {background-color:#54b755;}

.car-contain { display: flex; align-items: center; padding: 20px 0;}
.car-contain .car-icon {filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.2));width: 30%;text-align: center; box-sizing: border-box; padding: 0 20px;}
.car-contain .car-text {}
.car-contain .car-text h4 {color: #1f1f1f;font-size: 14px;font-weight: 700;text-transform: none;}
.car-contain .stars {margin-bottom: 20px;}


/* DONUT */
.flex.donut-container {align-content: center;}
.flex.donut-container > div {justify-content: center; display: flex; flex-flow: column;}
.flex.donut-container > div:first-child {order: 2;}
.flex.donut-container > div:last-child {order: 3;}
.round-title {position: absolute;  width: 100%; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.donut-container span {font-size: 0.7em; font-weight: 800;}
.round-title h1, .round-title h2, .round-title h3, .round-title h4, .round-title h5, .round-title h6, .round-title p { font-size:20px; font-weight: 800;}
.round-title h1 span, .round-title h2 span, .round-title h3 span, .round-title h4 span, .round-title h5 span, .round-title h6 span, .round-title p span {font-size: 2.5em;}
 
/* COOKIES */
#cookie-law-info-again {display:none !important}

/* LEGAL */
#legal ul {list-style: disc; padding-left: 40px;}
#legal ol {padding-left: 40px; text-indent: 5px;}
#legal table {margin-bottom: 40px;}
#legal th {background: #54b755; color: #ffffff; padding: 10px;}
#legal td {padding: 10px; border-bottom: solid 1px #54b755; background: #f1fff1;}
#legal ul a, #legal ol a {text-decoration: underline;}

/* TABLE OF CONTENTS */
div.ez-toc-widget-container ul.ez-toc-list {padding: 30px 10px;}
div.ez-toc-widget-container ul.ez-toc-list li {padding: 5px 0;}
div.ez-toc-widget-container ul.ez-toc-list li > ul, div.ez-toc-widget-container .ez-toc-list li > ol {padding-left: 1rem;}



@media only screen and (max-width:1300px) {
  .header-text {width:60%}
  .wrapper {padding-left: 20px; padding-right: 20px;}
  .site-logo, .main-navigation {float:none}
  body header#masthead .main-navigation {display: none;}
  .menu-mobile {display:block}
  .main-navigation ul.main-menu {display: block; text-align: center;}
  .main-navigation ul.main-menu>li {width: 100%; display: block;}
  .main-navigation ul.main-menu>li>a, header#masthead.sticky .main-menu>li>a {line-height: 3em; display:block}
  .main-navigation ul.main-menu>li.menu-item-has-children .submenu-expand {position: absolute; top: 4px; right: 4px;}
  .main-navigation .sub-menu {position: relative;}
  .donut-container span {font-size: 0.7em;}
  .round-title h1, .round-title h2, .round-title h3, .round-title h4, .round-title h5, .round-title h6, .round-title p { font-size: 1.5vw;}
  .steps:nth-child(2n + 1) .step-contain {padding-left: 20vw;}
  .steps:nth-child(2n) .step-contain {padding-right: 20vw;}
}
@media only screen and (max-width:1150px) {
  .col1-5 {width:33.3%}
}
@media only screen and (max-width:1024px) {
  h1, .h1 {font-size: 40px;}
  h2, .h2 {font-size: 25px;}
  h3, .h3 {font-size: 22px;}
  h4, .h4 {font-size: 19px;}
  .home-header {text-align: center; padding-bottom:0}
  .header-text {width: 100%;padding-top: 50px; margin: auto; position:relative;-webkit-transform: translate(0,0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);}
  .header-text .flex {justify-content: center;}
  .home-pc {position: relative; right: -100px; width: 100%;}
  .mask-home-graphic {display: none;}
  .number {font-size: 80px; line-height: 80px;}
}
@media only screen and (max-width:770px) {
  [class^="col1-"], [class^="col2-"], [class^="col3-"], [class^="col4-"], [class^="col5-"], [class^="col6-"] {float: left; width: 100% !important; float: none;}
  .steps .step-contain {padding:120px 20px 0 20px}
  #platforms-btns div.pd-20 {padding:10px 0}
  #platforms-btns .img {max-width: 100px; padding-right: 20px;}
  #platforms-btns .col1-5 div {display: flex;justify-content: center;align-items: center;}
  .donut-container span {font-size: 0.7em; font-weight: 800;}
  .round-title h1, .round-title h2, .round-title h3, .round-title h4, .round-title h5, .round-title h6, .round-title p { font-size:3.5vw;}
  .flex.donut-container > div:first-child, .flex.donut-container > div:last-child {order:inherit}
}
@media only screen and (max-width:550px) {
  .home-fixed-buttons {display:block}
  .circulo-titulo {font-size: 60px;}
  .circulo-texto h3 {font-size: 23px;}
  .step-contain h3 {font-size: 30px; margin-bottom: 20px;}
  .number-text {margin: 20px 0;}
  .step-contain p {font-size: 17px;}
  .mancha .circulo-negro h3 {margin: 100px 70px 0 70px;font-size: 45px;}
  .h1, h1, .post h1 {font-size: 28px;}
  .h2, h2, .post h2 {font-size: 22px;}
  .h3, h3, .post h3 {font-size: 20px;}
  .p, p, li {font-size: 15px;}
  .single article h1, .single article h2, .single article h3, .single article h4, .single article h5, .single article h6 {text-align: left;}
  #primary {padding-top: 100px;}
  #primary > #main > .wrapper.pd-b-50 {padding-bottom: 0;}
  .site-logo {width:250px; margin: -10px 0;}
  .menu-mobile {top:10px}
  blockquote {margin:0 10px;}
  #text-3.widget_text, div#custom_html-10 {display: none;}
  .info-feature, .img-feature, .post-feature > a {position: relative;}
  .img-feature img {left: 0; top: 0; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
  .post-feature {padding-bottom: 20px;}
  h2.title-feature {font-size: 16px;}
  p.excerpt-feature {display: none;}
}