/* Global style */
/* Navbar and headers */

.brand{font-weight: 900;font-size: 30px;line-height: 30px;padding: 25.5px 20px 29.5px;margin-top: 0;margin-bottom: 0;}
.brand a{color:#AA691B !important}
.brand a:hover{text-decoration:none}
.header-home{height:350px;background:url('../images/background-header.jpg');background-size:cover}
.header-morocco-desert-tours{height:350px;background:url('../images/background-morocco-desert-tours.jpg');background-size:cover}
.header-private-day-tour{height:350px;background:url('../images/background-private-day-tour.jpg');background-size:cover}
.header-gallery{height:350px;background:url('../images/background-gallery.jpg');background-size:cover}
.header-contact{height:350px;background:url('../images/background-contact.jpg');background-size:cover}
.navbar-custom{background: rgb(27, 36, 45) !important;
    border: none !important;
    margin: 0 auto !important;border-radius:0px !important}
.navbar-custom li a{padding:30px 25px;}
.navbar-custom li a:hover{color:#5e5e5e !important}
.navbar-default .navbar-nav>.active>a{background:transparent;color:#AA691B}
.navbar-nav{margin:0 -15px !important}
.navbar-inverse .navbar-nav>.active>a{background:#fff !important;color:#AA691B;}

/* ------------------ */
/* Containers , wrappers and holders */

.art-holder{padding: 10px 10px;height:auto;margin: 15px 15px;text-align: center !important;background: rgba(238, 161, 69, 0.12);border:1px solid #DBDBDB;height:360px;position:relative;}
.art-holder-2{padding: 10px 10px;margin: 14px auto;text-align: center !important;position: relative;background: rgba(255, 183, 0, 0.24);border-radius: 10px;}
.art-holder-featured {
    height: auto;
    background: #e6e6e6;
    border: 1px solid #E1E1E1;
}
.section-art {
    height: auto;
    background: #e6e6e6;
    border: 1px solid #E1E1E1;
}

body{margin:0;padding:0;background:url('../images/background.png');font-family:'Lato', sans-serif;color:#fff}
.row{margin-left:0 !important;margin-right:0 !important}
.section-1{color:#9d9d9d;background:#fff;}
.section-2{color:#9d9d9d;background:#fff}
.section-3{color:#9d9d9d;background:#fff}
.wrapper{border:1px solid #fff;top:20px;position:relative;background:url('../images/bg-wrapper.png') !important;box-shadow:0px 0px 30px #F5F5F5 inset;box-shadow:0px 0px 45px rgba(0, 0, 0, 0.32)}
.alert-warning-custom{background-color:#fff;
    border-radius: 0;}
.featured-article {
    background: rgb(245, 245, 245);
    border: 1px solid rgba(113, 113, 113, 0.16);
}

/* ------------------ */
/*texts and titles */
.art-title {
    background: #B46666;
    color: #fff;
    position: relative;
    z-index: 0;
    top: 0px;
	margin:auto;
}
.art-subtitle {

    color: #A6A4A4;
    position: relative;
    z-index: 0;
    top: 0px;
    margin: 2px auto;
    text-shadow: 1px 1px 0px #fff;
}
.error-message{color:#B46666}
.success{color:#67EA76}
.art-title-1{font-size: 20px;background: #EA8319;margin: 1px auto;color: #FFFFFF;text-align: center;}
.art-title-2{font-size: 20px;background: #1980ea;margin: 1px auto;color: #FFFFFF;text-align: center;}
.art-title-3{font-size: 20px;background: #19ea83;margin: 1px auto;color: #FFFFFF;text-align: center;}
.art-title-4{font-size: 20px;background: #8319ea;margin: 1px auto;color: #FFFFFF;text-align: center;}
.bold{font-weight:900}
.bolder{font-weight:bold}
.home-content{padding: 10px;
    line-height: 2;
    color: #222;
    margin: 0;}
.featured-text {
    color: #5D5D5D;
    text-shadow: 1px 1px 1px #fff;
}
.glyphicon{top:3px;}
.graphit-text {
    color: #838383;
    text-shadow: 1px 0px 0px #FFFFFF;
    line-height: 2;
    padding: 0 15px;
}
.head-title{color:#fff;font-size:72px;font-weight:100;margin:auto;}
.lighter{font-weight:lighter}
.text-justified{text-align:justify !important}
.text-centred{text-align:center !important}
.text-link{text-shadow:0px 0px 0px;}
.title{text-align:center;margin:auto;color: #AA691B;font-size: 40px !important;background:#1B242D;border-radius:0;}
.title-2{border-radius:4px;font-size: 17px;color: #BD7000;text-shadow: 1px 1px 1px #fff;}


/* ------------------ */
/* footer sections */
.footer-distributed{background-color: #1B242D;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);box-sizing: border-box;width: 100%;text-align: left;text-align:center;padding: 10px 0px;color: #C9C9C9;
    text-shadow: 1px 1px 0 #000;}
/* ------------------ */
/* images */
.custom-img{width:100%}
.custom-img-2{
    margin-right: 10px;
    z-index: 1;
    position: relative;
	width:210px;
}.art-img-content{
    margin: 10px;
    z-index: 1;
    position: relative;
}
.custom-img-circle{width: 70%;margin: auto;padding: 5px;background: #FFFFFF;box-shadow: 0px 0px 10px #FFDB74;border: 1px solid #E1A700;}
.featured-img {
        width: 30%;
    margin: 0 6px;
    position: relative;
    left: -6px;
    padding: 0;
}
.social-media img {
    width: 20px;
    margin: 0px 2px;
}
.custom-home-content-img{margin: 0 10px;
    width: 25%;
    position: relative;
    right: 10px;}
/*-------------------*/
/* buttons */
.btn-violet{background:#8319EA;color:#fff;} 
.button {width: 11.5em;display: block;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ie-border-radius: 6px;border-radius: 6px;padding: .48em .8em;text-shadow: rgba(0,0,0,.5) 0px -1px 0px;font-size: 18px;font-weight: 700;-webkit-transition-property: background-color;-webkit-transition-duration: .15s;-webkit-transition-timing-function: ease-in-out;cursor: pointer;text-decoration: none;margin-bottom: 20px;}
.button:active {position:relative;top:5px;}
.button:hover{text-decoration:none;color:#FFF5DA}
.carousel-indicators {bottom: 8px;}
.clearfix:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}
.left{position: absolute;top: 50%;box-shadow: none;width: auto;cursor: pointer;left:0}
.right{position:absolute;top:50%;box-shadow:none;width:auto;cursor:pointer;right:0}
.lightbg-brown{background-color: #A89364;color: #FFF5DA;-webkit-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);-moz-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);-ie-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 4px 0px 0px #4a7c7b, 0px 5px 0px 0px #355655, 0px 8px 0px 0px rgba(0,0,0,.15);box-shadow: 0px 0px 0px 1px #83734E inset, 0px 0px 0px 2px #B69F74 inset, 0px 4px 0px 0px #7C674A, 0px 5px 0px 0px #564835, 0px 8px 0px 0px rgba(0,0,0,.15);}
.lightbg-brown:active {background-color: #A89364;-webkit-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 1px 0px 0px #4a7c7b, 0px 3px 0px 0px rgba(0,0,0,.15);-moz-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 1px 0px 0px #4a7c7b, 0px 3px 0px 0px rgba(0,0,0,.15);-ie-box-shadow: 0px 0px 0px 1px #4e8381 inset, 0px 0px 0px 2px #74b6b4 inset, 0px 1px 0px 0px #4a7c7b, 0px 3px 0px 0px rgba(0,0,0,.15);box-shadow: 0px 0px 0px 1px #83734E inset, 0px 0px 0px 2px #B69F74 inset, 0px 1px 0px 0px #7C674A, 0px 3px 0px 0px rgba(0,0,0,.15);}


/*-------------------*/
/* mouvements and separators*/

.delete-margin{margin:0}
.add-ligne-height{line-height:2.1}
.add-padding-horizon{padding:0 10px}
.add-padding-vertical{padding:10px 0}
.float-left{float:left;}
.float-right{float:right;}

.add-bottom{position: relative;bottom: 54px}
hr{width: 80%;border-bottom: 1px solid #fff;border-top: 1px solid #ccc;}

/*-------------------*/
/* Links*/
.art-holder-featured a:hover{text-decoration:none;}
.text-link{color:#fff}
.text-link:hover{text-decoration:none;color:#fff;}








@media(max-width:1199px){
.art-holder{width:280px;margin:15px auto;}
.art-title-1,.art-title-2,.art-title-3,.art-title-4{font-size:15px}

}
@media(max-width:991px){
	.art-title-1,.art-title-2,.art-title-3,.art-title-4{font-size: 11px;font-weight:bolder}
.art-holder-2,.art-holder{height:auto;width:auto;}
.featured-text{font-size: 13px;}
.right{top:40%}
.left{top:40%}
.carousel-tab{display:none;}
.navbar-custom li a {padding: 20px 13px;font-size: 13px;}
.brand {

    line-height: 8px;
	
}
.custom-home-content-img{width:50%}
}
@media(max-width:767px)
{
	.custom-img-2 {
    width: 100%;
    margin-right: 10px;
    z-index: 1;
    position: relative;
	float:none;
}
.art-img-content{
    width: 100%;
	margin:auto;
}
.brand  {margin: -14px 0;line-height: 30px;}
	.art-title-1,.art-title-2,.art-title-3,.art-title-4{font-size: 15px;font-weight:bolder}
.navbar-custom li a{padding:15px 25px;}
.custom-home-content-img{width:100%;margin:auto;float:none;right:0}
}
@media(max-width:480px){
.col-xsm{width:100%}
.carousel-mobile{display:none;}
.right{top:40%}
.left{top:40%}
.head-title{font-size:36px;}
.featured-title{font-size:13px;}
.header-home{background-size:cover;height:150px;}
.header-morocco-desert-tours{background-size:cover;height:150px;}
.header-private-day-tour{background-size:cover;height:150px;}
}