@charset "UTF-8";
/*----------------------------------------------------------------------

	MASTER STYLESHEET

-----------------------------------------------------------------------*/
/* eg: @include user-select(none); */
/* eg: @include rotate(45deg); */
/* eg: @include translate3d(0,0,0); */
/* eg: @include border-radius(3px); */
/* eg: @include visibility-backface(hidden); */
/*------------------------------------------------------------------
  	[The "base.scss" contains basic default element styles
  		(colors, typography, margins & padding).]
------------------------------------------------------------------*/

#about {
    min-height: 650px;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}

.bg-about {
    /*background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/mujer.jpg') no-repeat bottom center scroll;*/
    /*background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/MUJER03.jpg') no-repeat center center scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 0;
    margin: 0;
    /*min-height: 660px;*/
    min-height: 700px;
    width: 100%;
    height: 100%;
    float: left;
}

.bg-about3 {
    background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/WEB-TUK-S004B.gif') no-repeat center center scroll;
    background-size: contain;
    min-height: 464px;
    min-width: 1183px;
}

.bg-about5 {
    background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/web-tuk-movil02.gif') no-repeat center center scroll;
    background-size: contain;
    min-height: 464px;
}

.overlay2 {
    opacity: 0;
    position: absolute;
    /*overflow: hidden;*/
    width: 100%;
    height: 100%;
    left: 0%;
    /*top: 10%;*/
    background-color: rgba(29, 29, 29, 0.70);
    /*background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/WEB-TUK-S004b.jpg') no-repeat center center;*/
}

.bg-about3:hover .overlay2 {
  opacity: 1;
}

.colCentered3 {
    float: none;
    margin: 0 auto;
    max-width: 1183px;
}

.overlay3 {
    opacity: 0;
    position: absolute;
    /*overflow: hidden;*/
    width: 100%;
    height: 100%;
    left: 0%;
    /*top: 10%;*/
    background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/web-tuk-movil02.gif') no-repeat center center;
    background-size: contain;
}

.bg-about5:hover .overlay3 {
  opacity: 1;
}

.text {
    /*font-size: 20px;*/
    position: absolute;
    top: 25%;
    left: 30%;
    right: 30%;
    -ms-transform: translate(-50%, -50%);
}

.spacing {
    letter-spacing: 0.3em;
    text-decoration: underline;
    
}

.promo-shop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.promo-shop-title {
    text-align: center;
    color: white;
    font-size: 60px;
}

.promo-block-title {
    color: white;
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.br {
    top: 65%;
    font-size: 30px;
}

.promo-block-title2 {
    color: white;
    font-size: 60px;
    position: absolute;
    top: 85%;
}

    .promo-block-title .watch {
        color: white;
        font-size: 60px;
    }

.watch {
    color: #1d1d1d;
    /*font-size: 80px;*/
    font-size: 6vw;
}

.about-watch {
    padding-bottom: 2%;
    color: #1d1d1d;
    /*font-size: 80px;*/
}

.bg-about:hover {
    opacity: .65;
}

#about2 {
    min-height: 650px;
    display: inline-block;
    width: 100%;
}

.bg-about2 {
    /*background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/HOMBRE03.jpg') no-repeat center center scroll;*/
    /*background: url('https://1952555543.rsc.cdn77.org/images/coolway-freestyle/resources/home/hombre.jpg') no-repeat bottom center scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding: 0;
    margin: 0;
    /*min-height: 660px;*/
    min-height: 700px;
    width: 100%;
    height: 100%;
    float: left;
}

    .bg-about2:hover {
        opacity: .65;
    }

/*.END ABOUT SHOP*/


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

footer {
    /*margin: 20px 0;*/
    margin: 0;
}

.monkey:hover {
    // opacity: .65;
    cursor: pointer;
    -webkit-animation: bounce 1s;
    animation: bounce 1s;
}



.bottom {
    padding-bottom: 20px;
}

.make-tittle {
    line-height: .9;
    text-align: left;
    font-size: 60px;
    padding-top: 20px;
}

.make-text {
    text-align: left;
    font-size: 20px;
    color: black;
}



/* Header Black */

.header .white {
    background: #fff;
}

.header .nav #black {
    color: #1d1d1d;
}

/*-------------------------------------------------------------------------------*/

/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

#thumbnail-slider-pause-play {
    display: none;
}
/*.pause*/
#thumbnail-slider-prev, #thumbnail-slider-next {
    display: none;
}

/*-------------------------------------------------------------------------------*/

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #1d1d1d\9;
    background-color: rgba(0,0,0,0);
    border: 2px solid #fff;
    border-radius: 0px;
}

/*HECTOR*/

.page-on-scroll .header .nav-item-hover:after {
    background: #1d1d1d;
}

/* Video */

.container {
    height: 100%;
}

.video-section .pattern-overlay {
    background-color: rgba(71, 71, 71, 0.29);
    // padding: 110px 0 32px;
    min-height: 1500px;
    /* Incase of overlay problems just increase the min-height*/
}

.video-section .buttonBar {
    display: none;
}

.player {
    font-size: 1px;
}

/* End Video */

/* Carousel-Fade *inspired from http://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}

/* End Carousel-Fade *inspired from http://codepen.io/Rowno/pen/Afykb */

@media (max-width: 768px) {
    .monkeyText {
        max-width: 402px;
    }
}

/* Grid */

/*.row {
   text-align: -webkit-center;
   text-align: center;
}*/

.row-fluid {
    text-align: -webkit-center;
    text-align: center;
}

/* CSS only to highlight col-* */
/*.row [class*='col-']:not(.hid) {
   background-color: #ffeeee;
   background-clip: content-box;
   min-height: 20px;
}*/

#outerWrap {
    position: relative;
    z-index: 10;
    background-color: #00CCFF;
}

#layer1 {
    position: relative;
    z-index: 1;
    background-color: #6F0;
    top: 40px;
    left: 40px;
}

#layer2 {
    position: absolute;
    z-index: 2;
    /*background-color: #FC0;
    top: 120px;
    left: 260px;*/
}

#layer3 {
    position: absolute;
    z-index: -2;
    /*background-color: #FC0;
    height: 250px;
    width: 350px;
    top: 120px;
    left: 260px;*/
}

.make-tittle2 {
    line-height: .9;
    text-align: left;
    font-size: 40px;
    padding-top: 20px;
}

.navbar {
    border-radius: 0px !important;
}

/* Zoom In #1 */
figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.hover01 {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

    .hover01:hover {
        opacity: 0.9;
    }
/* End Zoom In #1 */

/*.no-pad:hover {
    opacity: 0.5;
}*/

/*------------------------- Visual Studio CSS ---------------------------*/

@media (min-width: 768px) {
    #navbarOk {
        /*width: 90%;*/
        width: 100%;
    }
}

.header .nav-item {
    padding-right: 1vw;
    /*padding-right: 40px;*/
}

/*.page-on-scroll .header .nav-item-hover:after {
    background: #1d1d1d;
}*/

.header2 .nav .nav-item-hover:after {
    background: #1d1d1d;
}

.colCentered {
    float: none;
    margin: 110px auto;
    width: 85%;
}

.padding-t-40 {
    padding-top: 40px;
}

.padding-t-10 {
    padding-top: 10px;
}

.btn-filter {
    border: none;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: transparent;
    color:#000;
}

.btn-filter:hover {
    border: none;
    background: transparent;
}

.btn-filter:after {
    border: none;
    background: transparent;
}

    .btn-filter span {
        color: #1d1d1d;
    }

.dropdown-menu:hover {
    display: block;
}

.dropdown-menu:after {
    display: block;
}

@media (max-width: 1280px ) {
    .header .nav-item {
        padding-right: 15px;
    }

    .menu-container .navbar-nav li a {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.header2 .navbar {
    margin-bottom: 0;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    /*border-bottom-color: #f0f0f0;*/
}

.breadcrumb {
    background: none;
    font-size: 9pt;
    color: darkgray;
}

.dropdown-menu {
    position: absolute;
    /*top: 100%;*/
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    /*margin: 2px 0 0;*/
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #ccc;
    border: 0px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    /*-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .100);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .100);*/
    padding-top: 15px;
    padding-bottom: 5px;
    -webkit-box-shadow: 1px 4px 4px rgba(0,0,0,0.08);
    box-shadow: 1px 4px 4px rgba(0,0,0,0.08);
}

.dropdown-logout {
    background-color: rgba(0,0,0,0);;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}

.mcw-title {
    /*font-size: 80px;*/
    font-size: 5.5vw;
    position: absolute;
    top: 35%;
    left: 0%;
    /*transform: translateX(-50%) translateY(-50%);*/
    width: 100%;
}

.about-title {
    /*font-size: 80px;*/
    position: absolute;
    top: -6%;
    left: 0%;
    /*transform: translateX(-50%) translateY(-50%);*/
    width: 100%;
    font-size: 5.5vw;
}

.about-title2 {
    width: 100%;
    font-size: 40px;
}

.about-p {
    font-size: 20px;
    text-align: left;
}

@media (max-width: 768px) {
    .about-title2 {
        width: 100%;
        font-size: 6vw;
    }
    .about-p {
        font-size: 15px;
    }
}

.txt-responsive {
    text-align: center;
}

/*.txt-responsive h1 {
    font-size: 4.4vw;
}*/

@media (max-width: 768px) {
    .txt-responsive h1 {
        font-size: 8vmin;
    }
}

h2 {
    font-size: 3.0vh;
}

/* Media Queries above 992px */
@media (max-width: 992px) {
    .navbar-toggle {
        float: left;
    }

    .header .logo {
        text-align: center;
    }

    .header .nav-item-hover:after {
        width: 110px !important;
    }
}

/* Navbar Toggle */
.header .navbar-toggle .toggle-icon {
    width: 21px;
    height: 2px;
}

    .header .navbar-toggle .toggle-icon:before {
        width: 21px;
        height: 2px;
    }

    .header .navbar-toggle .toggle-icon:after {
        width: 21px;
        height: 2px;
    }

.header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after {
    width: 21px;
    height: 2px;
}

.content-md {
    padding-top: 30px;
    padding-bottom: 20px;
}

.content-lg p {
    font-size: 1.4em;
}





/*#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}*/
.tile { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}

.tile:hover {}

.scale-anm {
  transform: scale(1);
}


/*p{ 
  padding:10px; 
  border-bottom: 1px #ccc dotted; 
  text-decoration: none; 
  text-transform:uppercase; 
  font-size: 12px; 
  color: #333; 
  display:block; 
  float:left;
}*/

/*p:hover { 
  cursor:pointer; 
  background: #333; 
  color:#eee; }*/

/*.tile img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
  
}*/


.btn2 {
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    padding: .5rem 1rem;
    margin: 0;
    height: auto;
    /*border-bottom: 1px solid;*/
    background: transparent;
    border: none;
    /*border-bottom: 2px solid #1d1d1d;*/
    border-radius: 0px;
    vertical-align: middle;
    -webkit-appearance: none;
    color: #1d1d1d;
}

.btn2:hover {
  text-decoration: none;
  color:#1d1d1d;
  font-weight: 700;
}

.btn2:focus {
  outline: none;
  border-color: transparent;
  box-shadow: 0 0 0 3px var(--darken-3);
  font-weight: 700;
}

/*::-moz-focus-inner {
  border: 0;
  padding: 0;
}*/

.size01 {
    height: 300px;
}
/*Cambiar color en el menu UsuarioPartial al hacer Scroll*/
.page-on-scroll #search-input{
    border-bottom-color:#5F5F5F !important;
    color:#5F5F5F !important;
}

.page-on-scroll #boton-buscar{
    /*background: url("/img/img/HOME_MUSSE-lupa-gris.svg") no-repeat !important;*/
    filter: invert(65%);
}

.page-on-scroll .language-white{
    color: #1d1d1d;
}

.page-on-scroll .language-white:hover{
    color: #5F5F5F;
}

.page-on-scroll .cesta-white{
    filter: invert(65%);
}

.page-on-scroll .corazon-relleno-blanco{
    filter: invert(65%);  
}

.page-on-scroll .corazon-vacio-blanco{
    filter: invert(65%);    
}

.page-on-scroll .name-menu-user-white{
    /*font-size:13pt !important;*/
    text-transform: capitalize !important;
    color: #1d1d1d !important;
}
.page-on-scroll .icono-usuario-blanco{
    filter: invert(65%);    
}

/*.sr-only {
    position: relative;
    overflow: visible;
    width: 30px;
}*/

.sr-only2 {
    width: 265px;
    height: 20px;
    padding: 3px 0 0 6px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0px, 265px, 20px, 0px);
}

.navbar-right {
    /* float: right !important; */
    /* margin-right: -15px; */
    /*margin-top: 8px;*/
}

@media (min-width: 768px) {
    .navbar-right {
        /* float: right !important; */
        /* margin-right: -15px; */
        margin-top: 17px;
    }
}

}

.heart {
    /*color: #5f5f5f;*/
    font-size: 21px;
    /*top: 4px;*/
}

.map {
    padding: 0px;
    /*overflow: hidden;*/
    position: relative;
}

.map-holder iframe {
    border: none;
    width: 100%;
    height: 600px;
}

.btn-group, .btn-group-vertical {
    vertical-align: inherit;
}

.list-result2 {

}

.dropdown-menu2 {
    position: fixed;
    left: 0px;
    top: 95px;
    padding: 0 0 50px;
    width: 100%;
    /*height: 300px;*/
    /*display: block !important;*/
}

.navbar-nav > li > .dropdown-menu2 {
    margin-top: 2px;
}

.alt-font {
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 1px;
}

.paddingleft0 {
    padding-left: 0;
}

/******CHECKBOX PARA LOS FILTROS********/
.customCheckbox {
    border: 1px solid #444;
    background-color: white;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-top: 3px;
    margin-right: 6px;
}

.customCheckbox:hover {
    cursor: pointer;
    background-color: #5F5F5F;
}

.customChecked {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #5F5F5F;
}

.customCheckedSelected {
    display: block !important;
    background-color: #5F5F5F;
}
/*************************************/

.btn-white-bg {
    color: #ffffff;
    background: transparent;
}

.btn-white-bg:hover {
    /*font-weight: 500;*/
    background: transparent;
}

@media (max-width: 1325px) {
    .colCentered {
        float: none;
        margin: 110px auto;
        width: 100%;
    }
}

@media (min-width: 980px) {
    body {
        /*background-color: yellow;*/
        overflow: hidden;
        /*overflow-y: auto;*/
    }
    #menuMobile {
        display: none;
    }
}

.sr-only3 {
  position: relative;
  width: 200px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: visible;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
     
}

/* Smartphones (portrait y landscape) */  
@media only screen and (min-device-width:320px) and (max-device-width:480px){  
    /* Estilos */

}  
/* Smartphones (landscape) */  
@media only screen and (min-width:321px){  
    /* Estilos */ 
    
}  
/* Smartphones (portrait) */  
@media only screen and (max-width:320px){  
    /* Estilos */  

}  
/* iPads (portrait y landscape) */  
@media only screen and (min-device-width:768px) and (max-device-width:1024px){  
    /* Estilos */
        /*body {
        background-color: red;
    }
    #menuDesktop {
        display: none;
    }*/
}  
/* iPads (landscape) */  
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){  
    /* Estilos */  
}  
/* iPads (portrait) */  
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){  
    /* Estilos */  
}  
/* Desktops and Laptops */  
@media only screen and (min-width:1224px){  
    /* Estilos */  
}  
/* Large Screens */  
@media only screen and (min-width:1824px){  
    /* Estilos */  
}  
/* iPhone 4 */  
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){  
    /* Estilos */  
}



/*********MENU MOBILE LATERAL************/
@media screen and (max-width: 991px) {
    /*Clase para el contenedor principal cuando está cerrado el menú lateral */
    .side-collapse-container{
        width:100%;
        position:relative;
        left:0;
        transition:left .4s;
    }
    /*Clase para el contenedor principal cuando está abierto el menú lateral */
    .side-collapse-container.out{
        left:275px;
        opacity:0.3;
    }
    /*Clase para el panel lateral del menú cuando está abierto */
    .side-collapse {
        left:0px;
        width:275px;
        height: 100%;
        position:fixed;
        overflow-y:auto;
        transition:width .4s;
    }
    /*Clase para el panel lateral del menú cuando está cerrado */
    .side-collapse.in {
        width:0;
    }

    /*////////////////////////////////////////*/

    /*.bar1, .bar2, .bar3 {
        width: 22px;
        height: 2px;
        background-color: #333;
        margin-bottom: 6px;
        transition: 0.4s;
    }

    .side-collapse.in .bar1 {
        -webkit-transform: rotate(-45deg) translate(-3.5px, 3.5px);
        transform: rotate(-45deg) translate(-3.5px, 3.5px);
    }

    .side-collapse.in .bar2 {
        opacity: 0;
    }

    .side-collapse.in .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }*/

    /*////////////////////////////////////////*/

}
/******************LOGIN DESPLEGABLE*********************/
.title-single-login{
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    display: inline-block;
    line-height: 25px;
    font-size: 16pt;
    color: #1d1d1d;
    font-weight: bold;
    text-decoration: underline;
}

.button-style-registro {
    height:40px;
    vertical-align:middle;
    color:#1d1d1d;
    background-color: #fff;
    text-align:center;
    font-size: 13pt;
    display:inline-block;
    line-height: 40px; 
    cursor:pointer;
    font-family: 'Poppins', sans-serif;
    border: 1px solid #1d1d1d;
    width:100%;
}
.col-xs-12 .padding-login {
    padding-right: 3px;
    padding-left: 3px;
}
/**************MAPA GOOGLE************************/
#map {
    border: none;
    width: 100%;
    height: 600px;
}
/*****************************************************/