@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700,700italic);
/*------------------------------------------------------------------------------------------------------------------------*/
/* BANNIÈRE */
/*------------------------------------------------------------------------------------------------------------------------*/


.bx-viewport, .bx-wrapper{position:absolute;width:100%;height:100% !important;top:0;left:0;}
.bxslider, .bxslider li{height: 100% !important;}
.bxslider li{background-repeat: no-repeat;background-position: bottom center;background-size: cover;}
.bx-wrapper .bx-viewport{border: none !important;}

bx-wrapper ,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}

/* PAGER */
.bx-pager {z-index:9999999;position:absolute;display:block;bottom:0px;left:150px;margin-left:25px;margin-bottom:25px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {display: block;padding:5px;margin: 0px 5px 0 0px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;font-family: 'titillium web';font-size:1em;color:#ffffff;font-weight:700;}


.bx-wrapper .bx-pager.bx-default-pager a:hover{color:#078dbc;}
.bx-wrapper .bx-pager.bx-default-pager a.active {font-family:'Lora', serif;font-size:2em;font-style:italic;color:#078dbc;text-decoration:underline;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 0px;background: url(images/controls.png) no-repeat top left;display:none;}
.bx-wrapper .bx-next {right: 0px;background: url(images/controls.png) no-repeat top right;display:none;}
.bx-wrapper .bx-prev:hover {background: url(images/controls-o.png) no-repeat top left;}
.bx-wrapper .bx-next:hover {background: url(images/controls-o.png) no-repeat top right;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -0px;outline: 0;width: 44px;height: 88px;text-indent: -9999px;z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: relative;text-align:center;margin-top:25px;}
.bx-wrapper .bx-caption span {font-family: 'Dancing Script', cursive;color: #ffffff;display: block;	font-size: 3.8em;padding:0 50px 0 50px;font-weight:700; text-decoration:none;text-align:center; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);}
.bx-wrapper:hover .bx-caption span {}


/*------------------------------------------------------------------------------------------------------------------------*/
/* STRUCTURE RESPONSIVE */
/*------------------------------------------------------------------------------------------------------------------------*/

/*------ BIG FUCKING SCREEN ----*/
@media screen and (min-width:2000px) {

}

/*------ BIG SCREEN ----*/
@media screen and (min-width:1501px) and (max-width:1999px) {

}

/*------ NORMAL SCREEN ----*/
@media screen and (min-width:1280px) and (max-width:1500px) {

}

/*------ SMALL SCREEN ----*/
@media screen and (min-width:960px) and (max-width:1279px) {
.bxslider li{background-repeat: no-repeat;background-position: center center;background-size: cover;}
}

/*------IPAD PAYSAGE----*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
.bxslider li{background-repeat: no-repeat;background-position: center center;background-size: cover;}
}

/*------IPAD PORTRAIT ---*/
@media screen and (min-width:641px) and (max-width:959px) {
.bxslider li{background-repeat: no-repeat;background-position: center center;background-size: cover;}


}

/*------IPHONE PAYSAGE----*/
@media screen and (min-width:431px) and (max-width:640px) {
.bxslider li{background-repeat: no-repeat;background-position: center center;background-size: cover;}


}

/*------IPHONE PORTRAIT----*/
@media screen and (max-width:430px) {

.bxslider li{background-repeat: no-repeat;background-position: center center;background-size: cover;}


}