@import url('//fonts.googleapis.com/css?family=Oswald:300,400,700|Poppins');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

body{
  font-size:13px;
  color: #FFF;
  position:static;
  font-family:poppins, verdana, arial;
  background: #222222;
  text-align: justify;
}


a {
    color: #e83700;
    text-decoration: none;
}

a:hover,
a:focus{
	color: #fff;
	text-decoration:none;
}

h1, h2, h3{
	font-family:Oswald,arial;
	font-weight:300;
	font-size:32px;
	margin-bottom:20px;
}

h1{
    text-transform: uppercase;
    font-size: 36px;
}

h2{
	font-size:26px;
	color:#e83700;
	/*color:#d04500;*/
	/*color: #E4512D*/
}

h3{
	font-size:22px;
	margin-bottom:10px;
}

@media (max-width: 767px) {
	h1{
	    font-size: 30px;
	}

	h2{
		font-size:25px;
	}

	h3{
		font-size:20px;
	}
}

/*************************************
 ** BOOTSTRAP - PAGINATION
 *************************************/
.pagination{
	margin:10px 0px;
}
.pagination a,
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span{
	border-radius:20px;

}

.pagination > li > a, .pagination > li > span{
	margin-left:5px;
}

.pagination > li > a,
.pagination > li > span
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{
	color:#FFFFFF;
	background-color:#999988;
	border:none;

}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
	background-color:#222222;
	border-color:#222222;
}


.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-primary[disabled]{
    color: #FFF;
    background: #FF5722;
    /*border: 1px dotted #07fde0;*/
	text-transform:uppercase;
	border-color:#FF5722;
}

.btn-primary:hover {
color: #000000;
    background: #CDDC39;
    border: 1px solid #000000;
}

.btn-primary[disabled]{
	 background-color: #666666;
}

.modal-body {
    position: relative;
    padding: 15px;
    color: black;
}


/***********************************************
 ** HOME - LOGO
 ***********************************************/
header .logo{
	height:127%;
}

/** *****************************************
 ** HEADER - NAVIGATION
 ** *****************************************/


header .navbar{
   /* background: rgba(144, 122, 106, 0.91);*/
	background: rgba(134, 112, 96, 0.91);
    border: none;
    box-shadow: 2px 2px 6px #000;
}

header .navbar-brand{
	height:83px;
}



header .navbar-default .navbar-nav > li > a{
	color:#FFF;
	font-family:Oswald,arial;
	font-size:18px;
	font-weight:lighter;
	text-transform:uppercase;
	line-height:50px;
	border-bottom:3px solid transparent;
}

header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus,
header .navbar-default .navbar-nav > li.active > a,
header .navbar-default .navbar-nav > li.active > a:hover,
header .navbar-default .navbar-nav > li.active > a:focus,
header .navbar-default .navbar-nav > li.open > a,
header .navbar-default .navbar-nav > li.open > a:hover,
header .navbar-default .navbar-nav > li.open > a:focus{
    color: rgba(4,1,0,1);
    border-bottom: 3px solid #f0610e;
	background-color: transparent;
}

header .navbar-default .navbar-nav .dropdown-menu > li > a{
	color:#000000;
	font-family:Oswald,arial;
	font-size:18px;
	font-weight:lighter;
	text-transform:uppercase;
}

header .navbar-default .navbar-nav .dropdown-menu > li > a:hover,
header .navbar-default .navbar-nav .dropdown-menu > li > a:focus{
	background:#999999;
	color:#FFFFFF;
}

@media (max-width: 767px) {
	header .navbar{
		background:#333333;
		height:70px;
		position:static;
		margin-bottom:0px;
	}

	header .navbar-header{
		text-align:center;
		position:relative;

	}

	header .navbar-brand{
		display:inline-block;
		float:none;
		height:70px;
		padding: 15px 0px;
	}

	header .navbar-mobile,
	header .navbar-phone{
	    position: absolute;
	    top: 15px;
	    left: 15px;
	    font-size: 30px;
	    border: 1px solid #CCCCCC;
	    border-radius: 2px;
	    padding: 5px;
	}

	header .navbar-mobile a,
	header .navbar-phone a{
	    color:#CCCCCC;
	}

	header .navbar-mobile  a:hover,
	header .navbar-mobile  a:focus,
	header .navbar-phone  a:hover,
	header .navbar-phone  a:focus{
		background:#999999;
		color:#FFFFFF;
		border-color: #CCCCCC;
	}

	header .navbar-mobile span.glyphicon,
	header .navbar-phone span.glyphicon{
		display:block;
	}
	header .navbar-phone{
		left:inherit;
		right:15px;
	}

}

@media (max-width: 991px){
	.navbar-right {
		float:left!important;
	}
}

/***********************************************
 ** MOBILE SLIDEBAR
 ***********************************************/

/** NG: Fix bugs between autoscroll, parallax  and fixed header**/
html, body{
	height:auto;
	min-height:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

#sb-site[canvas]{
		-webkit-transform:none;
}

#sb-site{
    background-image: url('../images/bg-body.jpg');
  	background-attachment:fixed;
}

/*
@media (max-width: 767px) {
	#sb-site{
    	background-image: url('../images/bg-body-sm.png');
	}
}*/


.slidebar{
	overflow-x: hidden;
	z-index:1000;
    background:#222222;
}
.slidebar a{
    font-family: Oswald, verdana;
    font-size: 18px;
    display: block;
    padding: 10px 10px 10px 30px;
    color: #D2D2D2;
    text-transform: uppercase;
    font-weight: 300;
}

.slidebar .sb-nav > li{
	border-bottom: 1px solid #333333;
}

.slidebar a:hover{
	color: #FFFFFF;
    background-color: #4C4C4C;
}

.slidebar .sb-caret{
	float:right;
	margin-top:5px;
	transition:transform 1s;
}

.slidebar .sb-dropdown-menu{
	display:none;
	list-style:none;
	padding-left:0px;
	border-top: 1px solid #333333;
}

.slidebar .sb-dropdown-menu li a{
	border-top: 1px solid #333333;
	padding-left:50px;
}

.slidebar .sb-dropdown-menu li:first-child a{
	border-top: none;
}

.slidebar .sb-dropdown.open .sb-dropdown-menu{
	display:block;
}

.slidebar .sb-dropdown.open .sb-caret,
.slidebar .sb-dropdown:hover .sb-caret{
  -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.slidebar .dropdown-backdrop{
	display:none;
}

.slidebar .glyphicon{
	margin-right:10px;
}

.slidebar .separator{
	height:4px;
	background-color:#444444;
}

.slidebar .home{
	background:#000000;
}
.slidebar .home img{
	width:100%;
}

#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  opacity:0.8; /* Tweak the transparency here. */
  background:#222222;
  z-index: 4; /* Just something higher than your content inside the container. */
  -webkit-transition: all 2s; /* Safari */
  transition: all 2s;
}





/** *****************************************
 ** FOOTER
 ** *****************************************/

footer{
    /*background-color: #031114;*/
	border-top: 2px solid #443428;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #CCCCCC;
    font-size: 12px;
    box-shadow: -3px -1px 15px #000000;
}

footer h3{
	font-size: 22px;
    text-transform: uppercase;
	    color: #FFF;
}


footer .presentation{
	color:#e6e6e6;
}

footer .presentation .logo{
	text-align:center;
	margin-top:20px;
}
footer .presentation .logo img{
	width:100%;
}

footer .presentation .text{
	text-align:justify;
	margin-top:20px
}

footer .navigation li{
	border-bottom: 1px solid #555555;
}

footer .navigation li:last-child{
	border-bottom: none;
}

footer .navigation li a{
	color: #FFF;
	font-size:12px;
	display:block;
	padding:10px;
}

footer .navigation li span{
	font-size:11px;
}


footer .navigation li a:hover{
	color: #e83700;
}


footer .contactus li{
	border-bottom: 1px solid #555555;
	padding:10px;
	color:#e6e6e6;
}
footer .contactus li:last-child{
	border-bottom: none;
}

footer .contactus li .glyphicon{
	display:block;
	float:left;
	width:15%;
	max-width:40px;
	font-size:17px;
}
footer .contactus li .text{
	float:left;
	width:85%;
}



/***********************************************
 ** SIGNATURE
 ***********************************************/

.signature{
/*border-top: 1px solid #1c2628;*/
    background: #3c3027;
    padding-top:15px;
    padding-bottom:5px;
    color: #999999;
}

.signature a{
    color: #999999;
}
.signature a:hover{
    color: #FFFFFF;
}

.signature .social a{
    font-size:24px;
    line-height:28px;
}

.signature .copyright{
	line-height:28px;
	font-size:12px;
} 

/***********************************************
 ** HOME
 ***********************************************/
.home{
	background:white;
}

/*************************************
 ** HOME - SLIDER
 *************************************/


.homeSlider .tp-caption.tp-title,
.homeSlider .tp-caption.tp-subtitle,
.homeSlider .tp-caption.tp-link{
	z-index: 7;
	white-space: nowrap;
	text-transform:left;
	font-family:'Oswald';
	color:white;
	text-shadow: 2px 2px 3px #000;
    text-transform: uppercase;
}

.homeSlider .tp-caption.tp-link{
    background-color: rgba(0,0,0,0);
    border-color: #CCCCCC;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    text-decoration: none;
    background:rgba(0,0,0,0.5);
    color:#CCCCCC;
}

.homeSlider .tp-caption.tp-link:hover{
    border-color: #FFFFFF;
    color:#FFFFFF;

}

@media (max-width: 767px) {
	.homeSlider .tp-bullets{
		display:none;
	}
}

/*************************************
 ** HOME - WELCOME
 *************************************/

.homeWelcome{
	background:rgb(107, 91, 79);

}
.homeWelcome h2{
	text-align:center;
	color:#FFFFFF;
	margin:10px;
	cursor:pointer;
}
.homeWelcome h2 > span{
	font-weight: bold;
	text-transform: uppercase;

}

/*************************************
 ** HOME - Article
 *************************************/

.homeArticle{
	padding:30px 0px;
	background:url('../images/bg-body.jpg');
	color:#FFF;
}

.homeArticle .homeArticle_wrapper{
	box-shadow: -5px 2px 8px 0px #000;
}
.homeArticle h1{
	margin-top:0px;
	margin-bottom:10px;
	font-size: 30px;
    color: #e83700;
    font-weight: 400;
}
.homeArticle .text{
	text-align: justify;
}
@media (max-width: 767px) {
	.homeArticle{
		padding: 15px 0px;
	}
}

/*************************************
 ** BREADCRUMB
 *************************************/
.breadcrumb{
display: inline-block;
    background: rgba(32, 32, 32, 0);
    margin-bottom: 0px;
    margin-top: 43px;
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    font-family: oswald;
}

/*************************************
 ** THEMES
 *************************************/
 .themes {
	padding-top: 30px;
    padding-bottom: 15px;
	/*background:url('../images/bg-body.jpg')  center center;*/
	background: rgb(107, 91, 79);
	background-size: cover;

}

 .themes .theme{
	padding-bottom:15px;

}

.themes .theme .youtubeContainer{
	width:100%;
}

.themes .theme h2{
	color:#e83700;
	font-size:30px;
	word-spacing:0.15em;
	text-shadow: 1px 1px 3px #000;
}

@media (max-width: 767px) {
	.themes{
		padding-top: 15px;
    	padding-bottom: 0px;
	}
}

.themes .theme figure{
	border:5px solid #FFFFFF;
	min-width:290px;
}
.themes .theme figure.effect-duke{
	background:-webkit-linear-gradient(-45deg, #34495e 0%,#000000 100%);
	background:linear-gradient(-45deg, #34495e 0%,#000000 100%);
}



/*************************************
 ** MAIN -HEADER
 *************************************/
.mainHeader{
	/*background:url(../images/mainHeader.jpg);*/
	background-size:cover;
	padding:100px 0px 20px 0px;
	/*box-shadow:0px 1px 15px #000000;*/
}

.mainHeader h1{
	color: #e83700;
    text-shadow: 1px 1px 3px #000;
    font-size: 45px;
	    text-align: left;
}

.mainHeader h2{
	color:white;
}

@media (max-width: 767px) {
	.mainHeader{
		padding:5px 0px;
	}
}

/*************************************
 ** MAIN -CONTENT
 *************************************/

.mainContent .innerContent{
  /*  background-color: #3e3c3c;*/
    margin: 20px 0px;
    padding: 20px;
   /* border: 2px solid #404040;*/
    box-shadow: 0px 1px 11px 1px #000;
}




@media (max-width: 767px) {
	.mainContent .innerContent{
		background-color:transparent;
		padding:0px;
		margin:15px 0px;
		border:none;
		box-shadow:none;
	}
}

/*************************************
 ** COMMUNICATIONS
 *************************************/
.communication{
	margin:20px 0px;

}

.communication > div{
	margin-bottom: 30px;
	display:block;
	/*border: 2px solid #444444;
    background: #3e3c3c;*/
    box-shadow: 0px 1px 8px 1px #000;
}

.communication > div:last-child{
	margin-bottom: 0px;
}

.communication > div.item-article .content {
	padding:1px 10px;
}

.communication > div.item-article .text{
	text-align: justify;
	font-size:12px;
}

/*************************************
 ** NEWS/BOOK - LIST
 *************************************/
.listBlock .item{
	display:block;
	margin-bottom:30px;
	border: 2px solid #3c3027;
    position: relative;
    box-shadow: 1px 1px 23px #000000;
}

.listBlock .item .wrap{
	position:relative;
	display:block;
	background:#FFFFFF;
}

.listBlock .item .wrap h3{
	position:absolute;
	bottom:5px;
	right:0px;
	width:96%;
	background:rgba(0, 0, 0, 0.79);
	color:#e83700;
	text-align:left;
	padding: 5px 6px 4px 7px;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
	text-transform: uppercase;
    font-size: 18px;
}

.listBlock .item .wrap .link{
	position:absolute;
	display:block;
	height:60px;
	width:60px;
	text-align: center;
	background:rgba(0,0,0,0.8);
	top:calc(50% - 30px);
	left:calc(50% - 30px);
	border-radius: 30px;
	color:white;
	opacity:0;
	font-size:24px;
	line-height:60px;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
    z-index:100;
}

.listBlock .item .wrap img{
	width:100%;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

.listBlock .item .wrap img.icon{
    position: absolute;
    right: 0px;
    top: 0px;
    width: inherit;
}

.listBlock .item .content{
	padding:20px;
	/*background-color:#3e3c3c;*/
}

.listBlock .item .subtitle{
	color:#999999;
	font-size:14px;
	border-bottom:1px solid #BBBBBB;
	padding-bottom:5px;
	font-family:Oswald,arial;
}

.listBlock .item .text{
    text-align: justify;
    font-size: 12px;
    padding-top: 10px;

}


.listBlock .item:hover .wrap img{
	opacity:0.6;
	-webkit-backface-visibility: hidden;
}

.listBlock .item:hover .wrap h3{
	opacity:0;
	bottom:-10px;
}

.listBlock .item:hover .wrap .link{
	opacity:0.8;
}

.listBlock .item .wrap .link:hover{
	background:rgba(255,255,255,0.6);
	color:#000000;
}



/*************************************
 ** BOOK - LIST
 *************************************/
.bookList .presentation{
	/*background-color:#3e3c3c;*/
	margin-bottom:30px;
	border:2px solid #0c0c0c;
	box-shadow: 0px 1px 11px 1px #000;
}

.bookList .presentation>img{
	padding-right:32px;
}

.bookList .presentation .text{
	padding:15px;
	line-height:20px;
}




/*************************************
 ** NEWS - DETAIL
 *************************************/

.newsDetail .revolutionSlider,
.newsDetail .youtube{
	margin-bottom:15px;
}
.newsDetail .author{
	margin-bottom: 10px;
	font-family:Oswald,arial;
	font-size:16px;
}

.newsDetail .description .text{
	text-align: justify;
	font-size:14px;
	line-height: 24px;
}

.newsDetail .actions{
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #BBBBBB;
}


/*************************************
 ** CONTACT
 *************************************/
.contact .innerContent h3{
	margin-top: 0px;
    border-bottom: 1px solid #BBBBBB;
    padding-bottom: 10px;
    font-size:24px;
    text-transform: uppercase;
}

.contact .innerContent label{
	font-family:Oswald,arial;
	font-size:16px;
	font-weight:300;
	color:#ccc;
	margin-top:5px;
}

.contact .innerContent .form-group{
	margin:0px;
}

.contact .innerContent .form-group .btn{
	margin-top:20px;
}

.contact .has-feedback .form-control-feedback{
	top:32px;
	right:0px;
}

@media (max-width: 767px) {
	.contact .innerContent{
		background-color:transparent;
		margin:0px;
		padding:0px;
		border:none;
	}

	.contact .innerContent h3{
	 	margin-top: 20px;
	}
}


/***********************************************
 ** MODAL
 ***********************************************/
.modal .glyphicon{
    margin-right: 20px;
    font-size: 38px;
    float: left;
}

/***********************************************
 ** NO TitLE
 ***********************************************/
.noTitle{
	padding-top:30px;
}

/*************************************
 ** DEBUG
 *************************************/
.debug{
	display:none;
	color:white;
}

/*************************************
 ** REVOLUTION SLIDER
 *************************************/
.rev_slider .resizer{
	padding:10px;
	background:rgba(0,0,0,0.8);
	border-radius:5px;
	color:#FFFFFF;
	cursor:pointer;
	    display: none;
}



/***********************************************
 ** ROYAL SLIDER
 ***********************************************/

 .royalSlider {
 	margin-bottom:85px;
 }

.royalSlider .rsThumbsHor{
    bottom: -70px;
    position: absolute;
    background: rgba(20,20,20,0.5);
    padding: 5px;
    height:auto;
 }

.royalSlider .rsThumb {
    width: 80px;
    height: 60px;
}
.royalSlider .rsThumb.rsNavSelected{
	background:#000000;
}

.rsImgAlone{
	margin-bottom:15px;
}

/***********************************************
 ** FANCYBOX
 ***********************************************/
.fancybox-container{
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:15px;
}

.fancybox-container .fancybox-box:first-child{
    width: 100%;
}

.fancybox-container .fancybox-box{
	width:20%;
	float:left;
	padding: 5px;
}

.fancybox-container .fancybox-box a{
	border: 3px solid #2b3838;
	display: block;

}

/***********************************************
 ** TINYMCE
 ***********************************************/
.tinymce > h2:first-child{
	margin-top:0px;
}

.tinymce .logo{
	margin-top:10px;
	margin-bottom:10px;
}

.mce-content-body{
	padding:15px;
	background:#555555;
}

/***********************************************
 ** FICHE PRODUITS
 ***********************************************/
.attributes {
	margin-top:30px;
}
.attributes.table>tbody>tr>td{
	padding: 10px 0px;
	border-top-color:#666666;
}

.attributes.table>tbody>tr>td.c1{
	width:40%;
}

.vendor{
	padding:20px;
	background: #333333;
	margin-bottom: 20px
}
.vendor h2{
	margin-top: 0px
}


/***********************************************
 ** FILTRES
 ***********************************************/
.filter{
	background: rgba(0,0,0,0.5);
	padding: 20px;
	margin-top:20px;
}
.filter .form-group{
	margin-bottom:20px;
}
.filter .checkbox label:after, 
.filter .radio label:after {
    content: '';
    display: table;
    clear: both;
}

.filter .checkbox .cr,
.filter .radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.filter .radio .cr {
    border-radius: 50%;
}

.filter .checkbox .cr .cr-icon,
.filter .radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.filter .radio .cr .cr-icon {
    margin-left: 0.04em;
}

.filter .checkbox label input[type="checkbox"],
.filter .radio label input[type="radio"] {
    display: none;
}

.filter .checkbox label input[type="checkbox"] + .cr > .cr-icon,
.filter .radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.filter .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.filter .radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.filter .checkbox label input[type="checkbox"]:disabled + .cr,
.filter .radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.filter .counter {
   color:#CCCCCC;
   margin-top:20px;

}
.filter .counter span{
   font-size:16px;
   font-weight: bold;
}


/***********************************************
 ** DEMANDE DE DEVIS
 ***********************************************/

.demandeDevis{
	background: #7264579e;
    padding: 20px;
}
.demandeDevis.list{
    margin-top: 20px;
}
.demandeDevis.detail{
    margin-bottom: 20px;
}
@media (min-width: 768px) {
	.demandeDevis h3{
	    margin-top: 0px;
	}
}



/***********************************************
 ** DEVIS
 ***********************************************/
 .devis .row-by5 {
	margin-right: -10px;
	margin-left: -10px;
}

.devis .col-by5 {
	float: left;
	width: 20%;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.devis .devis-radio label {
	border: 1px solid #BBBBBB;
	border-radius: 5px;
	padding-bottom: 3px;
	text-align: center;
	cursor: pointer;
	width: 100%;
}

.devis .devis-radio img {
	max-width: 60%;
	margin: 5px 0px;
	display: none;
}

/* HIDE RADIO */
.devis .devis-radio [type=radio] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/* CHECKED STYLES */
.devis .devis-radio [type=radio]:checked+label {
	border: 1px solid #ff9b00;
}

.devis .devis-radio [type=radio]:checked+label img.checked {
	display: inline-block;
}

.devis .devis-radio [type=radio]:not(:checked)+label img.unchecked {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.devis .row-by5 {
		margin-right: -5px;
		margin-left: -5px;
	}

	.devis .col-by5 {
		padding-right: 5px;
		padding-left: 5px;
	}

	.devis .devis-radio label div {
		font-size: 12px;
	}
}