/*
Theme Name: CloudChampion
Description: Microsoft CloudChampion is a child theme of The7
Author: Kapturall
Author URI: http://www.kapturall.com
Template: dt-the7
Version: 4.0.0
*/
/** ---------------------------------------------------------
NEW CC SITE
---------------------------------------------------------*/
/* Font and CSS import */
@import url("css/animate.css");
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500");
*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
background-color: #ffffff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
p {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 15px;
color: #333333;
}
iframe {
border: none;
background-color: #fff;
}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon {
line-height: 22px !important;
}
#wpadminbar #wp-admin-bar-wp-logo>.ab-item .ab-icon:before {
content: "\f176" !important;
color: #fff !important;
font-size: 24px !important;
top: 0px !important;
text-shadow: 0px 0px 25px #cc4343, 0px 0px 15px #cc4343;
}
.cc_hidden {
display: none !important;
}
.spinner-loader .load-wrap {
background-image: url(img/loader.svg) !important;
background-size: 150px auto !important;
}
/* IE Warning */
.ieWarning {
float:left;
display:block;
width:100%; color: white;
position: absolute; top: 0;
z-index: 999; padding: 5px;
text-align: center;
background-color: rgba(221, 67, 67, 0.58);
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 13px;
line-height: 1;
}
.ieWarning a {
color: #ffffff;
margin-left: 15px;
}
.ieWarning div:nth-child(2) a {
font-weight: 700;
}
.ieWarning a:hover {
color: #e9e1e3 !important;
}
/* Clean Styles*/
.page-template-page-backend h1.entry-title,
.page-template-page-micuenta h1.entry-title,
.page-template-default h1.h2-size,
.page-template-page-backend-companylist h1.entry-title,
.page-template-page-private h1.h2-size,
.single-oportunidad h1.entry-title,
.post-type-archive-webinars h1.h2-size,
.single-webinars h1.h2-size,.page-template-page-metro h1.h2-size,.post-type-archive-training h1 {
font-family: 'Oswald', Helvetica Neuve, sans-serif;
color: #DD4343 !important;
font-size: 68px;
margin-top: 70px;
text-align: left;
margin-bottom: 20px;
flex-grow: 1;
font-weight: 300;
line-height: 70px;
}
.page-title.title-center.solid-bg {
margin-top: 0px;
position: relative !important;
}
.page-template #main {
min-height: 86vh;
padding: 0%;
}
.single-oportunidad #main {
padding-top: 0% !important;
}
#main {
padding-bottom: 0px !important;
}
/* Styles links on Recursos */
#linkDynamic {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 15px;
color: #333333;
font-weight: 400;
text-align: center;
display: inherit;
}
#linkDynamic:hover {
text-decoration: none;
}
/* General */
.masthead.inline-header.right.full-height.shadow-decoration.show-mobile-logo {
padding-bottom: 10px;
}
.fancy-header .hgroup, .page-title .hgroup {
height: auto !important;
}
.acf-field.acf-field-checkbox.acf-field-5a79958766e8e.ka_consent .acf-hl label {
color: #333333 !important;
}
.acf-field.acf-field-checkbox.acf-field-5a79958766e8e.ka_consent {
display: -webkit-inline-box;
}
.acf-field.acf-field-checkbox.acf-field-5a79958766e8e.ka_consent .acf-input {
margin-top: 3px !important;
margin-left: 10px;
}
.acf-field.acf-field-checkbox.acf-field-5a79958766e8e.ka_consent .acf-input {
top: 15px !important;
right: 35px !important;
}
.acf-true-false > label > input {
width: 10px !important;
}
span.acf-required {
display: initial !important;
}
.acf-field.acf-field-true-false.acf-field-5a79958766e8e.ka_consent {
display: inline-block !important;
}
.login-action-register label[for=acf-field_5a79958766e8e] {
position: absolute;
top: 15px !important;
right: 35px !important;
}
.page-template-page-micuenta ul.acf-checkbox-list.acf-hl {
margin-left: 0px !important;
}
.acf-field.acf-field-checkbox.acf-field-5a8476db5a028 {
margin-left: 18px;
}
/* Change Password */
.page-template-page-micuenta form#passwordForm .row {
margin: 10px 0px 30px 0px;
}
.page-template-page-micuenta form#passwordForm input {
margin-top: 30px !important;
width: 100%;
height: 38px;
}
.page-template-page-micuenta form#passwordForm {
width: 80%;
margin: 0 auto;
}
.page-template-page-micuenta form#passwordForm .col-sm-6, .page-template-page-micuenta form#passwordForm .col-sm-12 {
color: #333333;
font-size: 12px;
}
.regularButton {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-size: 17px;
padding: 5px 15px !important;
min-width: 50px;
display: inline-block !important;
margin-top: 0px !important;
}
.regularButtonWrapper {
text-align: right !important;
}
/* Risk Calculator */
.page-id-2956 div#riskCalcButton {
display: none !important;
}
div#riskCalcButton {
z-index: 100000;
width: 65px;
height: 54px;
background-color: #DD4343;
background-image: url(https://eu-lon08.marketo.com/rs/294-UWH-949/images/contacus.svg);
background-size: 35px;
background-position-y: center;
background-position-x: 17px;
background-repeat: no-repeat;
position: fixed;
top: 70%;
right: 0;
transition: 0.5s;
}
div#riskCalcButton:hover {
width: 250px;
transition: 0.5s;
}
#riskCalcLink br {
display: none;
}
a#riskCalcLink {
display: block;
font-family: 'Oswald', Helvetica Neuve, sans-serif;
color: #ffffff;
font-size: 19px;
vertical-align: baseline;
text-decoration: none;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 68px;
padding-top: 14px;
width: 500px;
}
//*a#riskCalcLink:hover::after {
font-family: FontAwesome;
content: "\f061";
display: inline-block;
font-size: 35px;
margin-left: 0px;
margin-top: -28px;
vertical-align: top;
}*//
/* ---- */
form#mktoForm_1003 input.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm div.mktoLogicalField.mktoInvalid, textarea#mSComment, .page-id-2956 input#Email {
border: 1px solid #ddd !important;
background-color: #fbfbfb !important;
width: 100% !important;
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-weight: lighter !important;
font-size: 15px !important;
color: #9c9c9c !important;
width: 100% !important;
padding: 6px 10px !important;
margin: 10px 6px 20px 0px !important;
}
form#mktoForm_1003 {
margin: 0 auto;
width: 600px !important;
}
label.mktoLabel.mktoHasWidth {
width: 100% !important;
}
form#mktoForm_1003 .mktoForm textarea.mktoField {
display: inline-block;
padding: 0.2em;
margin: 0;
line-height: 1.2em;
overflow: auto;
resize: none;
float: none;
border: 1px solid #dddddd !important;
}
form#mktoForm_1003 input#Email {
width: 600px;
}
form#mktoForm_1003 button.mktoButton {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
margin-right: auto !important;
margin-left: 180px !important;
margin-bottom: 20px !important;
display: block !important;
height: 48px !important;
width: 70% !important;
text-transform: uppercase !important;
font-weight: 300 !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
background: #DD4343 !important;
font-size: 24px !important;
text-shadow: none !important;
-webkit-transition: all 1s !important;
-o-transition: all 1s !important;
transition: all 1s !important;
}
form#mktoForm_1003 label.mktoLabel.mktoHasWidth {
font-family: 'openSans', Helvetica Neuve, sans-serif !important;
font-size: 15px;
color: #333333!important;
font-weight: 400 !important;
text-align: left !important;
}
form#mktoForm_1003 .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm textarea.mktoField {
-webkit-appearance: none;
background-color: #fbfbfb !important;
line-height: 1.5em;
width: 600px !important;
color: #333;
border: 1px solid #ddd !important;
border-radius: 0;
padding: 0.2em 0.3em;
min-height: 1.9em;
}
.page-id-3206 .page-title.title-center .wf-td, .page-title.content-left .wf-td, .page-title.content-right .wf-td {
display: block;
line-height: 25px;
height: 160px !important;
text-align: center;
}
/* Risk Calculator Results */
.recursoscalculadora {
padding: 0px;
border:none;
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
margin: 0 auto !important;
clear: both;
}
.recursoscalculadora .acf-fields.-border {
border: none !important;
background: transparent !important;
}
.recursoscalculadora .acf-label label {
width: 100%;
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-weight: 600;
font-size: 15px;
margin-left: 30px;
color: #333333;
}
.recursoscalculadora .acf-input ul li label {
margin-left: 70px;
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-weight: 300;
font-size: 14px;
color: #333333;
}
.acf_hidden {
height: 0;
visibility: hidden !important;
}
.recursoscalculadora input.acf-button.button.button-primary.button-large {
margin: 0 auto;
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
display: block !important;
height: 50px !important;
width: 170px !important;
text-transform: uppercase !important;
font-weight: 300 !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
background: #DD4343;
font-size: 26px !important;
text-shadow: none !important;
-webkit-transition: all 1s !important;
-o-transition: all 1s !important;
transition: all 1s !important;
color: #fff;
text-align: center;
}
.recursoscalculadora label[for=acf-field_5a783efa173e7], .recursoscalculadora label[for=acf-field_5a7845cad7a88] {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
text-align: right !important;
color: #9e9e9e !important;
font-size: 30px !important;
font-weight: 300 !important;
margin: 0 auto !important;
line-height: 30px !important;
}
.recursoscalculadora label[for=acf-field_5a783efa173e7-field_5a783f08173e8], .recursoscalculadora label[for=acf-field_5a783efa173e7-field_5a7841e8173f0], .recursoscalculadora label[for=acf-field_5a783efa173e7-field_5a7842c8173f6], .recursoscalculadora label[for=acf-field_5a7845cad7a88-field_5a7845d7d7a89], .recursoscalculadora label[for=acf-field_5a7845cad7a88-field_5a784752d7a8f], .recursoscalculadora label[for=acf-field_5a7845cad7a88-field_5a78482ed7a96] {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-size: 25px !important;
color: #dd4343 !important;
margin-bottom: 8px !important;
margin-top: 18px !important;
font-weight: 300 !important;
}
.ma_results {
width: 100%;
text-align: center;
}
.ligraphe {
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
background: #dd43434f !important;
border: 2px solid #dd4343a8 !important;
height: 30px !important;
margin-top: 4px !important;
margin-bottom: 20px !important;
margin-left: 3px;
}
#graphe {
margin-right: 5%;
margin-left: 0% !important;
margin-top: 0px !important;
display: inline-block;
border-left: 1px solid #afafaf;
border-bottom: px solid #afafaf;
top: -100px;
}
ul.ulgraphe p {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 14px;
color: #333;
margin-left: 10px;
margin-bottom: 0px !important;
text-align: left;
}
ul.ulgraphe li:last-child {
margin-bottom: 3px !important;
}
.containergraph {
display: inline-block;
margin: 50px auto 100px auto !important;
}
.gragh-rect {
fill: #00aeec42 !important;
stroke: #00aeec9e !important;
stroke-width: 2px !important;
}
#punto {
height: 20px !important;
width: 20px !important;
border-radius: 50%;
border: 2px solid #1d8ab1d1 !important;
background: #00aeecb5 !important;
}
.gragh-text {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 14px !important;
fill: #333333 !important;
stroke-width: 0px !important;
}
text#textY:first-child {
display: absolute !important;
writing-mode: tb-rl !important;
-webkit-transform: rotate(180deg) !important;
-moz-transform: rotate(180deg) !important;
-ms-transform: rotate(180deg) !important;
-o-transform: rotate(180deg) !important;
transform: rotate(180deg) !important;
text-align: center !important;
}
/* Social Share*/
#jsSocial {
margin-top: 20px;
border-top: 1px solid #ededed;
padding-top: 10px;
width: 100%;
text-align: center;
}
#jsSocial .jssocials-share a {
border-radius: 0px;
color: #555 !important;
border: 1px solid #555;
text-decoration: none !important;
}
#jsSocial .jssocials-share a:hover {
border-color: #cc3434;
color: #cc4343 !important;
}
/* ---- */
/* Cookies */
#cookie-notice .button.bootstrap {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-weight: 600;
font-family: sans-serif;
color: #ffffff;
text-shadow: none !important;
background-color: #DD4343 !important;
background-image: none !important;
border-style: solid !important;
border: none !important;
box-shadow: none !important;
font-size: 12px;
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus {
background-color: #DD4343;
background: #DD4343;
}
span#cn-notice-text {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-weight: 100;
font-size: 12px;
}
div#cookie-notice {
background-color: #333333 !important;
}
/* ---- */
/* Contacto */
.page-id-2956 .wpb_content_element .wpb_wrapper {
border: 1px solid #eaeaea;
background-color: rgba(255, 255, 255, 0.8);
}
.page-id-2956 .wpb_text_column.wpb_content_element {
margin-bottom: 0px;
}
.page-id-2956 .wpb_text_column.wpb_content_element div:first-child {
padding: 30px 0 30px 0;
}
.page-id-2956 .wpb_text_column.wpb_content_element div:first-child p {
font-size: 16px;
}
.page-id-2956 .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper {
border-top: none;
}
.page-id-2956 label[for='Email'], .page-id-2956 label[for='mSComment'] p {
font-family: 'openSans', Helvetica Neuve, sans-serif !important;
font-size: 15px;
color: #333333!important;
font-weight: 400 !important;
text-align: left !important;
}
form#mktoForm_1169 {
padding-top: 25px;
}
button.mktoButton {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
margin-right: auto !important;
margin-left: 180px !important;
margin-bottom: 20px !important;
display: block !important;
height: 48px !important;
width: 90% !important;
text-transform: uppercase !important;
font-weight: 300 !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
background: #DD4343 !important;
font-size: 24px !important;
text-shadow: none !important;
-webkit-transition: all 1s !important;
-o-transition: all 1s !important;
transition: all 1s !important;
}
button.mktoButton:hover {
color: #fff !important;
text-decoration: none !important;
cursor: pointer !important;
}
.mktoForm .mktoAsterix {
float: right;
color: #DD4343;
font-weight: 400 !important;
padding-left: 5px;
font-family: 'openSans', Helvetica Neuve, sans-serif !important;
display: none;
}
.mktoForm input.mktoField.mktoInvalid, .mktoForm select.mktoField.mktoInvalid, .mktoForm textarea.mktoField.mktoInvalid, .mktoForm div.mktoLogicalField.mktoInvalid, textarea#mSComment, .page-id-2956 input#Email {
border: 1px solid #ddd !important;
background-color: #fbfbfb !important;
width: 100% !important;
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-weight: lighter !important;
font-size: 15px !important;
color: #9c9c9c !important;
width: 100% !important;
padding: 6px 10px !important;
margin: 10px 6px 20px 0px !important;
}
#mktoForm_1003 .mktoCheckboxList {
position: absolute;
width: 20px !important;
right: -10% !important;
background-color: transparent !important;
border: 0px !important;
margin: 0px !important;
padding: 4px !important;
}
input[name='Email']:focus, input[name='Email']:active, textarea:focus, textarea:active {
border-color: #dd4343 !important;
}
.page-id-2956 ::-webkit-input-placeholder { /* WebKit browsers */
color: transparent !important;
}
.page-id-2956 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: transparent !important;
}
.page-id-2956 ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: transparent !important;
}
.page-id-2956 :-ms-input-placeholder { /* Internet Explorer 10+ */
color: transparent !important;
}
.page-id-2956 textarea::-webkit-input-placeholder { /* WebKit browsers */
color: transparent !important;
}
.page-id-2956 textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: transparent !important;
}
.page-id-2956 textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color: transparent !important;
}
.page-id-2956 textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
color: transparent !important;
}
/* ---- */
/* Mi Cuenta Form */
.page-template-page-micuenta .acf-input .acf-true-false .message {
font-weight: 100 !important;
font-size: 13px;
}
.page-template-page-micuenta .acf-field.acf-field-true-false.acf-field-5a8476db5a028 {
text-align: left;
}
.page-template-page-micuenta .acf-field .acf-label label[for=acf-field_5a8476db5a028] {
position: absolute;
top: -30px;
left: 240px;
}
.page-template-page-micuenta .acf-field .acf-label label[for=acf-field_5a79958766e8e] {
position: absolute;
top: -30px;
left: 271px;
}
.page-template-page-micuenta .acf-field.acf-field-true-false.acf-field-5a79958766e8e.ka_consent {
margin-top: 30px;
}
/* ---- */
/* Button Effect */
.bannerCTA, .loginButton {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s !important;
transition-duration: .3s !important;
transition-timing-function: ease;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd4343+0,dd4343+40,ffffff+50,00aeec+60,00aeec+80,00aeec+100 */
background: rgb(221,67,67); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(221,67,67,1) 0%, rgba(221,67,67,1) 40%, rgba(255,255,255,1) 50%, rgba(0,174,236,1) 60%, rgba(0,174,236,1) 80%, rgba(0,174,236,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(221,67,67,1) 0%,rgba(221,67,67,1) 40%,rgba(255,255,255,1) 50%,rgba(0,174,236,1) 60%,rgba(0,174,236,1) 80%,rgba(0,174,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(221,67,67,1) 0%,rgba(221,67,67,1) 40%,rgba(255,255,255,1) 50%,rgba(0,174,236,1) 60%,rgba(0,174,236,1) 80%,rgba(0,174,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4343', endColorstr='#00aeec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-size: auto 1500%;
background-position: bottom left;
}
/*
.bannerCTA:before, .loginButton:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #00AEEC;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
*/
.bannerCTA:hover, .bannerCTA:focus, .bannerCTA:active, .loginButton:hover, .loginButton:focus, .loginButton:active {
color: white;
background-position: top right;
/*
box-shadow: 0 0 40px 2px rgba(0,0,80,0.25);
text-shadow: 0 0 25px rgba(255,255,255,0.85);
*/
}
.bannerCTA:hover:before, .bannerCTA:focus:before, .bannerCTA:active:before, .loginButton:hover:before, .loginButton:focus:before, .loginButton:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.button-large:hover ,#page button.button:hover, #page a.button:hover, #page .dt-form button:hover, #page .widget .dt-form .dt-btn:hover, #page input[type="button"]:hover, #page input[type="reset"]:hover, #page input[type="submit"]:hover, #page .nsu-submit:hover{
background: #00AEEC !important;
}
/* ---- */
/* All Webinars */
.layout-masonry #content.top-margin {
padding-top: 0px !important;
}
/* ---- */
/* CIE */
.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab {
width: 100%;
}
.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab>a {
color: #333333 ;
font-size: 15px;
font-family: 'openSans', Helvetica Neuve, sans-serif;
}
li.vc_tta-tab.vc_active {
color: #333333 !important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
background-color: transparent !important;
color: #333333 !important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
color: #333333 !important;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:hover {
color: #dd4343;
background-color: transparent;
transition: 0.5s;
}
.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:focus {
color: #dd4343;
background-color: transparent;
transition: 0.5s;
}
span.vc_tta-title-text {
font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-weight: 300;
font-size: 22px;
}
span.vc_tta-title-text:focus {
border-bottom: 2px solid #dd4343;
padding-bottom: 12px;
}
span.vc_tta-title-text:active {
border-bottom: 2px solid #dd4343;
padding-bottom: 12px;
}
.vc_active a span.vc_tta-title-text {
font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-weight: 300;
font-size: 22px;
color: #dd4343;
border-bottom: 2px solid #dd4343;
padding-bottom: 12px;
}
.tourbg {
padding: 0 40px;
}
.vc_tta-color-white.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
background-color: transparent !important;
}
.stats-left .aio-icon-left {
padding-right: 5px !important;
}
.counterp {
width: 90%;
text-align: center;
}
span.vc_tta-title-text:hover {
color: #DD4343;
}
.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container {
border-left: 1px solid #e0e0e0;
}
.vc_tta-panel-body {
margin-top: 12px;
}
.aio-icon-description a.kode_pdf {
font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-weight: 400;
font-size: 22px;
color: #dd4343;
}
.aio-icon-description a.kode_pdf:hover {
color: #dd4343 !important;
text-decoration: none !important;
}
/* ---- */
/* Perfiles */
li.liformacion {
margin-left: 50px;
font-size: 15px;
}
li.linone {
display: none;
}
div#tab-1491301179601-2-0 {
margin: 0 40px !important;
}
.shortcode-pullquote:after {
width: 3px !important;
}
a.downloadlink1 {
color: #333333 !important;
font-size: 15px;
transition: 0.2s;
}
a.downloadlink1:hover {
color: #dd4343 !important;
font-size: 15px;
transition: 0.3s;
}
rgba(212, 212, 212, 0.17);
a.linkblack {
color: #333333 !important;
}
a.linkblack:hover {
color: #dd4343 !important;
}
/* ---- */
/* GDPR */
.gdprtextseparator h4 {
font-size: 19px !important;
color: #8e8e8e !important;
}
.gdpricons {
margin-bottom: 10px !important;
margin-left: 50px;
}
.gdpricons a:hover {
text-decoration: none !important;
}
.timeline-block.timelinepadding.timeline-post-right {
border-radius: 0px !important;
}
.page-id-14880 form#acf-form {
background: rgba(255,255,255,0.9) !important;
border: 1px solid #e4e4e4;
border-radius: 0px;
padding: 0 20px 20px 20px;
width: 500px;
margin: 35px auto;
}
.page-id-14880 input.acf-button.button.button-primary.button-large {
text-align: center;
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 20px !important;
display: block !important;
height: 44px !important;
width: 160px !important;
text-transform: uppercase !important;
font-weight: 300 !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
background: #DD4343;
font-size: 24px !important;
text-shadow: none !important;
-webkit-transition: all 1s !important;
-o-transition: all 1s !important;
transition: all 1s !important;
}
.page-id-14880 .acf-form-submit {
margin-bottom: 10px !important;
margin-top: 30px !important;
}
.page-id-14880 .acf-input-wrap input:focus {
outline: none;
border: 1px solid #dd4343 !important;
}
.page-id-14880 .select2-container--default .select2-selection--single {
border: 1px solid #ddd !important;
border-radius: 0px !important;
background-color: #fbfcfc !important;
height: 33px !important;
}
.page-id-14880 span.select2-selection.select2-selection--single {
border: 1px solid #ddd !important;
border-radius: 0px !important;
background-color: #fbfcfc !important;
height: 33px !important;
}
.page-id-14880 span.select2-selection.select2-selection--single:focus {
outline: none;
border: 1px solid #dd4343 !important;
}
.page-id-14880 .acf-input-wrap input {
padding: 15px !important;
}
.page-id-14880 .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 31px;
}
.page-id-14880 .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 4px;
}
.page-id-14880 span.select2-search.select2-search--dropdown {
display: none;
}
.page-id-14880 .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #dd4343 !important;
}
.page-id-14880 span.select2-search.select2-search--dropdown {
display: none;
}
.page-id-14880 .select2-results__option[aria-selected] {
color: #333;
}
.page-id-14880 .acf-input:focus {
outline: none !important;
border: 1px solid #dd4343 !important;
}
.page-id-14880 span.select2-selection.select2-selection--single:focus {
outline: none !important;
border: 1px solid #dd4343 !important;
}
.page-id-14880 select#acf-field_5a6f949257de2, select#acf-field_5a6f95f81ece4 {
-webkit-appearance: none;
-webkit-border-radius: 0px;
background: url("data:image/svg+xml;utf8,");
background-position: 100% 50%;
background-repeat: no-repeat;
padding: 7px 5px;
background-color: #fcfcfc;
}
.page-id-14880 .acf-field .acf-label label {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 15px !important;
color: #333333;
font-weight: 500 !important;
}
.page-id-14880 input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea {
color: #8a8a8a;
}
.page-id-14884 form#acf-form {
background: rgba(255,255,255,0.9) !important;
border: 1px solid #e4e4e4;
border-radius: 0px;
padding: 0 20px 20px 20px;
width: 500px;
margin: 35px auto;
}
.page-id-14884 input.acf-button.button.button-primary.button-large {
text-align: center;
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 20px !important;
display: block !important;
height: 44px !important;
width: 160px !important;
text-transform: uppercase !important;
font-weight: 300 !important;
border: none !important;
border-radius: 0px !important;
box-shadow: none !important;
background: #DD4343;
font-size: 24px !important;
text-shadow: none !important;
-webkit-transition: all 1s !important;
-o-transition: all 1s !important;
transition: all 1s !important;
}
.page-id-14884 .acf-form-submit {
margin-bottom: 10px !important;
margin-top: 30px !important;
}
.page-id-14884 .acf-input-wrap input:focus {
outline: none;
border: 1px solid #dd4343 !important;
}
.page-id-14884 .select2-container--default .select2-selection--single {
border: 1px solid #ddd !important;
border-radius: 0px !important;
background-color: #fbfcfc !important;
height: 33px !important;
}
.page-id-14884 span.select2-selection.select2-selection--single {
border: 1px solid #ddd !important;
border-radius: 0px !important;
background-color: #fbfcfc !important;
height: 33px !important;
}
.page-id-14884 span.select2-selection.select2-selection--single:focus {
outline: none;
border: 1px solid #dd4343 !important;
}
.page-id-14884 .acf-input-wrap input {
padding: 15px !important;
}
.page-id-14884 .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 31px;
}
.page-id-14884 .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 4px;
}
.page-id-14884 span.select2-search.select2-search--dropdown {
display: none;
}
.page-id-14884 .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #dd4343 !important;
}
.page-id-14884 span.select2-search.select2-search--dropdown {
display: none;
}
.page-id-14884 .select2-results__option[aria-selected] {
color: #333;
}
.page-id-14884 .acf-input:focus {
outline: none !important;
border: 1px solid #dd4343 !important;
}
.page-id-14884 span.select2-selection.select2-selection--single:focus {
outline: none !important;
border: 1px solid #dd4343 !important;
}
.page-id-14884 select#acf-field_5a6f949257de2, select#acf-field_5a6f95f81ece4 {
-webkit-appearance: none;
-webkit-border-radius: 0px;
background: url("data:image/svg+xml;utf8,");
background-position: 100% 50%;
background-repeat: no-repeat;
padding: 7px 5px;
background-color: #fcfcfc;
}
.page-id-14884 .acf-field .acf-label label {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 15px !important;
color: #333333;
font-weight: 500 !important;
}
.page-id-14884 input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea {
color: #8a8a8a;
}
/* ---- */
.page-template-page-backend-php input.search {
width: 100%;
margin-bottom: 20px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
background-color: #dd4343 !important;
border-color: #dd4343 !important;
}
.pagination li>a {
border-radius: 0px !important;
}
.pagination>li>a, .pagination>li>span {
color: #333 !important;
}
/* Single Webinars */
/*
.single-webinars {
background: url(img/ccbg-10.jpg) !important;
background-size: 100vw auto !important;
background-repeat: no-repeat !important;
background-color: #fff;
background-position: bottom;
}
.single-webinars .wf-td.hgroup {
height: 105px;
}
.single-webinars #main {
padding-top: 0px;
}
.single-webinars h1
{
width: 85% !important;
max-width: 970px;
margin: auto;
}
.single-webinars #main .wf-wrap {
border:none;
background: transparent;
margin-bottom: 4%;
width: 75%;
}
.single-webinars #content {
padding-top: 0px;
}
*/
/* ---- */
/* Menu Bar */
.header-bar {
height: 65px !important;
min-height: 65px !important;
}
ul#primaryadmin-menu {
height: 65px;
min-height: 65px;
}
ul#primary-menu, ul.main-nav {
min-height: 65px !important;
}
a.loginButton {
margin-top: 0px !important;
}
.branding {
min-height: 65px;
height: 65px;
}
body.home #main-slideshow {
margin-top: 0px !important;
}
.main-nav > li:not(.act) > a:hover .subtitle-text, .main-nav > li:not(.act) > a:hover .menu-text, .main-nav > li.dt-hovered:not(.act) > a .subtitle-text, .main-nav > li.dt-hovered:not(.act) > a .menu-text {
color: #ffffff !important;
}
.upwards-line > li > a .menu-item-text:before {
bottom: -12px;
background-color: #dd4343;
}
.masthead:not(.side-header):not(.side-header-menu-icon) .top-bar, .masthead:not(.side-header):not(.side-header-menu-icon) .header-bar, .masthead:not(.side-header):not(.side-header-menu-icon) .mobile-header-bar {
max-width: calc(1700px - 80px);
}
.masthead:not(.side-header):not(.mixed-header) .header-bar, .header-space {
min-height: 65px !important;
}
.main-nav > li.act > a .menu-text, .main-nav > li.act > a .subtitle-text {
color: #ffffff;
}
p.vc_custom_heading.redtext a {
color: #dd4343 !important;
}
.vc_icon_element.vc_icon_element-outer.tabicon.wpb_animate_when_almost_visible.wpb_bottom-to-top.vc_icon_element-align-center.wpb_start_animation {
margin-bottom: 10px !important;
}
div#tab-1517483637863-5-8 {
margin: 0 40px !important;
}
/* ---- */
/* Home */
.ls-slide.ls-slide-1.ls-animating {
padding-top: 5%;
}
.ult-banner-block .mask .bb-description {
padding-top: 0.5em !important;
}
.vidRow:after {
box-shadow: none !important;
}for+
#layerslider_1:after {
box-shadow: 0 0 90px 60px rgba(255,255,255,1) !important;
}
div#main-slideshow {
display: none;
}
.vchero {
height: 100vh;
}
/* ---- */
#content.top-margin {
padding:50px;
}
.error404 p {
margin-bottom: 4%;
margin-top: 2%;
}
.wf-td.hgroup {
height: 90px;
}
select#acf-field_5a5c92cf29e2a {
box-sizing: content-box;
padding: 0px !important;
}
/* Ventas */
#page .recursos .ui-tabs-panel div > a, #page .recursos .ui-tabs-panel li > a, #page .recursos .ui-tabs-panel p > a {
color: #333333;
font-weight: 500;
}
#page .recursos .ui-tabs-panel div > a:hover, #page .recursos .ui-tabs-panel li > a:hover, #page .recursos .ui-tabs-panel p > a:hover {
color: #DD4343;
opacity: 1;
}
.tabicon {
margin-bottom: 18px;
}
.tabicon:hover {
color: #DD4343;
}
.redhover:hover {
color: #DD4343;
}
/* ---- */
/* Werbinars */
.vc_separator h4 {
font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-weight: 500;
font-size: 20px;
color: #c3c3c3 !important;
}
.li3 a {
color: #333333;
}
.li3 a:hover {
color: #DD4343;
text-decoration: none;
transition: 0.3s;
}
.page-id-2762 #content>.vc_row.wpb_row.vc_row-fluid.recursos.dt-default.fadeInUpBig.animate-element.animation-triggered.start-animation:first-child {
border-bottom: none;
}
.page-id-2762 #content>.vc_row.wpb_row.vc_row-fluid.recursos.dt-default.fadeInUpBig.animate-element.animation-triggered.start-animation:nth-child(2) {
border-top: none;
}
/* ---- */
/* Old Home Distie Info */
.page-id-3225 .wpb_text_column.wpb_content_element.fadeInLeft.animate-element.vc_custom_1495119272874.animation-triggered.start-animation {
padding-top: 30% !important;
}
/* ---- */
.ka_consent {
display: inline-flex;
}
.ka_consent .acf-label {
width: auto;
}
.ka_consent .acf-input {
margin-top: 0px;
}
.ka_consent ul.acf-checkbox-list.acf-hl {
margin-top: 30px;
margin-left: 20px;
}
/* Popup */
.msc-confirm {
z-index: 100;
}
.msc-content {
border: 1px solid #dddddd !important;
border-radius: 0px !important;
}
.msc-title {
font-size: 20px !important;
color:#000;
margin: 0px !important;
}
.msc-body {
font-size: 16px !important;
margin-bottom: 2em;
margin-top: 1em;
color: #333 !important;
}
.msc-action button {
padding: 10px 20px;
min-width: 120px !important;
border-radius: 0px !important;
font-weight: 600 !important;
}
.msc-ok {
border-radius: 0px !important;
transition: .5s;
border: 1px solid #00aecc !important;
color: #00aecc !important;
background-color: #fff !important;
margin: 0 50px !important;
}
.msc-cancel {
border-radius: 0px !important;
transition: .5s !important;
background-color: #dd4343 !important;
}
button.msc-ok:hover, button.msc-ok:focus {
border: 1px solid transparent !important;
color: #fff !important;
background-color: #00aecc !important;
}
button.msc-cancel:hover, button.msc-cancel:focus {
border: 1px solid #dd4343 !important;
color: #dd4343 !important;
background-color: #ffffff !important;
}
.msc-body {
margin-bottom: 3em !important;
color: #333 !important;
}
.msc-body p {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-size: 25px !important;
}
a.request-action.accept {
color: #00aecc !important;
border-color: #00aecc !important;
}
a.request-action.decline {
color: #dd4343 !important;
border-color: #dd4343 !important;
}
.msc-confirm button.msc-ok {
background-color: #dd4343 !important;
color: #ffffff !important;
border: none !important;
}
.msc-confirm button.msc-ok:hover {
background-color: #ffffff !important;
color: #dd4343 !important;
border: 2px solid #dd4343 !important;
}
/* Pre-Registra */
#Ref-Form .add {
margin-top: 40px;
outline: none;
border: 2px solid #00aecc;
background: transparent;
transition: .5s;
color: #00aecc;
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-weight: 400 !important;
}
#Ref-Form .add:hover {
background: #00aecc;
border: solid 2px #00aecc;
color: #fff;
text-decoration: none;
}
.delete {
height: 7px !important;
width: 0.5% !important;
top: 42px !important;
font-size: 9px !important;
}
#Ref-Form button {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-size: 20px;
font-weight: 100 !important;
height: 50px;
text-decoration: none;
color: #fff;
background-color: #DD4343;
padding: 0 30px;
margin: 5px 10px;
border: none;
border: 2px solid #dd4343;
transition: .5s background;
font-weight: 400 !important;
}
#Ref-Form button:hover {
border: 2px solid #dd4343;
color: #dd4343;
background-color: #ffffff !important;
}
/** ---------------------------------------------------------
OLD CC SITE
---------------------------------------------------------*/
/* Menu Responsive Fix Trish */
.mobile-main-nav ul.sub-nav {
background-color: #ffffff !important;
}
.mobile-main-nav .sub-nav > li > a {
padding: 6.5px 30px 6.5px 0;
background-color: #ffffff;
}
.mobile-main-nav .sub-nav li a span.menu-text {
color: #333333 !important;
}
.mobile-main-nav .sub-nav li:hover {
background: #ffffff !important;
}
/* ObjetivoCloud Custom Styles */
@font-face {
font-family: msSegoe;
src: url('fonts/segoe-ui-light.ttf');
font-weight:100;
}
@font-face {
font-family: msSegoe;
src: url('fonts/segoe-ui-bold.ttf');
font-weight:700;
}
@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
src : url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
* {font-family: 'openSans', Helvetica Neuve, sans-serif; }
html {
/*
zoom:0.8;
background-color: #fff;
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
*/
}
strong {font-family: 'openSans'-bold, Helvetica Neuve, sans-serif;}
a {cursor:pointer !important;}
/* Make Homepage full width */
option { background-color: #ffffff; color: #868686;}
#main .wf-wrap {
min-height:70vh;
background-color:transparent;
}
div.ccLoggedOut .userOnly {
display: none !important;
}
.ccbutton {
background: #DD4343;
padding: 15px 25px;
display: block;
color: #fff;
text-decoration: none !important;
font-size: 22px;
max-width: 300px;
margin: auto;
transition: all 1s;
}
.ccbutton:hover {
color:#fff;
background:#DD4343;
text-decoration: none !important;
}
.main-error{
display: block;
width: 100%;
border: 2px solid #DD4343;
padding: 5px;
color: #fff !important;
font-size: 18px;
text-align: center;
font-weight: bold;
background: rgba(255,0,0,0.2);
text-transform: uppercase;
margin-bottom: 20px;
}
.result-message {
width: 100%;
border: 2px solid green;
padding: 7px;
text-align: center;
}
.wf-table {
height: inherit !important;
}
.breadcrumbs {
display: none !important;
}
.page-title {
min-height: auto !important;
background-color: transparent !important;
/*background-image: url(../../uploads/2017/01/boxer-red.jpg) !important;*/
/*box-shadow: inset 0 0 150px 1px #DD4343;*/
margin-bottom: 0px;
}
a.ultb3-btn {padding:5px 45px !important;}
.branding img.preload-me,.logo-box img.preload-me, img.headerLogo {
padding: 0;
width: 130px;
height: auto;
}
.top-bar.line-content {
display: none;
}
#page .menu-text {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-size: 20px;
text-shadow: none !important;
-webkit-font-smoothing: antialiased;
font-weight: 100 !important;
}
#page .sub-nav span.menu-text {
line-height: 22px !important;
font-size: 18px !important;
}
ul#primary-menu, ul.main-nav {
min-height: 100px;
margin: 0;
}
/*li.menu-item {transition: background-color .5s;}
li.menu-item:hover {
background-color: rgba(40,40,40,1);
}*/
ul.sub-nav {
background-color: #333 !important;
top:65px !important;
box-shadow:none;
border:none;
border-top: none !important;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
overflow: hidden;
}
ul.sub-nav li:nth-child(even) {background-color:#333333;
}
.CTABox h2 {color:#fff !important; margin-top:0px;}
.CTABox .ctaBTN {
padding: 5px 10px;
margin-top: 5px;
min-width: 150px;
border: 1px solid #fff;
color: #fff;
width: initial !important;
display: inline-block;
text-align: center;
transition:1s;
text-decoration:none;
letter-spacing: 2px;
}
.CTABox .CTAlink {
background-color: rgba(77,183,247,0.85);
min-height: 195px;
color:#fff;
height: auto;
width: 100%;
display: block;
padding:25px 15px;
margin: 0;
text-decoration:none;
cursor:pointer !important;
}
.CTAlink p {
line-height: 1.3em;
padding-bottom:10px;
letter-spacing:1px;
}
.CTABox .ctaBTN:hover { background-color:rgba(255,255,255,0.3); text-decoration:none;}
.ctaCover {
background-color: rgba(255,60,0,0.55);
width: 100% !important;
display: block;
height: inherit !important;
padding: 20px;
text-decoration:none !important;
}
.sub-nav li a span.menu-text {
color:#fff !important;
font-weight:300 !important;}
.sub-nav li:hover a span.menu-text {
font-weight:300 !important;}
.sub-nav li:hover a {background:transparent !important;}
.sub-nav li {
margin-left: -10px;
margin-right: -10px;
}
.sub-nav li:hover {
background:#DD4343 !important;
position: relative;
left: 0;
}
.masthead {
border-bottom: none !important;
/*animation: 6s headerGlow infinite;*/
}
.header-space {}
/******** WEBINARS ***********/
/*
#webinars {margin:20px 0 80px 0;}
#webinars thead td, .userTable thead td { background-color: #dd4343; color:#fff !important; position: relative; font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-size: 19px; }
#webinars thead a {color:#fff; padding: 10px 0px; display: block; text-decoration: none;}
#webinars thead td:hover, .userTable thead td:hover {background-color: #dd4343;}
#webinars thead td:last-child {
text-align: center;
}
td.Recomendado { width: 40px;}
p.check {width:100%; text-align: center; font-size: 20px !important;}
table.webinarTable {
background: rgba(255,255,255,.6);
box-shadow: 0 0 60px 20px rgba(255,255,255,0.25);
}
*/
@keyframes frostGlow {
0%{box-shadow: 0 0 15px 1px rgba(255,255,255,.4);}
50% {box-shadow: 0 0 50px 4px rgba(255,255,255,.7);}
100%{box-shadow: 0 0 15px 1px rgba(255,255,255,.4);}
}
div.webinarDesc p {color:#fff;}
div.webinarDesc a {color:#dd4343;}
.webinarDesc h3 {color:#bbb; font-size:18px;}
.webinarDesc hr {border-color: rgba(255,255,255,0.1);}
td.sorted {background-color:#444 !important; color:#fff;}
.asc:after, .desc:after {
display: block;
color: rgba(255,255,255,.5);
height: 5px;
width: 5px;
float: right;
font-size: 10px;
line-height: 20px;
left: -5px;
position: relative;
font-family: Helvetica Neuve !important;
}
.asc:after {content:"▲";}
.desc:after {content:"▼";}
.userTable {border:none!important; width:100%; margin-top: 40px;}
#webinars a.refresh {
display: block;
position: absolute;
left: 0;
width: 45px;
background-color: #dd4343;
top: 0;
border-left: 2px solid #000;
height: 45px;
font-size: 22px;
font-family: Helvetica Neuve !important;
line-height: 23px;
transition: 1s all;
}
#webinars a.refresh:hover {background-color: #dd4343;}
#webinars tbody a, .userTable tbody a {
color:#333;
height: 100%;
width: 100%;
display: table-cell;
margin: 0px;
padding: 12px 0;
text-decoration: none;
vertical-align: middle;
}
input.search{border:1px solid #777 !important; color:#333 !important;background: rgba(255,255,255,0.7) !important; border-radius: 6px; text-indent: 15px !important;}
input.search:focus{border:1px solid #333 !important;}
#webinars tbody tr:nth-child(odd), .userTable tbody tr:nth-child(odd) {background-color:#ffffff;}
#webinars thead {
border-bottom: 0px !important;
border: 1px solid #dd4343 !important;
}
span.processing {
display: none;
width: 80px;
height: 80px;
margin: auto;
background-image: url(img/loader.svg) !important;
background-size: 80px auto !important;
background-repeat: no-repeat;
transition: .5s;
}
.processing_reg span.processing {
display: block !important;
}
.webinarTable .sort {
background-color: #dd4343;
color: #fff !important;
position: relative;
font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-size: 19px !important;
}
#webinars tbody tr:nth-child(odd):hover, .userTable tbody tr:nth-child(odd):hover { border: 1px solid #efefef; background-color: #efefef; transition: 0.5s }
#webinars tbody tr:nth-child(even):hover, .userTable tbody tr:nth-child(even):hover { border: 1px solid #efefef; background-color: #efefef; transition: 0.5s}
#webinars tbody tr:nth-child(odd), .userTable tbody tr:nth-child(odd) {background-color:tansparent; border: 1px solid #ddd; transition: 0.5s}
#webinars tbody tr:nth-child(even), .userTable tbody tr:nth-child(even) {background-color: #f9f9f9; border: 1px solid #ddd; transition: 0.5s}
#webinars tbody td, .userTable tbody td { min-height: 44px; font-size:12px;}
#webinars tbody tr:hover td, .userTable tbody tr:hover td {}
#webinars td, .userTable td { text-align: left; padding-left:10px; padding-right:10px;border-top:none !important; border-bottom:none !important; border-color:transparent !important;}
#webinars thead td, .userTable thead td {height:44px;}
#webinars td:first-child, .userTable td:first-child #webinars td:last-child { }
#webinars td.req {font-size:0; color: transparent; text-align: center; display: table-cell; vertical-align: middle;}
#webinars td.req[val="1"]:after {
content: "\f00c";
font: normal normal normal 14px/1 FontAwesome;
color: #000; /*#21A1C4;*/
font-size: 16px;
font-weight: 100;
line-height: 45px;
}
#webinars input.search {
font-size: 16px !important;
height: 35px !important;
width: 56%;
}
.meter {
height: 22px; /* Can be anything */
position: relative;
background: #ededed;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
/*border: 1px solid #ddd;*/
padding: 5px;
box-shadow: none;
overflow: hidden;
line-height: 1px;
border-radius: 0px;
font-style: normal;
text-align: center;
max-width: 100px;
}
.meter em {display:block; font-style: normal; margin: auto; width: inherit; z-index: 94; position: relative; font-size: .9em; color:#6f6f6f !important; line-height: 10px;}
.meter > span {
z-index: 90;
display: block;
height: 100%;
border-radius: 0px;
background-color: #00AEEC;
box-shadow: none;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.meter > span.complete {background-color: #00AEEC; color:#fff;}
/****** Webinar MASONRY *****/
.grid {
background: transparent;
max-width: 1050px;
display: block;
margin: auto;
}
/* clearfix */
.grid:after {
content: '';
display: block;
clear: both;
}
/* ---- grid-item ---- */
.post-type-archive-webinars .grid-item {
width: 150px;
height: 150px;
padding: 9px;
float: left;
/* vertical gutter */
margin-bottom:20px;
border: 1px solid #fff;
border-color: hsla(100, 100%, 100%, 0.5);
border-radius: 2px;
font-size: 16px;
-webkit-font-smoothing: antialiased;
transition:all 1s;
text-align: center;
display: table;
}
.webinarControl {
display: block;
padding: 10px 20px;
width: 150px;
border: 1px solid #ddd;
border-radius: 0px;
background: rgba(255,255,255,0.53);
margin: 0px auto 50px auto;
text-align: center;
}
.webinarControl .input-hidden {
position: absolute;
left: -9999px;
}
.webinarControl input[type=radio] + label {
padding: 0 10px 0 ;
transition: 500ms all;
margin: 0;
color:#777;
transition: 1s;
}
.webinarControl input[type=radio] + label:hover {color:#fff;}
.webinarControl input[type=radio]:checked + label {
color:#dd4343;
}
#masonry {
max-width: 1020px;
display: block;
margin: 10px auto 40px;
}
.post-type-archive-webinars .grid-item span{
/*display:table-cell; */
vertical-align:middle;
}
h2#filterText {
margin:0 auto 20px auto;
/* border: 1px solid #999; */
border-radius: 0px;
position: relative;
font-size: 15px !important;
line-height: 30px;
background-color: rgba(255, 255, 255, 0.32941176470588235);
border: solid 1px #dd4343 !important;
color: #545454;
}
#filterText a {
display: block !important;
height: 25px !important;
width: 25px !important;
position: absolute;
right: 6px;
top: 0px;
text-align: center;
padding: 0px !important;
line-height: 27px;
}
#filterText a i {
color: #dd4343;
font-size: 1em !important;
}
#filterText a:hover i {color:#fff;}
.post-type-archive-webinars .grid-item span a {color:#fff; text-decoration: none !important;}
.post-type-archive-webinars .grid-item:hover {
background-color:#dd3434 !important;
}
.post-type-archive-webinars .grid-item--width2 { width: 320px; }
.post-type-archive-webinars .grid-item--width3 { width: 480px; }
.post-type-archive-webinars .grid-item--width4 { width: 660px; }
.post-type-archive-webinars .grid-item--height2 { height: 320px; }
.post-type-archive-webinars .grid-item--height3 { height: 490px; }
.post-type-archive-webinars .grid-item--height4 { height: 660px; }
/********* END WEBINARS *********/
@keyframes headerGlow {
0% {
box-shadow: 0 0px 100px 10px rgba(255,25,25,.25);
}
50% {
box-shadow: 0 0 250px 105px rgba(214,20,20,.5);
}
100% {
box-shadow: 0 0px 100px 10px rgba(255,25,25,.25);
}
}
.masthead.shadow-decoration:not(.side-header-menu-icon):not(#phantom) {
background-color: #333 !important;
}
li.menu-item {
padding: 0px 20px;
}
a.loginButton {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
font-size: 18px;
}
.home .animate-sticky, .home .mini-widgets {display:none !important;}
.loginButton {
color: #fff;
display: block;
background-color: #DD4343;
padding: 0px 25px !important;
top: 13px;
height: 38px !important;
vertical-align: middle;
position: relative;
margin: 31px 0 0;
border: none;
text-decoration: none !important;
transition: 1s all;
border-radius: 0px;
}
.main-nav > li:not(.act) > a:hover, .main-nav > li.dt-hovered:not(.act) > a {
color: #ffffff;
}
body.home #main-slideshow {
margin-top: 80px;
}
/********** FULL SCREEN VIDEO *********/
.hello #main-image {position: absolute;top: 0;left: 0;z-index: 3;background-image: url(../CC4/img/main.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}
.vidRow {position:relative; margin-bottom: -35px !important;}
.vidRow > div{float:none!important;}
.vidRow:after {content: "";display: block;width: 100vw;height: 20px;background-color: #fff;
position: absolute;top: 0px;box-shadow: 0 0 100px 105px rgba(255, 255, 255, 1); z-index: 99;}
.vidRow .overlayVideo {
position: absolute;
left: -3000px;
top: 0px;
z-index: 6;
visibility: hidden;
}
.vidRow .backgroundVideo {
z-index: 4;
}
.vidRow #video_container {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
z-index: 1;
opacity: 1;
}
.vidRow #video_container #text {
position: absolute;
z-index: 8;
text-align: center;
opacity: 0;
}
.vidRow #video_container #text #actions {
height: 95px;
}
.vidRow #video_container #text #playbutton {
z-index: 3;
margin: 0 auto;
margin-top: 60px;
height: 95px;
display: block;
}
.vidRow #video_container #text #playbutton .rectangle {
background-color: #DD4343;
width: 149px;
height: 95px;
opacity: 0.8;
margin: 0 auto;
}
.vidRow #video_container #text #playbutton .rectangle:hover {
background-color: #DD4343;
cursor: pointer;
}
.vidRow #video_container #text #playbutton .triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 22px 0 22px 32px;
border-color: transparent transparent transparent white;
margin: 0 auto;
position: relative;
bottom: 70px;
pointer-events: none;
}
.vidRow #cover_all {
position: absolute;
top: 0;
left: 0;
z-index: 5;
height: 100%;
width: 100%;
}
.vidRow #ex {
position: absolute;
right: -3000px;
top: 25px;
z-index: 7;
cursor: pointer;
opacity: 0.8;
}
.vidRow #ex:hover {
opacity: 1;
}
.vidRow #main-image {
position: absolute;
top: 0;
left: 0;
z-index: 3;
background-image: url(../CC4/img/main.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.vidRow .wpb_content_element {margin-bottom: 0px;}
/********** END OF FULL SCREEN VIDEO *********/
/********** Formacion Report ************/
.trackTable {
text-align: center;
border-collapse: separate;
border-spacing: 5px;
}
.trackTable td { background: #333; width: 25%; height: 40px; }
.trackTable td.selected {background: #21A1C4 !important;}
/********* HOME REGISTRATION FORM ************/
body.page-id-3228 .masthead, body.page-id-3228 .header-space {display:none !important;}
body.page-id-3228 #main, body.page-id-3228 #page {
background:transparent !important;
background-image:none !important;
}
body.page-id-3228 h1.logo {margin:0 auto !important;}
body.page-id-3228 h1.logo a {
background-image: url(../../uploads/2017/01/CloudChampion-v3.png);
width: 200px !important;
background-size: contain !important;
-webkit-background-size: contain;
height: 84px;
background-position: center top;
background-repeat: no-repeat;
color: #444;
margin: 0 auto 25px !important;
padding: 0;
text-indent: -9999px;
outline: 0;
display: block;
}
body.page-id-3228 .registration {width: 80vw; max-width: 550px; padding: 20px 30px; margin: auto; background: rgba(0,0,0,0.8) !important;
border: 1px solid #aaa;
border-radius: 10px;}
.registration .logo {
width: 30%;
height: auto;
display: block;
margin: 0 auto;
padding-bottom: 15px;
}
.registration fieldset input[type="checkbox"] {
display: none;
}
.registration fieldset .mktoLogicalField {width:100% !important;}
.registration fieldset .mktoLogicalField > label {
display: block !important;
height: 40px;
width: 100%;
background: #333;
color: #fff !important;
margin:0 !important;
text-align: center;
line-height: 41px;
font-weight: 100;
font-size: 16px;
}
.registration fieldset .mktoLogicalField input:checked + label {
background-color: #21A1C4;
}
.registration fieldset .mktoFieldDescriptor.mktoFormCol {
width: 49%;
margin-bottom: 0px !important;
margin-left: 1%;
}
.registration form {
width: 100% !important;
}
.registration .mktoFormCol {
width: 100%;
}
.registration .mktoFieldWrap {
width: 100%;
}
.registration label, .registration .mktoOffset { display: none !important;}
.registration input, .registration select, .registration textarea {
width: 100% !important;
height: 35px !important;
border: 1px solid rgba(255,255,255,.7) !important;
background-color: rgba(255,255,255,0) !important;
color: #fff !important;
font-size: 15px !important;
border-radius: 0px !important;
outline: none !important;
text-indent: 10px !important;
}
.mktoLogicalField.mktoCheckboxList {
width: 100% !important;
}
input#mSConsent + label {
height: 50px;
width: 100%;
display: block !important;
background-color: #333;
margin: 0;
color: #fff;
font-size: 22px;
font-weight: 100;
text-align: center;
line-height: 50px;
position: relative;
transition: background-color 1s;
}
input#mSConsent + label:after {
content:"";
font: normal normal normal 14px/1 FontAwesome;
display: block;
position: absolute;
top:10px;
left: 15px;
border:2px solid #555;
border-radius: 30px;
background-color:#555;
line-height: 28px;
height: 30px;
width: 30px;
transition:all 1s;
}
input#mSConsent:checked + label:after {
border:2px solid #fff;
content: "\f00c";
font-size:24px;
background-color:#71B412;
}
input#mSConsent:checked + label {background-color:#71B412;}
input#mSConsent {
display: none;
}
.registration select {
-webkit-appearance: none;
-webkit-border-radius: 0px;
background: url("data:image/svg+xml;utf8,");
background-position: 100% 50%;
background-repeat: no-repeat;
}
.registration select.not_chosen {
color: rgba(255,255,255,0.3) !important;
}
.registration select option {
color: #868686;
background-color: #ffffff;
}
.registration select option:first-child {
}
.page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Negocio"], .page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Marketing"], .page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Ventas"], .page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Tecnico"]
{
background-color: #ffffff !important;
color: #868686 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ababab !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #ababab !important;
}
:-ms-input-placeholder { /* IE 10+ */
color: #ababab !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #ababab !important;
}
.registration .mktoHtmlText {
width: 100% !important;
text-align: center !important;
line-height: 1.4em;
}
.registration legend {
border: none !important;
margin: 0px !important;
}
.registration .mktoButtonRow {
width: 100% !important;
}
.registration button.mktoButton {
margin: 0px auto !important;
color: #fff;
font-size:24px !important;
text-transform:uppercase;
text-decoration:none !important;
padding: 12px 30px !important;
border: 2px solid #fff !important;
cursor:pointer;
background: rgba(0,0,0,.70) !important;
transition:all 1s;
display:table;
width: 100%;
min-width:220px;
}
.registration button.mktoButton:hover {
box-shadow:0 0 40px 6px rgba(255,255,255,0.4), 0 0 80px 15px rgba(214,20,20,1.00);
color:#fff;
text-decoration:none;
background: rgba(0,0,0,1) !important;
cursor:pointer !important;
}
.registration input:focus, .registration select:focus, .registration textarea:focus{
background-color: rgba(255,255,255,.1) !important;
color:#fff !important;
}
.registration div.mktoRequiredField:after {
content: "*";
display: block;
height: 20px !important;
width: 20px;
top: 0px;
position: absolute;
right: -20px;
top: 13px;
text-align: center;
font-size: 24px;
color:#DD4343;/* rgba(255,255,255,0.4);*/
}
.hideme {display:none;}
button.featherlight-close-icon {
background: none !important;
color: rgba(255,255,255,0.5) !important;
font-weight: 100 !important;
font-family: 'openSans', Helvetica Neuve, sans-serif !important;
font-size: 18px;
transition: color 1s;
}
button.featherlight-close-icon:hover {color:#fff !important;}
.featherlight-content {
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0 0 100px 35px rgba(214,20,20,.45), 0 0 2000px 2000px rgba(0,0,0,0.4);
border:1px solid #fff !important;
border-radius: 12px;
padding-bottom: 10px !important;
animation: 6s headerGlow infinite;
}
.lightbox {
display:none;
}
/********* END OF HOME REGISTRATION FORM ************/
/********* UPDATE PROFILE FORM ************/
#user-update-form {}
#user-update-form {
max-width: 600px;
margin: auto;
}
#user-update-form select {
height: 40px;
border-radius: 0 !important;
}
#user-update-form input, #user-update-form select {
width:100%;
border:1px solid #999;
background-color: rgba(255,255,255,.45);
box-shadow: none !important;
}
#user-update-form input[type="checkbox"] {
width: 100%;
z-index: 999;
position: absolute;
opacity: 0;
height: 100%;
left: 0;
top: 0;
cursor: pointer !important;
}
#user-update-form .checkwrap {
width: 50%;
float: left;
padding: 5px 27px;
/*text-indent: 20px; */
background-color: transparent !important;
overflow: hidden;
position: relative;
z-index: 0;
text-align: center;
border: 1px solid #e0e1e1;
}
#user-update-form hr {
background-image: linear-gradient(to right, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0) 0%) !important;
background-position: bottom !important;
background-size: 9px 5px;
background-repeat: repeat-x;
border: none !important;
height: 2px !important;
}
.checkwrap label {
z-index: 90;
}
.checkwrap input + label:before{
content:"";
display: block;
position: absolute;
height: 100%;
width: 100%;
background-color: transparent;
top: 0;
left: 0;
transition: 1s all;
z-index: -1;
}
.checkwrap input:checked + label:before{
background-color: rgba(25,205,255,.71) !important;
}
.checkwrap:nth-of-type(2),.checkwrap:nth-of-type(3) {
background-color: #333 !important;
}
#user-update-form input:focus,#user-update-form select:focus {
border:2px solid #dd4343;
outline: none;
background-color: rgba(255,255,255,.75);
color: #5d5d5d !important;
}
#update-form .compulsory {
display: none;
}
#update-form label {
font-weight: 100;
}
#passwordForm .glyphicon {
display: inline-block;
margin-right: 5px;
background-color: #fff;
border-radius: 20px;
padding: 1px;
border: 1px solid;
height: 20px;
width: 20px;
text-align: center;
line-height: 17px;
font-size: 12px;
}
#passwordForm .col-sm-6 {
padding-bottom: 20px;
text-align: left;
}
.ccbtn {
line-height: 45px !important;
height: 40px;
color: #fff;
font-family: helvetica;
position: relative;
margin: 45px auto 5px !important;
display: block !important;
width: 400px;
background: #DD4343 !important;
font-size: 24px !important;
font-weight: 100 !important;
transition: background-color 1s !important;
}
.ccbtn:hover{
color:#fff !important;
background-color: #DD4343;
box-shadow: none;
}
.ccbtn i.fa {
position: absolute;
left: 20px;
line-height: 52px;
font-size: 26px;
}
div#content>p>a.ccbtn {
max-width: 330px;
min-height: 60px;
line-height: 48px !important;
}
#user-update-form input.btn, .ccbtn {
background-color: #DD4343;
color:#fff !important;
font-family: 'Oswald', Helvetica Neuve, sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: 400 !important;
border: none;
border-radius: 0px !important;
width: 100%;
margin: 0px auto;
margin-top: 70px;
transition: all .75s;
max-width: 300px;
display: block;
}
.ccbtn:before, #user-update-form input.btn:before{
content:" ";
display: block;
clear: both;
}
#user-update-form input.btn:hover, .ccbtn:hover {
box-shadow: none;
background: rgba(0,174,236,1) !important;
}
/**** Mi Empresa Form ****/
.miEmpresaForm label:after { font-size:14px; font-weight: 100;}
.miEmpresaForm label[for='admin']:after {content:"Admin";}
.miEmpresaForm label[for='ciudad']:after {content:"Ciudad";}
.miEmpresaForm label[for='website']:after {content:"Website";}
.miEmpresaForm label[for='NIF']:after {content:"NIF / CIF";}
.miEmpresaForm label[for='telefono']:after {content:"Telefono";}
.miEmpresaForm label[for='direccion']:after {content:"Direccion";}
.miEmpresaForm label[for='empresa']:after {content:"Empresa";}
.miEmpresaForm label[for='microsoftPartnerID']:after {content:"Microsoft Partner ID";}
.miEmpresaForm label[for='codigoPostal']:after {content:"Codigo Postal";}
.miEmpresaForm label[for='mayoristaPrincipal']:after {content:"Mayorista Principal";}
/********* END OF UPDATE PROFILE FORM ************/
.ls-l {
color:#000;
text-align: center;
position: relative;
top: 25% !important;
/*bottom: 50% !important;*/
font-weight: 100;
}
p.ls-l {
margin:15px 0;
padding: 20px 0 !important;}
#layerslider_1 {
height: 95vh !important;
background-image: url(img/Matterhorn_45.jpg) !important;
background-size: 100% auto;
background-attachment:fixed;
background-position: center 50px;
}
#layerslider_1 h1 {
font-size: 5em;
}
#layerslider_1:after {
content: "";
display: block;
width: 100vw;
height: 10px;
background-color: #fff;
position: absolute;
bottom: 0px;
box-shadow: 0 0 150px 105px rgba(255,255,255,1);
}
/*.ls-slide {background-color: #000;} */
.bannerCTA {
font-family: 'Oswald', Helvetica Neuve, sans-serif !important;
margin: 50px auto !important;
color: #fff;
font-weight: 400;
text-transform: uppercase;
font-size:24px;
text-decoration:none !important;
padding: 15px 60px !important;
text-align: center;
cursor:pointer;
background-color: #DD4343 ;
transition:all .4s;
display:table;
min-width:220px;
}
#main-slideshow .bannerCTA:hover, .bannerCTA:hover {
color:#fff;
text-decoration:none;
cursor:pointer !important;
}
body.home #main:before {
box-shadow: 0 -59px 45px 36px #fff !important;
display: none;
width: 100vw;
height: 0;
content: "";
position: absolute;
z-index: 999;
}
#main {
background-color:transparent;
color:#333;
background-attachment: fixed;
/*background-image: url(img/everest_75.jpg);*/
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.home #main {background-image: none !important;
}
.marge {
display: block;
margin: auto !important;
max-width: 1200px;
float: none;
}
.blackCols .wpb_text_column {
min-height: 110px;
margin-bottom: 55px;
}
.homeCols {
background-image:url(img/everest_75.jpg) !important;
background-size:cover;
padding: 40px 30px;
min-height: 800px !important;
display: block;
position: relative;
margin: 0px 35px;
background-position: center center;
background-attachment: fixed;
overflow: hidden;
margin-bottom: 0px !important;
}
.homeCols div {
z-index: 90;
}
.homeCols .vc_column_container {
max-width: 1200px;
float: none;
margin: auto;
}
.homeCols ul {
margin: 0 !important;
}
.homeCols li:nth-child(even) {
background-color: rgba(255,255,255,.08);
}
.homeCols li:nth-child(odd) {
background-color: rgba(0,0,0,.15);
}
.homeCols li {
margin: 20px 0px !important;
/* border-left: 1px solid rgba(255,255,255,.25); */
list-style: none;
padding: 10px 0 10px 20px;
}
.homeCols li {
padding-bottom: 20px;
}
.homeCols .col-sm-6 {padding:20px;}
.homeCols h2 {
font-weight: 100;
margin-bottom:20px;
text-shadow: #000000 3px 0px 15px, #000000 0px 3px 15px, #000000 -3px 0px 15px, #000000 0px -3px 15px;
}
.homeCols:after {
content: "";
display: block;
position: absolute;
top:0;
z-index: 80;
bottom: 0;
height: 100%;
width: 100vw;
background-color:rgba(0,0,0,0.0);
}
.homeCols:before {
content: "";
display: block;
position: absolute;
top:0;
z-index: 80;
bottom: 0;
height: 10px;
width: 100vw;
background-color:rgba(255,255,255,1);
box-shadow: 0 0 150px 105px rgba(255,255,255,1);
}
/*** Mi Cuenta ***/
.asignacion {
width: 100%;
}
#content.cuenta {
background: rgba(255,255,255,0.9) !important;
border: 1px solid #eaeaea;
border-radius: 0px;
padding: 30px 40px;
min-height: 65vh;
margin-bottom: 70px !important;
margin: 0 auto;
width: 100%;
}
.cuenta h4 {
font-family: 'openSans', Helvetica Neuve, sans-serif;
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
}
.cuenta p {
color: #333;
font-size: 15px;
/* margin-bottom: 0px; */
font-weight: 100 !important;
}
.cuenta h3 {
margin-top: 20px;
margin-bottom: 0px;
font-size: 15px;
}
#intro{ width:100%; max-width:1200px; display:block; margin:auto; }
#intro .introLeft { width:50%; text-align:center; float:left;}
#intro .introLeft img { vertical-align:bottom;margin-bottom: -7px;}
#intro .introRight { width:50%; float:right;}
#intro:after {
clear: both;
float: none;
content: "";
display: block;
}
/* Resources Page */
h3.resourceHeader {
background-repeat: no-repeat !important;
padding-left: 50px !important;
background-size: 30px !important;
background-position: 10px 10px !important;
}
.mfp-image {
display: none;
}
/********** PLAN PAGES **************/
.planVForm { margin:40px auto 75px;}
.plan-ventas h3, .marketing-plan h3, .post-type-archive-plan-ventas h3, .post-type-archive-marketing-plan h3 {
text-align:center;
padding: 15px 0;
width: 100%;
display: block;
background-color: #1C9CBF;
}
.planVTable {background-color:rgba(0,0,0,0.3);}
.planVTable th {
background-color: #000;
height: 40px;
}
/* Special Check */
.planVTable input[type=checkbox]{
height: 0;
width: 0;
visibility: hidden;
}
.planVTable label, .marketing-plan label {
top: -8px;
cursor: pointer;
margin: auto;
text-indent: -9999px;
width: 50px;
height: 30px;
background: grey;
display: block;
border-radius: 100px;
position: relative;
}
.planVTable label:after, .marketing-plan label:after {
content: '';
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 25px;
background: #fff;
border-radius: 90px;
transition: 0.3s;
}
.planVTable input:checked + label, .marketing-plan input:checked + label {
background: #bada55;
}
.planVTable input:checked + label:after, .marketing-plan input:checked + label:after {
left: calc(100% - 3px);
transform: translateX(-100%);
}
.planVTable label:active:after, .marketing-plan label:active:after {
width: 35px;
}
.marketing-plan textarea {
background-color: rgba(255,255,255,0.15);
width: 100%;
height: 100%;
margin: 0;
color: #fff !important;
}
.marketing-plan td:first-child {
text-align: right;
font-size: 22px;
width: 35%;
}
/* End Special Check */
.planVTable td {padding:10px 20px !important;}
.planVTable td:last-child, .planVTable th:last-child {text-align:center !important;}
.planVTable tr:nth-child(even) {
background-color: rgba(255,255,255,0.15);
}
.planVTable td[rowspan="2"] {
width: 35%;
font-size:28px;
text-align: right;
padding-right:25px;
}
/********* END PLAN PAGES *********/
/* Quienes Somos */
table.aboutPartner td {padding:20px;}
table.aboutPartner td:first-child {width:20%; max-width:200px;}
table.aboutPartner td:nth-child(2) { background-color:#000 !important; border-left:1px solid #333; text-align:left; vertical-align:top;}
table.aboutPartner p {color:#fff;}
table.aboutPartner h2 {color:#fff; margin:0;}
/* CTA Bottom Bar */
#ocCTA {
width:100%;
min-height:100px;
max-height:120px;
background-color:#000;
border-spacing:15px;
border-bottom: 20px solid #000;
border-top: 10px solid #000;
}
#ocCTA h2 {
margin: auto;
font-size: 26px;
padding: 2px 0px 8px;
}
#ocCTA p {color:#bbb;}
#ocCTA td {text-align:center; border:none;}
#ocCTA a {
display:inline-block;
min-width:160px;
padding:12px 25px;
background-color:#00aeec;
color:#fff;
text-decoration:none !important;
transition:1s;
font-size: 18px;
border: solid 2px transparent;
}
#ocCTA td a:hover { background-color:hsla(198,99%,64%,1.00); border: solid 2px #fff;}
/* Homepage Product Tabs */
ul.vc_tta-tabs-list {
max-width: 1200px;
margin: 0 auto !important;
}
.vc_tta.vc_tta-o-no-fill.vc_tta-tabs .vc_tta-panels {
padding: 40px 20px;
margin: 0 auto;
background: rgba(0,0,0,0.4) !important;
min-height:500px;
border:1px solid #333 !important;
}
.vc_tta-panels a {color:#D00002;}
.vc_tta-panels a:hover {color:#dd4343;}
.vc_tta-tabs-container {margin-bottom:0 !important; overflow: visible !important;}
li.vc_tta-tab {
width: 25%;
padding: 0 !important;
margin: 0 !important;
transition:all 1s;
}
li.vc_tta-tab:hover {background-color:rgba(50,50,50,.8);}
li.vc_tta-tab.vc_active {
background-color: #dd4343;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active a { border-bottom: 6px solid orange !important; border-color:orange !important;
}
.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
overflow: visible !important;
}
.vc_tta-container {
margin-top: 45px;
}
#content {height: auto !important; min-height: 55vh; padding-top:0px; margin-bottom: 60px; padding-bottom: 35px;}
.vc_tta-tab {background: transparent !important;}
#content .ccTabs .vc_tta-tab>a {
background-color: rgba(255,255,255,0.8);
margin-right: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #fff;
text-transform: uppercase;
font-size:18px;
letter-spacing: 1px;
}
#content .ccTabs li.vc_active.vc_tta-tab>a {
background-color: #d00002;
}
.ccTabs .vc_tta-tab.vc_active a:after {
content: "";
display: block!important;
border-left: 25px transparent solid!important;
border-right: 25px transparent solid!important;
border-top: 16px solid #d00002!important;
height: 0px!important;
width: 0px!important;
position: absolute!important;
left: 41%!important;
top: 105% !important;
z-index: 9999!important;
}
/* Promotion Area */
.wpb_wrapper>table {
height: 100%;
margin: 0px;
/*background-color: rgba(255,255,255,0.2); */
}
h1.ls-l {
white-space: normal !important;
max-width:1400px;
width:90%;
margin:auto !important;
}
.h2-size img {
height: 40px !important;
width: auto;
margin-top: -10px;
padding-right: 10px;
}
.vc_tta-panel-body {
padding: 0px !important;
}
/* FOOTER */
footer {
background-color: #333;
padding: 0 !important;
min-height: 50px;
border-top: 1px solid rgba(255,255,255,0.35) !important;
position:relative;
z-index: 999;
}
.inner-footer {display: table; padding:0px 20px; margin: 0 auto; max-width: calc(1700px - 80px); min-height:100px; height: 200px; width:100%; }
.inner-footer > div {font-size: 12px; color: #c4c4c4; vertical-align:middle; display:table-cell; float:none;padding:0px;}
.footer-left {color:#E2E2E2;}
.footer-left a:first-of-type {margin-left:0; padding-left:0; border:none;}
.footer-left a{ margin-left:4px; padding-left:4px; border-left:1px solid #8e8e8e; color:#c4c4c4; font-size:12px;}
.footer-left a:hover {color:#dd4343;text-decoration: none; transition: 0.5s}
.footer-left .desarrollad a {color:#c4c4c4; font-size:12px; font-weight: 600;}
.footer-left .desarrollad a:hover {color:#dd4343; text-decoration: none; transition: 0.5s}
.footer-right { text-align:right; }
.footer-right img {
max-height: 45px;
max-width: 130px;
height: auto;
vertical-align: middle;
line-height: 197px;
}
.partnerfooter {
display: inline-block;
padding: 0px 10px 0 0;
margin: 0 !important;
border: none;
width: auto;
text-align: right;
border-right: 1px solid #333;
margin-right: 10px !important;
float: none;
margin-top: 22px !important;
}
.site-footer .menu-admin-menu-container ul#menu-admin-menu {
display: inline-flex;
}
.site-footer .menu-admin-menu-container ul#menu-admin-menu li {
margin-top: 10px;
padding: 0px;
}
.site-footer .menu-admin-menu-container ul#menu-admin-menu li a {
border-left: 1px solid #8e8e8e;
padding-left: 10px;
}
.site-footer .menu-admin-menu-container ul#menu-admin-menu li:first-child a {
border-left: 0px;
padding-left: 0px;
}
.site-footer .menu-footer-container ul#menu-footer {
display: inline-flex;
}
.site-footer .menu-footer-container ul#menu-footer li {
margin-top: 10px;
padding: 0px;
}
.site-footer .menu-footer-container ul#menu-footer li a {
border-left: 1px solid #8e8e8e;
padding-left: 10px;
}
.site-footer .menu-footer-container ul#menu-footer li:first-child a {
border-left: 0px;
padding-left: 0px;
}
/**** Partner Branding ****/
#partnerLogo,.partnerLogo {
padding-left: 0px;
border-left: 1px solid #333;
}
.partnerLogo {margin-left:25px;}
#partnerLogo img, .partnerLogo img {
max-height: 38px;
max-width: 195px;
padding: 2px 0px;
}
.partnerMobile {
float: right;
padding-left: 22px;
margin-left: 20px;
border-left: 1px solid #333;
height:65px;
line-height:65px;
}
.partnerMobile img {height:65px;}
/*@keyframes cloudfloat {
0% {top:8px;opacity:1;}
50%{top:-16px; opacity:.9; }
100% {top:8px; opacity:1;}
}
@keyframes cloudslide {
from {background-position-x:0%; }
to {background-position-x:800%;}
}
*/
select {
color: #333333 !important;
}
#login {
width: auto !important;
}
div.login form {
width: 30%;
margin: 0 auto;
padding: 30px 24px 40px;
}
.vc_custom_1517394850259 {
margin-left: 20px;
}
.vc_custom_1517395053895 {
padding-top: 100px;
padding-right: 20px;
padding-left: 45px;
}
.pagination>li.active>a {
color: #ffffff !important;
}
.acf-label h2 {
padding-top: 5px;
font-size: 17px;
color: #dd4343;
}
.vc_custom_1517568445546 {
padding-right: 60px;
padding-left: 60px;
}
input.search {
width: 100%;
margin-bottom: 20px;
}
.acf-field select {
padding: 0px !important;
}
/*BACKGROUNDS START*/
#main {
background-color: transparent;
}
#page {
background: none;
}
body {
overflow-x: hidden;
background-position: center;
background-size: auto 100vw !important;
background-image: url(img/ccbg-5.jpg);
}
body.home.page-template-page-home {
background-image: none !important;
}
/*BACKGROUNDS END*/
.wf-container-main.ccLoggedIn {
position: relative;
}
html.js {
margin-top: 0px !important;
}
#wpadminbar .ab-top-menu>li.hover>.ab-item, #wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, #wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus {
background: #333333 !important;
color: #ffffff !important;
}
#wpadminbar, #wpadminbar * {
font-size: 12px !important;
font-weight: 100 !important;
line-height: 30px !important;
}
.page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Negocio"], .page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Marketing"], .page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Ventas"], .page-template-page-micuenta select#acf-field_5a5c92cf29e2a option[value="Tecnico"],
{
background-color: #ffffff !important;
color: #868686 !important;
}
#main .wf-wrap {
min-height: 650px !important;
margin-bottom: 50px !important;
}
.single-track div#main-column, .track-template-default div#main-column {
display: contents !important;
}
.acf-true-false {
text-align: left;
}
/*MEDIA QUERIES*/
@media (max-width: 1039px) {
html.js {
margin-top: 0px !important;
}
.partnerMobile img {
height: 28px;
}
.homespacer {
height: 200px !important;
}
.partnerfooter {
display: inline-block;
padding: 0px !important;
margin: 0 !important;
border: none;
width: auto;
text-align: center !important;
border-right: 1px solid #333;
float: none;
}
}
@media (max-width: 850px) {
body {
background-size: cover !important;
}
}
@media (max-width: 700px) {
#mktoForm_1003 .mktoCheckboxList {
right: -55% !important;
}
form#mktoForm_1003 button.mktoButton {
margin-left: 100px !important;
}
form#mktoForm_1169 {
padding-left: 30px;
padding-right: 30px;
}
form#mktoForm_1169 button.mktoButton {
margin-left: 40px !important;
}
.page-template-page-micuenta form#passwordForm {
width: 100% !important;
margin: 0 auto !important;
}
.page-template-page-micuenta form#passwordForm input {
width: 355px !important;
}
.homespacer {
height: 150px !important;
}
.acf-field.acf-field-checkbox.acf-field-5a79958766e8e.ka_consent .acf-input {
margin-top: 0px !important;
margin-left: 10px;
}
.oppTable thead tr th {
text-align: center;
}
.recursoscalculadora {
padding: 40px 10px 10px 0px;
}
header.entry-header.admin-section{
display: block !important;
}
.page-template-page-backend h1.entry-title,
.page-template-page-micuenta h1.entry-title,
.page-template-default h1.h2-size,
.page-template-page-backend-companylist h1.entry-title,
.page-template-page-private h1.h2-size,
.single-oportunidad h1.entry-title,
.page-template-page-metro h1.h2-size {
text-align: center;
}
ul#oppMenu {
text-align: center;
}
.page-title.title-center.sSolid-bg, .wpb_wrapper {
overflow: auto;
}
.vc_custom_1517568445546 {
padding-right: 15px !important;
padding-left: 15px !important;
}
.margencalculadora {
display: none;
}
.mobile-main-nav .sub-nav li.act a span.menu-text {
color: #dd4343 !important;
}
.mobile-main-nav li > a {
color: #ffffff !important;
}
.mobile-main-nav li > a:hover {
color: #ffffff !important;
}
form#mktoForm_1003 input#Email {
width: 340px !important;
}
textarea#kAComment {
width: 340px !important;
}
form#mktoForm_1003 {
margin: 0 auto;
width: 100% !important;
}
form#mktoForm_1003 button.mktoButton {
margin-left: 100px !important;
}
form#mktoForm_1003 label.mktoLabel.mktoHasWidth {
width: 340px !important;
margin-bottom: 10px;
}
.vc_custom_1517418433972 {
padding-right: 20px !important;
padding-left: 20px !important;
}
div#user_table_container {
overflow-x: auto;
}
.content table {
width: 100%;
}
.sort[data-sort=Número], .sort[data-sort=Recomendado],.sort[data-sort=Fecha], .sort[data-sort=Programas] {
display: none !important;
}
#main .wf-wrap {
min-height: 70vh;
}
td.Número, td.Recomendado, td.Fecha, td.Programas {
display: none;
}
#content.top-margin {
padding: 0px;
}
.spacermobileno{
display: none;
}
.ccLoggedIn .vc_row.wpb_row.vc_row-fluid.recursos.dt-default {
margin-top: 0% !important;
}
.wf-td.hgroup {
height: auto !important;
}
li.ui-state-default.ui-corner-top {
width: 100%;
}
.timeline-line {
display: none;
}
a.downloadlink {
word-break: break-all;
}
.vc_custom_1517395053895 {
padding-top: 0px !important;
}
#page div.recursos ul.ui-tabs-nav > li.ui-state-active {
width: 100%;
}
div.login form {
width: 80% !important;
margin: 0 auto !important;
padding: 30px 24px 40px !important;
}
.wf-td.hgroup {
height: auto;
}
.admin-menu a {
line-height: 20px !important;
font-size: 19px !important;
}
.admin-menu li {
border-bottom: 1px solid #ddd !important;
padding: 12px 0px !important;
height: auto !important;
}
div#oppList {
overflow-x: auto;
}
ul#oppMenu {
margin-left: 0px !important;
}
input.oppSearch {
width: 80% !important;
}
.vc_custom_1517394850259 {
margin-left: 0px !important;
}
.vc_custom_1517395053895 {
padding-top: 0px !important;
}
#page .recursos ul.ui-tabs-nav {
text-align: center;
}
.tab-style-two.wpb_tabs .wpb_tabs_nav li {
margin: 0 auto;
}
.vc_tta-panel-heading {
text-align: center !important;
background-color: #dd4343 !important;
}
.wpb_wrapper {
text-align: left;
}
.vc_active a span.vc_tta-title-text {
color: #ffffff;
border-bottom: none;
}
.show-mobile-logo .branding img, .show-device-logo .branding img.mobile-logo, .side-header.show-device-logo .branding img.mobile-logo, .show-mobile-logo.show-device-logo .branding img, .show-mobile-logo.side-header.show-device-logo .branding img, .show-mobile-logo .mobile-branding img, .show-device-logo .mobile-branding img.mobile-logo, .side-header.show-device-logo .mobile-branding img.mobile-logo, .show-mobile-logo.show-device-logo .mobile-branding img, .show-mobile-logo.side-header.show-device-logo .mobile-branding img {
display: inline-block;
}
.branding > a, .branding > img {
padding: 5px 25px 0px 0px !important;
}
.mobile-branding {
width: 100% !important;
}
.partnerMobile {
height: 75px;
margin-left: 0;
}
html {
margin-top: 0px !important;
}
.partnerMobile img {
height: 25px;
}
.tourbg {
padding: 0px;
}
.vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-panels-container {
border-left: none;
}
h2 {
text-align: center !important;
}
a.aio-icon-box-link.kode_pdf {
text-align: left;
}
.vc_custom_1517418433972 {
padding-right: 20px !important;
padding-left: 20px !important;
}
#content.cuenta {
padding: 30px 10px;
}
#intro {
margin: -30px auto 0;
}
div#intro > div {
width: 100% !important;
padding: 0 20px;
}
#intro .introLeft {
padding-top: 30px;
}
div#main-slideshow {
margin-top: 0px !important;
}
td.prodArea {
display: block !important;
width: 100% !important;
color: #333;
padding: 15px 30px;
}
.vc_tta-panel-heading {
margin: 0 !important;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
}
td.prodArea h3 {
color: #333333;
}
.vc_tta-panel-heading h4 a {
color: #fff !important;
border: 0 !important;
}
td.prodpro, td.prodpro.left {
display: block !important;
width: 100% !important;
color: #000;
padding: 15px 0px;
}
.prodpro table, .prodpro.left table {
width: 100% !important;
}
.prodpro table td, .prodpro.left table td {
padding: 20px !important;
text-align: center;
left: 0 !important;
}
/**** Partner Branding ****/
#partnerLogo img, .partnerLogo img {
height: 45px;
}
.partnerfooter {
display: inline-block;
padding: 0px;
margin: 0 !important;
border: none;
width: auto;
text-align: right;
border-right: 1px solid #333;
float: none;
}
.footer-right {
text-align: center;
}
}
/* Safari 6.1-7.0 */
@media screen and (-webkit-min-device-pixel-ratio:0){
.home div.vc_row.wpb_row.vc_row-fluid.vchero.vc_row-has-fill.vc_row-no-padding.vc_row-o-equal-height.vc_row-o-content-top.vc_row-flex.vc_general.vc_parallax.vc_parallax-content-moving.vc-row-translate.ult-vc-hide-row{
left: 0px !important;
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.home .upb_row_bg {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.home .wf-wrap {
width: 100% !important;
padding: 0px !important;
margin: 0px !important;
padding: 0px !important;
}
.home div.wf-container-main {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.home .sidebar-none .content {
width: 100% !important;
margin: 0px !important;
padding: 0px !important;
}
.home div.vc_row.wpb_row.vc_row-fluid.dt-default.fadeInUp.animate-element.animation-triggered.start-animation{
width: 90% !important;
margin: 3% auto !important;
}
.mobile-main-nav li > a {
color: #ffffff !important;
}
}
select#pbi_pageSelect {
background-color: rgba(0,0,0,0.2) !important;
color: #ffffff !important;
font-weight: 600 !important;
font-size: 14px !important;
}
/*PowerBi*/
ul.list-unstyled {
height: auto;
width: 250px;
border: 1px #c8c8c8 solid;
border-radius: 2px;
list-style-type: none;
position: absolute;
z-index: 100;
}
ul.list-unstyled li { padding: 5px 10px; z-index: 2; }
ul.list-unstyled li:not(.init) { float: left; width: 248px; display: none; background: #f3f3f3; }
ul.list-unstyled li:not(.init):hover, ul li.selected:not(.init) { background: #dd4343; color: #ffffff; }
ul.list-unstyled>li:first-child {
border: 1px solid #dd4343;
justify-content: space-around;
display: flex;
width: 100%;
}
li.init { cursor: pointer; }
a#submit { z-index: 1; }
#pbi_menu {
background: transparent !important;
background-color: transparent !important;
color: #000000 !important;
font-size: 12px;
font-family: arial;
}
.powerbiarrow {
margin-left: 40px;
}
.pbi_container {
padding-top: 40px;
font-family: PowrMDL2;
}
/* End PowerBi*/
/* Edge and IE */
@supports (-ms-ime-align: auto) {
/* Microsoft EdgeV13&14 CSS styles go here */
.inline-header .branding, .inline-header .header-bar > .mini-widgets {
display: table;
}
.branding a img, .branding img {
position: relative;
left: 50px;
top: 15px;
}
#partnerLogo,.partnerLogo {
padding-left: 0px;
border-left: none;
position: relative;
left: 190px;
top: -40px;
}
}
@supports (-ms-accelerator: true) {
/* Microsoft EdgeV13 CSS styles go here */
.inline-header .branding, .inline-header .header-bar > .mini-widgets {
display: table;
}
.branding a img, .branding img {
position: relative;
left: 200px;
top: -15px;
}
#partnerLogo,.partnerLogo {
padding-left: 0px;
border-left: none;
position: relative;
left: 190px;
top: -40px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10 & IE11 CSS styles go here */
.inline-header .branding, .inline-header .header-bar > .mini-widgets {
display: table;
}
.branding a img, .branding img {
position: relative;
left: 200px;
top: -15px;
}
#partnerLogo,.partnerLogo {
padding-left: 0px;
border-left: none;
position: relative;
left: 190px;
top: -40px;
}
}
.non-user-menu{
pointer-events: none;
}
@media (max-width: 600px){
.msc-content {
top: 130px !important;
z-index: 99999 !important;
}
.login-action-register label[for=acf-field_5a79958766e8e] {
position: absolute;
top: 30px !important;
right: 85px !important;
}
}