@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/carousel.css";
@import "../css/ui.totop.css";
@import "../css/flexslider.css";
@import url(http://fonts.googleapis.com/css?family=Yesteryear);
@import url(http://fonts.googleapis.com/css?family=Oxygen);


article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:21px; color:#504137; min-width:960px; background:url(../images/body_bg.jpg) 50% 0 repeat #f5f5e5; -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#504137;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#d34128; text-decoration:none;}

.button{ display:inline-block; padding:11px 23px 10px; margin: 20px 0 0 0; font-size: 18px; line-height: 22px; color:#fff;text-shadow:0 1px 1px #a63320;background:#d34128;text-transform:uppercase;}
.button:hover{ background:#fff; color:#d34128;text-shadow:none;}

.button3{ display:inline-block; padding:9px 17px 7px; margin: 28px 0 0 0; font-size: 14px; line-height: 19px; color:#fff;background: url('../images/button3.jpg') repeat;text-transform:uppercase;}
.button3:hover{background:#393939;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {position: relative; z-index:10;height:169px;}
header h1{width:181px;float: left;}
header h1 a {display:block;width:181px;height:78px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}
.header_container{padding: 43px 0 17px;}

.red_box{background: url('../images/header_bg.jpg') 50% 0 repeat;position: absolute;width:100%;top:0;left:0;min-width:960px;}
.red_box>.glow{background: url('../images/header_glow.jpg') 50% 0 repeat-y;min-height:169px;}

#main_page .header_container{border-bottom:1px solid #a64843;}
#main_page header, #main_page .red_box>.glow{height:762px;}
/*********************************content*************************************/
#content {padding:63px 0px 59px 0px;position: relative;background: url('../images/content.jpg') 50% 0 repeat;z-index:1;}
#content:before{position: absolute; top:0;left:0;width:100%;height:8px;background: url('../images/content_bef.jpg') repeat-x;content:"";}
.cont_pad{padding:0 0 59px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:21px}
.p2{ margin-bottom:19px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 7px no-repeat; margin-bottom:9px; padding-left:12px;}
.list1 a{font-size: 12px; color: #d5452a;}
.list1 a:hover{color:#000;}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 30px; line-height: 36px; color:#31160a;text-transform:uppercase;letter-spacing:-1px;margin-bottom:17px;}

h2.ind{ margin-bottom:22px;}
h2.ind1{ margin-bottom:19px;}
h2.ind2{ margin-bottom:24px;}
h2.ind3{ margin-bottom:18px;}
h2.ind4{ margin-bottom:21px;}
h2.ind5{ margin-bottom:16px;}

h3{font-size: 24px; line-height: 30px; color:#431e0e;text-transform:uppercase;letter-spacing:-1px;}
h3.ind1{ margin-bottom:30px;}
h3.ind2{ margin-bottom:15px;}

h4{font-size: 20px; line-height: 24px; color: #31160a;text-transform:uppercase;margin-bottom:7px;}
/*================================>> GOOGLE FONTS  <<========================================*/

.creative_box .title{font-family: 'Yesteryear', cursive;}
#carousel1 .box, .car_box, .oxy, .button3, h3, h2, h4{font-family: 'Oxygen', sans-serif;}
/*================================>> hovers <<========================================*/
.button, .sf-menu a, .menu-arrow, .list1 a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.creative_box{text-align:center;padding:8px 0 164px;position: relative;overflow: hidden;}
.creative_box .title{font-size: 200px; line-height: 240px; color: #dfd68b;letter-spacing:-3px;padding-left:11px; margin-bottom:-10px;}

.creative_box .box{height:143px;padding: 78px 0 0;width:221px;border-radius:221px;font-size: 28px; line-height: 34px; color: #f2e895;letter-spacing:-1px;text-transform:uppercase;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.24);float: left;margin-left:18px;box-shadow:1px 1px 2px #6f0e0d;}

.firs_it{margin-left:0 !important;}

.creative_box .box span{display:block;margin-top:-4px;}

.creative_box .box1{background: url('../images/box1.jpg') repeat;}
.creative_box .box2{background: url('../images/box2.jpg') repeat;}
.creative_box .box3{background: url('../images/box3.jpg') repeat;}
.creative_box .box4{background: url('../images/box4.jpg') repeat;}

#carousel1{margin: -10px 0 0 2px;height:224px;overflow: hidden;}
#carousel1>li{float: left;overflow: hidden;}

.link1{background: url('../images/link1.png') repeat;display:inline-block;width:33px;height:34px;margin: 24px 0 0;}
.link1:hover{background-position:0 -34px;}

#pager{overflow: hidden;height:27px;text-align:center;width:100%;position: absolute;bottom:94px;z-index:999;}
#pager a{width:27px;margin:0 1px;height:26px;display:inline-block;background: url('../images/pags.png') 0 -26px no-repeat;}
#pager a:hover, #pager a.selected{background-position:0 0;}
#pager a span{display:none;}

.car_box{margin: -44px 0 0 0;padding: 35px 0 0 ;background: url('../images/carbox2.jpg') repeat;border:6px solid #2e282a;position: relative;z-index:99;height:426px;text-align:center;box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
.car_box .title{font-size: 30px;letter-spacing:-2px;line-height: 36px; color: #fff;text-transform:uppercase;text-align:center;}

.welcome_box{text-align:center;padding: 58px 0 0;font-size: 24px; line-height: 30px; color: #431e0e;}
.welcome_box .reg{letter-spacing:-2px;display:block;margin-bottom:-6px;}
.welcome_box .title{font-size: 30px;letter-spacing:-2px; line-height: 36px; color: #71110c; text-transform:uppercase;}

.welcome_box:before, .welcome_box:after{height:1px;width:25%;position: absolute;background:#c2aea6;top:105px;content:"";}
.welcome_box:before{left:10px;}
.welcome_box:after{right:10px;}

.button2{width:223px;height:31px;background: url('../images/button2.png') no-repeat;text-align:center;margin-top:20px;letter-spacing:-1px;padding: 6px 0 0;font-size: 17px; line-height: 24px; color: #eeeeee;text-transform:uppercase;display:inline-block;}
.button2:hover{background-position:0 -37px;}

.m_bot1{margin-bottom:70px;}

.offer{text-align:center;}
.offer figure{height:34px;}
.offer .title{font-size: 36px; line-height: 44px; color: #31160a;text-transform:uppercase;margin: 5px 0 16px;letter-spacing:-2px;}
.offer .text{padding: 0 30px 0;}
/*********************************page_2*************************************/
.who{border-bottom:1px solid #c2aea6;padding-bottom:42px;margin-bottom:44px;}
.who>li{border-bottom:1px solid #ded3c8;padding-bottom:22px;margin-bottom:25px;}
.who>li>div{}
.who>li>figure{width:51px;text-align:center;font-size: 36px; line-height: 43px; color: #fff;text-transform:uppercase;font-weight:bold;padding: 4px 0 15px;margin: 4px 20px 0 2px;background: url('../images/num.png') no-repeat;}

.testimonials{position: relative;border-radius:10px;background: url('../images/testimonials.png') 0 0 repeat-x;border:1px solid #e0e0d6;padding: 20px 19px 19px 33px;text-indent:33px;margin: 0 0 10px;}
.testimonials:after{position: absolute;width:34px;height:20px;display:block;background: url('../images/testim_after.png') no-repeat;left:67px;bottom:-20px;content:"";}
.testimonials:before{width:23px;height:21px;display:block;position: absolute;background: url('../images/blackquote.png') no-repeat;top:18px;left:33px;content:"";}

.author{text-align:right;color:#d5452a;font-size:12px;margin-bottom:25px;}

.about{border-bottom:1px solid #c2aea6;padding-bottom:37px;margin-bottom:35px;}

.team_box{}
.team{background:#dcd4c3;padding: 10px 10px 10px;margin-left:25px;float: left;width:170px;}
.team a{display:block;margin-bottom:9px;}
.team_box .team:first-child{margin-left:0;}

.m_bot2{margin-bottom:25px;}
.m_bot3{margin-bottom:20px;}
/*********************************page_3*************************************/
.work{padding: 10px 10px 17px;background:#dcd4c3;}
.work a{display:block;margin: 0 0 9px;}

.bb{border-bottom:1px solid #c2aea6;padding-bottom:35px;margin-bottom:36px;}
.bb1{border-bottom:1px solid #c2aea6;padding-bottom:40px;margin-bottom:35px;}
.bb2{border-bottom:1px solid #c2aea6;padding-bottom:34px;margin-bottom:34px;}
/*********************************page_4*************************************/

.link2{color:#d5452a;text-decoration:underline;display:inline-block;margin-left:8px;}
.link2:hover{text-decoration:none;}

.services>li{margin-bottom:27px;}

.spec_offer{overflow: visible;margin-bottom:24px;}
.spec_offer>div{}
.spec_offer>figure{margin: 0 19px 6px 0;box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
/*********************************page_5*************************************/
.blog_list{}
.blog_list>li{margin-bottom:50px;}
.blog_info{margin-bottom:19px;}
.blog_info>div{}
.blog_info>figure{background: url('../images/num.png') no-repeat;width:51px;text-align:center;font-size: 17px; line-height: 22px; color: #fff;font-weight:bold;margin: 2px 20px 0 0;padding: 7px 0 18px;}
.blog_info>figure span{display: block;margin-top:-7px;}
.blog_info .links{overflow: hidden;color:#d5452a;padding-top:1px;}
.blog_info .links a{color:#d5452a;}
.blog_info .links a:hover{color:#000;}
.blog_info .links .posted{float: left;}
.blog_info .links .comment{float: right;}
.blog{overflow: visible;}
.blog>div{}
.blog>figure{margin: 0 19px 6px 0;box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
/*********************************page_6*************************************/
/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px;  padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:13px; border:1px solid #e5e5e5; color:#8f8f8f; padding:9px 13px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#fff;}
#contact-form input {width:319px;float: left;}
#contact-form textarea {overflow:auto; width:592px; height:231px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; min-height:46px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button3 {margin-left:15px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; float: left;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:29px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:block;margin-bottom:25px;box-shadow: 0 1px 5px rgba(0,0,0,0.75);}
#map_canvas {
   width:100%;
   height:299px;
}
.adress{}
.adress span{ display:inline-block; width:74px;}
.adress dt{}

.demo{color:#d5452a;}
.demo:hover{ text-decoration:underline;}
/****************************footer************************/
footer:before{height:8px;width:100%;background: url('../images/footer_bef.jpg') repeat-x;left:0;top:0;position: absolute;content:"";}
footer {padding:66px 0 26px;position: relative;}

footer .social{ overflow:hidden;}
footer .social a{ display:block; float:left;width:32px;height:32px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-32px;}

footer h3{margin-bottom:25px;}

.twitter{color:#6e6e6e;font-size:12px;line-height:21px;}
.twitter a{color:#3b3b3b;font-weight:bold;}
.twitter li{border-bottom:1px dashed #93928c;padding-bottom:22px;margin-bottom:20px;}
.twitter li:last-child{border:none;}
.twitter .tweet_time{display:block;}
.twitter .tweet_time a{font-size:14px;color:#d34128;font-weight:normal;}

.twitter a:hover{color:#d34128;}
.twitter .tweet_time a:hover{color:#000;}

#flickr_badge{overflow: hidden;margin: 2px 0 0 1px;}
#flickr_badge a{display:inline-block;border:3px solid #dbd5c3;width:84px;height:84px;}
#flickr_badge a:hover{border-color:#d13d2c;}
#flickr_badge a img{width:100%;height:100%;}
#flickr_badge .flickr_badge_image{float: left;margin-right:14px;margin-bottom:15px;}
#flickr_badge_image3{margin-right:0 !important;}

.soc_list{}
.soc_list>li{margin-bottom:19px;}
.soc_list>li strong{width:57px;display:inline-block;}
.soc_list>li span{display:inline-block;margin-top:9px;}
.soc_list>li a{display:inline-block;font-size:12px;color:#6e6e6e;}
.soc_list a:hover{color:#d13d2c ;}

.privacy{border-top:1px solid #7d7f71;padding-top:23px;margin: 9px 0 0;font-size:11px;text-transform:uppercase;color:#585858;}
.privacy a, .privacy{color:#0a0a0a;}
.privacy a:hover{color:#d34128;}
footer .phone{padding-left:30px;color:#585858;}

.gauche{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.droite{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.bordure{
	border:solid 1px #7c3e42;
}

/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 .red_box, body{min-width:768px;}
 .creative_box .box{width:172px;height:120px;padding: 48px 0 0;font-size: 20px; line-height: 24px;}
 .caroufredsel_wrapper{height:180px !important;}
 #flickr_badge_image3{margin-right:15px !important;}
 .soc_list{word-spacing: -2px;}
 .team{margin-left:10px;width:137px;}
 .team_box.m_bot2{margin-bottom:10px;}
 #contact-form textarea{width:462px;}
 #toTop{display:none !important;}
 #main_page .red_box>.glow{height:780px;}
 #main_page header{height:720px;}
}

@media only screen and (max-width: 767px) {
 .red_box, body{min-width:420px;}
  .caroufredsel_wrapper{height:420px !important;}
  #pager{bottom:60px;}
  .creative_box{padding-bottom:100px;}
  .creative_box .box{margin: 0 10px 10px 0;width:200px;height:150px;}
  .car_box{height:380px;}
  .creative_box .title{font-size:110px;line-height:180px;}
  nav, header h1{float: none;}
  #content{z-index:1;}
  header{z-index:10;}
  .team{margin:0px 0 20px;padding:20px;width:380px;}
  img{width:100%;}
  .m_bot3{margin-bottom:30px;}
  .spec_offer>div, .blog>div{overflow: visible;}
  .spec_offer>figure, .blog>figure{box-shadow:none;}
  .map_wrapper{margin: 0 5px 25px;}
   #contact-form textarea, #contact-form input{width:392px;}
  .offer img{width: auto;}
  header{z-index:10 !important;}
  #content{z-index:1 !important;}
   #main_page .red_box>.glow{height:940px;}
   .red_box>.glow{height:450px;}
  #main_page header, #main_page .red_box>.glow{height:1000px;}
  .welcome_box:after,.welcome_box:before{display:none;}
  header{height:249px;}
}

@media only screen and (max-width: 479px) {
 .red_box, body{min-width:300px;}
 .creative_box .box{margin:0 10px 10px 0px !important;width:140px;float: left;padding: 20px 0 0;font-size:16px;height:120px;}
 .link1{margin-top:15px;}
 .caroufredsel_wrapper{height:370px !important;}
 .car_box{height:450px;}
 .welcome_box .title{font-size: 20px; line-height: 24px;letter-spacing:0;}
 .welcome_box{font-size: 18px; line-height: 22px;padding-top:30px;}
 .welcome_box:after, .welcome_box:before{display:none;}
 .welcome_box .reg{letter-spacing:0;margin-bottom:10px;}
 .m_bot1{margin-bottom:30px;}
 .creative_box .title{font-size:80px;line-height:144px;}
 .creative_box{padding-bottom:50px;}
 .team{margin:0px 0 20px;padding:10px;width:280px;}
 .spec_offer>figure, .blog>figure{float: none; margin-bottom:20px;}
 #contact-form textarea, #contact-form input{width:272px;}
 #carousel li img{box-shadow:none !important;}
  #main_page header, #main_page .red_box>.glow{height:840px;}
  .flex-control-nav{bottom:-57px;}
}