/* RESPONSIVE SUPPORT MENU
----------------------------------------------- */
@media only screen and (max-width: 60em) {
	.nav-open {
		display: block;
		text-align: center;
		}
	#main-navigation:target > .nav-open {
		display: none;
		}
	#main-navigation:target > .nav-close {
		display: block;
		text-align: center;
		}
	#main-navigation > .sf-menu {
		position: relative;
		text-align: left;
		}
	#main-navigation > .sf-menu > ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		max-height: 0;
		max-width: 16em;
		overflow: hidden;
		background: #333;
		}
	#main-navigation:target > .sf-menu > ul {
		max-height: 400px;
		}
	#main-navigation > .sf-menu > ul > li {
		float: none;
		display: block;
		border-bottom: 1px dotted #565656;
		}
	#main-navigation > .sf-menu > ul > li:after {
		display: none;
		}
	#main-navigation li a {
		float: none;
		display: block;
		color: #fff;
		}
	}

/* RESPONSIVE SUPPORT
----------------------------------------------- */

@media screen and (max-width: 1800px) {

	.block-6 #box{ width: 100%; }

	.block-10 .map{ width: 97%; }

}

@media screen and (max-width: 1650px) {

	.block-1 .container{ width: 97%; }

	#main-navigation li a{ font-size: 1.53vw; }

	.sf-menu li{ margin: 0 3.2% 0 0; }

	.block-3 .bx img{ /*width: 40%;*/ } 

	/*.block-5 .bx1{ width: 30%; }*/

	/*.block-5 .bx2{ width: 39%; }*/

	.block-6 #box{ width: 100%; }

	.block-6 #box img{ width: 25%; }

	.block-7 .bx2 p img { width: 3%; }

	.block-8 .container{ width: 97%; }
	
	/**/
	
	#masthead .container{ width: 85%; }
	
	#main-navigation li a{ font-size: 1.36vw; }

}

@media screen and (max-width: 1500px) {

	.block-1{ padding: 3% 0 129px 0; }

	.h2-t:before{ left: -95.5%; }

	.h2-t:after{ right: -95.5%; }

	.block-2 p { margin: 3.5% auto 0 auto;
    	width: 88%; }

    .block-3 .bx { width: 27%;
    	border-radius: 30px; }

    .block-3 .bx span{ border-radius: 30px; }

    .block-4 .bx{ width: 30.8%;
    	padding: 10.05% 0 5% 0; }

    .block-1 .bx2{ width: 90%; }

    .block-1 .bx2 img{ max-width: 97%;
    	height: auto;
    	margin: 0 auto;
    	display: block; }

    .block-3 .h2-t2{ top: -20px; }

    .block-3:before,
    .block-3:after{ width: 80px; }

    .block-4{ padding: 105px 0 170px 0; }

    .block-3.pt4 .frm,
    .block-3.pt2 .frm{ width: 90%; }

    .block-5 .ct{ margin: 0px -21% 0 -33%; }

    .block-5 .bx{ width: 34%; }

    #colophon h4{ font-size: 1.2vw; }

    .site-credit p,
    #colophon #aviso p,
    #colophon .widget li a{ font-size: 1vw; }

    .block-3.pt2 #pr{ width: 80%;
    	margin: 0 auto; }

    .block-3.pt2 .bx2{ margin: 0 0 8.1% 0; }

    #extra .container{ padding: 0px 15px 0 15px;
        width: 98%;}

    #colophon #aviso{ padding: 15px 15px 35px 15px; }

    .block-3 .bx{ padding: 0% 0 4.9% 0; }

    .block-3.pt4 .bx{ min-height: auto; }

}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1300px) {

	.block-2 .box img{ margin: 0 15px;
    	width: 43%; }

    /*.sf-menu li{ margin: 0 36px 0 0; }*/

    .block-2 p br{ display: none; }

    .block-11 .form-box input { margin: 1% 0px 5.5% 0;
    	height: 42px; }

    #colophon #aviso p{ /*font-size: 0.49vw;*/ }

}

@media screen and (max-width: 1280px) {

	.block-1{ padding: 7% 0 129px 0; }

}

@media screen and (max-width: 1099px) {

	#mn .bxx{ width: 30% !importnt; }

}

@media screen and (max-width: 991px) {

	#masthead{ padding: 25px 0 25px 0; }

	.block-1 .bx:before{ left: -20%; }

	.block-1 .bx:after{ right: -20%; }

	.block-1{ padding: 25% 0 5% 0; }
	
    .block-1 .bx2{ width: 100%; }
    
    .block-1 .bx2 img{ max-width: 82%;
        margin: 7px auto; }

	#masthead .col-2,
	#masthead .col-10{ -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

    #logo-top{ max-width: 120px; }

    .block-1 p{ font-size: 2.45vw; }

    .block-3:before, .block-3:after{ width: 50px;
    	top: 0; }

    .block-3:before{ left: 6%; }

    .block-3:after{ right: 6%; }

	.home #video h1.ttl{ font-size: 4.68vw; 
		padding: 0 20px;
    }

    .block-1 h1 { text-align: center;
	    font-size: 9.4vw;
	    margin: 0% 0 0 0%;
	    line-height: 115%;
	    text-align: center; }

    .block-1 img{ width: 86.5%;
        margin: 35.5% auto 0 auto;
        max-width: none;
        display: block;
        max-width: 350px;
        left: -1%;
        position: relative; }

	#myVideo{ width: auto; }

	.slide-02.aos-animate h1{ font-size: 50px; }

	.slide-02 p{ font-size: 22px; }

	.slide-02 p br{ display: none; }

	.hd2-2 { font-size: 25.5px;
    	margin: 0 0 30px 0;
    	overflow: hidden; }

    .block-2{ padding: 86px 0 75px 0; }

    .block-2 h2{ margin: 0px 0 0px 0px;
        text-align: center;
        font-size: 7.6vw; }

    .block-2 .box { margin: 0 auto 0 auto;
    	float: none; }

    .block-2 .box img { margin: 0 15px;
    	width: 42%; }

    .block-3 { padding: 70px 0 0px 0; }

    .block-2 p { font-size: 4.1vw;
        margin: 13.5% auto 0 auto;
        letter-spacing: 1.9%; }

    .block-3 #pr { display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        align-items: stretch; }

    .block-3 #mds { width: 100%;
    	flex-direction: column; }

    .block-3 #mds .media{ width: 70%;
        margin: 0 auto; }

    .block-3 h2{ font-size: 5.6vw; }

    .block-3 .bx { width: 50%;
    	margin: 0%;
    	padding: 5% 0 0.6% 0; }

    .block-3 .bx p{ font-size: 3vw; }

    .block-4{ padding: 15% 0 15% 0;
        text-align: center; }

    .block-4 img { width: 95%;
    	margin: 4.8% auto 0 auto; }

    .block-4 p.p1 { font-size: 3.96vw;
    	margin: 14% 0% 14% 0%; }

    .block-4 h2{ margin: 0 0px 0px 0px;
        text-align: center;
        font-size: 14vw; }

    .block-4 .accordion{ padding: 0 0 0 30px; }

    .block-4 .box{ padding: 30px 61px 25px 61px;
    margin: 35px auto 0 auto; }

    .block-4 .box span b{ font-size: 75px;
    margin: -53px 0 -46px -20px;  }

   	.block-4 .box span { font-size: 27px; }

   	.block-5{ padding: 90px 0 0px 0; }

    .block-5 .an{ width: 52%; }

    .block-5 h3 { font-size: 12vw;
        margin: 0 0 0 0px;
        line-height: 110%; }

    .block-5 p,
    .block-5 .bx2 p{ margin: 36px auto 0 auto;
        font-size: 4.77vw;
        padding: 0 15px; }

    .block-5 p br{ display: none; }

    .block-6 h3 { font-size: 5.7vw;
    	margin: 10% 0 10% 0; }

	.block-6 #box{ border-radius: 15px;
        padding: 15px 15px;
        text-align: center;
        margin: 3% 0 10% 0; }

    .block-6 #box span{ display: block;
        font-size: 4vw;
        margin: 0 0 3% 0; }

    .block-6 #box img{ width: 32%;
        max-width: 250px; }

    .block-6:before { background-image: none;
    	background-color: #efc930; }

	.block-7 .col-md-5,
	.block-7 .col-md-7{ -ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	padding: 0 15px; }

    .block-7 .row{ margin: 0 0 85px 0; }

    .block-7 .row:nth-child(2n) .col-md-7{ text-align: left;
    	order: 1; }

    .block-7 .box{ margin: 0px 0 35px 0px; }

    .block-7 p{ font-size: 4.1vw;
        text-align: center; }

    .block-7 #bk p{ margin: 6% 0; }

    .block-7 p br{ display: none; }

    .block-7 #bk p span { font-size: 18vw;
    	margin: 6% 0 6% 0; }

    .block-7 #bk .p1{ font-size: 3.5vw; }

    .block-7 .bx1 p{ font-size: 4.2vw;
    	margin: 0 0 16% 0; }

    .block-7 .row:nth-child(1) .col-md-7,
    .block-7 .row:nth-child(2) .col-md-7,
    .block-7 .row:nth-child(3) .col-md-7{ padding: 0 15px 0 15px; }

    .block-7 .bx1 { top: 0;
    	width: 100%;
    max-width: 200px;
    display: block;
    margin: 0 auto; }

    .block-7 .bx2{ display: inline-block;
	    margin: 0 0 0 0%;
	    position: relative;
	    top: 0px; }

	.block-7 .bx2 p{ margin: 9% 0% 0 0; }

	.block-7 .row.r3{ margin: 0 0 50px 0; }

	.block-7 .hd2-2{ text-align: center; }

	.block-8{ padding: 14.6% 0 0 0; }

	.block-8 .container{ width: 100%; }

	.block-8 .box img{ position: relative; }

	.block-8 .col-md-5,
	.block-8 .col-md-7{ -ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
    	padding: 0 15px; }

    .block-8 .row:nth-child(2n) .col-md-7{ text-align: left;
    	order: 1; }

    .block-8 p{  font-size: 4.48vw;
    	margin: 7% 0 7% 0; }

    .block-8 .nav-tabs .nav-item { width: 48%;
    	margin: 1%; }

    .block-8 #bk .nav-link { padding: 9% 0% 0% 0;
    	border-radius: 15px; }

    .block-8 #bk{ padding: 9% 0 9% 0; }

    .block-8 #myTabContent h2{ font-size: 5.3vw; }

    .block-8 .bx{ width: 100%; }

    .block-8 p{ font-size: 4.2vw;
        line-height: 140% !important; }

    .block-8 h5{ font-size: 4.6vw;
    	margin: 10% 0 12.55% 0; }

    .block-8 .rowx3 ul li{ font-size: 4.36vw;
	    letter-spacing: 0.6px;
	    line-height: 150%;
	    color: var(--color-5);
	    font-weight: 600;
	    margin: 0 -34% 6.8% 10%;
	    position: relative;
	    padding: 0 0 0 0px; }

    .block-8 .rowx3 ul li:before { content: "";
	    position: absolute;
	    width: 5%;
	    height: 100%;
	    background-size: 100%;
	    background-repeat: no-repeat;
	    top: 3px;
	    left: -8%; }

	.block-8 .fla { margin: 0 0 0 0;
	    width: 75%;
	    margin: 0 auto;
	    display: block; }

	.block-9{ padding: 14.6% 0 11% 0; }

    .block-9 iframe{ height: 575px; }

    .block-9 h4{ font-size: 38.5px;
        margin: -4px 0 -4px 0; }

    .block-9 p{ font-size: 4.2vw; }

    .block-9 .hd2-2{ text-align: center;
        font-size: 7.6vw; }

    .block-9 .wpcf7-form input, .block-9 .wpcf7-form textarea{ padding: 15px 20px;
    	min-height: 45px;
    	font-size: 17px; }

    .block-9 input[type="submit"].wpcf7-submit { max-width: 130px;
    	font-size: 17px;
    	letter-spacing: 0;
    	padding: 10px 10px; }

    .block-10 h3{ font-size: 6.16vw;
    	text-align: center; }

    .block-10 .rowx2 img { margin: 9% auto;
    	width: 90%;
    	display: block; }

    #colophon .widget li a { font-size: 15px;
    	margin: 0 5px; }

    #colophon figure{ margin: 0 auto;
    	width: 78%; }

    #social { right: 0;
    	left: 0; }

    .block-10 .imp li{ font-size: 3.68vw; }

    .block-10 ul li { font-size: 3.68vw;
    	margin: 0 0 0.2% -6%; }

    .block-11{ padding: 15% 0 17% 0; }

    .block-11 .bx1 span{ font-size: 3.85vw; }

    .block-11 .form-box label{ font-size: 3.85vw; }

    .block-11 h2{ font-size: 7.6vw; }

    .block-11 h6{ font-size: 3.8vw; }

    .block-11 p{ font-size: 4vw; }

    .block-11 .form-box,
    .block-11 .bx1{ border-radius: 15px; }

    .block-11 .form-box{ padding: 8.5% 3% 3.5% 3%; }

    .block-11 .form-box .p1{ font-size: 4vw; }

    .block-11 .bx1 p{ font-size: 3.86vw;
    	line-height: 175%;
    	margin: 0 0 4% 0; }

    .block-11 .bx1 p a i{ font-size: 3.2vw; }

    /**/

    .fat-nav li { margin: 15px 0;
    	font-size: 19px; }
    
    .block-5 .bx1,
    .block-5 .bx2{ width: 95%; }

    .block-5 .bx2{ margin: 21% 0 0 0; }

    .block-4 p { font-size: 3.8vw;
    	font-weight: 100;
    	line-height: 141%;
    	margin: 20% 0% 5% 0%;
    	letter-spacing: 1.7%; }


    #colophon #widget-area-3,
    #colophon #widget-area-4,
    #colophon #widget-area-5{ width: 100%; }

    .site-credit p{ text-align: center;
    	font-size: 3vw;
    	margin: 26px 15px 0 15px;
    	line-height: 146%; }

    .site-credit p br{ display: none; }

    #colophon .wp-block-image img { width: 170px;
    	margin: 0 auto;
    	display: block; }

    #social{ text-align: center; }

    #colophon #aviso p { font-size: 11px;
        text-align: center; }

    #colophon #aviso a { float: none;
    	display: block;
    	margin: 6px 0; }

    #colophon h4{ font-size: 16px;
    	text-align: center; }

    #colophon .widget li{ text-align: center; }

    .block-7 .hd2-2 span{ font-size: 7.6vw;
    	margin: 9% 0 0% 0; }


	 .block-8 .hd2-2{ margin: 0px 0 0px 0px;
        text-align: center;
        font-size: 7.6vw; }

    .block-3 .bx{ width: 70%;
        margin: 0% 0 12% 0; }

    .block-3 .bx h5{ font-size: 4.3vw; }

    .block-3 .h2-t2{ top: -92px; }

    .block-4 h2{ font-size: 7.6vw;
    	padding: 0 20px; }

    .block-4 .bx{ width: 70%;
        margin: 20% 0 0 0; }

    .block-4 img{ width: 47%; }

    .block-4 .bx p{ font-size: 3.4vw; }

    .h2-t:before, .h2-t:after{ height: 55px; }

    .block-5 .bx1 img{ transform: scale(2.5); }

    .block-5 .bx1{ top: 0;
        overflow: hidden;
        border: 16px solid #ae1f19;
        margin: 0 auto 0 auto;
        display: block;
        height: 150%;
        width: 60%; }

	.block-5 .col-md-6:nth-child(1){ order: 2; }

	.block-5 .col-md-6:nth-child(2){ order: 1; }

	.block-5 .ct{ margin: 0px 0% 0 0%; }

	.block-5 h3 { font-size: 9vw;
        margin: 31% 0 0% 0px;
        line-height: 110%;
        text-align: center; }

    .block-5 .bx2 { margin: 37% auto 0 auto;
        display: block; }

    .block-5 .bx{ width: 90%; }

    .block-5 .h2-t2{ font-size: 4.7vw; }

    .block-5 .bx p { font-size: 4.3vw;
    	margin: 7% 0 12% 0; }

    .page-template-page-template-full-100-nosotros .block-3 .h2-t2{ top: -19px; }
    .page-template-page-template-full-100-productos .block-3 .h2-t2{ top: -19px; }
    .page-template-page-template-full-100-distribucion .block-3 .h2-t2{ top: -19px; }

    .block-3.pt2 .bx2{ flex-direction: column; }

    .block-3.pt2 p span { font-size: 2.39vw;
    	top: -17px; }

    .block-3.pt2 p i{ font-size: 3.3vw; }

    .block-3.pt2:before{ left: 6%; }

    .block-3.pt2:after{ right: 6%; }

    .h2-t2{ padding: 2% 5.5% 3.45% 6.5% !important;
    	z-index: 1; }

    .block-3.pt4 .bx{ width: 80%;
        margin: 12% 0 12% 0; }

    .block-3.pt3 .nav-tabs .nav-item{ width: 50%;  }

    .block-3.pt3 #bk .nav-link{ border-radius: 130px; }

    .block-3.pt2 .bx2 h6{ font-size: 6vw;
    	width: 4vw;
    	height: 10vw; }

    .block-3 #pr{ justify-content: center !important; }

    .block-3.pt4 .bx ul{ width: 100%; }

    .block-3.pt4 .bx ul li{ font-size: 4vw; }

    .block-3.pt4 .bx h6{ font-size: 4.68vw;
    	margin: -12% 0 6% 0; }

    .block-3.pt4 .bx ul{ margin: 4% auto 8% auto; }
    
    .block-1 h1 { font-size: 7.4vw;
        margin: 3% 0 2% 0%; }

}

@media screen and (max-width: 960px) {

	.site-content {
		/*margin-right: 40%;*/
		}
	.site-sidebar {
		/*width: 35%;
		margin-left: -35%;*/
		}
	.site-sidebar .widget_search .search-field {
		width: 95%;
		margin: 0 0 10px;
		}
	.site-extra .widget-area {
		width: 100%;
		}

	#masthead .col-3,
	#masthead .col-9{ -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    text-align: center; }

	.site-branding{ float: none; }

	.site-header{ padding: 25px 0px 0px; }

	.site-branding a{ position: relative;
	    top: 0;
	    left: 0;
	    right: 0; }

}

@media screen and (max-width: 767px) {

	#menu-top{ display: none; }

	.hamburger{ display: block;
	    opacity: 1; }

	#text-1 h2 { font-size: 30px; 
    	text-align: center; }

    #block-1 .align-self-center { text-align: center; }

    #block-1 h1{ text-align: left;
        padding: 0 17px; }

    #block-1 .p1{ text-align: left;
        padding: 0 18px;
        font-size: 17px;
        margin: 0px 0 14px 0; }

    #block-2 { text-align: left;
    	padding: 31px 8px 11px 8px; }

    #block-2 span{         border: 1px solid #fff;
        border-radius: 10px;
        padding: 6px 3px 4px 10px;
        margin: 0 0 20px 0px;
        vertical-align: top;
        font-size: 11.5px;
        width: 177px;
        line-height: 29px;
        min-height: 44px;
        text-align: left; }

    #block-2 span br{ display: none; }

    #block-6 #home-from{ text-align: left;
        margin: 115px 0 0 0px;
        display: inline-block; }

    #block-3 .box{ margin: 0 25% 95px 25%; }

    #block-3 #pnls{ margin: 0px 0 -170px 0; /*overflow: hidden;*/ }

    #block-4 img { left: auto;
        position: relative;
        margin: 0 auto 65px auto;
        display: block; }

    #block-6 .bx img { left: 0;
    	top: initial;
    	bottom: -17px;
    	right: 0;
    	width: 142px;
    	margin: 0 auto; }

    #block-6 .bx { width: 315px;
	    height: 315px;
	    margin: 0 auto;
	    position: relative; }

	#block-6 .bx h2 {
        font-size: 36.6px;
        line-height: 43px; }

    #block-6 #home-from .wpcf7-submit{ padding: 3px 93px 30px 16px;
        font-size: 13px; }

    #text-2 p{ font-size: 16px; 
    	text-align: center; }

    #text-2 p br{ display: none; }

    #text-3 h2{ font-size: 27px;
	    line-height: 150%;
	    margin: 0px 0 0 0; }

    #text-4 p{ font-size: 16px; 
    	text-align: left; }

    #text-4 p br{ display: none; }

    #text-5 h2{ font-size: 27px;
	    line-height: 150%;
	    margin: 0px 0 25px 0; }

	#text-6 p{ font-size: 16px; 
    	text-align: left; }

    #text-6 p br{ display: none; }

    #extra p a{ font-size: 15px; }

    #block-15 .col-md-7 .box { width: 100%; }

	.site-content.col-md-8, .side-bar.col-md-4{
		width: 100%;
		}

	.site-header .widget-area {
		display: none;
		}
	.site-header .site-branding {
		float: none;
		text-align: center;
		}
	.content-area {
		float: none;
		}
	.site-content {
		margin: 0;
		}
	.entry-thumbnail {
		float: none;
		margin: 0 auto 15px;
		}
	.entry-summary {
		margin-left: 0;
		}
	.site-sidebar {
		width: auto;
		float: none;
		margin: 20px 0 0;
		}
	.site-extra .widget-area {
		width: 100%;
		margin: 0 0 0px 0;
		}


	}

@media screen and (max-width: 600px) {


	#mn{ transform: scale(0.5); }

	.eCell { width: 150px !important;
    	height: 150px !important; }

    #block-5 .bx h2{ font-size: 24.6px;
        line-height: 32px; }

    #block-5 .bx p { font-size: 10.5px;
    	line-height: 18px; }

    #block-3 .box{ margin: 0px 7% 95px 7%; }

    #block-4 .bx1{ padding: 0 0 0 0px; }

    #block-4 .bx1 p br{ display: none; }

    #block-1 h1{ font-size: 35px; }

    #block-1 .p2{ text-align: left; }

    #block-3 h2{ font-size: 26.6px;
    	line-height: 35px; }

    #block-6 .bx h2 { font-size: 28.6px;
        padding: 0 0px 0 0;
        text-align: center !important;
        width: 100%;
        margin: -35px 0 0 30px;
        line-height: 39px; }

    #colophon #block-2{ text-align: center; }

    #colophon #block-3{ text-align: center; }

    #extra p a{ margin: 0 0px 0 0;
        display: block; }

    #colophon #block-3 p{ margin: 30px 0 0 0; }

    #block-6 #home-from input, #block-6 #home-from textarea { height: 38px;
    	font-size: 14.5px; }

}

@media screen and (max-width: 540px) {


}

@media screen and (max-width: 480px) {


	.site-info { width: 100%; }

	.site-footer .site-credit{ width: 100% !important; }

	.site-footer {
		text-align: center;
		}
	.site-footer .site-info,
	.site-footer .site-credit {
		float: none;
		}
	}

@media screen and (max-width: 530px) {



}

@media screen and (max-width: 458px) {

	#block-18 .box-2 { border-radius: 20px 20px 0 0; }

}

@media screen and (max-width: 392px) {

	#block-18 .box-2 { border-radius: 30px 30px 0 0; }

}

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