/* 
    Document   : slider.css
    Author     : jackh
    Description:
        Standard template.
*/

/* Import base css*/
@import url("slider_base.css");

/*----------------------------------*/
/*Slider related css*/
/*----------------------------------*/

.xpro-slider-nav-selected {
    background-color: transparent !important;
}

.xpro-thumb-item {
    background-image: url(../../scripts/images/bullet-l.png);
}

/*----------------------------------*/
/* Content related */
/*----------------------------------*/


h1.tag{
font-family:Lora;
font-size:16px;
line-height:16px;
font-weight:600;
color:#ffffff;
/*position:absolute;*/
top:36%;
left:5%;
}

p.tag{
font-family:Oswald;
color:#ffffff;
font-size:14px;
line-height:14px;
/*position:absolute;*/
top:56%;
left:5%;
}



@media only screen and (min-width: 600px){
h1.tag{
font-size:24px;
line-height:24px;
font-weight:600;
color:#ffffff;
/*position:absolute;*/
top:54%;
left:5%;
}

p.tag{
font-size:16px;
line-height:18px;
font-weight:100;
color:#ffffff;
/*position:absolute;*/
top:70%;
left:5%;
}
}


@media only screen and (min-width: 900px){
h1.tag{
font-size:38px;
line-height:38px;
font-weight:600;
color:#ffffff;
/*position:absolute;*/
top:54%;
left:7%;
}

p.tag{
font-size:22px;
line-height:24px;
font-weight:100;
color:#ffffff;
/*position:absolute;*/
top:70%;
left:7%;
}
}

@media only screen and (min-width: 1200px){
h1.tag{
font-size:42px;
line-height:42px;
font-weight:600;
color:#ffffff;
/*position:absolute;*/
top:54%;
left:7%;
}

p.tag{
font-size:28px;
line-height:32px;
font-weight:100;
color:#ffffff;
/*position:absolute;*/
top:64%;
left:7%;
}
}





.xp-layerblock {
    text-align:center; 
    background-color: #cc0000; 
    color: #ffffff;
    opacity: 0;
    border-radius: 0px;
    font-weight: 200;
}

.xp-layerblock-trans {
    text-align: center;
    border-radius: 0px; 
    margin:auto !important;
    background-color:rgba(8, 8, 8, 0.7);
}

.xp-layerblock-round {
    text-align:center;
    color:#ffffff;
    top:0px;left:0px;
    border-radius: 50%;
    /*box-shadow: 0px 10px 50px #000000;*/
    background-color:rgba(8, 8, 8, 0.7);
}

.xpro-slider-item a {
    color: #ffffff;
}

.xpro-slider-item a:hover {
    color: #ffffff;
}

.xp-headtext {
    color:#ffffff;
    text-shadow: 0px 10px 10px #000000;
}

.xp-text-shadow {
    text-shadow: 0px 10px 10px #000000;
}


#scroller_thumb{
    display:none;
}

.fa-arrow-right::after{
    font-weight:100;
    padding-left:8px;
    padding-top:8px;
}