@font-face {
	font-family: 'Droid Serif';
	src: url('../fonts/DroidSerif.woff2') format('woff2'),
		url('../fonts/DroidSerif.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont-webfont.woff2') format('woff2'),
         url('../fonts/oswald-regular-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
	font-family: 'Futura Bk BT';
	src: url('../fonts/FuturaBT-Book.woff2') format('woff2'),
		url('../fonts/FuturaBT-Book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.woff2') format('woff2'),
		url('../fonts/Roboto-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

body{font-family: 'Roboto';font-size:15px;}


.header{ width:100%; float:left;}

.diagonale{ /*background: url(../images/diagonale-img.png) no-repeat;*/
float: left;
width: 676px;
height: 539px;}
.navbar { background:#ffcd03; position:absolute; width:100%; z-index:1000; border:1px solid #ffcd03; margin-bottom:0px;}
.align-nav{ float:right;}

.navbar-inverse .navbar-nav > li > a{ color:#574a1f; font-weight:bold;}

.white-texture{ background:url(../images/white-texture.png) no-repeat right center; float:left; width:100%;margin-bottom: 70px;}

.white-texture h1{ text-align:center;font-family: 'Futura Bk BT';font-size:41px;}
.white-texture p{ text-align:center;font-size: 22px;font-family: 'Roboto';}
.red-texture{background:#8f1600 url(../images/red-texture.jpg) no-repeat left center; float:left; width:100%;padding: 50px 0;}
.service-title{font-family: 'Oswald', sans-serif; color:#b7412b; line-height: 62px; font-size:80px;  } 
.red-texture h3{ font-size:27px; color:#f0ccc5;font-family: 'Futura Bk BT';}
.red-texture span{ font-size:19px; color:#fff;}
.red-texture p{ font-size:16px; color:#f0ccc5; margin-top: 8px;margin-bottom: 20px;}
.red-texture h4{ font-size:18px; font-family: 'Oswald', sans-serif; color:#f0ccc5;margin: 20px 0;}
.services-box{ margin-top:40px;}
.red-texture a{ background:#800000; border:1px solid #d5472d; color:#ffffff; padding: 5px 20px; clear:both;}

.yellow-texture{ background:url(../images/yellow-texture.jpg) no-repeat 0 0/ cover; width:100%; float:left;padding: 30px 0;margin-bottom: 20px; }
.yellow-texture h1{ text-align:center;font-family: 'Futura Bk BT';font-size:41px;}
.yellow-texture p{ text-align:center;font-size: 19px}


.project-box{ margin-bottom:15px;text-align:center;}
.view-more{ background: #800000;font-size: 18px;
color: #fff;
padding: 4px 6px;
text-align: center;
display: inline-block;}
.yellow-texture .thumbnail{ border:1px solid #e06565; margin-bottom:0px;}
.yellow-texture .thumbnail:hover{ border:1px solid #e06565;}
.project-title{ font-size:19px; color:#323232;}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}

blockquote {
    border: none;
    padding: 10px 0;
}
.background-testimoinal {
    background: #800000 none repeat scroll 0 0;
    border-radius: 30px 0 30px 0;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    padding: 25px 14px 24px 24px;
}

blockquote div {
    background: url(../images/bg-blockquote.png) no-repeat scroll 0 0 transparent;
    color: #fff;
    display: block;
    font-style: normal !important;
    overflow: hidden;
    padding: 12px 0 0 2px;
}




.btn-default{background: #800000;color:#fff;}
.btn1 {
    width: 40%;
    font-size: 18px;
}
.site-footer{background: #100500;
float: left;
width: 100%;
position: relative;
margin-top: 240px;
color:#fff;line-height: 25px;
}
.know-us ul li {
    list-style-type: none;
    margin-left: -40px;
}
.footer-social ul {
    margin-left: -40px;
}
.footer-social ul li{display: inline-block;
background: #fff;
padding: 3px 0;
border-radius: 22px;
margin: 3px;
width: 30px;
height: 30px;
text-align: center;}
.footer-social ul li a{font-size:18px;color: #a7a7a7;}
.foot-img{
background: url(../images/camel.png);
height: 276px;
position: absolute;
left: 0;
top: -232px;
width: 532px;
z-index: -1;
}
.newsletter {
    color: #000;
    position: absolute;
    top: -40px;
    width: 370px;
    right: 11px;
}
.footer-rec {
    background: url(../images/rec-footer.png);
    height: 372px;
    width: 459px;
    position: relative;
    top: -53px;
}
.home-slider .diagonale
{
	    display: block;
    position: absolute;
    width: 590px;
    height: 472px;
    padding: 0;
    z-index: 999;
    left: 0;
    bottom: 0;
	
}
.home-slider{position:relative;}
.copyright {
    line-height: 50px;
}
.newsletter{font-family: 'Droid Serif';}
.newsletter .btn{padding: 12px 12px;}
.services-box .view-more {
    padding: 7px 22px;
}
.white-bottom-box h1{font-family: 'Futura Bk BT';font-size: 40px;}
.white-bottom-box form {
    padding-top: 30px;
}
.white-bottom-box .form-control {
    border: 1px solid #f65e5e;
	border-radius: 0;
	height:45px;
}
.site-footer h3{font-family: 'Oswald';font-size: 22px;margin: 30px 0 15px 0;}
.footer-social {
    margin: 20px 0;
}














/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #fff;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

/*.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
	font-size:9px;
	margin-top:-5px;
}
.item blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    font-size:9px;
    margin-left: 10px;
	
}*/




small{color: #F0AE02!important; }









/**
  MEDIA QUERIES
*/



@media (max-width: 640px) { 

.navbar-brand{ position:absolute;}
.navbar-brand > img{ width:45%; height:auto;}
.align-nav{ float:left; width: 100%;}





}













/* Small devices (tablets, 768px and up) */






@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
	
	
	
	.navbar-nav {
    margin: 7.5px 0px;
    width: 100%;
}


.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{ color:#000;}
		
}













.home-slider .diagonale img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

.header .diagonale img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}


.header .logo img {
    display: block;
    width: 80%;
    height: auto;
    padding: 0;
    margin: 0;
}




.outside{ bottom: 15%;
    position: absolute;
    right: 0;
}











@media screen and (min-width: 1820px){
.header .diagonale {
    width: 677px;
    height: 536px;
}

.header .logo {
    top: 50px;
    left: 50px;
    font-size: 2.8em;
}
.home-slider .diagonale {
    width: 750px;
    height: 600px;
}
}

@media screen and (min-width: 1430px){
.header .diagonale {
    width: 580px;
    height: 459px;
}
.header .logo {
    top: 45px;
    left: 45px;
    font-size: 2.5em;
}



}
@media screen and (min-width: 1260px){
.header .diagonale {
    width: 465px ;
    height: 435px;
}
.header .logo {
    top: 40px;
    left: 40px;
    font-size: 2.3em;
}

}

.header .diagonale {
    display: block;
    position: absolute;
    width: 450px;
    height: 356px;
    padding: 0;
    left: 0;
    top: 0;
    z-index: 9999;
}


.header .logo {
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 99999;
    color: white;
    font-size: 2em;
    font-weight: 300;
    padding: 0;
    margin: 0;
}



@media screen and (min-width: 1820px){
.home-slider .message {
    width: 500px;
    height: 300px;
    left: 130px;
}
}




.home-slider .message {
    display: block;
    position: absolute;
    width: 340px;
    height:145px;
    z-index: 9999;
    left: 150px;
    bottom: 0px;
    padding: 0px;
	color:#fff;
}

.outside #slider-prev .bx-prev
{
	display: block;
width: 29px;
height: 17px;
background-image:url(../images/prev.png);
background-repeat: no-repeat;
background-position: top left;
text-indent: -999999px;
padding: 0;
margin: 0 0 15px 0;
}
.outside #slider-next .bx-next {
    display: block;
    width: 29px;
    height: 17px;
    background-image: url(../images/next.png);
    background-repeat: no-repeat;
    background-position: top left;
    text-indent: -999999px;
    padding: 0;
}


.slider-arrow
{
	display: block;
position: absolute;
width: 340px;
height: 115px;
z-index: 9999;
left: 29%;
bottom: 0px;
padding: 0px;
}

.slider-a .texte-a-3,.slider-a .texte-a-2,.slider-a .texte-a-1,.slider-a .texte-a-4{display:none;}


.navbar-brand {padding:0px 15px;}
.inner-page-banner{ position:relative;}
.banner img{ width:100%; height:auto;}
.banner-title {
    /*background: rgb(255, 205, 3, 0.9);*/
    padding: 10px 40px;
    font-size:3vw;
    text-align: center;
	/*position: absolute;*/
   /* left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);*/
	
}



.thumbs2{ width:100%; height:194px !important;}

.inner-box{ width:100%; float:left;  margin-top:22px;    min-height: 800px;}
.inner-box p{ text-align:left;
font-size: 16px;
line-height: 22px;
margin: 20px 0; }


.contact-form{ background: #FFF;
padding: 10px;
margin-top: -40px;
box-shadow: 0px -1px 4px #ccc; }


.consult-box{ background: #8f1600 url(../images/red-texture.jpg) no-repeat left center;
padding: 20px;
margin: 25px 0;}

.inner-box h2{ color:#800000; }
.product-list tr{ text-transform:uppercase;}

.veni-img{ float:left; margin-top:12%;}
.veni-img img{ width:100%; height:auto;  }

/* C.p. */
.project-image-title
{
	font-size:30px;
	font-weight:bold;
	color:#6B3C2E;
	text-align:center;
	margin-bottom:3%;
}
.clients table
{
	width:100%;
}

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



#contact{ float:left; width:100%; }

.foot-img-right{ background: url(../images/horse-img.jpg);
height: 187px;
position: absolute;
right: 0;
top: /*-186px;*/ -237px;
width: 200px;
z-index: -1; 

/*height: 279px;
position: absolute;
right: 0;
top: -246px;
width: 300px;*/

}

.right-de { text-align:center;} 
.top-right-img{ width:inherit !important;}



.white-texture b{ margin-top:10px; float:left; width:100%;}


.ab-font{  font-size: 17px;
text-align: justify;}



.ab-font strong{   font-size: 17px; color:#800000;}

.know-us a{ color:#fff;}
.site-footer a{ color:#fff;}
.home-slider .message .title{text-align: center; font-size: 24px;}

.navbar-toggle{ z-index:9;}
.right-de  img{ width:100%; height:auto; margin-top:47px;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding:7px;}
.client-page h2{ margin-top:5px;}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #fff4de;
}

.client-page .table{margin-bottom:0px;}
@media only screen and (min-device-width: 645px) and (max-device-width: 980px){
  /* For portrait layouts only */
  
  .navbar-brand > img {
    width: 45%;
    height: auto; 
}
.navbar-nav > li > a{   line-height: 0;}
  
  .navbar-brand {
    position: absolute; 
}
  
  
  
  
}

/*@media only screen and (min-device-width: 700px) and (max-device-width:1480px){
	
.foot-img-right{ top:-237px !important;  }

	
}*/

@media only screen and (min-device-width: 700px) and (max-device-width:1150px){
	.nav li a {
    font-size: 10px !important ;
    padding: 14px 4px !important;
}

	
}

@media only screen and (max-width: 1199px){

.thumbs2{ width:100%; height:156px !important;}
}
@media only screen and (max-width: 990px){

.thumbs2{ width:100%; height:112px !important;}
}
@media only screen and (max-width: 767px){

.thumbs2{ width:auto; height:185px !important;}
}

/* C.p. */
@media only screen and (max-width: 1366px){
.nav li a {
    font-size: 12px;
    padding: 14px 5px;
}
.newsletter{ width: 312px;}

.dropdown-menu > li > a{padding: 4px 5px !important;}
.newsletter{   right: 0;}



}
@media only screen and (max-width: 640px){
.footer-rec   
{	 top: 0;  width: 283px !important;
}


.newsletter{top: 15px; 
left: 0; width: 285px;}
.foot-img{ width:100%;}

.project-title{ font-size:3vw;}
.img-thumb-red img{ width:100%; height:auto;}
.red-texture h4{font-size:3vw; }

.home-slider .diagonale{ width:100% !important;}
#recaptcha2 {
    transform: scale(0.80) !important;
    -webkit-transform: scale(0.80);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
	margin-left: 0 !important;
}
.align-nav{ float:none;}
.about-img img{ width:100%; height:auto;}

.right-de  img{ width:100%; height:auto;}
/*.header{ height:50px;}*/
.foot-img{ display:none;}
.foot-img-right{ display:none;}
.header .logo img{width:30%;}
.nav > li {
    text-align: center;
}
.banner-title {
    font-size: 8vw;
}
.thumbnail > img {
    height: 211px !important;
    width: 100%;
}
.modal-dialog {
    margin: 25px;
}
.title > h3 {
    font-size: 14px;
}
#recaptcha1 {
    margin-left: -20px;
    transform: scale(0.87);
}
.contact-form{
	 margin-top: 15px;
}
}


@media only screen and (max-width: 480px){
.header .diagonale{ width:40% !important; height:auto!important;}

.banner img {
    width: 100%;
    height: 120px;
}
#recaptcha1{ transform: scale(0.77);}
.header .logo img {
    width: 30% !important;
}
}

.list-type5{

margin:0 auto;
}
.list-type5 ol {
list-style-type: none;
list-style-type: decimal !ie; /*IE 7- hack*/
margin: 0;
margin-left: 1em;
padding: 0;
counter-reset: li-counter;
}
.list-type5 ol li{
position: relative;
margin-bottom: 1.5em;
padding: 0.5em;
background-color: #F0D756;
padding-left: 58px;
}

.list-type5 a{
text-decoration:none;
color:black;
font-size:15px;
font-family: 'Raleway', sans-serif;
}

.list-type5 li:hover{
box-shadow:inset -1em 0 #800000;
-webkit-transition: box-shadow 0.5s; /* For Safari 3.1 to 6.0 */
transition: box-shadow 0.5s;
}

.list-type5 ol li:before {
position: absolute;
top: -0.3em;
left: -0.5em;
width: 1.8em;
height: 1.2em;
font-size: 2em;
line-height: 1.2;
font-weight: bold;
text-align: center;
color: white;
background-color: #800000;
transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
z-index: 99;
overflow: hidden;
content: counter(li-counter);
counter-increment: li-counter;
}
.project-box > img {
    width: 100%;
}