@charset "utf-8";
:root {
    --primaryColor: #D91235;
    --secondColor: #4D1F81;
    --overBkColor: #6b1322;
    --black: #000;
    --white: #FFF;
    --orange: #D19889;
    --gray: #F1F1F1;
    --widthContainer: 1366px;
}
@font-face {
    font-family: "Poppins Light";
    src: url("/fonts/Poppins-Light.ttf");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: "Poppins Bold";
    src: url("/fonts/Poppins-Bold.ttf");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family: "Consultant";
    src: url("/fonts/Consultant.otf");
    font-weight:normal;
    font-style:normal;
}
html {font-size:20px; font-family: "Poppins Light", Arial; scroll-behavior: smooth; transition-property: all; transition-duration: .6s; transition-timing-function: ease;}
* {margin:0; padding:0; font-family: "Poppins Light", Arial;}
a {text-decoration:none !important;}
::placeholder {color:#C4C4C4;}
h1, h2, h3 {font-family: "Poppins Bold";}
input, textarea, select {outline: none;}
.container {width: 1366px; margin: 0 auto;}
.txt-right {text-align: right !important;}
.txt-justify {text-align: justify !important;}
.waphone {color: var(--orange);}

.breadcrums-menu ul {margin: 2rem 0 1rem;}
.breadcrums-menu ul li {display: inline-block; font-size: .8rem; font-style: italic; margin-right: .5rem;}
.breadcrums-menu ul li a {font-size: .8rem; font-style: italic; color: var(--primaryColor);}

.sidebar {background-color: var(--primaryColor); padding: 1rem 0;}
.sidebar-tab {display: flex; align-items: center;}
.sidebar-phone {width: 50%; font-size: .8rem; display: flex;}
.sidebar-phone a {color: var(--white); margin: 0 1rem 0 0; display: flex; align-items: center;}
.sidebar-phone a:hover {color: var(--overBkColor);}
.sidebar-phone a:hover svg path {fill: var(--overBkColor);}
.sidebar-phone a svg {height: 1rem; margin-right: .5rem;}
.sidebar-phone a svg path {fill: var(--white);}
.sidebar-social {width: 50%; display: flex; align-items: center; text-align: right; justify-content: flex-end;}
.sidebar-networks ul {display: flex; list-style: none; margin: 0;}
.sidebar-networks ul li {padding: 0 1rem;}
.sidebar-networks ul li a {color: var(--white); font-size: .8rem; display: flex; align-items: center;}
.sidebar-networks ul li a:hover {color: var(--overBkColor);}
.sidebar-networks ul li a:hover svg path {fill: var(--overBkColor);}
.sidebar-networks ul li svg {height: 1rem; margin-right: .5rem;}
.sidebar-networks ul li svg path {fill: var(--white);}
.sidebar-language {padding: 0 .5rem 0 1rem;}
.sidebar-language ul {display: flex; align-items: center; list-style: none; margin: 0;}
.sidebar-language ul li {margin: 0 .5rem; font-size: 0;}
.sidebar-language ul li img {width: 1.5rem;}
.sidebar-language ul li span {font-size: .8rem; color: #FFF; padding:0.4rem 0.55rem; border: 1px #FFF solid; border-radius: 50%; cursor: pointer;}
.sidebar-language ul li span:hover {background: #FFF; color: var(--blue1);}
.sidebarmenu {display: none;}
.sidebarmenu svg {width: 1rem;}
.sidebarmenu svg path {fill: var(--white);}

header {height: 54rem; position: relative; overflow: hidden;}
.header-sidebar {padding: 2rem 0 1rem; display: flex; align-items: center; position: absolute; right: 5rem; z-index: 999;}
.header-logo {width: 30%;}
.header-logo img {height: 5rem;}
.header-menu {width: 80%; text-align: right;}
.header-menu ul {list-style: none;}
.header-menu ul li {display: inline;}
.header-menu ul li a {font-size: .8rem; color: var(--white); margin-left: 2rem;}
.header-menu ul li a:hover {color: var(--hover);}
.header-mask {position: absolute; width: 100%; height: 100%; background-color: #CD1283C7; z-index: -9; opacity: .4;}
.header-video {position: absolute; top: 0; left: 0; width: 100%; z-index: -99;}
.header-video video {width: 100%;}
.close {display: none; width: 20px; height: 20px; border: 1px #000 solid; font-size: 20px; line-height: 20px; text-align: center; margin: 2rem; position: absolute; top: 0; right: 0; border-radius: 50%; padding: 0.5rem; cursor: pointer;}

footer {background-color: var(--primaryColor); padding: 5rem 0;}
.footer {display: flex; align-items: start;}
.footer-menu {width: 40%;}
.footer-menu h2 {font-size: 1.2rem; color: var(--white);}
.footer-menu ul {margin: 1rem 1.5rem; list-style: square; color: var(--white);}
.footer-menu ul li {margin: 1rem 0;}
.footer-menu ul li a {color: var(--white);}
.footer-menu ul li a:hover {color: var(--orange);}
.footer-phones {width: 30%;}
.footer-phones h2 {font-size: 1.2rem; color: var(--white); margin-bottom: 1rem;}
.footer-phones a {display: flex; align-items: center; color: var(--white);}
.footer-phones a {color: var(--white); margin-bottom: 1rem; display: block;}
.footer-phones a svg {height:1rem; margin-right: .3rem;}
.footer-phones a svg path {fill: var(--white);}
.footer-phones a:hover {color: var(--orange);}
.footer-phones a:hover svg path {fill: var(--orange);}
.footer-address {width: 20%; padding: 0 5%; text-align: center}
.footer-address img {width: 12rem;}
.footer-address p {color: var(--white); font-size: .8rem;}
.footer-networks {padding: 3rem 0; background-color: var(--black); text-align: center;}
.footer-net-items h2 {font-size: 1.2rem; color: var(--white); margin-bottom: 2rem;}
.footer-net-items ul li {display: inline; margin: 0 1rem;}
.footer-net-items ul li svg {height: 1.75rem;}
.footer-net-items ul li svg path {fill: var(--white);}
.footer-net-items ul li svg:hover path {fill: var(--orange);}
.footer-copyright {padding: 3rem; text-align: center;}
.footer-copy ul {list-style: none; margin-bottom: 1rem;}
.footer-copy ul li {display: inline; margin: 0 1rem;}
.footer-copy ul li a {color: var(--black); display: inline-block; font-size: .8rem;}
.footer-copy ul li a:hover {color: var(--orange);}
.footer-copy p {font-size: .8rem;}

.footer-banner {position: fixed; width: 100%; padding: 5px 0 0; bottom: 0; left: 0; background-color: #00000054; text-align: center; z-index: 999999;}
.footer-banner-close {position: absolute; top: 1rem; right: 1rem; border: 1px solid #000; padding: 2px 5px; font-size: .7rem; cursor: pointer;}

.sctt-container {width: var(--widthContainer); margin: 0 auto;}

.sctt-header {background: url(/images/bkComunicacionInteligente.jpg) center no-repeat; background-size: cover; height: 45rem; position: relative;}
.sctt-header-flx {position: absolute; width: 60rem; margin: 0 auto; bottom: 5rem; left: 2rem;}
#lftCol {width: 50%;}
#lftCol h1 {font-size: 3.5rem; line-height: 3.5rem; color: var(--white); margin-bottom: 1rem; font-family: "Poppins Bold";}
#lftCol p {color: var(--white);}
#rgtCol {width: 50%; text-align: right;}
#rgtCol img {width: 95%;}

.sctt-text {padding: 7rem 0;}
.sctt-text-info {width: 1040px; margin: 0 auto;}
.sctt-text-info p {margin-bottom: 1rem; font-size: 1.2rem; color: var(--secondColor);}

.sctt-text-image {background: url(/images/comunicacion-inteligente-listado.png) center no-repeat; background-size: 100%; height: 807px; width: 1620px; margin: 0 auto; display: flex; align-items: center;}
.sctt-text-img-info {width: 50%; padding-left: 20%;}
.sctt-text-img-info ul {margin-top: 3rem;}
.sctt-text-img-info ul li {color: var(--white); font-size: 1.1rem; margin: 1rem 0;}
.sctt-text-img-form {width: 50%; height: 37rem; position: relative;}

.sctt-form-leads {padding: 9.8rem 3rem; background: #A199BF; border-radius: 1rem; width: 60%; position: absolute; top: -2rem; right: 0;}
.sctt-form-leads h2 {font-size: 1.7rem; color: var(--white); margin: 0 0 1rem; text-align: center; width: 100%;}
.sctt-form-leads input {padding: .7rem 1rem; border: none; width: 87%; margin: .5rem 0; font-size: .9rem;}
.sctt-form-leads input::placeholder {color: #000;}
.sctt-form-leads button {background: #633090; padding: .8rem 1rem; border: none; width: 100%; margin: .5rem 0; color: var(--white); cursor: pointer; font-size: .9rem;}

.sctt-teraphy {width: var(--widthContainer); margin: 7rem auto; background: url(/images/terapeutas.png) center no-repeat; background-size: contain;}
.sctt-teraphy h2 {font-family: "Consultant"; font-size: 3.5rem; font-weight: normal; margin: 0 0 3rem 16rem;}
.sctt-teraphy-team {display: flex; align-items: center;}
.sctt-team-item {width: 50%; text-align: center;}

.sctt-phase-ii {padding: 7rem 0; background-color: #A199BF;}
.sctt-phase-container {width: var(--widthContainer); margin: 0 auto;}
.sctt-phase-container img {float: left; margin: 2rem;}
.sctt-phase-container p {color: #FFF; margin-bottom: 1rem;}

.sctt-phase-commun {width: var(--widthContainer); margin: 0 auto; display: flex; align-items: center;}
.sctt-phase-commun-qstn {width: 30%; height: 520px; background: url(/images/que-es-la-comunicacion-inteligente.png) center no-repeat; background-size: contain; display: flex; align-items: center; text-align: center;}
.sctt-phase-commun-qstn h2 {width: 70%; margin: 0 auto; color: var(--white);}
.sctt-phase-commun-info {width: 70%; padding-left: 2rem;}
.sctt-phase-commun-info p {margin-bottom: 1rem; color: var(--white);}

.sctt-thanks-main {width: 100%; height: 100%; position: absolute; display: flex; align-items: center;}
.sctt-thanks-info {width: 50%; height: 100%; padding: 5%; background-color: #4D1F81; display: flex; align-items: center;}
.sctt-thanks-info h1 {margin: 1rem 0; color: var(--white); font-size: 3rem; line-height: 3.2rem;}
.sctt-thanks-info p {margin: 1rem 0; color: var(--white);}
.sctt-thanks-payment {width: 30%; padding: 5%;}
.sctt-thanks-payment ul {list-style: none;}
.sctt-thanks-payment ul li {margin: 1rem 0;}
.sctt-thanks-payment ul li input, .sctt-thanks-payment ul li label {cursor: pointer;}
.sctt-method-pay {display: none; background: var(--primaryColor); padding: 2rem; margin-top: 2rem; border-radius: .5rem;}
.sctt-method-pay h2 {color: var(--white); margin-bottom: 1rem;}
.sctt-method-pay p {color: var(--white); margin-bottom: 1rem;}
.sctt-method-pay button {background: var(--white); color: var(--secondColor); padding: 1rem 2rem; border: none; width: 100%; font-size: 1rem; cursor: pointer;}

.sctt-confirm {width: 100%; height: 100%; position: absolute; display: none; align-items: center; top: 0; left: 0;}
.sctt-confirm a {color: var(--primaryColor);}
.sctt-confirm-info {width: 50%; margin: 0 auto; text-align: center;}
.sctt-confirm-info a#certIns {padding: 1rem; display: block; background: var(--primaryColor); color: #FFF; margin: 1rem 0 2rem;}
.clve-confirmacion {margin-top: 2rem; padding: 2rem; background-color: var(--primaryColor); margin-bottom: 3rem;}
.clve-confirmacion h2 {font-size: 1.2rem; color: var(--white);}
.clve-confirmacion p {font-size: 2rem; color: var(--white);}

@media only screen and (max-width:1366px){
    :root {
        --widthContainer: 1280px;
    }
    .container {width: 1280px;}
    .sctt-text-image {width: 1280px;}
    .sctt-text-img-info {padding-left: 16%;}
    .sctt-text-img-info ul li {margin: .3rem 0;}
    #lftCol h1 {font-size:3rem; line-height: 3rem;}
    .header-menu ul li a {margin-left: 1rem;}
}

@media only screen and (max-width:1280px){
    :root {
        --widthContainer: 1100px;
    }
    .container {width: 1100px;}
    .sctt-text-image {width: 1100px;}
    .sidebar-phone {display: none;}
    .sidebar-social {margin: 0 auto;}
    .sidebarmenu {display: flex; align-items: center;}
    #lftCol h1 {font-size: 3.2rem; line-height: 3.4rem;}
    .sctt-form-leads {padding: 5.8rem 2rem; width: 75%; top: 0rem;}
}

@media only screen and (max-width:1024px){
    :root {
        --widthContainer: 80%;
    }
    .container {width: 80%;}
    .sctt-text-image {width: 80%; background: none; display: block;}
    .sctt-text-info {width: 80%;}
    .footer {display: block; text-align: center;}
    .footer-menu {width: 100%;}
    .footer-menu ul {margin: 1rem 1.5rem 4rem; list-style: none; padding: 0;}
    .footer-phones {width: 100%; margin-bottom: 2rem;}
    .footer-address {display: none;}
    .sctt-header {background-size: cover;}
    .sctt-text-img-info {width: 90%; padding-left: 1rem;}
    .sctt-text-img-info ul {margin: 3rem 0;}
    .sctt-text-img-info ul li {color: var(--secondColor);}
    .sctt-text-img-form {width: 70%; margin: 0 auto;}
    .sctt-form-leads {width: 85%;}
    .sctt-teraphy-team {display: block;}
    .sctt-team-item {width: 100%; margin: 2rem 0;}
    .sctt-teraphy h2 {margin: 0 0 3rem 0; width: 100%; text-align: center;}
    .sctt-phase-container {text-align: center;}
    .sctt-phase-container img {float: none; margin: 2rem auto;}
    .sctt-phase-container p {text-align: left;}
    .sctt-phase-commun {display: block;}
    .sctt-phase-commun-qstn {width: 50%; margin: 0 auto;}
    .sctt-phase-commun-info {width: auto; padding-left: 0;}
}

@media only screen and (max-width:932px){
    .header-sidebar {display: none; position: fixed; top: 0; left: 0; width: 80%; height: 100%; background: var(--white); align-items: start; z-index: 999999;}
    .sctt-header-flx {display: block;}
    #lftCol {width: 100%; text-align: center;}
    #lftCol h1 {font-size: 2.6rem; line-height: 2.8rem;}
    #rgtCol {width: 80%; text-align: center; margin: 2rem auto;}
    .sctt-thanks-main {display: block;}
    .sctt-thanks-info {width: 90%; height: auto; display: block;}
    .sctt-thanks-payment {width: 90%;}
    .sctt-confirm {position: relative; margin: 4rem 0;}
    .sctt-confirm-info {width: 70%;}

}

@media only screen and (max-width:768px){
    html {font-size: 18px;}
}

@media only screen and (max-width:640px){
    .container {width: 90%;}
    .sidebar-networks {display: none;}
    .footer-copy ul li {margin: 0 0.5rem;}
}

@media only screen and (max-width:560px){
    .sctt-text-img-form {width: 100%;}
    .sctt-phase-container img {width: 100%;}
    .sctt-phase-commun-qstn {width: 90%;}
    .clve-confirmacion p {font-size: 1.5rem;}
}

@media only screen and (max-width:430px){
    html {font-size: 16px;}
    .sctt-team-item img {width: 100%;}
}

@media only screen and (max-width:360px){
    #lftCol h1 {font-size: 2.2rem; line-height: 2.6rem;}
    .sctt-thanks-info h1 {font-size: 2rem; line-height: 2.2rem;}
}