/* ==== ==== ==== ==== ==== ==== ==== ==== Background ==== ==== ==== ==== */
body {
    background-image: url(img/body.jpg);
}

header {
    background-image: url(img/header.jpg);
}

div.fixed {
    background-image: url(img/full.jpg);
}

div.L > div {
    /* color: #ff0000; */
    background-image: url(img/L.jpg);
}
div.R > div {
    /* color: #000; */
    background-image: url(img/R.jpg);
}
div.L > div.s {
    background-image: url(img/Ls.jpg);
}
div.R > div.s {
    background-image: url(img/Rs.gif);
}

footer {
    background-image: url(img/footer.jpg);
    
    /*
    background: #000;
    background: #f0f0f0;
    */
}

@media (max-width: 767px) {
    header {
        background-image: url(img/headers.jpg);
    }
}

.touch > div > div {
    background-image: url(img/touch.jpg);
}

@media (max-width: 500px) {
    .touch > div > div {
        background-image: url(img/touch.gif);
    }
}

.slick-prev {
    background: transparent url(img/prev.svg);
}
.slick-next {
    background: transparent url(img/next.svg);
}

.sliders .slick-prev {
    background: transparent url(img/prev.svg);
}
.sliders .slick-next {
    background: transparent url(img/next.svg);
}



/* ==== ==== ==== ==== ==== ==== ==== ==== Color ==== ==== ==== ==== */
#nav, footer a:hover > span.text {
    background: rgba(255, 0, 0, .75);
}

.vh65 h1 {
    color: #ec1313; /* 75% */
}

footer h3, footer p, footer a {
    color: #ff0000; /* 100% */
}



header .vh25, .vh65 h1, footer > div, .touch {
    background: rgba(0, 0, 0, .75);
}

header > div, footer a:hover > span.text, .fa-stack-1x, .touch, .touch a {
    color: #fff;
}

div.sort > div > a {
    color: #000;
}

.vh65 p, .fa-stack-2x {
    color: rgba(0, 0, 0, .75);
}



/* Navigation A */
/*
#nav {
    background: rgba(255, 0, 0, .75);
}

div.sort > div > a {
    color: rgba(0, 0, 0, 1);
}
*/

/* Header */
/*
header > div {
    color: #fff;
}

.vh65 h1 {
    color: #ec1313;
    background: rgba(0, 0, 0, .75);
}

.vh65 p {
    color: rgba(0, 0, 0, .75);
}
*/

/* Footer */
/*
footer > div {
    background: rgba(0, 0, 0, .75);
}

footer h3, footer p, footer a {
    color: #ff0000;
}

footer a:hover > span.text {
    color: #fff;
    background: rgba(255, 0, 0, .75);
}
*/

/* Icon */
/*
.fa-stack-1x {
    color: #fff;
}

.fa-stack-2x {
    color: rgba(0, 0, 0, .75);
}
*/

/* Touch */
/*
.touch, .touch a {
    color: #fff;
}

.touch {
    background: rgba(0, 0, 0, .75);
}
*/









/* ==== ==== ==== ==== ==== ==== ==== ==== Navigation A ==== ==== ==== ==== */
/*
#nav {
    background: rgba(255, 0, 0, .75);
    
    background: rgba(95, 32, 126, .75);
    background: rgba(253, 88, 154, .75);
    
    background: linear-gradient(45deg, rgba(0, 0, 0, .75), rgba(95, 32, 126, .75));
}

div.sort > div > a {
    color: rgba(0, 0, 0, 1);
    
    color: #68ffe3;
    color: rgba(85, 57, 101, .75);
    color: rgba(255, 255, 255, 1);
    
    background-image: url(---);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/



/* ==== ==== ==== ==== ==== ==== ==== ==== Navigation B ==== ==== ==== ==== */
.nov, .nov a.logo span {
    color: #fff;
}

.nov {
    background: rgba(253, 88, 154, 1); /* #ee1f99; */
    /* text-shadow: 1px 1px 1px rgba(254, 36, 123, 1); */
}

/*
.nov a.logo {
    background: #000;
    background: linear-gradient(45deg, rgba(95, 32, 126, .85), rgba(238, 32, 152, .85));
    background-image: url(---);
}

.nov a.logo span {
    background-image: url(---);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
*/

.nov a:hover, .nov a.logo:hover span {
    color: #fe257c;
}
.nov a:hover {
    background: rgba(255, 255, 255, .75);
}



/* ==== ==== ==== ==== ==== ==== ==== ==== Header ==== ==== ==== ==== */
/*
header > div {
    color: #fff;
}
*/

header .vh25 {
    background: linear-gradient(45deg, rgba(95, 32, 126, .5), rgba(238, 32, 152, .5)); /* rgba(95, 32, 126, .5); */
}

/*
header .vh10 {
    background: linear-gradient(45deg, rgba(95, 32, 126, .75), rgba(0, 0, 0, .75));
    background: rgba(85, 57, 101, .75);
    background: rgba(0, 0, 0, .75);
    background: linear-gradient(45deg, rgba(95, 32, 126, .75), rgba(238, 32, 152, .75));
}

.vh65 h1 {
    color: #ec1313;
    color: rgba(255, 0, 0, .65);
    
    background: rgba(0, 0, 0, .75);
    
    background: -webkit-linear-gradient(45deg, #5bd1d7, #602080);
    
    background-image: url(---);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.vh65 p {
    color: rgba(0, 0, 0, .75);
    text-shadow: 0px 1.5px 6px rgba(0, 0, 0, .5);
}
*/

.vh65 a {
    color: rgba(255, 255, 255, 1);
    
    background: linear-gradient(45deg, rgba(255, 0, 0, .85), rgba(0, 0, 0, .85));
    /* background: linear-gradient(45deg, rgba(95, 32, 126, .75), rgba(0, 0, 0, .75)); */
    /* background: linear-gradient(45deg, rgba(95, 32, 126, .85), rgba(238, 32, 152, .85)); */
}
.vh65 a:hover {
    background: linear-gradient(45deg, rgba(0, 0, 0, .75), rgba(95, 32, 126, .75));
    /* background: linear-gradient(45deg, rgba(238, 32, 152, .95), rgba(95, 32, 126, .95)); */
}

.vh25 h3, .vh10 h3 {
    background-image: url(---);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    #background: -webkit-linear-gradient(45deg, #5bd1d7, #602080);
}

.explore {
    color: #fff;
}

.explore.background {
    background-image: url(---);
}
.explore.background a {
    color: #fff;
    background: rgba(254, 36, 123, .75);
}
.explore.background a:hover {
    color: #fe257c;
    background: rgba(255, 255, 255, .75);
}

.explore > div > div.L {
    text-shadow: 0px 1.5px 6px rgba(0, 0, 0, .5)
}



/* ==== ==== ==== ==== ==== ==== ==== ==== Footer ==== ==== ==== ==== */
/*
footer > div {
    background: rgba(0, 0, 0, .75);
}

footer h3, footer p, footer a {
    color: #ff0000;
    
    color: #5f207e;
    color: rgba(255, 0, 0, .75);
    color: rgba(95, 32, 126, .75);
}

footer a:hover > span.text {
    color: #fff;
    background: rgba(255, 0, 0, .75);
    
    background: rgba(64, 22, 85, .75);
    
    box-shadow: 0px 1.5px 12px rgba(0, 0, 0, .15);
}



.fa-stack-1x {
    color: #fff;
    
    color: #000;
}
.fa-stack-2x {
    color: rgba(0, 0, 0, .75);
    
    color: rgba(85, 57, 101, .75);
    color: #68ffe3;
    color: #401655;
    color: #fe257c;
}
*/

@media (max-width: 767px) {
    /*
    div.sort > div.R > a .fa-stack-2x.A {
        #color: #fcaf45;
    }
    div.sort > div.R > a .fa-stack-2x.B {
        #color: #ff006c;
    }
    div.sort > div.R > a .fa-stack-2x.C {
        #color: #833ab4;
    }
    div.sort > div.R > a:hover .fa-stack-2x {
        #color: rgba(255, 0, 0, .75);
        #color: rgba(255, 255, 255, .75);
    }
    div.sort > div.R > a:hover .fa-stack-1x.A {
        #color: #fcaf45;
    }
    div.sort > div.R > a:hover .fa-stack-1x.B {
        #color: #ff006c;
    }
    div.sort > div.R > a:hover .fa-stack-1x.C {
        #color: #833ab4;
    }
    
    
    
    header .vh25 {
        background: rgba(0, 0, 0, .75);
    }
    header .vh10 {
        background: rgba(0, 0, 0, .5);
    }
    */
    
    .explore.background {
        background-image: url(---);
    }
    .explore.background a {
        background: rgba(219, 0, 26, .75);
    }
    .explore.background a:hover {
        color: #fff;
        background: rgba(0, 0, 0, .75);
    }
}



/* ==== ==== ==== ==== ==== ==== ==== ==== Touch ==== ==== ==== ==== */
/*
.touch, .touch a {
    color: #fff;
}

.touch {
    background: rgba(0, 0, 0, .75);
}
*/

.touch > div > div {
    border: 3px rgba(255, 255, 255, .75) solid;
}

.touch a {
    border: 3px rgba(255, 255, 255, .95) solid;
}



/* ==== ==== ==== ==== ==== ==== ==== ==== Slider ==== ==== ==== ==== */
.fixed, .fixed a {
    color: #fff;
    text-shadow: 0px 1.5px 6px rgba(0, 0, 0, .35);
}

/*
.fixed a:hover {
    text-shadow: 0px 1.5px 6px rgba(0, 0, 0, .35);
}
*/



.slick-loading .slick-list {
    background: #fff;
    /* background: #fff url("###.gif") center center no-repeat; */
}

/* New Plus */
.slick-prev, .slick-next {
    background-color: rgba(251, 251, 251, 0);
}

.slider_tittle, .slider_tittle:hover, .slider_tittle:focus, 
.slider_tittle_no, .slider_tittle_no a, .slider_tittle_no:hover,
.slider_tittle_no a:hover, .slider_tittle_no:focus {
    color: #fff;
}

.slider_tittle_no, .slider_tittle_no a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.slider_tittle {
    background: none repeat scroll 0 0 rgba(0,0,0,0.4);
}
.slider_tittle_no a {
    text-shadow: 0.5px 0.5px 0.5px #000;
}



/* ==== ==== ==== ==== ==== ==== ==== ==== Form ==== ==== ==== ==== */
.form-control {
    border: 2px solid rgba(255, 255, 255, .5);
    color: #fff;
}

::-webkit-input-placeholder {
    color: #fff;
}
:-moz-placeholder {
    color: #fff;
}
::-moz-placeholder {
    color: #fff;
}
:-ms-input-placeholder {
    color: #fff;
}

.Btn {
    color: #fff;
    background-color: #1da1f2;
}