/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/
@font-face {
    font-family: 'billybold';
    src: url('fonts/billy-bold-webfont.woff2') format('woff2'),
         url('fonts/billy-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'billylight';
    src: url('fonts/billy-light-webfont.woff2') format('woff2'),
         url('fonts/billy-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'billyregular';
    src: url('fonts/billy-regular-webfont.woff2') format('woff2'),
         url('fonts/billy-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: 'billyregular' !important;
	font-size: 18px;
}
h1,h2,h3,h4,h5 {
	font-family: 'billybold' !important;
    text-transform: uppercase;
}

.fase-ec{display:none !important;}
.branding a img, .branding img, .logo-box img {
    max-width: 100%;
    height: 60px;
}
.masthead:not(.mixed-header),#phantom {
    background-size: 100%;
}
.masthead {
    background: url(../../../wp-content/uploads/2019/09/menu-texture.png) !important;
    background-size: 100% !important;
}
.main-nav > li > a .menu-text {
    font: inherit;
	font-family: 'billybold' !important;
    text-transform: uppercase;
    font-size: 1.5em;
	font-weight: bold;
}
.masthead:after {
    content: "";
    width: 100%;
    height: 42px;
    position: absolute;
    display: block;
    background: url(../../../wp-content/uploads/2019/09/menu-texture-after.png);
    left: 0;
    bottom: -30px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.menu-item a {transition:all 0.3s ease;}
.menu-item:hover a {
    transform:scale(1.1);
}

.sub-nav {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
	margin-top: -25px;
    width: 100% !important;
	box-shadow: 6px -16px 15px -5px rgba(0, 0, 0, 0.27);
	margin-left: 20px;
}
.sub-nav:after {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    background: url(../../../wp-content/uploads/2019/09/menu-btn-after.png) no-repeat;
   background-size: 108%;
}
.sub-nav:before {content:"";position:relative;display:block;width:100%;height: 10px;background:#f9f9f8; }
.sub-nav>li {
    background: url(../../../wp-content/uploads/2019/09/menu-btn.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.sub-nav li a {
    background-color: transparent !important;
	text-align: center;
	display:block;
    transition:all 0.2s ease;
}
.sub-nav li a:hover {
  /*background-color: rgba(129, 80, 177, 0.47) !important;*/
}
.sub-nav li a:hover .menu-text {
    color: #000 !important;
    /* background: url(../../../wp-content/uploads/2019/09/submenu-bg.svg) no-repeat;*/
    background-size: cover;
    background-position: 20px 0px;
   /* font-size: 0.8em !important;*/
    font-weight: bold;

}
.sub-nav li a .menu-text:after {
    content: "";
    position: absolute;
    height: 100% !important;
    width: 0px !important;
   background: url(../../../wp-content/uploads/2019/09/submenu-bg.svg) no-repeat;
    left: 0;
    top: 0;
    margin-top: 0;
    background-size: cover;
    z-index: -1;
    margin-top: -10px !important;
    transition: all 0.3s ease;

} 
.sub-nav li a:hover .menu-text:after {
    width:100% !important;
}
.icomoon-the7-font-the7-arrow-05 {
    margin: -20px 10px 0px 6px !important;
}
 .main-nav > li > a {
    margin: 30px 14px 18px 14px;
    padding: 4px 4px 4px 4px;
}
.menu-text {color:#000 !important;text-transform: uppercase !important;top: -10px;
    position: relative;}
#main {
    padding: 0;
}
.banner {margin-top: -100px;}
.titulos {font-size:2em;color:#000;text-transform: uppercase;}
.titulos h2 {text-transform: uppercase;}
.titulos .uvc-sub-heading {font-size: 0.8em !important; margin:10px auto !important;}
.products {padding-top: 60px;padding-bottom: 60px;}
.products .titulos::after {

    content: "";
    display: inline-block;
    width: 25%;
    height: 10px;
    background: url(../../../wp-content/uploads/2019/09/titulo-after.svg) no-repeat;
    max-width: 250px;

}
.products .titulos::before {

    content: "";
    display: inline-block;
    width: 25%;
    height: 10px;
    background: url(../../../wp-content/uploads/2019/09/titulo-after.svg) no-repeat;
    max-width: 250px;

}

.producto-listado .vc_column-inner {

    background-color: #fff;
    margin: 30px 10px;
	width: 90%;
	padding-top: 15px;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);

}
.producto-listado::before,.producto-listado::after {
    content: "";
    position: absolute;
    top:0;
    width: 40%;
    min-width: 50px;
    max-width: 200px;
    background: #fffdd4c4;
    height: 40px;
    left: 50%;
    transform: translate(-50%);
}
.producto-listado::after {

    left: -8%;
    transform: translate(0) rotate(24deg);
    bottom: 30px;
    top: inherit;

}
.producto-listado p {text-align: center;
font-size: 1.3em;

margin: 5px;}
.wpb_content_element {
    margin-bottom: 10px;
}
.producto-listado .ult-ih-container ul.ult-ih-list {
    overflow: hidden;
}
.producto-listado .ult-ih-container ul.ult-ih-list li.ult-ih-list-item {margin:0 !important;}
.title-product {margin: 20px; }
.title-product h3{font-family:'billyregular' !important; font-size: 1.3em;}
.content .uvc-sub-heading {

    line-height: inherit;
    font-size: 1.3em;

}
.producto-listado:hover .ult-ih-info .ult-ih-info-back, .producto-listado-box:hover .ult-ih-info .ult-ih-info-back {
    visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-backface-visibility: visible !important;
}
.producto-listado:hover .ult-ih-info, .producto-listado-box:hover  .ult-ih-info {
    -webkit-transform: rotate3d(0,1,0,-180deg) !important;
    -ms-transform: rotate3d(0,1,0,-180deg) !important;
    transform: rotate3d(0,1,0,-180deg) !important;
}
.suscribe {min-height: 450px;background-position: top !important;background-image: url(../../../wp-content/uploads/2019/09/suscribe-background.png) !important;
background-repeat: no-repeat !important;
background-size: cover !important;}
.suscribe .wpb_wrapper{transform:translateY(44%);position: relative;}
.suscribe .wpcf7-form {
	width: 40%;
margin: 0 auto;}
.email-suscribe input { width: 75% !important;
    margin: 25px 0;
    background: transparent;
    border: none;
    border-bottom: solid 2px #000;
    color: #000;}
.suscribe-btn {text-transform: uppercase !important;}

.suscribe .wpcf7-valid-tip-text {
    font-family: 'billyregular' !important;
    font-size: 22px;    /* text-align: center; */
}
.suscribe .wpcf7-mail-sent-ok {
    border: solid 2px #000 !important;
    background-color: #d121e0;
   top: 130% !important;
    left: 65% !important;
}

.wpcf7-form p {display:inline-block;}

.general-text {text-align: center;
color: #000;
font-size: 1.5em;}

.instagram-feed .vc_column-inner {padding:0;}
.instagram-feed .insta-gallery-feed .insta-gallery-actions {
    text-align: center;
    margin: 0px 0;
}
.instagram-feed .wpb_content_element {
    margin-bottom: 0px;
}
.social-networks img {
    width: 35px !important;
    margin: 10px;
}
.iconos-section-container{margin-top:-40px;}
.iconos-section {  padding-top: 0px !important;margin-bottom: -20px;}
.heading-iconos, .heading-contact {
    background-size: contain;
    padding: 45px;
    z-index: 2;
}
.heading-contact .vc_column-inner, .heading-iconos .vc_column-inner{
        padding-top: 0 !important;
}
.contact-form {
    margin-top: -70px;
    position: relative;
    z-index: 1;
}

.listado-icons {
    width: 100%;
    /* height: 400px; */
    overflow: hidden;
    position:relative;
    background-position: center 40px;
    background-repeat: no-repeat;
    transition:all 0.1s ease;
    background-size: contain;
    margin: 20px 0;
}
.listado-icons .modal-icon-image, .listado-icons .modal-icon {
   transition:all 0.2s ease;
}
.listado-icons:hover .modal-icon-image, .listado-icons:hover .modal-icon {
    opacity: 0;
}

.listado-icons:hover .hover-img img {    opacity: 1}

.listado-icons.virgencita {background-color:#ff7276;}
.listado-icons.angeles {background-color:#57b8e0; }

.listado-icons.santos {background-color:#a8e77a; }

.listado-icons.friduchis {background-color:#ce2cbc; }

.listado-icons.luchador {background-color:#ffff8d; }

.listado-icons.calacas {background-color:#8e79d7;}
.listado-icons.mariachi {background-color:#2da6d7; }

.listado-icons.alebrije {background-color:#e375d3; }

.listado-icons.azteca {background-color:#ffa954; }

.listado-icons:hover .icon-btn {opacity: 1;right:10px;}
.listado-icons .ult-content-box {
    position: relative;
    width: 100%;
    height: 100%;
}

.title-iconos {
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.05);
}
.title-iconos h3 {text-transform: uppercase;color:#000;}
.icon-btn {
    position: absolute;
    right: -100%;
    bottom: 0;
    font-family: 'billybold' !important;
    opacity: 0;
    transition:all 0.3s ease;
    z-index: 1;
}

.icon-btn button {
    border: none;
    border-radius: 0;
    background-color: #000 !important;
    text-transform: uppercase;
    font-weight: bold;
    background-image: none !important;
    font-family: 'billybold' !important;
    font-size: 1.5em !important;
    padding: 8px !important;}
.santos-container {position:relative;width:100%;float: left;height: 500px;}
.santos-container:nth-child(odd) .background{right:0;}
.santos-container:nth-child(odd) .right-side{
float:left;
position: relative;
right: 0;
}

.santos-container .right-side {
    right: -10px;
    width: 50%;
}

.modal-mask {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.modal-mask img {width:100%;margin: -30px auto !important;}
.hover-img {    
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 0;}
.hover-img .wpb_wrapper.vc_figure {display: block;}
.hover-img .vc_single_image-wrapper {
    width:100%;
}
.hover-img img {    width: 100%;opacity: 0;transition: all 0.1s ease;    margin: -10px 0;}

.left-side, .right-side {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    position: relative;
    z-index: 1;
    text-align: center;
}
.right-side {    right: -25px; position:absolute;height: 100%;overflow: hidden;}
.right-side .alignnone {
    margin: 0 auto 0px;
}
.ult_modal-body .right-side {line-height: 0 !important}
.left-side {padding: 40px 10px;}
.modal-icon .ult_modal-body {padding: 0 !important;position: relative;}
.modal-icon .ult_modal-body > p {display: none;}
.modal-icon h3{
    text-transform: uppercase;
    color: #000;
    font-size: 2em;
}
.modal-icon h4{
    font-family: 'billylight' !important;
    font-size: 1.8em;
    color: #000;
}

.right-side img {
    max-width: inherit !important;
    width: initial;
    position: relative;
    width: 100%;
    min-height: 100%;
}
.background {
    position: absolute;
    width: 56%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
.santos-modal .background img {
    min-height: 120%;
    max-width: inherit !important;
    width: 100%;
}
.background img {
    min-height: 100%;
    max-width: inherit !important;
    width: auto;
}
.left-side p.text-modal {    
    color: #000 !important;
    font-size: 1.5em !important;
    line-height: 1.5em !important;
    margin: 40px !important;}
.btn-general {
     font-family: 'billybold' !important;
    padding: 15px !important;
    background: #000;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase !important;
    font-size: 2em !important;
}
.btn-general:hover {
    background: #ff00ec !important;
    color:#fff !important;
}
.ult-overlay-close.popup-top-left {
        top: 12px;
       left: 12px;
}

.iconos-section .iconos-tabs .vc_tta-tab.vc_active>a, .vc_tta-panel-heading {
    border-bottom: solid !important;
    background-color: transparent !important;
    color: #000 !important;
}
.iconos-section .iconos-tabs .vc_tta-tab>a, .vc_tta-panel-heading {
    border: none !important;
    background-color: inherit!important;
    color: #000 !important;
    border-radius: 0 !important;
    text-transform: uppercase;
}
.iconos-tabs li a:after{
    content:"";
    position:relative;
    display: block;
    width:0;
    height: 2.5px;
    margin-top: 13px;
    background: #000;
    left: 50%;
    transform: translate(-50%);
    transition:all 0.3s ease;
}
.iconos-tabs li:hover a:after {
   
    width:100%;
}
.amparin-container {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -30px;
}
.img-amparin {margin-top: 10%;position: relative;}
.img-amparin:before,.img-amparin:after {
    content:"";
    display: block;
    position:absolute;
    width: 200px;
    height:50px;
    background:url(../../../wp-content/uploads/2019/09/cinta.svg) no-repeat;
    background-size: contain;
    transform: rotate(-30deg);
}
.img-amparin:before {
    left: -50px;
    top: 0;
}
.img-amparin:after {
   right: -45px;
    bottom: 20px;
}
.text-amparin {
    color: #000;
    font-size: 1.7em;
    line-height: 1.6em;
    font-family: 'billylight' !important;
    padding: 0 30px;
}

.img-contact .vc_figure img {width:100%;}
.contact-container {margin-top:70px; position:relative;}
.contact-form .wpcf7-form label {
    display: inline-block;
    width: 44%;
    font-size: 1.5em;
    color: #000;
    padding: 10px 0;
    font-family: 'billylight';
    font-weight: bold;
    margin-left: 30px;
}
.contact-form .wpcf7-form input, .contact-form .wpcf7-form textarea {margin: 1px 0;
    border: solid #000;}
.contact-form .wpcf7-form label.extended-form{width:94%;}
.contact-form .wpcf7-form .accept-condition label{width:94%; font-size: 1em;padding: 0;}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
.contact-form .wpcf7-submit {margin: 30px 30px !important;}
.contact-form input[type=checkbox] {
         position: relative;
        cursor: pointer;
         margin-right: 10px;
    }
    .contact-form input[type=checkbox]:before {
         content: "";
         display: block;
         position: absolute;
         width: 16px;
         height: 16px;
         top: 0;
         left: 0;
         border: 2px solid #555555;
         border-radius: 3px;
         background-color: white;
}
    .contact-form input[type=checkbox]:checked:after {
         content: "";
         display: block;
         width: 5px;
         height: 10px;
         border: solid black;
         border-width: 0 2px 2px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         top: 2px;
         left: 6px;
}
input[type="submit"]:hover {    background: #ff00ec !important;}

.footer-iconos {height: 303px;top: -20px;    z-index: 2;}
.pencil-background {position: absolute;width: 100%;height:303px;background: url(../../../wp-content/uploads/2019/09/pencil.png) repeat-x;left: 0;background-position: 0 0;
animation-name: back-animation;
animation-duration: 60s;animation-iteration-count: infinite;animation-timing-function: linear;}
  @keyframes back-animation {
  from {background-position: 0 0}
  to {background-position: 402% 0}
}
.link-box {
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.link-box a{    
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;}
.link-box a span {display: none;}

footer {position:relative;min-height:300px;}
#footer .wf-container-footer {

    padding-top: 0px;
    padding-bottom: 0;

}
.social-networks{text-align: center;}
.footer .widget {
    width: 100%;

}
.center {left:50%;position:relative;transform: translate(-50%);}
.img-footer {position:absolute;max-width: 300px !important;top:0;padding: 30px 0;}
.img-left {left:0;}
.img-right {right:0;}
.footer-container {
    text-align: center;
}
.footer-container img {max-width:300px !important; width:200px;}

.menu-footer, .menu-footer-icons {display:inline-block;vertical-align: top;margin: 10px 4%;    text-align: left;}
.menu-footer-title {font-size: 1.5em;}
.footer-container .menu-footer:first-child{margin:10px;}
.menu-footer-icons {    margin: 10px 40px 10px 0;}
.menu-footer a {display:block;}
.footer .textwidget a:hover {
    color: #bdbdbd !important;
}
.bottom-bar-footer:before{
    content:"";
    width:100%;
    height:20px;
    display:block;
    background:url("http://localhost/amparin/wp-content/uploads/2019/09/footer-after.svg")no-repeat;
    background-size:100%;

}
.bottom-bar-footer {
    margin-left: 60px;
    color:#fff;
    text-align: left;
}
.bottom-bar-footer p, .bottom-bar-footer img {    display: inline-block;padding: 15px;}
@media screen and (min-width: 1550px) {
    .pencil-background {
  animation-duration: 40s;}
  .suscribe {
    min-height: 580px;}
    .right-side { position:relative;}
}
@media screen and (max-width: 1350px) {
    .right-side img {
    max-width: inherit !important;
    width: initial;
    height: 100%;
    transform: translate(-50%);
    left: 50%;
    position: relative;
}
.img-footer {display: none;}
}

@media screen and (max-width: 1250px) {
.menu-footer, .menu-footer-icons { 
    margin: 10px 2%;
}
@media screen and (max-width: 1045px) {
.menu-footer, .menu-footer-icons { 
    margin: 10px 10%;
        text-align: center;}
.suscribe .wpcf7-form {
    width: 70%;
    margin: 0 auto;
}
.santos-container .right-side {
    right: -3px;
}
}
@media screen and (max-width: 990px) {

.sub-nav {margin-top: 0;}
.sub-nav:after {
   display: none;
}
.second-switch-logo-left.second-switch-menu-right .mobile-header-bar .mobile-branding {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
    width: 120px;
    margin: 8px 0;
}
.first-switch-logo-left.first-switch-menu-right:not(.second-switch-menu-left) .mobile-header-bar .dt-mobile-menu-icon {
    margin-left: 10px;
    margin-top: 20px;
}
.sub-nav:before {display: none; }
.sub-nav>li {
    background: inherit;
}
.masthead:after { 
    bottom: -40px;
}
.left-side p.text-modal {
    margin: 10px 10px 30px 10px !important;
}
.btn-general {
    font-size: 1em !important;
    display: block;
}
.sub-nav li a:hover .menu-text {
   
    background: inherit;
}
.mobile-main-nav > li:before {
    border-color: rgba(255,255,255,0.5);
}
.menu-text {
    color: #fff!important;}
.dt-mobile-header .mini-contacts {
    color: #ffffff;
}
.dt-mobile-header .mini-contacts i {
    color: #ffffff;
}
.dt-close-mobile-menu-icon span {
    color: #fff;
    background-color: inherit;
}
.ult_modal.ult-medium {
    width: 80% !important;
}
}

@media screen and (max-width: 770px) {
.producto-listado .vc_column-inner {
    background-color: #fff;
    margin: 30px 10px;
    width: 50% !important;
    min-width: 300px;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    left: 50%;
    position: relative;
    transform: translate(-50%);
}
.producto-listado::after {
    left: 20%;
}
.producto-listado::before, .producto-listado::after {
    width: 20%;
}
.img-contact {position: absolute}
.img-contact img {opacity:0.5;}
.img-amparin:before {
    left: 12%;
    top: 0;
}
.img-amparin:after {
       right: 12%;
    bottom: 20px;
}
.pencil-background {
  animation-duration: 130s;}
}
.santos-container .background img{
    min-height: 100%;
    width: auto;
}
@media screen and (max-width: 590px) {
   .titulos {
    font-size: 1.6em;}
    .titulos .uvc-sub-heading {
    font-size: 0.6em !important;}
.heading-iconos, .heading-contact {
    padding: 20px;
}
.contact-form .wpcf7-form label.extended-form {
    width: 99%;
}
.contact-form .wpcf7-form label {
    width: 49%;
    margin-left: 0px;
}
.menu-footer, .menu-footer-icons {
    display: block;
    margin: 30px 0;
    text-align: center;
}
.suscribe .wpb_wrapper {
    transform: translateY(20%);
}
.products .titulos::before, .products .titulos::after {display:none;}
.email-suscribe input {
    width: 100% !important;}
.suscribe-btn {
    width: 100%;
    font-size: 1.3em !important;
}
.ult-overlay-close.popup-top-left {
    top: 12px;
    right: 93% !important;
}
.santos-container {
    height: inherit;
}
.santos-container .background{
    height: inherit;
}
.left-side, .right-side {
    display: block;
    width: 100% !important;
    position: relative;
}
.santos-container .right-side {
    right: 0;
}
.right-side {
    right: 0;}
.right-side img {
    max-width: 100% !important;
    width: 100%;
    height: inherit;
    transform: inherit;
    left: 0;
    margin: 0 auto -10px !important;
}
.background {
    position: absolute;
    width: 100%;
    height: 100%;
}
.img-amparin:before {
    left: -30px;
    top: 0;
}
.img-amparin:after {
    right: -70px;
    bottom: 20px;
}
.text-amparin {
   
    font-size: 1.5em;
    padding: 0 0px;
}
.left-side p.text-modal {
    margin: 0px 0px 30px 0px !important;
    font-size:1.2em;
}
.modal-icon:not(.santos-modal) .ult_modal-body {
    display: flex;
    flex-wrap: wrap-reverse;
}

}
@media screen and (max-width: 400px) {
.santos-container .background {
    height: 70%;
}

}