/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

/*---------------General-------------------------¨*/

#s5_top_row1_area1 {
	box-shadow:0 0 100px #000000 inset;
}

.h3_frontpa {
	font-size:1.5em;
	margin-bottom:0px;
}


#s5_menu_wrap {
	float:right;
	margin-top:10px;
	margin-left:10px;
}

#s5_header_outer.s5_floating_header {
    z-index:100000;
}

/*------------- Front-page Sliders -------------------*/

.wk-gallery-wall .spotlight .overlay {
	visibility:visible !important;
	width:100%;
	transition:bottom 0.1s;
	transform:rotate(-3.5deg);
	-ms-transform:rotate(-3.5deg); 
	-webkit-transform:rotate(-3.5deg); 
	margin-left:-20px;
	min-height:110px;
	background:rgba(255,255,255,0.5);
    padding-top:10px;
}



.wk-gallery-wall .spotlight .overlay {
 padding-left:25px;
 bottom:15px !important;
 min-height:100px !important;
}
	

.wk-gallery-wall .spotlight .overlay > div {
	font-size:30px;
	font-variant:small-caps;
	background:#BA4828;
	display:inline-block;
	margin-top:10px;
	line-height:41px;
	display:inline;
	padding:2px 15px 3px 5px;
	font-family: Exo, sans-serif;
	color:#ffffff;
    font-weight:900;
}

@media (max-width:750px) {
    
    .wk-gallery-wall .spotlight .overlay {
    min-height:20px !important;
    }
    
    .wk-gallery-wall .spotlight .overlay > div {
	font-size:18px;
    line-height:22px;
	padding:2px 2px 1px 1px;
    }
    
    .wk-gallery-wall .spotlight .overlay br {
    display:none;
    }
   
}
    

#s5_pos_custom_2 {
    margin-right: 10px;
    margin-top: -20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
    z-index: 2;
}


@media (max-width:890px) { 
            #s5_pos_custom_2{
        display:none;
    }
}

/*
@media  (min-width:530px) {
.wk-gallery-slider ul li:nth-child(1):before {
	background: url("../images/slider-back-04.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 460px;
    margin-right: -330px;
    position: relative;
	float:right;
    width: 450px;
	margin-top:-1px;;
	z-index:1;
}

.wk-gallery-slider ul li:nth-child(2):before {
	background: url("../images/slider-back-04.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 460px;
    margin-left: -130px;
    position: relative;
	float:left;
    width: 350px;
	margin-top:-1px;
	z-index:1;
}

}


@media  (min-width:330px) and (max-width:529px) {
.wk-gallery-slider ul li:nth-child(1):before {
	background: url("../images/slider-back-04.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 460px;
    margin-right: 0px;
    position: relative;
	float:right;
    width: 120px;
	margin-top:-1px;;
	box-shadow:0px 0px 0px #black;
	z-index:1;
}

.wk-gallery-slider ul li:nth-child(2):before {
	background: url("../images/slider-back-04.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 460px;
    margin-left: -165px;
    position: relative;
	float:left;
    width: 0px;
	margin-top:-1px;
	z-index:1;
}

}

.spotlight {
	overflow:visible !important;
	display:block;
}

.custgal {
	background:#424242;
	border:1px solid #424242;
	box-shadow:0px 0px 50px #000000;
}

.module_round_box-transparent_dark a {
	color:#BA4828 !important;
}
*/


/*------------------- ZOO ---------------------*/

#system .items .item {
    margin: 0 10px;
}

#yoo-zoo .details, #yoo-zoo .items div.pos-media, #yoo-zoo .items div.pos-media > * {
	border:none;
	background:transparent;
}

#yoo-zoo .items .row:nth-child(2n) {
    background: none repeat scroll 0 0 #2E2E2E !important;
    color: #FFFFFF;
    padding-top: 15px;
}

#system .items .item:nth-child(2n) {
    background: none repeat scroll 0 0 #2E2E2E !important;
    color: #FFFFFF !important;
    margin: 0;
    padding: 15px 10px;
}

.align-right {
	float:right;
	margin-left:20px;
}

.align-right, .alignright {
	max-width:350px;
}

.galer {
    margin-bottom: -10px;
    margin-top: 10px;
}

.wk-gallery-wall.margin .spotlight .overlay-default {
	margin-top:10px;
}

@media (max-width:579px) {
	.align-right {
		clear:both;
		float:none;
		text-align:center;
	}
	.align-right .element-imagepro {
		margin-left:auto;
		margin-right:auto;
	}
}


/*----------- Artio Renta a Car ----------------*/

.tip-wrap {
 display: none !important;
}


#bookSetting .head, .info .photogallery .images {
	max-width:380px;
	border:none;
	margin-bottom:30px;
}

.info .photogallery .images img {
	margin:5px;
}

.photogallery {
	margin-left:15px;
	margin-right:auto;
}

@media (max-width:400px) {
form#list div.subjectsList div.subject a.preview img, img.subjectImage {
    max-width:80% !important;
}
.subjectsList .bookit .button {
    clear: both;
    display: block;
    margin-top: 10px;
    padding: 10px;
    float:none;
}

#bookSetting .info {
    max-width:80%;
}

}

.noprint {
    display:none !important;
}


div.bookingToolbar.noprint {
    display:block !important;
}

/*------------- Artio Rent 2 --------------*/

#list .subjectsList .subject, #bookSetting {
    background: none repeat scroll 0 0 white;
    margin-bottom: 20px;
    padding: 20px;
    width:100%;
}


@media (max-width:649px) {

    form#list div.subjectsList div.subject div.calendars {
        display:none;
    }
    form#list div.subjectsList div.subject div.properties {
        clear:both;
        float:left;
        display:block;
    }
    
    form#list div.subjectsList div.subject p.readmore {
        float:left;
        clear:both;
    }
    form#list div.subjectsList div.subject h2 {
        float:left;
        clear:both;
        margin-top:20px;
    }   
    #list .subjectsList .subject, #bookSetting {
        padding:20px 0px;
    }
    form#list div.subjectsList div.subject a.preview img {
        width:420px;
    }
    #bookSetting img.subjectImage, form#list div.subjectsList div.subject a.preview {
    float: left;
    max-width: 450px;
    width: 100% !important;
    }
    #bookSetting div.fulltext, #bookSetting h2.subjectSubtitle, #bookSetting h2.filesSubtitle, #bookSetting div.properties, #bookSetting div.reservationTypes, #bookSetting div.calendarsSelect {
        margin-left:0px !important;
    }
    #adminForm.reservation input, #adminForm.reservation textarea {
        width:90%;
    }
}

#bookSetting img.subjectImage, form#list div.subjectsList div.subject a.preview {
    float: left;
    max-width: 380px;
    width: 100% !important;
}


    form#list div.subjectsList div.subject div.properties table {
        width:90%;
        background:#1F1F1F;
    }


.properties-block .properties {
    margin-left:340px !important;
}

.foracl .payments .payment:nth-child(2){
    display:none;
}


/*------------- USED Cars ---------------------*/
#bodyframe #p_occasions .bloc_fixe_r {
	width:100% !important;
}