@charset "UTF-8";

/* Yamaha [LP] Guitar Experience Center - CSS - ™2020 4toestudio.com */


/*==== webFonts ====*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&display=swap');

/*==== turning OFF (mob) stuff ====*/

#mobNav {
    display: none;
}


/*==== links ====*/

a:link,
a:visited {
    color: #4b1e78;
    text-decoration: none;
}

a:hover,
a:active {
    color: #999;
    text-decoration: none;
}


/*==== Headings ====*/

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Oswald', sans-serif;
}


/*==== Button (1) ====*/

.cs .theme_buttons.color1 a,
.cs .theme_button.color1 {
    color: #524761;
    background-color: #ffffff;
}

.cs .theme_buttons.color1 a:hover,
.cs .theme_buttons.color1 a:focus,
.cs .theme_buttons.color1 a:active,
.cs .theme_button.color1:hover,
.cs .theme_button.color1:focus,
.cs .theme_button.color1:active {
    color: #222222;
}


/*==== Button (2) ====*/

.cs .theme_buttons.color2 a,
.cs .theme_button.color2 {
    background-color: #524761;
}

.cs .theme_buttons.color2 a:hover,
.cs .theme_buttons.color2 a:focus,
.cs .theme_buttons.color2 a:active,
.cs .theme_button.color2:hover,
.cs .theme_button.color2:focus,
.cs .theme_button.color2:active {
    color: #fff;
    background: #000;
}


/*==== Button (inverse) ====*/

.cs .theme_buttons.inverse a,
.cs .theme_button.inverse {
    color: #524761;
    background-color: #ffffff;
}

.cs .theme_buttons.inverse a:hover,
.cs .theme_buttons.inverse a:focus,
.cs .theme_buttons.inverse a:active,
.cs .theme_button.inverse:hover,
.cs .theme_button.inverse:focus,
.cs .theme_button.inverse:active {
    color: #222222;
    background-color: #ccc;
}


/*==== (y) Header ====*/

#y-Header {
    height: 70px;
    background: #fff;
    color: #000;
}

#y-Header .container-fluid {
    padding-top: 10px;
    padding-bottom: 0;
}


/*==== (tag) GEC ====*/

#tag-GEC {
    width: 43%;
    margin: 0 2% 0 0;
    padding: 8px 0;
    float: left;
}


/*==== (top) Disclaimer ====*/

#topDisclaimer {
    width: 55%;
    float: right;
    font-size: 12px;
    text-align: left;
}

#topDisclaimer p {
    line-height: 1em;
    margin: 5px 0;
}


/*==== NavBox ====*/

#NavBox {
    background: rgba(250, 250, 250, 0.75);
    position: fixed;
    top: 70px;
    z-index: 700;
}

#NavBox .col-sm-12 {
    margin: 0;
}

#NavBox .sf-menu>li>a {
    padding: 10px;
}

#NavBox .sf-menu>li>a:hover,
#NavBox .sf-menu>li.active>a,
#NavBox .sf-menu>li.sfHover>a {
    background: #4b1e78;
    color: #fff;
}

#NavBox .sf-menu>li>a::after,
#NavBox .sf-menu>li>a::before {
    display: none;
}

#NavBox .sf-menu>li>a:hover::before,
#NavBox .sf-menu>li.active>a::before,
#NavBox .sf-menu>li.sfHover>a::before,
#NavBox .sf-menu>li>a:hover::before,
#NavBox .sf-menu>li.active>a::after,
#NavBox .sf-menu>li.sfHover>a::after {
    transition: none;
}


/*=========================
	CONCEPTO
=========================*/

#concepto {
    background: #fff;
}


/*==== Conceptop (facts) ====*/

#concept-facts h3 {
    font-size: 36px;
    color: #524761;
}


/*=========================
	SERIES
=========================*/


/*==== (s) Head ====*/

.s-Head {
    width: 100%;
    margin-top: 80px;
    padding: 40px 0;
    background: #181d1f;
    color: #fff;
    text-align: center;
}

.s-Head h2 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}


/*==== (s) Box ====*/

.s-Box .container {
    padding: 50px 0 100px 0;
}

.s-Box.ls.ms {
    background: #fff;
}


/*==== (s) Intro ====*/

.s-Intro {
    max-width: 600px;
    margin: 0 auto;
}

.s-Intro h5 {
    font-size: 18px;
    color: #524761;
    font-weight: 400;
}


/*==== (s) Item ====*/

.s-Item .event_buttons {
    padding-bottom: 10px;
}

.s-Item .ds {
    background: none;
}

.s-Item .item-media.mutted-media img {
    opacity: 1;
}

.vertical-item.content-absolute .item-content.cs {
    padding-top: 0;
    padding-bottom: 0;
    background: #26193a;
}


/*==== (s) Action ====*/

.s-Action {
    padding: 40px 0 0 0;
}


/*=========================
	lightBoxes (Guitars)
=========================*/

.lightbox {
    display: none;
}


/*==== theGuitar ====*/

.theGuitar {
    width: 90%;
    margin: 20px auto;
    overflow: hidden;
}

.theGuitar div {
    overflow: hidden;
}


/*==== (G) Pic ====*/

.G-pic {
    width: 45%;
    margin: 0 2.5%;
    float: left;
}


/*==== (G) Facts ====*/

.G-facts {
    width: 50%;
    margin: 0;
    padding: 10% 0;
    float: left;
    line-height: 1.2em;
}

.G-facts h2 {
    font-size: 34px;
    font-weight: 500;
}

.G-facts ul {
    margin: 15px 0;
    padding: 0 0 0 20px;
}

#nx-9 .G-facts,
#revstar-4 .G-facts,
#revstar-5 .G-facts,
#revstar-6 .G-facts {
    padding: 4% 0;
}


/*==== (lb) Action ====*/

.lb-Action {
    margin: 20px 0;
}

.lb-Action .theme_buttons.color2 a,
.lb-Action .theme_button.color2 {
    background-color: #524761;
    color: #fff;
}

.lb-Action .theme_buttons.color2 a:hover,
.lb-Action .theme_buttons.color2 a:focus,
.lb-Action .theme_buttons.color2 a:active,
.lb-Action .theme_button.color2:hover,
.lb-Action .theme_button.color2:focus,
.lb-Action .theme_button.color2:active {
    color: #fff;
    background: #000;
}


/*==== lity (in-Front) ====*/

.lity {
    z-index: 2147483649 !important;
}


/*==== THRII (LB) ====*/

.justWrapp {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    overflow: hidden;
}

.colX2 {
    width: 45%;
    margin: 0 2.5%;
    float: left;
}


/*=========================
	TIENDAS
=========================*/


/*==== tiendas ====*/

#tiendas {
    background: #c2217a url(/es/files/bck-tiendas_17b8ffb735be003ea46437d908e8c443.jpg) no-repeat top center;
    background-size: cover;
}


/*==== shopBox ====*/

#shopBox {}


/*==== shopIntro ====*/

#shopIntro {
    max-width: 400px;
    padding-bottom: 40px;
    color: #fff;
    font-size: 18px;
}

#shopIntro img {
    margin: 0 0 30px 0;
}


/*==== shopTabs ====*/

#shopTabs .ls.ms .vertical-tabs .nav>li>a {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff !important;
}

#shopTabs .ls.ms .vertical-tabs .nav>li>a:hover,
#shopTabs .ls.ms .vertical-tabs .nav>li.active>a {
    background-color: #524761;
    color: #fff;
}

#shopTabs .nav li a img {
    padding-right: 10px;
}

#shopTabs .tab-content {
    background-color: rgba(0, 0, 0, 0.7);
}


/*==== (shop) Info ====*/

.shop-Info {
    color: #fff;
}

.shop-Info h4 {
    font-size: 24px;
    color: #b08de4;
}

.shop-Info span {
    display: block;
}

.shop-Info a:link,
.shop-Info a:visited {
    color: #b9b9b9;
}

.shop-Info a:hover,
.shop-Info a:active {
    color: #cf2770;
}


/*==== (shop) Actions ====*/

.shop-Actions {
    width: 100%;
    overflow: hidden;
}


/*===== ghostBTN =====*/

.ghostBTN {
    margin: 30px 0;
}

.ghostBTN a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block;
    padding: 7px 2%;
    border: solid 2px #fff;
    border-radius: 5px;
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin-right: 3%;
    float: left;
}

.ghostBTN a:link,
.ghostBTN a:visited {
    color: #fff;
}

.ghostBTN a:hover,
.ghostBTN a:active {
    color: #000;
    background: #fff;
}


/*===== wazeBTN =====*/

.wazeBTN {
    margin: 30px 0;
}

.wazeBTN a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    display: block;
    padding: 5px 2%;
    border: solid 2px #93c4d3;
    background: #93c4d3;
    border-radius: 5px;
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin-right: 3%;
    float: left;
}

.wazeBTN a:link,
.wazeBTN a:visited {
    color: #fff;
}

.wazeBTN a:hover,
.wazeBTN a:active {
    color: #000;
    background: #619fb3;
}


/*==== (shop) Social ====*/

.shop-Social {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
}

.shop-Social img {
    padding-right: 5px;
}


/*==== (shop) Map ====*/

.shop-Map {
    margin: 30px 0;
}


/*==== (shop) Map ====*/

.shop-Map-btn {
    margin: 30px 0;
    overflow: hidden;
}


/*===== mapBTN =====*/

.mapBTN {
    margin: 10px 0;
}

.mapBTN a {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    display: block;
    padding: 7px 2%;
    background: #524761;
    border-radius: 5px;
    text-decoration: none;
    line-height: 1em;
    text-align: center;
    width: 100%;
    max-width: 200px;
    margin-right: 3%;
    float: left;
}

.mapBTN a:link,
.mapBTN a:visited {
    color: #fff;
}

.mapBTN a:hover,
.mapBTN a:active {
    color: #fff;
    background: #766289;
}


/*====================
	Maps (responsive)
=====================*/

.map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}


/*====================
	CUPÓN ESPECIAL
=====================*/

#cupon {
    background: #26193a;
    color: #fff;
    font-size: 20px;
    text-align: center;
}


/*==== cuponTeaser ====*/

.cuponTeaser {
    width: 80%;
    max-width: 430px;
    margin: 0 auto;
}

.cuponTeaser img {
    padding: 0 0 20px 0;
}

.cuponTeaser .theme_button {
    font-size: 20px !important;
}


/*==== conditionBox ====*/

#conditionBox {
    margin: 40px auto;
    font-size: 12px;
    line-height: 1.2em;
}

#conditionBox h5 {
    font-size: 14px;
    color: #fff;
}


/*==== formBox ====*/

#formBox {
    max-width: 430px;
    margin: 40px auto;
}

#formBox img {
    padding: 20px 0;
}

#formBox .contact-form label[for] {
    display: block;
}

#formBox .col-sm-12 {
    margin-bottom: 10px !important;
}

#formBox .contact-form #checkBoxes label[for] {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
}

#formBox #contact_form_submit {
    background-color: #524761 !important;
    font-size: 20px !important;
}

#formBox #contact_form_submit:hover {
    background-color: #000 !important;
    color: #fff !important;
}


/*==== confirmBox ====*/

#confirmBox p {
    line-height: 1.2em;
}


/*==== the Cupon ====*/

#theCupon {
    width: 100%;
    margin: 20px auto;
    padding: 20px 0;
    background: #79349e url(../images/cupo-bck.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
}


/*==== (top) Cupon ====*/

#top-Cupon {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 18px;
}

#theDate {
    width: 45%;
    float: left;
}

#topLogo {
    width: 45%;
    float: right;
    text-align: right;
}

#topLogo img {
    padding: 0;
}


/*==== blackBox ====*/

#blackBox {
    width: 85%;
    margin: 25px auto;
    padding: 5%;
    background: #000;
    background: rgba(0, 0, 0, 0.55);
}


/*==== the Number ====*/

#theNumber {
    width: 100%;
    margin: 30px auto;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
}


/*==== the Nodel ====*/

#theModel {
    width: 100%;
    margin: 10px auto;
    font-size: 24px;
    color: #d6a4ea;
    text-align: center
}


/*==== (bott) Cupon ====*/

#bott-Cupon {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0 20px 0;
    font-size: 14px;
}

#theCountry {
    width: 30%;
    float: left;
}

#theStore {
    width: 65%;
    float: right;
    text-align: right;
}


/*==== (cupon) Actions ====*/

#cupon-Actions {
    max-width: 300px;
    margin: 40px auto;
}

#cupon-Actions img {}

#formBox #conditionBox {
    text-align: center;
}

#formBox #conditionBox h5 {
    font-size: 14px;
    color: #4d4d4d;
}


/*====================
	Footer
=====================*/

#footer {
    background: #181d1f;
    color: #fff;
}

#footer img {
    padding: 0 10px;
}


/*==== toTop ====*/

#toTop {
    background-color: #524761 !important;
}


/*====================
	(mob) Nav
=====================*/

.eos-menu,
.eos-menu *,
.eos-menu *:before,
.eos-menu *:after {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.eos-menu {
    font-size: 14px;
    color: #eee;
}

.eos-menu li {
    list-style: none;
}

.eos-menu .eos-menu-content {
    position: absolute;
    width: 100%;
    overflow-y: hidden;
    height: 0px;
    z-index: 10;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.eos-menu .eos-group-content {
    overflow-y: hidden;
    height: 0px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.eos-menu .eos-menu-title,
.eos-menu .eos-group-title,
.eos-menu .eos-item {
    height: 40px;
    line-height: 40px;
    background: #524761 !important;
    border-color: #524761;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-bottom: none;
}

.eos-menu .eos-menu-title .fa,
.eos-menu .eos-group-title .fa,
.eos-menu .eos-item .fa {
    line-height: 40px;
}

.eos-menu .eos-menu-title:hover,
.eos-menu .eos-group-title:hover,
.eos-menu .eos-item:hover {
    cursor: pointer;
    background: #ccc;
}

.eos-menu .eos-group-content .eos-item {
    background: #524761;
    padding-left: 30px !important;
}

.eos-menu .eos-item a {
    color: #eee;
    display: block;
    text-decoration: none;
}

.eos-menu .eos-pull-right {
    float: right;
}

.eos-menu .auto-height {
    height: auto;
}

@media (min-width: 1080px) {
    .eos-menu .eos-menu-title {
        display: none;
    }
    .eos-menu .eos-menu-content {
        height: auto;
        position: inherit;
    }
}