/*
 Theme Name:   CustomStrap
 Theme URI:    https://www.livecanvas.com/customstrap/
 Description:  A child theme for UnderStrap, bringing some cool options in the Customizer and a built in SCSS compiler to roll your own BootStrap
 Author:       LiveCanvas.com
 Author URI:   https://www.livecanvas.com
 Template:     understrap
 Version:      2.51
 Text Domain:  customstrap
 License: GPL-2.0
 License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*Caldera Ads*/

.caldera-ads .caldera-grid .form-control, .wpcf7-form-control-wrap input:not([type=submit]), .wpcf7-form-control-wrap textarea {
    width: 100%;
    color: #999 !important;
    min-height: 48px !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 12px;
    background-color: rgba(244,244,244,.2) !important;
    border: 1px solid #ccc;
}
.caldera-ads .caldera-grid .btn-default, .wpcf7 input[type=submit] {
    color: #999 !important;
    background-color: #fff0 !important;
    height: 48px !important;
    border-color: #ccc;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .075em;
}







/* !General */

aside#media_image-3 {
    margin-bottom: 30px;
}


/*Blog*/
img.barra-widget {
    border-radius: 50%;
    width: 129px;
}
.contenedor-cta-blog {
    text-align: center;
}
.widget_caldera_forms_widget .caldera-grid .btn-default {
    color: #929090 !important;
    background-color: #fff0 !important;
    height: 48px !important;
    border-color: #ccc;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
}
#caldera_forms_widget-2 {
    margin-bottom: 30px;
}
.blog-single-post p {
    font-size: 18px;
}
aside#media_image-2 {
    margin-bottom: 40px;
}

.contenedor-cta-blog {
    text-align: center;
    margin-bottom: 2rem;
    background-color: #28252c;
    padding: 3rem 1rem;
    color: white;
    margin-left: -15px;
    margin-right: -15px;
}


div#cta-form-sidebar {
    border: 1px solid #27252c;
    padding: 1rem;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    max-width: unset!important;
    margin-top: -33px;
    margin-bottom: 3rem;
}

div#cta-form-sidebar .btn {
    color: #27252c!important;
}

div#cta-form-sidebar .btn:hover {
    color: white!important;
}

div#cta-form-sidebar .form-control {
    color: black!important;
}

div#cta-form-sidebar .caldera-grid .row {
    max-width: unset;
}

.contenedor-cta-blog img {
   margin: auto;
   margin-bottom: 1rem;
}
.contenedor-cta-blog h4{
    font-size: 1.75rem;
    text-align: center;
    width: 100%!important;
}

.contenedor-cta-blog h4:after{
    background: #ffffff8c!important;
    width: 84%!important;
    left: 50%!important;
    transform: translate(-50%, 0px);
    bottom: -6px!important;
}

.contenedor-cta-blog p  {
   font-size:14px;
   position: relative;
}

.contenedor-cta-blog p:after  {
    content: "";
    width: 35%;
    transform: translate(-50%, -50%);
    bottom: -4px;
    background: #b41c41;
    opacity: .3;
    position: absolute;
    left: 50%;
    height: 1px;
    opacity: .2;
    transition: .5s var(--cubic-animation) .1s;
}

/*Fin Blog*/

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, html, section, #page{
    overflow-x: hidden;

}

html {
 scroll-behavior: smooth;
}


:root{
    --secondary-color: rgb(179, 27, 65);
    --cubic-animation: cubic-bezier(0,.07,0,.98);
}

::-moz-selection {
    background: #222;
    color: #fff;
}

::selection {
    background: #222;
    color: #fff;
}

.espacio-arriva {
    margin-top: 120px!important;
}


/* Disable adminbar */

/* div#wpadminbar {
    display: none;
} */

body {
    margin: 1rem !important;
    max-width: calc(100% - 2rem);
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    font-family: 'Raleway', sans-serif !important;

}

body.transparent-header {
    padding-top: 0!important;
}

body.transparent-header .fixed-top {
    background-color: transparent !important;
    transition:0.5s;
}

body.transparent-header .fixed-top.sticky {
    background-color: #28262b !important;
    transition:0.5s;
}

a {
    text-decoration: none !important;
}

body.customstrap_header_navbar_position_fixed-top {
    padding-top: 92px;
}



body.customstrap_header_navbar_position_fixed-top:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 16px;
    width: 100%;
    background: red;
    z-index: 999;
    background: white;
}

body.customstrap_header_navbar_position_fixed-top:after {
    content: "";
    position: fixed;
    height: 16px;
    bottom: 0;
    width: 100%;
    left: 0;
    background: white;
    z-index: 999;
}

div#primary {
    padding: 0;
}


@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }
}

/* #General */

/* !Typography */

/* Raleway */
@font-face {
    font-family: 'Raleway';
    src: url('./assets/fonts/Raleway/Raleway-Regular.woff') format('woff'),
        url('./assets/fonts/Raleway/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Droid */
@font-face {
    font-family: 'Droid Serif';
    src: url('./assets/fonts/Droid/DroidSerif-Italic.woff') format('woff'),
        url('./assets/fonts/Droid/DroidSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/* #Typography */

/* !Colors */

.text-black {
    color: #28262b;
}

.bg-grap-fa {
    background: #fafafa;
}

/* #Colors */

/* !Header */


.wpml-ls-menu-item a {
    text-transform: uppercase;
    font-size: 14px!important;
    line-height: 100%;
}

.wpml-ls-menu-item {
    border-top: 1px solid #4B4B4B;
    padding-top: 15px;
    margin-top: 10px;
}

.wpml-ls-menu-item:last-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.custom-header {
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 2rem;
    height: 60vh;
}

.custom-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    z-index: 3;
}

.custom-header video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    z-index: 2;
}

.custom-header .contents {
    position: relative;
    z-index: 4;
}

.custom-header .contents h1 {
    color: #fff;
    font-weight: 100;
    font-size: 50px;
    line-height: 60px;
}

.custom-header .contents p {
    font-size: 9px;
    color: #898989;
    letter-spacing: 9px;
    margin-top: 1rem;
}

.navbar.bg-dark {
    background-color: #222 !important;
}

body #navbarNavDropdown {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: #222;
    top: 0;
    left: 0;
}

.navbar-dark .navbar-toggler,
.navbar-dark .navbar-toggler:focus,
.navbar-dark .navbar-toggler:hover {
    border: 0px !important;
    outline: 0 !important;
}

.fixed-top {
    max-width: calc(100% - 32px);
    left: 16px;
    top: 16px;
}

.dfd-copyright {
    position: absolute;
    bottom: 41px;
    right: 0;
    color: white;
    z-index: 999;
}

.dfd-copyright a {
    color: white;
    padding-right: 30px;
    transition:0.5s;
}

.dfd-copyright a:hover {
    color: rgb(179, 27, 65);
    padding-right: 30px;
    transition:0.5s;
}
.dfd-copyright a:last-child {
    padding-right: 0px;
}

.dfd-copyright {
    position: absolute;
    bottom: 32px;
    right: 0;
    color: white;
    z-index: 999;
    padding: 10px 5% 20px 10px;
}

.navbar-expand-lg .navbar-toggler {
    display: block;
    float: right;
    position: absolute;
    right: 5px;
    z-index: 9;;
}

body #navbarNavDropdown {
    width:100%;
    height: 100vh;
    top: 0;
    right: 0px!important;
    left:auto!important;
    transition:0.1s;
    overflow: hidden;
    transform: scale(0);
    padding: 20px 5%;
}

body #navbarNavDropdown.show {
    display: flex !important;
    transition:0.5s;
    transform: scale(1);
}
body #navbarNavDropdown.show .navbar-collapse {
    display: flex !important;
}

body #navbarNavDropdown ul {
    flex-direction: column;
    text-align: right;
}

body #navbarNavDropdown ul li a {
    font-size: 24px
}

body #navbarNavDropdown ul li a {
    font-size: 24px;
    font-weight: 600;
    color: white;
}

.custom-logo-link img {
    /* max-height: 40px;
    width: auto; */
    width: 80px!important;
    transition:0.5s;
}

.sticky .custom-logo-link img {
    width: 80px!important;
    transition: 0.5s;
}

.custom-logo-link {
    z-index: 9999;
}

.navbar-dark .navbar-toggler-icon {
    background-image: unset!important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
	border-radius: 50%;
}
span.navbar-toggler-icon > span {
    position: relative;
    width: 100%;
    display: block;
    height: 2px;
    background: white;
    margin-bottom: 7px;
    transition:0.3s;
}
span.navbar-toggler-icon > span:last-child {
    margin-bottom: 0px;
}

.navbar-toggler[aria-expanded="false"] span.navbar-toggler-icon:hover > span:first-child{
    -webkit-animation: hambuerger-menu 0.2s linear;
            animation: hambuerger-menu 0.2s linear;
    -webkit-animation-delay:0s;
            animation-delay:0s;
}
.navbar-toggler[aria-expanded="false"] span.navbar-toggler-icon:hover > span:nth-child(2){
    -webkit-animation: hambuerger-menu 0.2s linear;
            animation: hambuerger-menu 0.2s linear;
    -webkit-animation-delay:0.1s;
            animation-delay:0.1s;
}
.navbar-toggler[aria-expanded="false"] span.navbar-toggler-icon:hover > span:last-child{
    -webkit-animation: hambuerger-menu 0.2s linear;
            animation: hambuerger-menu 0.2s linear;
    -webkit-animation-delay:0.3s;
            animation-delay:0.3s;
}

.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon:hover{
    transform: rotate(180deg);
    transition: 0.3s;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > span:last-child{
    opacity:0
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > span:first-child {
    transform: rotate(45deg);
    bottom: -9px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon > span:nth-child(2) {
    transform: rotate(-45deg);
    top: 0px;
}

.nav-item .dropdown-toggle::after{
    display: none;
}

.navbar-expand-lg .navbar-nav .dropdown-menu  {
    position: absolute;
    right: auto;
    left: -270px;
    width: 250px;
    top: -50px;
    background: transparent;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a {
    font-size: 16px!important;
    text-align:right;
}

body #navbarNavDropdown ul li a:hover {
    font-size: 24px;
    font-weight: 600;
    color: #b31b41;
    background:transparent!important;
    transition:0.2s;
}

ul.dropdown-menu {
    display: block;
    height: 0px;
    padding: 0px;
    overflow: hidden;
    border:0!important;
    transition:0;
}
ul.dropdown-menu.show {
    display: block;
    height: auto;
    padding: 15px;
    transition:0;
}

ul.dropdown-menu li{
    opacity:0;
}

ul.dropdown-menu.show li{
    opacity:0;
    -webkit-animation: fadeIn  0.5s linear forwards;
            animation: fadeIn  0.5s linear forwards;
}

ul.dropdown-menu.show li:nth-child(1){
    -webkit-animation-delay: 0.0s;
            animation-delay: 0.0s;
}
ul.dropdown-menu.show li:nth-child(2){
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}
ul.dropdown-menu.show li:nth-child(3){
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}
ul.dropdown-menu.show li:nth-child(4){
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}
ul.dropdown-menu.show li:nth-child(5){
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
}
ul.dropdown-menu.show li:nth-child(6){
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
}

.dropdown-item{
    padding:5px;
}

ul#main-menu > li {
    opacity: 0;
}

ul.dropdown-menu li {
    border-bottom: 1px solid #ffffff12;
}

ul.dropdown-menu li:last-child {
    border-bottom: 0px solid #ffffff12;
}

ul.dropdown-menu li a {
    padding: 10px 10px;
}

#navbarNavDropdown.show ul#main-menu > li {
    -webkit-animation: fadeIn 1s 0.5s linear forwards;
            animation: fadeIn 1s 0.5s linear forwards;
}

#navbarNavDropdown.show ul#main-menu > li:nth-child(1) {
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
}
#navbarNavDropdown.show ul#main-menu > li:nth-child(2) {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}
#navbarNavDropdown.show ul#main-menu > li:nth-child(3) {
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
}
#navbarNavDropdown.show ul#main-menu > li:nth-child(4) {
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
}
#navbarNavDropdown.show ul#main-menu > li:nth-child(5) {
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
}
#navbarNavDropdown.show ul#main-menu li:nth-child(6) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
#navbarNavDropdown.show ul#main-menu li:nth-child(7) {
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s;
}

@-webkit-keyframes hambuerger-menu {
    0%    {left:0px}
    50%   { left:10px }
    100% { left: 0px; }
}
@keyframes hambuerger-menu {
    0%    {left:0px}
    50%   { left:10px }
    100% { left: 0px; }
}

@-webkit-keyframes fadeIn {
    0%    {opacity:0}
    100% { opacity:1 }
}
@keyframes fadeIn {
    0%    {opacity:0}
    100% { opacity:1 }
}



@media (max-width: 991.98px) {
    .custom-header {
        height: auto;
        display: block;
        padding: 8rem 1rem 5rem;
    }

    .custom-header .contents h1 {
        font-size: 32px;
        line-height: 32px;
    }

    .custom-header .contents p {
        letter-spacing: 5px;
        margin-top: 3rem;
    }

    div#logo-tagline-wrap img {
        max-height: 40px;
        width: auto;
    }

}

/* #Header */



/*Home*/

.texto-portfolio-home {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.caldera-grid .form-control,
.wpcf7-form-control-wrap input:not([type="submit"]),
.wpcf7-form-control-wrap textarea {
    width: 100%;
    color: white !important;
    min-height: 48px !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 6px 12px;
    background-color: rgba(244, 244, 244, 0.2) !important;
    border: 1px solid #ccc;
}

.wpcf7-form-control-wrap input:not([type="submit"]),
.wpcf7-form-control-wrap textarea {
    min-height: 60px!important;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 2px;
    text-transform: none;
    letter-spacing: .1em;
}

.wpcf7-form-control-wrap input:not([type="submit"])::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0;
}

.wpcf7-form-control-wrap input:not([type="submit"])::-moz-placeholder, .wpcf7-form-control-wrap textarea::-moz-placeholder {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0;
}

.wpcf7-form-control-wrap input:not([type="submit"]):-ms-input-placeholder, .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0;
}

.wpcf7-form-control-wrap input:not([type="submit"])::-ms-input-placeholder, .wpcf7-form-control-wrap textarea::-ms-input-placeholder {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0;
}

.wpcf7-form-control-wrap input:not([type="submit"])::placeholder,
.wpcf7-form-control-wrap textarea::placeholder {
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0;
}

.wpcf7 label {
    margin-bottom: 15px;
}

.wpcf7 textarea {
    height: 125px;
}

.wpcf7 .screen-reader-response {
    display: none;
}

.wpcf7 .wpcf7-not-valid-tip {
    color: var(--secondary-color);
    padding-top: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 12px;
    font-weight: 600;
}

.wpcf7 .wpcf7-response-output {
    font-size: 13px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #aaa;
    background-color: transparent;
    text-align: center;
    border: 0;
    font-weight: 600;
    line-height: 2;
}

.wpcf7-form-control-wrap input:not([type="submit"]):active::-webkit-input-placeholder, .wpcf7-form-control-wrap input:not([type="submit"]):focus::-webkit-input-placeholder {
    font-size: 10px;
    transform: translate3d(0,-18px, 0);
    opacity: .85;
    letter-spacing: .15em;
}

.wpcf7-form-control-wrap input:not([type="submit"]):active::-moz-placeholder, .wpcf7-form-control-wrap input:not([type="submit"]):focus::-moz-placeholder {
    font-size: 10px;
    transform: translate3d(0,-18px, 0);
    opacity: .85;
    letter-spacing: .15em;
}

.wpcf7-form-control-wrap input:not([type="submit"]):active:-ms-input-placeholder, .wpcf7-form-control-wrap input:not([type="submit"]):focus:-ms-input-placeholder {
    font-size: 10px;
    transform: translate3d(0,-18px, 0);
    opacity: .85;
    letter-spacing: .15em;
}

.wpcf7-form-control-wrap input:not([type="submit"]):active::-ms-input-placeholder, .wpcf7-form-control-wrap input:not([type="submit"]):focus::-ms-input-placeholder {
    font-size: 10px;
    transform: translate3d(0,-18px, 0);
    opacity: .85;
    letter-spacing: .15em;
}

.wpcf7-form-control-wrap input:not([type="submit"]):active::placeholder,
.wpcf7-form-control-wrap input:not([type="submit"]):focus::placeholder {
    font-size: 10px;
    transform: translate3d(0,-18px, 0);
    opacity: .85;
    letter-spacing: .15em;
}

.wpcf7-form-control-wrap input:not([type="submit"])::-webkit-input-placeholder, .wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
    -webkit-transition: all 500ms var(--cubic-animation);
    transition: all 500ms var(--cubic-animation);
}

.wpcf7-form-control-wrap input:not([type="submit"])::-moz-placeholder, .wpcf7-form-control-wrap textarea::-moz-placeholder {
    -moz-transition: all 500ms var(--cubic-animation);
    transition: all 500ms var(--cubic-animation);
}

.wpcf7-form-control-wrap input:not([type="submit"]):-ms-input-placeholder, .wpcf7-form-control-wrap textarea:-ms-input-placeholder {
    -ms-transition: all 500ms var(--cubic-animation);
    transition: all 500ms var(--cubic-animation);
}

.wpcf7-form-control-wrap input:not([type="submit"])::-ms-input-placeholder, .wpcf7-form-control-wrap textarea::-ms-input-placeholder {
    -ms-transition: all 500ms var(--cubic-animation);
    transition: all 500ms var(--cubic-animation);
}

.wpcf7 input[type=submit],
.wpcf7-form-control-wrap input:not([type="submit"]),
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input:not([type="submit"])::placeholder,
.wpcf7-form-control-wrap textarea::placeholder {
    transition: all 500ms var(--cubic-animation);
}

.caldera-grid .btn-default,
.wpcf7 input[type=submit] {
    color: #fff !important;
    background-color: #fff0 !important;
    height: 48px !important;
    border-color: #ccc;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .075em
}

.form-cta {
    width: 100%;
    max-width: 555px;
}

.caldera-grid .btn-default:hover,
.wpcf7 input[type=submit]:hover {
    background: #b32341 !important;
    border: 1px solid #b32341 !important;
    letter-spacing: .2em;
}

.home-portfolio-section-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}


.home-portfolio-section-1_item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.home-portfolio-section-1_item:nth-child(2) { grid-area: 1 / 2 / 2 / 4; }
.home-portfolio-section-1_item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
.home-portfolio-section-1_item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
.home-portfolio-section-1_item:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }



.home-portfolio-section-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.home-portfolio-section-2_item{
    height: 45vh;
}

.home-portfolio-section-2_item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.home-portfolio-section-2_item:nth-child(2) { grid-area: 1 / 2 / 2 / 4; }
.home-portfolio-section-2_item:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
.home-portfolio-section-2_item:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }


.texto-portfolio-home {
    display: flex!important;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    background: #eaeaea!important;
    align-items: center;
}


.features .col-sm-6:last-child .service {
    border-right: 0!important;
}



/*Fin Home*/




/*Practicas*/
.coloboradores {
    margin-top: 100px;
    margin-bottom: 100px;
}

/*Fin practicas*/




/* !MoreInfo */

.more-info-wrapper {
    padding: 7.5rem 0;
}

.more-info-wrapper h2 {
    font-size: 40px;
}

.more-info-wrapper p {
    font-size: 18px;
}

.more-info-wrapper .info-links-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.more-info-wrapper .info-links-wrapper a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    width: 190px;
    letter-spacing: 2px;
    position: relative;
}

.more-info-wrapper .info-links-wrapper a:hover {
    color: #b31b41;
    text-decoration: none;
}

.more-info-wrapper .info-links-wrapper a:not(:nth-of-type(3))::after {
    content: "/";
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 768.98px) {
    .custom-header .contents p {
        letter-spacing: 3px;
        margin-top: 3rem;
        font-size: 13px;
    }

    .animate-typing {
        background: transparent!important;
        padding: 0px!important;
        line-height: 146%;
        margin-left: 0;
        
    }

    .custom-header{
        height: auto!important;
    }

    .more-info-wrapper {
        padding: 5rem 0;
    }

    .more-info-wrapper h2 {
        font-size: 30px;
    }

    .more-info-wrapper p {
        font-size: 16px;
    }

    .more-info-wrapper .info-links-wrapper a {
        width: auto;
        margin: 5px 10px;
    }

    .more-info-wrapper .info-links-wrapper a:not(:nth-of-type(3))::after {
        content: "";
    }

    body #appPopUp h2 {
        font-size: 35px;
    }
    body #appPopUp .modal-header {
        padding: 0 1rem;
    }
    body #appPopUp .modal-header button {
        font-size: 3rem;
    }
    body #appPopUp span.modal-banner {
        font-size: 4.5rem;
    }
    body #appPopUp .btn {
        font-size: 30px;
    }
    body #appPopUp .big-text {
        font-size: 3rem;
        line-height: 1.3;
    }
}

/* #MoreInfo */

/* !Features */

.features {
    padding: 6rem 0;
}

@media (max-width: 768.98px) {
    .features {
        padding: 3rem 0;
    }
}

.icon-part img {
    width: 80px;
}

.icon-part h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Raleway';
}

.icon-part p {
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    font-family: 'Raleway';
}

.contents-part {
    padding: 0 10%;
}

.feature-wrapper:hover>.icon-part {
    display: none;
}

.feature-wrapper:hover>.contents-part {
    display: block;
}

.feature-wrapper {
    position: relative;
}

.feature-wrapper:not(:last-of-type)::after {
    content: "";
    height: 100%;
    border-right: 1px dotted #000;
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 991.98px) {
    .feature-wrapper:nth-last-of-type(3)::after {
        border-right: none;
    }
}

@media (max-width: 576.98px) {
    .feature-wrapper::after {
        border-right: none !important;
    }
}

/* #Features */

/* !About */

.qa-wrapper {
    padding: 15rem 4rem;
}

.qa-wrapper h3 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 800;
}

.qa-wrapper p {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Droid Serif';
    color: #7d7d7d;
}

.qa-wrapper div {
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color: #565656;
    margin-top: 2.5rem;
}

@media (max-width: 768.98px) {
    .qa-wrapper {
        padding: 5rem 2rem;
    }
}

.person-designation {
    font-size: 16px;
    line-height: 18px;
    color: #7d7d7d;
    font-weight: 400;
    font-style: italic;
    font-family: 'Droid Serif';
}

.person-name {
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
}

.person-description {
    font-size: 16px;
    line-height: 25px;
    color: #565656;
    font-weight: 400;
}

.team-contents {
    position: relative;
}

.team-section .row > div[class*='col-']:first-child {
    border-right: 8px solid white;
}
.team-section .row > div[class*='col-']:last-child {
    border-left: 8px solid white;
}

.team-section .row > div[class*='col-'].order-0:first-child {
    border-left: 8px solid white;
    border-right: 0;
}
.team-section .row > div[class*='col-'].order-1:last-child {
    border-right: 8px solid white;
    border-left: 0;
}



.skill-name,
.skill-percentage {
    font-size: 16px;
    line-height: 25px;
    color: #565656;
    font-weight: 400;
    font-family: 'Droid Serif';
}

.skill-percentage {
    text-align: right;
    margin-top: -1.5rem;
}

.skill-bar {
    width: 100%;
    height: 17px;
    border: 1px solid grey;
    margin-top: 0.5rem;
}

.skill-bar div {
    background: #b31b41;
    height: 100%;
}

.make-center {
    padding-top: 150px;
    padding-bottom: 150px;
    padding-left: 20px;
    padding-right: 20px;
}

.team-section .image {
    background-size: cover;
    background-position: center;
}

/* #About */


/*Diseño web*/


.video-diseño a.button .play-icon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 18px;
    border-color: transparent transparent transparent;
    border-left-color: #1b1b1b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.video-diseño {
    margin-top: 120px;
    margin-bottom: 70px;
}
.box-diseñoweb {
    margin-bottom: 80px!important;
}
a.boton-cta {
    border: 1px solid #dee2e6;
    padding: 13px 57px;
    transition: 0.4s;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 2px;
}

a.boton-cta:hover {
    background: #b32341;
    color: white;
    border: 1px solid #b32341;
    transition: 0.4s;
}

.box-diseñoweb .icon {
    width: 50px;
    margin-top: -5px;
    margin-right: 10px;
}

.fondo-video-diseño {
    height: 550px;
    position: relative;
    background-size: cover!important;
    display: flex;
}

.fondo-video-diseño .value-proposal a.button .play-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: whitesmoke;
    margin-right: 20px;
    position: relative;
    margin: auto;
}

.fondo-video-diseño a.button {
    text-align: left;
    width: 100px!important;
    background: #fff0!important;
    border-radius: 30px;
    align-items: center;
}
.fondo-video-diseño a.button .play-icon {
    width: 100px!important;
    height: 100px!important;
    border-radius: 50%;
    background: whitesmoke;
    margin-right: 0px!important;
    position: relative;
}

.faq-borde {
    border: 1px solid #dee2e6;
}

.enlaces-interes {
    margin-bottom: 100px!important;
}

.enlaces-interes .col-md-6 {
    position: relative;
    left: -15px;
}

.bloque-enlace {
    background: #f5f5f5;
    width: 100%;
    text-align: center;
    padding: 18px 20px;
    display: block;
    transition: 0.4s;
}
.bloque-enlace:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #f5f5f5;
    transition: 0.4s;
}
.bloque-enlace:after {
    content: "";
    left: 15px;
    top: 7px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 31px 0 31px 30px;
    border-color: transparent transparent transparent #ffffff;
    transition: 0.4s;
}

.bloque-enlace-darck {
    background: #28252b;
    width: 100%;
    text-align: center;
    padding: 18px 20px;
    display: block;
    transition: 0.4s;
    color:white;
}
.bloque-enlace-darck:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 30px 30px;
    border-color: transparent transparent transparent #28252b;
    transition: 0.4s;
}

.bloque-enlace:hover {
    background: #28252b;
    color: white;
    transition: 0.4s;
}
.bloque-enlace:hover:before {
    border-color: transparent transparent transparent #28252b;
    transition: 0.4s;
}
#diseno-web-accordions .footer-menu-header {
    border: 1px solid #dee2e6;
    padding: 5px;
    border-radius: 2px;
}
.footer-menu-header span {
    font-size: 16px;
    font-weight: 600;
}

.enlaces-interes .red-bar {
    margin: initial;
}
.preguntas-frecuentes .red-bar {
    margin: auto;
}

.ancho-row-diseño {
    max-width: 690px;
    margin: auto;
}
#faq-accordions .footer-menu-header {
        border: 1px solid #dee2e6;
        padding: 5px;
        border-radius: 2px;
    }

.border-top {
    border-top: 1px solid #dee2e6 !important;
    padding-top: 90px;
}
.preguntas-frecuentes {
    max-width: 900px;
}

/*Fin Diseño web*/


/* !Contact */

.custom-header.contact-page-header {
    height: 100vh;
    background: url(/wp-content/uploads/laptop-image.jpg) no-repeat center;
    background-size: cover;
}

.custom-header.contact-page-header .contents {
    width: 100%;
}

.custom-header.contact-page-header .contents div.sub {
    font-size: 12px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
    font-weight: 400;
}

.address {
    height: 600px;
}

@media (max-width: 991.98px) {
    .custom-header.contact-page-header {
        height: auto;
        padding: 10rem 0 5rem;
    }

    .address {
        height: 400px;
    }

}

.city-name {
    font-size: 28px;
    line-height: 42px;
    color: #fff;
    font-weight: 400;
}

.full-address {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-style: italic;
    font-weight: 300;
    margin-top: 1rem;
    position: relative;
}

.full-address::after {
    content: "";
    width: 100%;
    border-bottom: 1px dashed #fff;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.address-phone,
.address-email,
.address-web {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
}

/* #Contact */

/* !WhatWeDo */

.what-we-do {
    padding: 6rem 0;
}

.what-we-do a:hover {
    text-decoration: none;
}

.what-we-do .icon {
    width: 70px;
    margin-bottom: 1rem;
    text-decoration: none;
}

.what-we-do .what-we-do-name {
    color: #28262b;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-decoration: none;
}

.what-we-do .short-info {
    color: #727272;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    font-style: italic;
    text-decoration: none;
    font-family: 'Droid serif';
}

.what-we-do span[class*="icon"] {
    font-size: 65px;
    margin-bottom: 30px;
    display: block;
    color: #D3D3D3;
}

.what-we-do .long-info {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    text-decoration: none;
}

/* Value Proposal */

.modal-dialog.modal-lg.modal-dialog-centered {
    width: 100%;
    max-width: 1200px;
}


.value-proposal {
    background: whitesmoke;
    padding: 0rem 1rem;
}

.value-proposal h2 {
    font-size: 40px;
    line-height: 45px;
    color: #28262b;
    font-weight: 400;
}

.value-proposal p {
    font-size: 14px;
    line-height: 25px;
    color: #565656;
    font-weight: 400;
    max-width: 579px;
    text-align: center;
}

.value-proposal a.button {
    text-align: left;
    width: 300px;
    max-width: 100%;
    background: #fff;
    border-radius: 30px;
    align-items: center;
}

.value-proposal a.button .play-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: whitesmoke;
    margin-right: 20px;
    position: relative;
    transition: 0.5s;
}

.value-proposal a.button .play-icon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 18px;
    border-color: transparent transparent transparent;
    border-left-color: #1b1b1b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.value-proposal a.button:hover .play-icon {
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.value-proposal a.button .title {
    font-size: 16px;
    line-height: 20px;
    color: #565656;
    font-weight: 400;
}

.value-proposal a.button .title .h {
    font-weight: 500;
}

.value-proposal a.button:hover {
    text-decoration: none;
    color: #b31b41;
}

.value-proposal .video {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin-right: -62px;
    position: relative;
    right: -15px;
}




/* #WhatWeDo */

/* !OtherThings */

.other-things {
    padding: 4rem 0 6rem;
}

.other-things .icon {
    width: 50px;
    margin-top: -5px;
    margin-right: 10px;
}
.other-things .title {
    font-size: 16px;
    line-height: 26px;
    color: #28262b;
    font-weight: 400;
    vertical-align: middle;
}

.other-things .text {
    font-size: 16px;
    line-height: 25px;
    color: #565656;
    font-weight: 400;
    margin-top: 10px;
}

.other-things span[class*="icon"] {
    font-size: 34px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    color: #333333;
}

/* Services */
.service {
    border: 1px solid rgb(229, 229, 229);
    border-top: none;
    border-left: none;
    height: 150px;
    position: relative;
    transition:0.5s;
    overflow:hidden;
}

.service .static-part {
    display: flex;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition:0.5s;
    opacity:1;
}

.service .hover-part {
    width: 100%;
    height: 100%;
    background: #b31b41;
    position: absolute;
    top:0;
    left:100%;
    transition:0.5s;
}

.service .hover-part div {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
}

.service:hover .static-part {
    opacity:0;
    top:-100%;
    transition:0.5s;
}

.service:hover .hover-part {
    left:0;
    transition:0.5s;
}

.service img {
    width: 30px;
    margin-right: 20px;
}

.service div {
    font-size: 16px;
    font-weight: 400;
}

.services span[class*='icon-'] {
    font-size: 30px;
    color: var(--light-gray);
    margin-right: 13px;
    position: relative;
    top: 0px;
}

/* #OtherThings */

/* !FAQs */

@media (max-width: 991.98px) {
    .faq {
        padding: 3rem 1rem;
    }
}

.faq .heading {
    font-size: 25px;
    line-height: 35px;
    color: #28262b;
    font-weight: 400;
}

.faq-q {
    display: block;
    width: 100%;
    background: #fff;
    text-align: center;
    line-height: 50px;
    box-shadow: 0px 0px 0px 1px #cdcdcd;
    margin-bottom: 1rem;
    border: none;
    outline: 0 !important;
    border-radius: 3px;
}

.faq-a {
    display: block;
    width: 100%;
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 0px 1px #cdcdcd;
    border-radius: 1px;
    padding: 1.5rem 1.5rem 3rem;
}

.faq-a a {
    color: #b31b41;
}

.address-name-h {
    font-size: 30px;
    line-height: 36px;
    color: #28262b;
    font-weight: 400;
    margin: 0 0 1rem;
}

.full-address-h {
    font-size: 16px;
    line-height: 25px;
    color: #565656;
    font-weight: 400;
}

.address-h-link {
    margin: 1rem 0;
    font-size: 16px;
    line-height: 25px;
    color: #565656;
    font-weight: 400;
}

.address-h-link a {
    color: #b31b41;
}

/* #FAQs */

/* !Testemonials */

.testemonials {
    background: url(/wp-content/uploads/comunicacion-fx-1.jpg) no-repeat center;
    background-size: cover;
    padding: 10rem 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 768.98px) {
    .testemonials {
        padding: 5rem 0;
    }
}

.testemonials::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.testemonial-section-heading {
    text-align: center;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    font-weight: 400;
    margin-top: 1rem;
}

.client-img {
    border-radius: 50%;
}

.client-review {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    font-weight: 400;
    font-style: italic;
    padding: 0 5%;
}

.fas.fa-quote-right {
    color: rgba(255, 255, 255, 0.5);
    font-size: 30px;
}

.client-name {
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    font-weight: 400;
    margin-top: 1rem;
}

.client-designation {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    font-style: italic;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1;
    width: 10px;
}

.fas.fa-chevron-left,
.fas.fa-chevron-right {
    color: #fff;
}

.carousel-item {
    padding-bottom: 2.8rem;
}

.carousel-indicators li {
    background-color: #d2d2d2;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.carousel-indicators li.active {
    background-color: #b31b41;
}

/* #Testemonials */





/*Tabla de precios*/

.generic_price_tag.clearfix p {
    font-size: 18px!important;
}

.faq-body p {
	font-weight: normal;
}


.generic_content.clearfix {
	border: 1px solid #f2f2f2;
}

.generic_content.active.clearfix p {
	color: white;
	font-weight: normal;
	font-size: 21px;
}

.generic_head_content.clearfix p {
	font-weight: normal;
	font-size: 21px;
}

.generic_price_tag.clearfix p {
	color: #333 !important;
	font-weight: normal;
	font-size: 18px;
}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content {
	background-color: #fff;
}

#generic_price_table .generic_content .generic_head_price {
	background-color: #f2f2f2;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
	border-color: #f2f2f2;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
	color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
	color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
	color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
	color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
	color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li {
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span {
	color: #414141;
	font-weight: normal;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
	background-color: #f2f2f2;

}

#generic_price_table .generic_content .generic_price_btn a {
	border: 1px solid #b31b41;
	color: #b31b41;
}

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg {
	border-color: #b31b41 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b31b41;
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span {
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head p,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head p {
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a {
	background-color: #b31b41;
	color: #fff;
}

#generic_price_table {
	margin: 100px 0 100px 0;
	font-family: 'Raleway', sans-serif;
}

.row .table {
	padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content {
	overflow: hidden;
	position: relative;
	text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content {
	margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg {
	border-style: solid;
	border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head {
	padding-top: 25px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span {
	font-family: "Raleway", sans-serif;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag {
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price {
	display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign {
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 28px;
	font-weight: 400;
	vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency {
	font-family: "Lato", sans-serif;
	font-size: 60px;
	font-weight: 300;
	letter-spacing: -2px;
	line-height: 60px;
	padding: 0;
	vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent {
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 24px;
	font-weight: 400;
	vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month {
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 3px;
	vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li {
	font-family: "Lato", sans-serif;
	font-size: 18px;
	padding: 15px 0;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table .generic_content .generic_feature_list ul li:hover {
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}

#generic_price_table .generic_content .generic_feature_list ul li .fa {
	padding: 0 10px;
}

#generic_price_table .generic_content .generic_price_btn {
	margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	outline: medium none;
	padding: 12px 30px;
	text-decoration: none;
	text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a {
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}

@media (max-width: 320px) {}

@media (max-width: 767px) {
	#generic_price_table .generic_content {
		margin-bottom: 75px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3 {
		float: left;
		width: 50%;
	}

	#generic_price_table .col-md-4 {
		float: left;
		width: 50%;
	}

	#generic_price_table .generic_content {
		margin-bottom: 75px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 1200px) {}

#generic_price_table_home {
	font-family: 'Raleway', sans-serif;
}

.text-center h1,
.text-center h1 a {
	color: white!important;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}


.demo-pic {
	margin: 0 auto;
}

.demo-pic:hover {
	opacity: 0.7;
}

#generic_price_table_home ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}

#generic_price_table_home li {
	float: left;
}

#generic_price_table_home li+li {
	margin-left: 10px;
	padding-bottom: 10px;
}

#generic_price_table_home li a {
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}

#generic_price_table_home .blue {
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .emerald {
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .grey {
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .midnight {
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .orange {
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .purple {
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .red {
	background: #E74C3C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .turquoise {
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover {
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .divider {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}

#generic_price_table_home .divider span {
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}

#generic_price_table_home .itemname {
	text-align: center;
	font-size: 50px;
	padding: 50px 0 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
	font-weight: 300;
}

#generic_price_table_home .itemnametext {
	text-align: center;
	font-size: 20px;
	padding-top: 5px;
	text-transform: uppercase;
	display: inline-block;
}

#generic_price_table_home .footer {
	padding: 40px 0;
}

.price-heading {
	text-align: center;
}

.price-heading h1 {
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}

.demo-button {
	background-color: #333333;
	color: #ffffff;
	display: table;
	font-size: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 50px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

.bottom_btn {
	background-color: #333333;
	color: #ffffff;
	display: table;
	font-size: 28px;
	margin: 60px auto 20px;
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
}

.demo-button:hover {
	background-color: #666;
	color: #FFF;
	text-decoration: none;

}

.bottom_btn:hover {
	background-color: #666;
	color: #FFF;
	text-decoration: none;
}
p.text-center.mt-4.text-lora {
    font-weight: normal;
}

/**Fin Tabla de precios/






/* !SinglePortfolio */

.custom-header.single-portfolio-header {
    background: url(/wp-content/uploads/mister-noodles-bg.jpg) no-repeat center;
    background-size: cover;
}

.wrapper {
    padding: 0px 0 30px;
}

.section-2 {
    padding: 10rem 0 5rem;
}

@media (max-width: 991.98px) {
    .section-2 {
        padding: 3rem 0 2rem;
    }
}

.section-2 .heading {
    font-size: 40px;
    line-height: 45px;
    color: #28262b;
    font-weight: 400;
}

.section-2 .text {
    font-size: 18px;
    line-height: 27px;
    color: #28262b;
    font-weight: 400;
}

.mytab-content>div {
    display: none;
}

.mytab-content>div.active {
    display: block;
}

.tabs-contents-text {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.my-tabs {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.my-tabs>li>a {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    padding: 0 10px;
    border-bottom: 2px solid #565656;
}

.my-tabs>li>a.active {
    color: #b31b41;
    text-decoration: none;
    border-color: #b31b41;
}

.my-tabs>li>a:hover {
    color: #b31b41;
    text-decoration: none;
    border-color: #b31b41;
}

.box-video-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.box-video-section .heading {
    color: #28262b;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
}

.box-video-section .text {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.box-video-section a.button {
    text-align: left;
    width: 320px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-video-section a.button:hover {
    text-decoration: none;
}

.box-video-section a.button .title {
    font-size: 16px;
    line-height: 20px;
    color: #565656;
    font-weight: 400;
}

.box-video-section a.button .play-icon {
    width: 60px;
    height: 60px;
    border-style: solid;
    border-width: 1px;
    border-color: #dd3333;
    border-radius: 50px;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.9) 0%,
            rgba(255, 255, 255, 0.9) 100%);
    margin-right: 10px;
    position: relative;
    transition:0.5s;
}

.box-video-section a.button .play-icon::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 18px;
    border-color: transparent transparent transparent;
    border-left-color: #dd3333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-video-section a.button:hover .play-icon {
    box-shadow: 0 6px 12px 6px rgba(0, 0, 0, 0.35), 0 10px 10px rgba(0, 0, 0, 0.1);
}

.project-evaluation-section {
    background: url(/wp-content/uploads/mister-noodles-bg.jpg) no-repeat center;
    background-size: cover;
    z-index: 1;
    position: relative;
    padding: 12rem 0;
}

@media (max-width: 991.98px) {
    .project-evaluation-section {
        padding: 6rem 0;
    }
}

@media (max-width: 576.98px) {
    .project-evaluation-section {
        padding: 3rem 0;
    }
}

.project-evaluation-section::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.project-evaluation-section .heading {
    color: #fff;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
}

.project-evaluation-section .text {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    padding: 0 25%;
}

.project-evaluation-section .text1 {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    padding: 0 25%;
}

@media (max-width: 1360.98px) {
    .project-evaluation-section .text {
        padding: 0 5%;
    }

    .project-evaluation-section .text1 {
        padding: 0 5%;
    }
}

.project-evaluation-section .title {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.project-evaluation-section .title-sub {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    opacity: 0.5;
    font-style: italic;
}

.bar .bar-value {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) {
    .bar-wrapper {
        position: relative;
    }

    .bar-wrapper:not(:nth-of-type(3))::before {
        content: "";
        height: 100%;
        border-right: 1px solid gray;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.counter {
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.impact-section {
    background: url(/wp-content/uploads/impact-section-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 5rem 0;
    margin: 1rem 0;
}

.impact-section .heading {
    color: #28262b;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
}

.impact-section .text {
    color: #28262b;
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    padding-right: 25%;
}

.impact-section .text1 {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    padding-right: 25%;
}

.slick-slide{
    padding:0!important;
}



@media (max-width: 680px) {}



@media (max-width: 576.98px) {
    .impact-section .text {
        padding-right: 0%;
    }

    .impact-section .text1 {
        padding-right: 0%;
    }

    .box-video-section a.button {
        width: 306px;
    }

    .skill-name,
    .skill-percentage {
        font-size: 14px;
    }

    .form-cta {
        width: 93%;
        max-width: 555px;
        margin-left: 6% !important;
    }

    a.boton-movil {
        border: 1px solid #ccc;
        padding: 12px 22px;
        width: 100% !important;
        margin: 12px 20px !important;
        font-family: 'Droid Serif';
        font-weight: 400 !important;
    }

    .client-review {
        font-size: 20px;
        line-height: 30px;
    }
}






/* #SinglePortfolio */

/* !Footer */

.form-area {
    position: relative;
    z-index: 1;
    padding: 10rem 0;
}

.form-area:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000b8;
    z-index: 3;
  }


.form-area video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    z-index: 2;
}

.form-area .contents {
    position: relative;
    z-index: 4;
}

.red-bar {
    border-style: solid;
    border-color: rgb(179, 27, 65);
    width: 70px;
    margin: 0px auto;
}

.form-area .contents h2 {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
}

.form-area .contents p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    font-weight: 500;
    font-family: 'Droid Serif';
}

@media (max-width: 768.98px) {
    .form-area {
        padding: 5rem 0;
    }

    .form-area .contents h2 {
        font-size: 30px;
        line-height: 40px !important;
    }
}

.links-heading {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
}

.footer-link {
    font-size: 12px;
    line-height: 25px;
    font-weight: 500;
}

.footer-link:hover {
    color: #b51f3e;
    text-decoration: none;
}

.xtra-links ul {
	margin: 0;
	padding: 0;
	text-align: center;
}

.xtra-links li {
	display: inline-block;
}


.xtra-links a {
	font-size: 12px;
	line-height: 25px;
    font-weight: 500;
	color: #000 !important;
}

.xtra-links a:hover {
	color: var(--seb-purple) !important;
}

.xtra-links li:not(:last-of-type) a::before {
	content: "|";
    position: absolute;
    top: -5px;
    right: -5px;
	color: #000 !important;
}

.footer-logo-icon {
    width: 50px;
}

.social-link-wrapper a:hover {
    text-decoration: none;
}

.social-icon {
    width: 23px;
    opacity: 0.4;
    margin-right: 10px;
}

.copyrights {
    position: relative;
}

.copyrights::before {
    content: "";
    width: 100%;
    border-top: 1px solid #80808042;
    position: absolute;
    top: 0;
    left: 0;
}

.copyrights a {
    position: relative;
    padding: 0 15px;
}

.copyrights a:not(:last-of-type)::before {
    content: "|";
    position: absolute;
    top: -5px;
    right: -5px;
}

@media (max-width: 576.98px) {
    .copyrights a {
        position: relative;
        padding: 0 5px;
    }

    .copyrights a:not(:last-of-type)::before {
        content: "";
    }
}

/* #Footer */


/* !Portfolio Listings  */

main#lc-main > section > .container-fluid {
    padding: 0!important;
}



.portfolio-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;

}

.portfolio-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.portfolio-item:nth-child(2) { grid-area: 1 / 2 / 2 / 4; }
.portfolio-item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
.portfolio-item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
.portfolio-item:nth-child(5) { grid-area: 2 / 3 / 3 / 4; }
.portfolio-item:nth-child(6) { grid-area: 3 / 1 / 4 / 3; }
.portfolio-item:nth-child(7) { grid-area: 3 / 3 / 4 / 4; }
.portfolio-item:nth-child(8) { grid-area: 4 / 1 / 5 / 2; }
.portfolio-item:nth-child(9) { grid-area: 4 / 2 / 5 / 3; }
.portfolio-item:nth-child(10) { grid-area: 4 / 3 / 5 / 4; }
.portfolio-item:nth-child(11) { grid-area: 5 / 1 / 6 / 2; }
.portfolio-item:nth-child(12) { grid-area: 5 / 2 / 6 / 4; }
.portfolio-item:nth-child(13) { grid-area: 6 / 1 / 7 / 3; }
.portfolio-item:nth-child(14) { grid-area: 6 / 3 / 7 / 4; }


.portfolio-item {
    height: 45vh;
    background-size: cover!important;
    background-position: center!important;
    background: #80808012;
    position: relative;
    overflow: hidden;

}

.portfolio-item a.portfolio-item_title {
    top:0%;
    left:0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity:0;
    -webkit-animation-fill-mode:forwards;
            animation-fill-mode:forwards;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    transition-delay: 1s;
}

.portfolio-item:hover a.portfolio-item_title{
    opacity:1;
    transition-delay: 0s;
}

.portfolio-item a.portfolio-item_title div{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000000c7;
    color: white;
    flex-direction: column;
    transition-duration: 0s;
    width:100%;
    height: 100%;
    padding:15px;
}

.portfolio-item a.portfolio-item_title h3{
    font-size:18px;
    text-align: center;
}

.portfolio-item a.portfolio-item_title h4{
    font-size:16px;
    font-style: italic;
    text-align: center;
}

.portfolio-item a.portfolio-item_logo img {
    max-height: 150px;
}

.portfolio-item a.portfolio-item_logo {
    color: white;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0000006b;
    transition: linear 0.5s;
    top:0;
    left:0;
    opacity:1;
    padding:15px;
}

.portfolio-item a.portfolio-item_logo h3{
    text-align: center;
}


.portfolio-item:hover a.portfolio-item_logo{
    opacity:0;
    background-color: transparent;
    transition: linear 0.3s;
}


nav.portfolio-pagination ul {
    list-style: none;
    margin:0;
}


nav.portfolio-pagination .prev {
    position: fixed;
    top: 50%;
    left: 17px;
}
nav.portfolio-pagination a {
    height: 50px;
    width: 50px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.5s;
    border-radius: 50%;
    border:1px solid transparent;
}
nav.portfolio-pagination a:hover {
    height: 50px;
    width: 50px;
    background: #28262b;
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.5s;
    border-radius: 0%;
    border:1px solid white
}
nav.portfolio-pagination .next {
    position: fixed;
    top: 50%;
    right: 17px;
}

nav.portfolio-pagination span[class*=icon] {
    font-size: 52px;
    color: rgb(179, 27, 65);
    width: 100%;
    text-align: center;
    background: transparent;
    transition:0.5s;

}
nav.portfolio-pagination a:hover span[class*=icon] {
    color:white;
    transition:0.5s;
}

.slide-on-mobile nav.portfolio-pagination .prev {
    position: absolute;
}

.slide-on-mobile nav.portfolio-pagination .next {
    position: absolute;
}

li.prev, li.next{
    cursor: pointer;
    z-index: 9;
}

a.prev.slick-arrow {
    position: absolute;
    left: 0;
    z-index: 99;
    top: calc(50% - 30px);
    font-size: 60px;
    color:#b31b41;
}
a.next.slick-arrow {
    position: absolute;
    right: 0;
    z-index: 99;
    top: calc(50% - 30px);
    font-size: 60px;
    color:#b31b41;
}

.slick-arrow{
    height: 50px;
    width: 50px;
    background: transparent;
    display: flex!important;
    justify-content: center;
    align-items: center;
    transition:0.5s;
    border-radius: 50%!important;
    border:1px solid transparent;
    display:inline-block;
}

.slick-arrow:hover{
    height: 50px;
    width: 50px;
    background: #28262b;
    display: flex!important;
    justify-content: center;
    align-items: center;
    transition:0.5s;
    border-radius: 0%!important;
    border:1px solid white
}

.slick-arrow span[class*=icon] {
    font-size: 42px;
    color: rgb(179, 27, 65);
    width: 100%;
    text-align: center;
    background: transparent;
    transition:0.5s;

}
.slick-arrow:hover span[class*=icon] {
    color:white;
    transition:0.5s;
}

/* #Portfolio Listings  */

/* !Progress bars  */

.progress-bar {
    height: 300px;
}

.progress-bar > svg {
    height: 100%;
    display: block;
}

.seb-progress-bar.circle .progressbar-text {
    color: white!important;
    font-size: 32px;
}

.seb-progress-bar.line .progressbar-text {
    width: 100%;
    display: inline-block;
    top: -13px!important;
    position: relative;
}

.seb-progress-bar.line{
    margin-bottom:40px;
}

/* #Progress bars  */


/* Media Queries  */

@media (max-width:1200px){

    /* !Portfolio  */

    .portfolio-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(8, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 15px;

    }

    .portfolio-item:nth-child(1 ){ grid-area: 1 / 1 / 2 / 2; }
    .portfolio-item:nth-child(2 ){ grid-area: 1 / 2 / 2 / 3; }
    .portfolio-item:nth-child(3 ){ grid-area: 2 / 1 / 3 / 2; }
    .portfolio-item:nth-child(4 ){ grid-area: 2 / 2 / 3 / 3; }
    .portfolio-item:nth-child(5 ){ grid-area: 3 / 1 / 4 / 3; }
    .portfolio-item:nth-child(6 ){ grid-area: 4 / 1 / 5 / 2; }
    .portfolio-item:nth-child(7 ){ grid-area: 4 / 2 / 5 / 3; }
    .portfolio-item:nth-child(8 ){ grid-area: 5 / 1 / 6 / 2; }
    .portfolio-item:nth-child(9 ){ grid-area: 5 / 2 / 6 / 3; }
    .portfolio-item:nth-child(10) { grid-area: 6 / 1 / 7 / 3; }
    .portfolio-item:nth-child(11) { grid-area: 7 / 1 / 8 / 2; }
    .portfolio-item:nth-child(12) { grid-area: 7 / 2 / 8 / 3; }
    .portfolio-item:nth-child(13) { grid-area: 8 / 1 / 9 / 2; }
    .portfolio-item:nth-child(14) { grid-area: 8 / 2 / 9 / 3; }

    /* #Portfolio  */

    /* !Home  */



    .home-portfolio-section-1 {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

   .home-portfolio-section-1_item:nth-child(1) { grid-area: 1 / 1 / 2 / 4; }
   .home-portfolio-section-1_item:nth-child(2) { grid-area: 1 / 4 / 2 / 7; }
   .home-portfolio-section-1_item:nth-child(3) { grid-area: 2 / 1 / 3 / 3; }
   .home-portfolio-section-1_item:nth-child(4) { grid-area: 2 / 3 / 3 / 5; }
   .home-portfolio-section-1_item:nth-child(5) { grid-area: 2 / 5 / 3 / 7; }


   .features .service{
       border-right: 0!important;
   }


    /* #Home  */

}

@media(max-width:992px){
    /* !Home  */

   .home-portfolio-section-1 {
       grid-template-columns: repeat(6, 1fr);
       grid-template-rows: repeat(3, 1fr);
   }

   .home-portfolio-section-1_item:nth-child(1) { grid-area: 1 / 1 / 2 / 7; }
   .home-portfolio-section-1_item:nth-child(2) { grid-area: 2 / 1 / 3 / 4; }
   .home-portfolio-section-1_item:nth-child(3) { grid-area: 2 / 4 / 3 / 7; }
   .home-portfolio-section-1_item:nth-child(4) { grid-area: 3 / 4 / 4 / 7; }
   .home-portfolio-section-1_item:nth-child(5) { grid-area: 3 / 1 / 4 / 4; }


   .home-portfolio-section-2 {
       grid-template-columns: repeat(2, 1fr);
       grid-template-rows: repeat(2, 1fr);
   }

   .home-portfolio-section-2_item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
   .home-portfolio-section-2_item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
   .home-portfolio-section-2_item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
   .home-portfolio-section-2_item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }

    /* #Home  */


    .team-section .image {
        min-height: 80vw;
    }

    .team-section .row > div[class*='col-']:first-child {
        border-right: 0px solid white;
    }
    .team-section .row > div[class*='col-']:last-child {
        border-left: 0px solid white;
    }

    .team-section .row > div[class*='col-'].order-0:first-child {
        border-left: 0px solid white;
    }
    .team-section .row > div[class*='col-'].order-1:last-child {
        border-right: 0px solid white;
    }

    .make-center {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }


    .value-proposal .video {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        margin-right: -62px;
        position: relative;
        right: 0px;
    }


}

@media (max-width:768px){

    .texto-portfolio-home{
        margin-bottom:16px;
    }

    /* !Portfolio  */
   .portfolio-container {
       display: grid;
       grid-template-columns: repeat(1, 1fr);
       grid-template-rows: minmax(6, 1fr);
       grid-column-gap: 15px;
       grid-row-gap: 15px;

   }

   .portfolio-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
   .portfolio-item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
   .portfolio-item:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
   .portfolio-item:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }
   .portfolio-item:nth-child(5) { grid-area: 5 / 1 / 6 / 2; }
   .portfolio-item:nth-child(6) { grid-area: 6 / 1 / 7 / 2; }
   .portfolio-item:nth-child(7) { grid-area: 7 / 1 / 8 / 2; }
   .portfolio-item:nth-child(8) { grid-area: 8 / 1 / 9 / 2; }
   .portfolio-item:nth-child(9) { grid-area: 9 / 1 / 10 / 2; }
   .portfolio-item:nth-child(10) { grid-area: 10 / 1 / 11 / 2; }
   .portfolio-item:nth-child(11) { grid-area: 11 / 1 / 12 / 2; }
   .portfolio-item:nth-child(12) { grid-area: 12 / 1 / 13 / 2; }
   .portfolio-item:nth-child(13) { grid-area: 13 / 1 / 14 / 2; }
   .portfolio-item:nth-child(14) { grid-area: 14 / 1 / 15 / 2; }
    /* #Portfolio  */


    /* !Home  */

   .home-portfolio-section-1 {
       grid-template-columns: 1fr;
       grid-template-rows: repeat(5, 1fr);
   }

   .home-portfolio-section-1_item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
   .home-portfolio-section-1_item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
   .home-portfolio-section-1_item:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
   .home-portfolio-section-1_item:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }
   .home-portfolio-section-1_item:nth-child(5) { grid-area: 5 / 1 / 6 / 2; }


   .home-portfolio-section-2 {
       grid-template-columns: 1fr;
       grid-template-rows: repeat(4, 1fr);
   }

   .home-portfolio-section-2_item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
   .home-portfolio-section-2_item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
   .home-portfolio-section-2_item:nth-child(3) { grid-area: 3 / 1 / 4 / 2; }
   .home-portfolio-section-2_item:nth-child(4) { grid-area: 4 / 1 / 5 / 2; }

   .home-portfolio-section-2, .home-portfolio-section-1{
       display:block;
   }

    /* #Home  */


    .video-diseño{
        margin-top:15px;
    }

	.landing-portfolio-section .slick-list {
		width: 100%!important;
		position:relative;
	}

	.landing-portfolio-section{
		margin-right:0;
		margin-left:0;
	}

}

@media(max-width:575px){

    .modal-dialog.modal-lg.modal-dialog-centered {
		width: 96%!important;
		margin: auto;

	}

	.container {
        padding-right: 0;
        padding-left: 0;
    }

    .container > div {
        padding-right: 15px;
        padding-left: 15px;
    }

    .texto-portfolio-home {
        margin-bottom: 8px;
        padding: 20px 0 20px;
    }

    body{
        margin: .5rem!important;
        max-width: calc(100% - 1rem);
    }

    .fixed-top {
        max-width: calc(100% - 16px);
        left: 8px;
        top: 8px;
    }

    body.customstrap_header_navbar_position_fixed-top {
        padding-top: 74px;
    }

    .dfd-copyright a {
        font-size: 12px;
        padding-right: 11px;
    }

    .dfd-copyright {
        bottom: 0px;
    }

    body #navbarNavDropdown * {
        text-align: center;
        margin: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block;
        float: right;
        position: absolute;
        right: 5px;
        z-index: 9;
    }

    body.customstrap_header_navbar_position_fixed-top:before,body.customstrap_header_navbar_position_fixed-top:after{
        height: 8px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
        right: auto;
        left: auto;
        width: 250px;
        top: auto;
        background: transparent;
    }
    a.boton-cta {
        padding: 18px 6px;
        max-width: 300px!important;
        width: 100%!important;
        text-align: center;
    }

      /* !Portfolio  */
      .portfolio-container {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
    }
     /* #Portfolio  */

     .video-diseño{
        margin-top:39px;
    }

    .bloque-enlace:before, .bloque-enlace:after{
        display:none;
    }
    .enlaces-interes .col-md-6 {
        left: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .home-portfolio-section-2{
        margin-bottom:0.5rem!important;
    }

    .mb-3, .my-3 {
        margin-bottom: 0.5rem !important;
    }
    .mt-3, .my-3 {
        margin-top: 0.5rem !important;
    }

    #diseno-web-accordions .footer-menu-header {
        border: 1px solid #dee2e6;
        padding: 5px;
        border-radius: 2px;
    }

    .faq-body {
        padding: 20px 5%;
        background: var( --light );
        margin-bottom: 8px;
    }

}

/* ! Toggles */

button[data-toggle="collapse"]:active:hover {
    transform: translateX(-1px);
}

.plus-minus-sign {
    width: 19px;
    height: 19px;
    transition: transform 1000ms var(--cubic-animation) 700ms;
}

.plus-minus-sign .plus {
    width: 1px;
    height: 16px;
}

.plus-minus-sign .minus {
    width: 16px;
    height: 1px;
}

.plus-minus-sign .plus,
.plus-minus-sign .minus {
    background: #212529;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    transition: all 700ms ease-out 100ms;
}

button[aria-expanded="true"] .plus-minus-sign {
	transform: rotate(180deg);
}

button[aria-expanded="true"] .plus-minus-sign .plus {
	transform: rotate3d(0, 0, 1, 90deg);
	top: 2px;

}

.faq-body {
    padding: 20px 5%;
    background: var( --light );
    margin-bottom: 15px;
}

.faq-body::after {
    background: var(--light-gray);
    content: '';
    position: absolute;
    left: 50%;
    bottom:0;
    width: 0%;
    opacity: 0;
    height: 1px;
    transform: translateX(-50%);
    transition: 1500ms var(--cubic-animation) 200ms;
}

.collapse.show .faq-body::after {
    width: 100%;
    opacity: .25;
}

footer .collapse.show .faq-body:after {
    width: calc(100% - 1rem);
}

button[data-toggle="collapse"] {
    background: transparent;
    padding:20px;
}

button[data-toggle="collapse"]:focus {
    outline: none;
}

.faq-body ul {
    list-style: circle;
}

.faq-body ul li {
    padding: 3px 0;
}

footer .faq-body ul {
    list-style: none;
    padding-left: 20px;
}

footer ul[ID*="menu"] {
    list-style: none;
    line-height: 2rem;
    font-size: 14px;
    text-transform: capitalize;
}

footer ul[ID*="menu"] a {
    color: var(--light-gray);
}

footer ul[ID*="menu"] a:hover {
    color: var(--seb-purple);
}

@media screen and (min-width: 768px) {
    footer ul[ID*="menu"] {
        padding-left: 0;
    }
}

/* # Toggles */


/* !Vertical boxes  */

.vertical-box {
    width: 100%;
    text-align: center;
    transition:0.5s;
    padding:20px;
}


.vertical-box [class*="icon-"] {
    font-size: 53px;
    color: #d3d3d3;
    margin-bottom: 10px;
    position: relative;
    display: block;
}

.vertical-box .title {
    font-size: 20px;
}

.vertical-box .subtitle {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    font-family: "Droid Serif";
    line-height: 22.36px;
    text-transform: none;
    letter-spacing: 0px;
    color: #727272;
}

.vertical-box .text {
    font-size: 14px;
}


/* #Vertical boxes  */


/* !Testimonals Slider */

.testimonial-item {
    text-align: center;
    color: white;
    padding: 0 15px!important;
}

.testimonial-item img {
    margin: auto;
    border-radius: 50%;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
}

.testimonial-item * {
    max-width: 690px;
    margin: auto;
}

.testimonial-item p {

    font-family: "Droid Serif";
    font-size: 20px;
    font-weight: 400;
    font-style: italic;

}

.testimonial-item span[class*="icon-"] {
    font-size: 32px;
    margin-top: 25px;
    display: inline-block;
}

.testimonial-item .name {
    font-family: "Raleway";
    font-style: normal;
    text-transform: uppercase;
    margin-top: 10px;
}

.testimonial-item .position {
    color: rgba(255,255,255,0.5) !important;
    font-size: 14px;
}

.testimonial-container {
    margin-top: 30px;
}

/* #Testimonals Slider */



/* !Particle Background */

.particle-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

/* #Particle Background */









/*!Miles, hay que ordenar*/


/* !Misc */

a, a:before, a:after,
button {
    transition: 500ms var(--cubic-animation);
}

:focus,
:active {
    outline: none!important;
}

.animate-typing {
    background: black;
    padding: 0 10px;
}

:root {
    --light-gray: #7d7d7d;
    --seb-purple:  #b31b41;
}

.OTODark {
    color: #fff;
}

.blog-listing article .card-body {
    padding: 1.5rem;
}

.blog-listing article h2 {
    position: relative;
    padding-left: 1.25rem;
    margin-bottom: 1.25rem;
}

.blog-listing article p:last-of-type {
    margin-bottom: 0;
}

.hasSeparator:after,
.hasSeparator.sandwich:before,
.blog-listing article h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: #b31b41;
    height: 2px;
    width: 100px;
}

.hasSeparator.onTop:after {
    bottom: unset;
    top: 0;
}

.hasSeparator.vertical:after,
.blog-listing article h2:after {
    width: 2px;
    height: 100%;
}

.hasSeparator.text-center:after {
    left: 50%;
    transform: translateX(-50%);
}

.hasSeparator.text-right:after {
    left: unset;
    right: 0;
}

.hasSeparator.long:after,
.hasSeparator.sandwich.long:before {
    width: 100%;
    height: 1px;
    opacity: .15;
}

.hasSeparator.vertical.right:after {
    width: 1px;
    opacity: .15;
}

.hasSeparator.sandwich:before {
    top: 0;
    bottom: unset;
}

.fullHeight {
    min-height: calc(100vh - 92px - 2rem);
}

/* #Misc */

/* !Forms */

/* Hide numbers arrows Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide numbers arrows Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.form-group input,
.form-group textarea {
    transition: all 700ms var(--cubic-animation)!important;
}

/* #Forms */

/* !Contact */

.darkOverlay:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}

.darkOverlay.darker:before {
    background: rgba(0,0,0,.77);
}

.contactSlideshow {
    min-height: 63.5vh;
    max-width: 1050px;
}

.contactSlideshow form {
    display: flex;
    flex-direction: column;
}

.caldera-grid {
    order: 1;
}

.contactSlideshow .caldera-grid .row {
    margin: 0;
}

.contactSlideshow h4 {
    font-size: 50px;
}

.contactSlideshow h6 {
    font-size: 11px;
    letter-spacing: .05em;
}

.contactSlideshow .radio-inline {
    margin: 0 15px!important;
    padding: 0!important;
    color: rgb(121, 121, 121);
    font-size: 22px;
    transition: 850ms var(--cubic-animation);
}

.contactSlideshow .radio-inline:hover {
    color: rgba(255, 255, 255, 0.5);
}

.contactSlideshow .radio-inline:hover .icomoon {
    color: rgb(121, 121, 121);
    background-image: linear-gradient(to right top, #8b2740, #9b2744, #ac2749, #bc274c, #cd2650, #c0254d, #b3234a, #a62246, #7b1f39, #521a2a, #2b1219, #000000);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 1.5s ease infinite;
    animation: AnimationName 1.5s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.contactSlideshow .radio-inline .icomoon {
    font-size: 62px;
    margin-bottom: 20px;
    transition: 350ms var(--cubic-animation);
}

.contactSlideshow .radio-inline.chosenOne {
    color: #fff;
    letter-spacing: .07em;
}

.contactSlideshow .radio-inline.chosenOne .icomoon {
    transform: translate3d(0px, 5px, 0px);
    color: #fff;
    background-image: linear-gradient(to right top, #ffffff, #eddff8, #e9bce6, #ec95c8, #ee6a9d, #d7527f, #bf3b62, #a62246, #7b1f39, #521a2a, #2b1219, #000000);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contactSlideshow .radio-inline input {
    opacity: 0;
}

.contactSlideshow .caldera-grid .breadcrumb {
    justify-content: center;
    background: none;
}

.contactSlideshow .caldera-grid .breadcrumb li a {
    color: var(--light-gray);
    width: 35px;
    height: 35px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.contactSlideshow .caldera-grid .breadcrumb li:last-of-type.active a,
.contactSlideshow .caldera-grid .breadcrumb li:last-of-type:hover a {
    color: #fff;
    transform: rotate(-45deg);
}

.contactSlideshow .caldera-grid .breadcrumb li:not(:last-of-type).active a:after,
.contactSlideshow .caldera-grid .breadcrumb li:not(:last-of-type):hover a:after {
    background: #fff!important;
}

.contactSlideshow .caldera-grid .breadcrumb li:not(:last-of-type) a:after {
    content: '';
    position: absolute;
    background: var(--light-gray);
    width: 25px;
    height: 1px;
}

.contactSlideshow .caldera-grid .breadcrumb li:last-of-type a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e932";
    font-size: 24px;
}

.contactSlideshow .caldera-grid .breadcrumb>li+li:before {
    display: none;
}

.caldera-grid .intl-tel-input { display: block!important; }
.caldera-grid .flag-container { right: 0!important; left: auto!important; }
.caldera-grid ul.country-list { right: 0; }
.caldera-grid .intl-tel-input.allow-dropdown input { padding-left: 12px!important; }
.caldera-grid .selected-flag { -webkit-filter: grayscale(.55); filter: grayscale(.55); }

input[type="tel"] {
    font-family: 'Arial'!important;
}

.caldera-grid textarea.form-control {
    min-height: 200px!important;
    max-height: 420px;
}

.contactSlideshow .caldera-grid .btn-default {
    width: auto;
    padding: 0 60px!important;
    font-weight: 600;
}

.contactSlideshow .help-block {
    width: 100%;
    margin: 10px 0 10px!important;
    letter-spacing: .05em;
    color: var(--seb-purple)!important;
    font-weight: 600;
    -webkit-animation: fadein 600ms ease-in 350ms both;
            animation: fadein 600ms ease-in 350ms both;
}

@media screen and (min-width: 768px) {
    .contactSlideshow .help-block {
        position: absolute;
        text-align: center;
    }
}

.caldera-grid .has-error .form-control {
    box-shadow: none!important;
    opacity: .8;
}

.caldera-grid .btn-default.borderless {
    padding: 0!important;
    border-color: transparent;
    text-transform: capitalize;
    font-size: 15px;
    letter-spacing: .07em;
}

.caldera-grid .form-group .btn-default.borderless:hover,
.caldera-grid .form-group .btn-default.borderless:active,
.caldera-grid .form-group .btn-default.borderless:focus {
    background: transparent!important;
    border-color: transparent!important;
    box-shadow: none!important;
    letter-spacing: .14em;
}

.iAccept .checkbox {
    margin: 0 0 5px!important;
}

.iAccept .help-block {
    text-align: left;
    margin: 0!important;
}

.iAccept .checkbox label {
    color: #fff;
}

.iAccept .checkbox label a {
    color: var(--seb-purple);
    letter-spacing: .05em;
}

.iAccept .checkbox label a:hover {
    letter-spacing: .1em;
}

.iAccept .checkbox label input {
    margin-right: 7px;
    opacity: 0;
    cursor: pointer;
}

.iAccept .checkbox label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--light-gray);
}

.iAccept .checkbox label.checked:before {
    background-image: url('/wp-content/uploads/checkedB.svg');
    background-size: contain;
    background-repeat: no-repeat;
    border-color: transparent;
    -webkit-filter: brightness(5);
    filter: brightness(5);
}

.caldera-grid .alert.alert-success {
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.25);
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-shadow: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .4em;
    font-size: 12px;
    -webkit-animation: fadein 600ms ease-in 450ms both;
            animation: fadein 600ms ease-in 450ms both;
}

.caldera-form-page {
    -webkit-animation: fade-to-right 2400ms var(--cubic-animation) 100ms both;
            animation: fade-to-right 2400ms var(--cubic-animation) 100ms both;
}

.contactSlideshow .caldera-uploads input {
    opacity: 0;
    width: 100%;
}

.contactSlideshow .caldera-uploads .help-block {
    position: absolute;
    margin-top: 0!important;
    top: 0;
    z-index: -1;
    width: calc(100% - 15px);
    color: #fff!important;
    font-weight: 300;
}

/* #Contact */

/* !Features */

.features .service {
    border: 0;
    border-right: 1px dotted #28262b;
}

@media screen and (min-width: 576px) and (max-width: 1199px) {
    .features .sss:nth-child(1) .service,
    .features .sss:nth-child(2) .service {
        border-bottom: 1px dotted #28262b;
    }
}

.features .service .icomoon {
    font-size: 52px;
    color: #7d7d7d;
}

.features .service .static-part {
    transition: all 350ms ease-out;
}

.features .service:hover .static-part {
    top: -10%;
}

.features .service .hover-part {
    background-color: transparent;
    bottom: -100%;
    top: unset;
    left: unset;
    transition: all 350ms ease-out;
}

.service:hover .hover-part {
    bottom: 0;
}

.features .service .hover-part > div {
    color: #28262b;
}

/* #Features */

/* !Footer */

footer .social-link-wrapper .icomoon {
    font-size: 16px;
}

/* #Footer */

/* !Animations */

@-webkit-keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadein {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade-to-right {
    0% { opacity: 0; transform: translate3d(-150px, 0px, 0px); }
    40% { transform: translate3d(0px, 0px, 0px); }
    100% { opacity: 1;  }
}

@keyframes fade-to-right {
    0% { opacity: 0; transform: translate3d(-150px, 0px, 0px); }
    40% { transform: translate3d(0px, 0px, 0px); }
    100% { opacity: 1;  }
}

@-webkit-keyframes arrowDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-10px,0) rotate3d(1,0,8,180deg);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0,30px,0) rotate3d(1,0,0,180deg);
    }
}

@keyframes arrowDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-10px,0) rotate3d(1,0,8,180deg);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0,30px,0) rotate3d(1,0,0,180deg);
    }
}

/* #Animations */

/* !GDPR */

span.ct-checkbox:before {
    opacity: 0;
}

span.ct-checkbox {
    top: 2px!important;
}

#ct-ultimate-gdpr-cookie-modal-close {
    border-radius: 50%;
}

#ct-ultimate-gdpr-cookie-open {
    mix-blend-mode: color-dodge;
}

#ct-ultimate-gdpr-cookie-modal-close:hover {
    transform: rotate(90deg);
}

    /* !CookiesBox */

    div#ct-ultimate-gdpr-cookie-accept,
    div#ct-ultimate-gdpr-cookie-change-settings {
        background: transparent!important;
        color: #555!important;
        border: 1px solid #555!important;
        border-radius: 0!important;
        height: 46px!important;
    }

    span#ct-ultimate-gdpr-cookie-read-more {
        color: #555!important;
    }

    .ct-ultimate-gdpr-cookie-popup-jumble-white #ct-ultimate-gdpr-cookie-content:before {
        display: none!important;
    }

    #ct-ultimate-gdpr-cookie-popup {
        padding: 30px!important;
        box-shadow: 0px 0px 50px 10px rgba(0,0,0,.10)!important;
    }

    @media screen and (max-width: 567px) {
        #ct-ultimate-gdpr-cookie-popup {
            bottom: 0!important;
            /* opacity: .9; */
        }
    }

    /* #CookiesBox */

    /* !Texts */

    .gdpr-styles p {
        color: #777;
        font-size: 14px;
        line-height: 1.7;
    }

    .gdpr-styles a {
        position: relative;
        color: var(--seb-purple);
    }

    .gdpr-styles a:hover {
        opacity: .9;
    }

    .gdpr-styles a:before {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0;
        width: 0;
        height: 1px;
        background: #444;
    }

    .gdpr-styles a:hover:before {
        width: 100%;
    }

    .gdpr-styles h2 {
        font-size: 22px;
        line-height: 2rem;
        letter-spacing: 1px;
        font-weight: 400!important;
    }

    .gdpr-styles h2:not(:first-of-type) {
        padding-top: 40px;
    }

    .gdpr-styles h4 {
        font-size: 16px;
        margin-top: 1.5rem;
        margin-bottom: 3px;
        letter-spacing: .15em!important;
    }

    .gdpr-styles ul {
        max-width: 900px;
        margin: 30px;
    }

    @media (max-width: 575px) {
        .gdpr-styles ul {
            padding: 0;
        }
    }

    .gdpr-styles ul li {
        font-size: 14px;
        margin: 15px 0;
        color: #4a4a4a;
        list-style: circle;
    }

    /* #Texts */

#ct-ultimate-gdpr-cookie-popup {
    bottom: 16px!important;
    left: 16px!important;
}

.gdpr-button .ct-ultimate-gdpr-container.container {
    padding: 0;
}

.gdpr-button button,
.gdpr-button a,
.blog-listing .entry-content a.btn,
.comments-area .form-submit input[type="submit"] {
    background: transparent;
    border: 1px solid #212529;
    padding: 10px 50px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 12px;
    color: #212529;
}

.gdpr-button button:hover,
.gdpr-button a:hover,
.blog-listing .entry-content a.btn:hover {
    transform: translate3d(0, -3px, 0);
    border-color: transparent;
    box-shadow: 0px 3px 8px rgba(0,0,0,.15);
}

/* #GDPR */

/* !Blog */

    /* !Listing */

    /* .blog-listing.card-columns {
        column-count: 1;
        column-gap: 1.5rem;
    } */

    time.updated {
        display: none;
    }

    .blog-listing article {
        background-color: #fbfbfb;
        box-shadow: 0px 5px 20px rgba(0,0,0,.1);
        border-color: transparent;
    }

    .blog-listing article .entry-meta a {
        color: var(--seb-purple);
    }

    .blog-listing article img {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .blog-listing .entry-content {
        line-height: 1.7em;
    }

    .blog-listing .entry-content a.btn {
        border-radius: 0;
        margin: .5rem 0;
        background-color: #fff;
        padding: 15px;
        width: 100%;
        transition: 1100ms var(--cubic-animation);
    }

    .blog-listing .entry-content a.btn:hover {
        transform: unset;
        letter-spacing: .4em;
    }

    .blog-listing ~ nav .pagination {
        justify-content: flex-end;
    }

    .blog-listing article > a {
        overflow: hidden;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .blog-listing article > a > img {
        transform: scale3d(1.15, 1.15, 1);
        -webkit-filter: grayscale(.3);
                filter: grayscale(.3);
        transition: transform 600ms ease, -webkit-filter 600ms ease;
        transition: transform 600ms ease, filter 600ms ease;
        transition: transform 600ms ease, filter 600ms ease, -webkit-filter 600ms ease;
    }

    .blog-listing article > a > img:hover {
        transform: unset;
        -webkit-filter: unset;
                filter: unset;
    }

    .blog-wrapper > h2::after {
        width: 10%;
    }

    @media screen and (min-width: 1200px) {
        .container-fluid.blog-wrapper,
        .container.entry-content {
            max-width: 1400px;
        }
    }

    .masonry {
        display: grid;
        grid-template-columns: repeat(1, minmax(100px,1fr));
        grid-gap: 20px;
        /* grid-auto-rows: 0; */
    }
    @media only screen and (max-width: 1023px) and (min-width: 768px) {
        .masonry {
            grid-template-columns: repeat(2, minmax(100px,1fr));
        }
    }
    @media only screen and (min-width: 1024px) {
        .masonry {
            grid-template-columns: repeat(3, minmax(100px,1fr));
        }
    }

    /* #Listing */

    /* !Single */

    .respectTheMenu {
        position: absolute;
        top: calc(-92px - 2rem)
    }

    .blog-single-post .entry-header .header-content-box {
        min-height: calc(100vh - 92px - 2rem);
        background-repeat: no-repeat!important;
        background-size: cover!important;
        background-attachment: fixed!important;
        background-position: center center!important;
    }

    .blog-single-post .entry-header .header-content-box:before {
        content: '';
        background: rgba(0,0,0,.8);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .blog-single-post .entry-header .header-content-wrapper,
    .blog-single-post .entry-header .header-content-wrapper .icomoon {
        color: rgba(255,255,255,.8);
        z-index: 1;
    }

    .blog-single-post .entry-header .header-content-wrapper .downArrow {
        -webkit-animation: arrowDown 1500ms var(--cubic-animation) infinite ;
                animation: arrowDown 1500ms var(--cubic-animation) infinite ;
    }

    .blog-single-post .entry-header .header-content-wrapper .icomoon {
        font-size: 30px;
    }

    .blog-single-post .entry-header .header-content-wrapper .entry-title {
        font-size: 26px;
        letter-spacing: .45em;
        text-shadow: 0px 0px 20px #fff;
        line-height: 1.5;
        font-variant: small-caps;
    }

    .blog-single-post .entry-content .entry-title {
        letter-spacing: .1em;
        font-size: 30px;
    }

    .blog-single-post .entry-header .header-content-wrapper .entry-meta {
        font-size: 9px;
        letter-spacing: .2em;
        color: #898989;
    }

    .blog-single-post .entry-header .header-content-wrapper .entry-meta a {
        color: rgba(179, 27, 65, 0.8);
        font-size: 12px;
        letter-spacing: .2em;
    }

    .blog-single-post .sidebar-wrapper > div {
        position: -webkit-sticky;
        position: sticky;
        top:  calc(92px + 2rem)
    }

    .blog-single-post .sidebar-wrapper .cat-item-25,
    .blog-single-post .sidebar-wrapper .tag-link-25 {
        display: none!important;
    }

    .blog-single-post .sidebar-wrapper .widget-title {
        margin-bottom: 18px;
        padding-bottom: 7px;
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    .blog-single-post .sidebar-wrapper .widget-title:after,
    .blog-single-post .sidebar-wrapper .widget-title ~ ul li a:after,
    .blog-single-post .sidebar-wrapper .tag-cloud-link:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background: #212529;
        opacity: .2;
        transition: 500ms var(--cubic-animation) 100ms;
    }

    @media screen and (max-width: 991px) {
        .blog-single-post .sidebar-wrapper::after {
            height: 1px;
            width: 100%!important;
            top: 15px;
        }
    }

    .blog-single-post .sidebar-wrapper .widget-title ~ ul {
        padding-left: 0;
        margin-bottom: 40px;
        list-style: none;
        line-height: 1.4em;
    }

    .blog-single-post .sidebar-wrapper .widget-title ~ ul li a,
    .blog-single-post .sidebar-wrapper .tag-cloud-link  {
        color: var(--light-gray);
        font-size: 14px!important;
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        transition: 500ms var(--cubic-animation) 100ms;
    }

    .blog-single-post .sidebar-wrapper .widget-title ~ ul li a:after,
    .blog-single-post .sidebar-wrapper .tag-cloud-link:after  {
        width: 35%;
        bottom: -4px;
        background: var(--seb-purple);
        opacity: .3;
    }

    .blog-single-post .sidebar-wrapper .widget-title ~ ul li a:hover:after,
    .blog-single-post .sidebar-wrapper .tag-cloud-link:hover:after {
        width: 100%;
        background: #333
    }

    .blog-single-post .sidebar-wrapper .widget-title ~ ul li a:hover,
    .blog-single-post .sidebar-wrapper .tag-cloud-link:hover {
        color: var(--seb-purple);
        opacity: .8
    }

    .blog-single-post .sidebar-wrapper .widget-title ~ ul li:not(:last-of-type),
    .blog-single-post .sidebar-wrapper .tag-cloud-link:not(:last-of-type) {
        margin-bottom: 15px;
    }

    .blog-single-post .sidebar-wrapper .tag-cloud-link {
        display: list-item;
        list-style: none;
    }

    .comments-area .form-group input:not([disabled]):not([type="submit"]):focus,
    .comments-area .form-group input:not([disabled]):not([type="submit"]):active,
    .comments-area .form-group input:not([disabled]):not([type="submit"]):hover,
    .comments-area .form-group textarea:focus,
    .comments-area .form-group textarea:active,
    .comments-area .form-group textarea:hover {
        box-shadow: 0px 5px 20px rgba(0,0,0,.085)!important;
    }

    .comments-area .form-submit input[type="submit"] {
        border-radius: 0;
    }

    .comments-area .comment-list,
    .comments-area .children  {
        list-style: none;
    }

    .comments-area .comment-list {
        padding-left: 0;
    }

    .comments-area .children {
        margin-top: 30px;
    }

    .comments-area .comment-content {
        padding: 15px;
        margin: 15px 0;
        border-left: 1px solid #dedfdf;
    }

    .comments-area .comment-content p:last-of-type {
        margin-bottom: 0;
    }

    .comments-area .comment-author img {
        margin-right: 10px;
    }

    .comments-area .comment-metadata {
        margin-top: 5px;
    }

    /* #Single */

/* #Blog */

/* !Reemplazar en padre */


/* body, html, section {
    overflow-x: inherit;
} */

/* #Reemplazar en padre */


/*#Miles*/



/* #region 404 */

.section-404 {
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fbfbfb;
}

.section-404 a{
    background-color: #ca3b5c;
    color:white;
    padding: .8rem 3rem;
    text-transform: uppercase;
    display: inline-block;
    margin-top:1rem;
}

.section-404 p{
    margin-top:1rem;
}



/* #endregion 404 */


/* #region Thanyou page  */

section.thnakyou-section{
    margin-bottom: 1rem;
}

section.thnakyou-section .row [class*=col-]{
    padding: 2rem;
}

section.thnakyou-section .row [class*=col-]:first-child {
    padding-top: 10vw;
    padding-bottom: 10vw;
    padding-left: 20vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

section.thnakyou-section .row [class*=col-]:first-child h1 {
    font-size:4rem;
    font-weight: 600;
    
}

section.thnakyou-section .row [class*=col-]:first-child h5 {
  font-size:2rem;
  font-weight: 600;
  position: relative;
}

section.thnakyou-section .row [class*=col-]:first-child h5:before {
  content: "";
  position: absolute;
  top:50%;
  width: 20vw;
  left: calc(100% + 1rem);
  height: 1px;
  background-color: black;
  z-index: 9;
}

section.thnakyou-section .row [class*=col-]:last-child {
   display: flex;
   flex-direction: column;
   justify-content: end;
   background-color: #D7D7D7;
   padding-top:5vw;
   padding-bottom:5vw;
   padding-left:2rem;
   padding-top:2rem;
}

section.thnakyou-section .row [class*=col-]:last-child p {
  font-size: 1.5625rem;
  font-style: italic;
}

section.wait-section{
    background-color: #333333;
}

section.wait-section .row [class*=col-]:first-child {
    padding-top:7vw;
    padding-bottom:1rem;
    padding-left: 20vw;
}

section.wait-section .row [class*=col-]:first-child h2  {
    color:white;
    font-size:2.85rem;
    font-weight: 500;
}

section.wait-section .row [class*=col-]:first-child h2 span  {
  position: relative;
}

section.wait-section .row [class*=col-]:first-child h2 span:before {
    content: "";
    position: absolute;
    top:50%;
    width: 20vw;
    left: calc(100% + 2rem);
    height: 1px;
    background-color:white;
    z-index: 9;
  }

section.wait-section .row [class*=col-]:last-child {
    padding:5vw;
    padding-bottom:1rem;
    padding-top: 12vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

section.wait-section .row [class*=col-]:last-child h4 {
    color:white;
    font-size:1.8rem;
    margin-bottom:1rem;
    font-weight: 200;
}

section.wait-section .row [class*=col-]:last-child a {
    color:white;
    font-size:1.8rem;
    margin-bottom:1rem;
    font-weight: 300;
    font-weight: 600;
    border-bottom:1px solid white;
    display: inline-block;
    width: fit-content;
}

section.video-section .row [class*=col-]:first-child {
    padding-left: 20vw;
}

section.video-section{
    padding-bottom:2rem;
    position: relative;
}

section.video-section:before{
    content: "";
    position: absolute;
    height: 50%;
    background-color: #333333;
    width: 100%;
    top:0;
    left:0;
}

section.video-section .video-box {
    height: 20vw;
    min-height: 300px;
    background-size:cover;
    background-position: center;
    box-shadow: 1px 1px 14px #0000006b;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.video-section .video-box .play-icon {
    position: relative;
    width: 100px !important;
    height: 100px !important;
    margin-right: 0px !important;
    border-radius: 50%;
    background: rgb(245, 245, 245);
}

section.video-section .video-box .play-icon::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 9px 0px 9px 18px;
    border-color: transparent transparent transparent rgb(27, 27, 27);
}

section.video-section .video-box:before{
    content: "";
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #0000006b;
}

section.faq-section .video-box {
    height: 20vw;
    min-height: 300px;
    background-size:cover;
    background-position: center;
    box-shadow: 1px 1px 14px #0000006b;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.faq-section .video-box .play-icon {
    position: relative;
    width: 100px !important;
    height: 100px !important;
    margin-right: 0px !important;
    border-radius: 50%;
    background: rgb(245, 245, 245);
}

section.faq-section .video-box .play-icon::after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 9px 0px 9px 18px;
    border-color: transparent transparent transparent rgb(27, 27, 27);
}

section.faq-section .video-box:before{
    content: "";
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #0000006b;
}

section.faq-section{
    padding-top:5rem;
    margin-bottom: 10rem;
}

section.faq-section h2{
    padding-bottom:2rem;
    font-size:2.85rem;
    font-weight: 500;
}

section.faq-section .row [class*=col-]:first-child {
    padding-left: 20vw;
}

@media(max-width:976px){
    section.thnakyou-section .row [class*="col-"]{
        padding:2rem!important;
        padding-top:4rem;
        padding-bottom:4rem;
    }

    section.wait-section .row [class*=col-]{
        padding:2rem!important;
        padding-top:4rem;
        padding-bottom:4rem;
    }

    section.video-section .row [class*=col-]{
        padding:2rem!important;
    }

    section.video-section .video-box, section.faq-section .video-box{
        height: 51vw;
    }

    section.faq-section{
        padding-top:0;
        margin-bottom:2rem;
    }

    section.faq-section .row [class*=col-]{
        padding:2rem!important;
        padding-top:4rem;
        padding-bottom:4rem;
    }
}



/* #endregion Thanyou page  */

.digitising-agent-page-header{ 
    background-size:cover;
    background-position: center;
    padding-bottom: 8rem;
} 

.digitising-agent-page-header h1{
    margin-bottom: 1rem;
}

.digitising-agent-page-header h2{
    font-family: 'Droid Serif';
    font-size:1.875rem;
    font-style: italic;
    display: inline-block;
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom:1rem;
}

.digitising-agent-page-header h2:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    top:10px;
    left: 0;
    background-color:rgb(179, 27, 65);
    z-index: -1;
}

.digitising-agent-page-header h3{
    font-family: 'Droid Serif';
    font-size:1.25rem;
    font-style: italic;
    margin-bottom:3rem;
}

.digitising-agent-page-header h4{
    font-size:1.25rem;
    letter-spacing: 0.2rem;
    margin-bottom:2rem;
}

.digitising-agent-page-header a{
    background-color: white;
    padding: 0.5rem 1rem;
    color: rgb(179, 27, 65);
    display: inline-block;
    position: relative;
    transition:.5rem;
}

.digitising-agent-page-header a:hover{
    background-color: #333333;
    transition:.5rem;
    color:white;
}

.digitising-agent-page-header p{
    font-size:0.625rem;
    letter-spacing: 0;
    text-transform: unset;
    position: absolute;
    bottom:0rem;
    color:white;
    width: 100%;
    text-align: center;
}

.more-info-wrapper.digitising-agent .info-links-wrapper a{
    width:auto;
    padding-left:2rem;
    padding-right:2rem;
}


#digitising-agent-columns{
    background-color: #333;
    color: white;
    padding-top:8rem;
    padding-bottom:8rem;
}

#digitising-agent-columns [class*='col-']{
    padding-bottom:4rem;
    padding-left:2rem;
    padding-right:2rem;
    margin-bottom:2rem;
}

#digitising-agent-columns h2{
    max-width: 218px;
    margin: auto;
    font-size: 32px;
    text-align: center;
    margin-bottom: 3rem;
}

#digitising-agent-columns p{
    text-align: center;
}


#digitising-agent-columns ul{
    list-style: none;
    text-align: center;
    font-family: 'Droid Serif';
    font-style: italic;
    padding-left: 0;
}

#digitising-agent-columns a{
    color:white;
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    text-align: center;
    transition:.5s;
}

#digitising-agent-columns a:hover{
    color:rgb(179, 27, 65);
    transition:.5s;
}


section#digitising-agent-logos{
    padding-top:8rem;
    padding-bottom:8rem;
    text-align:center;
}

section#digitising-agent-logos h1{
    max-width: 520px;
    margin: auto;
    margin-bottom:3rem;
}

section#digitising-agent-logos p{
    max-width: 500px;
    text-transform: uppercase;
    font-size: 14px;
    margin: auto;
    margin-bottom:2rem;
    color: #908E8E;
    position: relative;
}

section#digitising-agent-logos p:before{
    content:"";
    width: 300px;
    height: 1px;
    background-color: #908E8E;
    opacity: .5;
    position: absolute;
    bottom:-10px;
    left: 50%;
    transform: translate( -50%, 0);
}

section#digitising-agent-logos .logos img{
    margin-left:.5rem;
    margin-right:.5rem;
    margin-bottom:.5rem;
}


section#services{
    background-color:#F5F5F5;
    padding-top:8rem;
    padding-bottom:8rem;
}

section#services h1{
    margin-bottom:3rem;
}

section#services .container-fluid{
    max-width: 1600px;
}

section#services p{
    margin-top:3rem;
    text-align: center;
    font-family: 'Droid Serif';
    font-style: italic;
}

section#services .service{
    border: 0;
    margin-bottom:1.6rem;
    height: auto;
}

.services-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 400px;
    aspect-ratio: 1/1.35;
    background-size:cover;
    background-position: center;
    position:relative;
    padding:1rem;
}

.services-box:before{
    content:"";
    background-color:black;
    opacity: .5;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    transition: 1s;
}

.services-box:hover:before{
    opacity: .8;
    backdrop-filter: 14px;
    transition: 1s;
}

.services-box h3{
    color:white;
    font-size:1.25rem;
    position: relative;
    width: 100%;
}

section#services .services-box p{
    color: white;
    font-size: 0.875rem;
    position: relative;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    margin-top: 0rem;
    margin-bottom: 0rem;
    transition: 1s;
    max-height: 0;
    overflow: hidden;
    
}

section#services .services-box:hover p{
    max-height:500px;
    transition: 1s;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

section#steps{
    background-color: #333;
    padding-top:8rem;
    padding-bottom:8rem;
    text-align: center;
    color:white;
}

section#steps h1{
    margin-bottom:2rem;
}

section#steps span{
   font-family: "Droid Serfi";
   font-size:100px;
}

section#steps .step{
  padding-bottom:3rem;
}

section#steps p{
  max-width: 180px;
  margin: auto;
}

section#steps a{
    color:white;
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    text-align: center;
    transition:.5s;
}

section#steps a:hover{
    color: rgb(179, 27, 65);
}

section#contact{
    padding-top:8rem;
    padding-bottom:8rem;
    text-align: center;
    border-bottom: 1px solid #707070;
}

section#contact h1{
    margin-bottom:1rem;
}

section#contact p{
   font-family: "Droid Serfi";
   font-style: italic;
}

section#contact .caldera-grid{
   max-width: 500px;
   margin: auto;
   margin-top:3rem;
   color: #333!important;
}

section#contact .caldera-grid .btn{
   background-color:#333!important;
}

section#contact .caldera-grid .form-control{
   border:0!important;
   box-shadow: unset;
   background-color: #F5F5F5;
   color: #333!important;
}

/* #region pop up  */

    @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

    #appPopUp {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
    }
    #appPopUp .modal-header {
        border-bottom: none;
        position: absolute;
        right: 0;
        z-index: 1;
    }
    #appPopUp .modal-body * {
        font-family: 'Open Sans', sans-serif !important;
    }
    #appPopUp span {
        display: block;
        text-transform: uppercase;
    }
    #appPopUp .modal-span {
        font-size: 1.875rem;
        font-weight: bold;
    }
    #appPopUp .big-text {
        font-size: 3.75rem;
        font-weight: bold;
        margin-bottom: 1.75rem;
    }
    #appPopUp span.modal-banner {
        color: #B31B41;
        font-size: 6.8125rem;
        font-weight: bold;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    #appPopUp span.message {
        font-weight: 600;
        letter-spacing: 3px;
    }
    #appPopUp .modal-body img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    #appPopUp .btn {
        background-color: white;
        border: 3px solid #B31B41;
        border-radius: 50px;
        color: #B31B41;
        text-transform: uppercase;
        font-size: 2.5rem;
        font-weight: bold;
        padding: 0.8rem 1.75rem;
    }
    #appPopUp .btn:hover {
        background-color: #B31B41;
        color: white;
    }
    #appPopUp .modal-footer {
        border-top: none;
        justify-content: center;
    }

/* #endregion pop up  */

/* #region auditoria seo  */

    #seoPopUp .modal-content {
        border-radius: 0;
		max-width:900px!important;
		margin:auto;
    }
    #seoPopUp .modal-content *:not(.caldera-grid *) {
        font-family: 'Open Sans', sans-serif !important;
    }
    #seoPopUp .modal-header {
        display: block;
        border-radius: 0;
        border-bottom: none;
        position: relative;
        z-index: 1;
        background-color: #333;
        color: #fff;
        text-align: center;
    }
    #seoPopUp .modal-header button {
        position: absolute;
        right: 1rem;
        top: 0;
        font-size: 2.5rem;
    }
    #seoPopUp .modal-header button span {
        color: white;
    }
    #seoPopUp .modal-header p {
        font-size: 60px;
        font-weight: bold;
        margin: 0;
    }
    #seoPopUp p {
        text-align: center;
    }
    #seoPopUp .modal-text {
        font-family: 'Open Sans';
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        line-height: 1.5;
        color: #B31B41;
    }
    #seoPopUp .modal-text .big {
        font-size: 35px;
        font-weight: bold;
    }
    #seoPopUp .modal-text .not_that_big {
        font-size: 74px;
        font-weight: bold;
    }
    #seoPopUp .modal-text + p {
        font-family: 'Open Sans';
        font-size: 25px;
        font-weight: bold;
        margin-bottom: 2.25rem;
    }
    #seoPopUp .caldera-grid .checkbox {
        text-align: center;
    }
    #seoPopUp .caldera-grid input:not([type="submit"]) {
        color: #000!important;
        text-transform: none;
    }
    #seoPopUp .caldera-grid input::placeholder {
        text-transform: uppercase;
    }
    #seoPopUp .caldera-grid input[type="submit"] {
        background-color: #333 !important;
        border-color: #333 !important;
        border-radius: 0;
    }
    #seoPopUp .caldera-grid input[type="submit"]:hover,
    #seoPopUp .caldera-grid input[type="submit"]:focus {
        background-color: #B31B41 !important;
        border-color: #B31B41 !important;
    }

    @media (max-width: 576.98px) {
        #seoPopUp .modal-header p {
            font-size: 50px;
        }
        #seoPopUp .modal-text {
            font-size: 35px;
            font-weight: normal;
        }
        #seoPopUp .modal-text .big {
            font-size: 38px;
        }
        #seoPopUp .modal-text .not_that_big {
            font-size: 50px;
        }
        #seoPopUp .modal-text + p {
            font-size: 20px;
        }
    }

@media (min-width: 768px) {

    .m-banner-section {
padding: 60px;
    }
}

@media (max-width: 768px) {

    .m-banner-section {
        padding: 0px;
        margin-top: 14px;
    }
}

.m-img {
    object-fit: cover;
    object-position: center center;
}

.m-section {
    padding: 60px 40px;
}

.m-section h2 {
    line-height: 48px;
}

@media (max-width: 768px) {
    .m-section--grey {
        background-color: #FAFAFA;
    }

}



.m-btn {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px;
    display: inline-block;
    width: fit-content;
    color: #B31B41;
    background-color: transparent;
    border: 2px solid #B31B41;
    transition: color .2s ease-in-out, background-color.2s ease-in-out, border-color .2s ease-in-out  ;
}

.m-btn:hover {
    background-color: #B31B41;
    color: white;
    border-color: white;
}

.m-banner {
    position: relative;
    height: 600px;
    display: flex;
    align-items: flex-end;
}

.m-banner__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.m-banner__wrapper {
    padding: 40px 25px ;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    color: #fff;
}

.m-banner__title {
    font-size: 35px;
    font-weight: 900;
}

.m-banner__sub-title {
    font-size: 25px;
    font-weight: 300;
}

.m-banner__price {
    position: relative;
    font-size: 25px;
    font-weight: 900;
}

.m-banner__price::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #B31B41;
    transform: translateY(50%) rotate(-4deg);
}

.m-banner__content {
    font-size: 25px;
    font-weight: 900;

}

.m-banner__btn {    
    background-color: transparent;
    color: white;
    border-color:white;
    margin-top: 12px;
}

.m-banner__btn:hover {
    color: #B31B41;
    border-color: #B31B41;
    background-color: transparent;
}


@media (min-width: 992px) {
    .m-banner__btn {    
        display: none;
    }
}

.cta-text__content {
    margin-top: 20px;
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    .services__top-wrapper {
        text-align: center;
    }
}
.services__wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

.services__title {
    font-size: 20px;
    font-weight: 600;
}

.services__content {
    margin-top: 20px;
    margin-bottom: 40px;
}

.services__intro {
    margin-bottom: 0;
}

.testimonials__img {
    display: block;
    margin: 0 auto;
    margin-bottom: 48px;
}

.testimonials__title {
    text-align: center;
    font-size: 30px;
    margin-top: 32px;
    margin-bottom: 16px;
}

.testimonial-container-simple .slick-dots li button::before {
    content: "";
    background-color: white;
    border: 1px solid #000;
    opacity: 1;
border-radius: 50px;
width: 10px;
height: 10px;

}

.testimonial-container-simple .slick-dots .slick-active button::before {
    background-color: #000;
}
.testimonial-container-simple .slick-list {
    padding-right: 0;
    padding-left: 0;
}

.testimonial-container-simple .testimonial-simpel {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
}

.testimonial-container-simple .testimonial-simpel__content {
    margin-bottom: 40px;
}

.testimonial-container-simple .testimonial-simpel__name {
    margin-bottom: 56px;
}

.partner__img {
    display: block;
    margin: 0 auto;
}

.contact-form .form-area {
    padding: 0;
}

.form-area .contents .contents__title,
.form-area .contents .contents__content {
    color: #000;
    font-style: normal;
    font-family: 'Raleway', sans-serif ;
}

.m-section .slick-dots {
    width: unset;
    left: 50%;
    transform: translateX(-50%);
}

.contact-form .form-area .form-group .form-control,
.contact-form     .form-area ::placeholder,
.contact-form .btn  {
    color:#b5b5b5 !important;
    font-weight: 400;
    height: 48px;
}

.contact-form     .form-area select {
    -webkit-appareance: none;
}

.contact-form .caldera-grid .row {
    margin-right: 0;
    margin-left: 0;
}

.contact-form .caldera-grid .col-sm-6 {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {    
    .contact-form .caldera-grid .form-group, .cf-color-picker .form-group {
        width: 90%;
    }
}

.contents__title {
    margin-bottom: 16px;
}

.contents__content {

    margin-bottom: 32px;
}



/* #endregion auditoria seo  */

/* #region BLACK WEEK */
.black-week {
    --seb-purple: #A61724;
    font-family: 'Prompt', 'Raleway', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #222;
}

.black-week section {
    margin-bottom: 5rem;
}

.black-week_banner {
    padding: 10vh 5vh;
    text-align: center;
    background-color: #222;
}

.black-week_content {
    text-align: center;
}

.black-week_title {
    margin-bottom: 3rem;
    font-size: 2.5rem;
    font-weight: 700;
}

.black-week_title > span,
.black-week_title > i,
.black-week_title > a {
    color: var(--seb-purple);
}

h1.black-week_title {
    margin-bottom: 5rem;
    font-size: 3.5rem;
}

.black-week_savings {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 600;
}

.black-week_card {
    padding: 1.25rem;
    background-color: #222;
    color: #FFF;;
}

.black-week_price-before {
    color: #aeaeae;
}

.black-week_service,
.black-week_price-after {
    margin-bottom: 0;
    font-size: 1.125rem;
}

.black-week_form .form-control {
    border: 0 !important;
    box-shadow: unset !important;
    background-color: #F5F5F5 !important;
    color: #555 !important;
    font-weight: 500;
    text-transform: none;
}

.black-week_form .form-control::placeholder,
.black-week_form select.form-control {
    text-transform: uppercase;
    font-weight: 600;
}

.black-week_form .checkbox > label {
    color: #aeaeae;
}

.black-week_form input[type="submit"] {
    height: auto !important;
    width: auto;
    padding: 1rem 3rem;

    background-color: var(--seb-purple) !important;
    border-color: var(--seb-purple) !important;

    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0;
}

.black-week_form .alert {
    background-color: #222 !important;
}
/* #endregion */