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

/* Import base css*/
@import url("scripts/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 */
/*----------------------------------*/

.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;
	font-size: 3vw;
	font-weight: 400;
    text-shadow: 0px 10px 10px #000000;
}
.xp-headtext2 {
    color:#232323;
	font-size: 3vw;
	font-weight: 400;
}
.xp-headtext3 {
    color:#ffffff;
	font-size: 3vw;
	font-weight: 400;
}
.xp-text-shadow {
    text-shadow: 0px 10px 10px #000000;
}

.tomato-red {
    background-color: #cc0000 !important;
}

.carrot {
    background-color: #f8451c !important;
}

.cress-green {
    background-color: #128533 !important;
}

.vibrant-gold {
    background-color: #f2910f !important;
}

.snappy-orange {
    background-color: #fe5d11 !important;
}

/*----------------*/
.tortoise-orange {
    background-color: #d3771c !important;
}

.tortoise-yellow {
    background-color: #da9138 !important;
}

.tortoise-brown {
    background-color: #3a1d07 !important;
}

/*----------------*/
.hydra-mauve {
    background-color: rgb(185, 184, 217) !important;
}

.hydra-purple {
    background-color: rgb(164, 112, 168) !important;
}

.hydra-violet {
    background-color: rgb(128, 129, 176) !important;
}

.hydra-blue {
    background-color: rgb(143, 190, 218) !important;
}

/*----------------*/
.pilot-blue {
    background-color: rgb(40, 24, 119) !important;
}

.airman-blue {
    background-color: rgb(76, 102, 173) !important;
}

.flight-blue {
    background-color: rgb(130, 194, 220) !important;
}

/*----------------*/
.limestone-beige {
    background-color: rgb(239, 214, 179) !important;
}

.stalactite-beige {
    background-color: rgb(204, 191, 157) !important;
}

.stalactite-brown {
    background-color: rgb(162, 115, 51) !important;
}

.limestone-cave {
    background-color: rgb(83, 98, 110) !important;
}

/*----------------*/
.chasmere {
    background-color: rgb(235, 192, 147) !important;
}

.chasmere-beige {
    background-color: rgb(175, 134, 94) !important;
}

.chasmere-gray {
    background-color: rgb(204, 195, 185) !important;
}

.mellow-mauve {
    background-color: rgb(234, 191, 205) !important;
}

/*----------------*/
/* transparent    */
/*----------------*/

.pilot-blue-trans {
    background-color: rgba(40, 24, 119, 0.7) !important;
}

.airman-blue-trans {
    background-color: rgba(76, 102, 173, 0.7) !important;
}

.flight-blue-trans {
    background-color: rgba(130, 194, 220, 0.7) !important;
}

.cosmic-blue-trans {
    background-color: rgba(76, 127, 139, 0.7) !important;
}
/*----------------*/

.tomato-red-trans {
    background-color: rgba(204, 0, 0, 0.7) !important;
}

.carrot-trans {
    background-color: rgba(248, 69, 28, 0.7) !important;
}

.cress-green-trans {
    background-color: rgba(18, 133, 51, 0.7) !important;
}

.vibrant-gold-trans {
    background-color: rgba(242, 145, 15, 0.7) !important;
}

.snappy-orange-trans {
    background-color: rgba(254, 93, 17, 0.7) !important;
}
.xp-hero-round-button, .xp-hero-circle-button {
    border-radius: 30px;
    padding: 15px 35px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    
    border: #ffffff 1px solid;
    color: #ffffff;
    text-decoration: none;
    
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    -o-transition: all 0.4s;    
}

.xp-hero-round-button:hover, .xp-hero-circle-button:hover {
    background-color:rgba(8, 8, 8, 0.2);
    color: #000000;
    text-decoration: none;
}

.xp-hero-circle-button {
    box-sizing: border-box;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    padding: 0px;
    padding-top: 8px;
    padding-left: 2px;
}
.xp-headsubtext {
    color:#BCBCBC;
	font-size: 1.35vw;
	line-height:1.75vw;
}
.xp-headsubtext2 {
    color:#1E1E1E;
	font-size: 1.35vw;
	line-height:1.75vw;
}
.xp-headsubtext3 {
    color:#FFFFFF;
	font-size: 1.35vw;
	line-height:1.75vw;
}
@media (max-width:975px) {
	
.xp-hero-circle-button {
	visibility: hidden;
	display: none;
	line-height: 0px;
	border-radius: 0px;
    padding: 0px 0px;
    text-transform: uppercase;
    letter-spacing: 0.0em;
    cursor: pointer;
    border: #ffffff 0px solid;
    color: #ffffff;
    text-decoration: none;
    
	}
	.xp-headtext {
    font-size: 12px;
}
	.xp-headsubtext {
    color:#BCBCBC;
	font-size: 10px;
	line-height:11px;
}
	.xpro-slider-container {
		visibility: hidden;
		display: none;
	}
}