@import"../css/reset.css";
@import"../css/skeleton.css";
@import"../css/superfish.css";
@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Oswald);
body {
	background:url(../images/tail-body.gif) 50% 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	color:#8f8e83;
	position:relative;
	background:url(../images/tail-body.gif) center 0;
	-webkit-text-size-adjust: none;
}
html, body {
	height:100%;
}
p {
	padding-bottom:18px;
}
a {
	color:#ef4f33;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a[href^="tel:"]{color: inherit; text-decoration:none;}
a:hover {
	text-decoration: underline
}
/*  Header styles */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	line-height:1.2em;
	padding-bottom:20px;
	color:#b7b6a6;
	font-weight:normal;
	text-shadow:1px 1px #0d0d0d;
	text-transform:uppercase;letter-spacing:-1px
}

h2 {
	font-size:30px;
	line-height:32px;padding-bottom:14px
}
h3 {
	font-size:24px;
	line-height:28px;
	padding-bottom:32px;

}
h4 {
	font-size:18px;
	line-height:24px;
	padding-bottom:1px;letter-spacing:0
}
h5 {
	font-size:16px;
}
h6 {
	font-size:14px;
}

.font-large {
	font-size: 16px !important;	
}

.font-medium {
	font-size: 14px !important;	
}

/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.clear {
	clear:both;
	line-height:0;
	font-size:0;
	overflow:hidden;
	height:0;
	width:100%;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	display:block;
}
.fleft {
	float:left
}
.fright {
	float:right
}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.alignmiddle * {
	vertical-align:middle
}
.color1 {
	color:#ef4f33;
}
img {
	max-width:100%;
	height:auto
}
.main {
	width:940px;
	margin:0 auto;
	position:relative
}
p {
	padding-bottom:10px
}
p em {
	color:#2d2d2d;
	font-size:14px;
	line-height:22px
}
.p0 {
	padding-bottom:0 !important;
}
.p01 {
	padding-top:0 !important;
}
.p {
	padding-top:1px
}
.p1 {
	padding-top:2px
}
.p2 {
	padding-top:3px
}
.p3 {
	padding-top:4px
}
.p4 {
	padding-top:5px
}
.p5 {
	padding-top:6px
}
.p6 {
	padding-top:7px
}
.p7 {
	padding-top:8px
}
.p8 {
	padding-top:9px
}
.p9 {
	padding-top:10px
}
.p10 {
	padding-top:11px
}
.p11 {
	padding-top:12px
}
.p12 {
	padding-top:13px
}
.p13 {
	padding-top:14px
}
.p14 {
	padding-top:15px
}
.p15 {
	padding-top:16px
}
.p16 {
	padding-top:17px
}
.p17 {
	padding-top:18px
}
.p18 {
	padding-top:20px
}
.p19 {
	padding-top:22px
}
.p20 {
	padding-top:24px
}
.p21 {
	padding-top:33px
}
.p22 {
	padding-top:38px
}
.padd-1 {
	padding-top:45px;
}
.padd-2 {
	padding-top:53px;
}
.m0 {
	margin:0 !important
}
.m1 {
	margin-top:-1px
}
.m2 {
	margin-top:-2px
}
.m3 {
	margin-top:-3px
}
.m4 {
	margin-top:-4px
}
.m5 {
	margin-top:-5px
}
.m6 {
	margin-top:-7px
}
.m7 {
	margin-top:-13px
}
.overflow {
	overflow:hidden
}
.img-indent {
	float:left;
	margin:3px 9px 0 0
}
.img-indent1 {
	float:left;
	margin:1px 19px 0 0
}
.img-indent2 {
	float:left;
	margin:0 20px 0 0
}
.line-h {
	line-height:21px
}
.indent-1 {
	float:left;
	margin: 0 24px 0 0
}
.indent-2 {
	float:left;
	margin: 0 44px 0 0
}

.box-main{width:1232px;margin:0 auto;background:url(../images/tail-main.gif) center 0}

/*********************************header*************************************/
header {
	padding:20px 0 0;
	position:relative;
	z-index:100;
	
}
.row-top{
overflow:hidden;padding-bottom:17px;
}
header h1 a {
	display:inline-block;
	width:288px;
	height:69px;
	text-indent:-999em;
	background:url(../images/logo.png) 0 0 no-repeat;
}
header h1 {
	display:inline-block;
	padding:0;margin:0;
	z-index:100;float:left;
}

.txt-phone{
	color:#FFF;
	float:right;
	font-size:10px;
	text-transform:uppercase;
	line-height:12px;
	padding-top:43px
}


.row-nav {
	
	position:relative;
	z-index:50;

}


/********************** Content ************************/
section#content {
	position:relative;
	z-index:20;
	padding:66px 0 66px;}

#page1 section#content{padding:49px 0 66px;}


.box-img{background:#353535;padding:5px;max-width:100%;display:inline-block}
.box-1 .box-img{background:#2b2929;}
.box-1{background:url(../images/tail-box-1.gif);border-top:1px solid #111111;border-left:1px solid #111111;padding: 18px 23px 32px;text-align:center;margin-bottom:20px}
.box-1 figure{margin-bottom:26px}
.box-1 p{color:#717171;padding:0 30px 18px}

.border-horiz,.border-horiz1{background:url(../images/border-horiz.png) repeat-x 0 0;height:1px;margin:22px 0 34px}
.border-horiz1{margin:14px 0 26px}

.border-horiz3{background:url(../images/border-footer.gif) repeat-x 0 0;height:1px;margin:44px 0 34px}
.date{
	background:url(../images/bg-date.gif);border-top:1px solid #0a0a0a;border-left:1px solid #0a0a0a;width:81px;text-align:center;font-family: 'Oswald', sans-serif;font-size:30px;text-transform:uppercase;color:#cbc99e;float:left;margin-right:12px;line-height:32px;padding:13px 0 17px}
.date span{display:block;font-size:18px;line-height:20px;color:#fff;padding-top:2px}
.txt-1{color:#cfcec4;}
.txt-2{color:#cfcec4;font-size:12px;line-height:16px}

.date-1 {font-family:Arial, Helvetica, sans-serif;
	width:51px;
	float:left;
	background:url(../images/part-date.gif) no-repeat 0 0;
	text-align:center;
	margin: 3px 20px 0 0;
	color:#fff;
	font-size:35px;
	line-height:37px;
	padding:6px 0 22px;font-weight:bold	
}

.date-2 {font-family:Arial, Helvetica, sans-serif;
	width:51px;
	float:left;
	background:url(../images/part-date.gif) no-repeat 0 0;
	text-align:center;
	margin: 3px 20px 0 0;
	color:#fff;
	font-size:18px;
	line-height:20px;
	padding:8px 0 22px;
	font-weight:bold
	
}
.date-2 span {
	display:block;
	margin-top:-6px
}

.box-quote {
	background: #171912;
	position:relative;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	padding: 17px 20px 24px 30px;
	margin-top:1px;
	border:1px solid #262524;
}
.box-quote:after {
	background:url(../images/box-quote-angle.png) no-repeat 0 0;
	position:absolute;
	width:32px;
	height:19px;
	bottom:-19px;
	left:64px;
	content:"";
	display:block
}
.quote-1 {
	color:#8f8e83;
	position:relative;
	
}
.quote-1:before {
    background: url(../images/bg-quote.png) no-repeat  0 0 ;
    content: "";
    height: 19px;
    left: -8px;
    position: absolute;
    top: -1px;
    width: 32px;
}
.box-team {
	background:#353535;
	padding:5px 5px 0px 5px;
	width:180px;
	margin-bottom:25px;overflow:hidden
}
.box-work{
		background:#353535;
	padding:5px 5px 7px 5px;
	margin-bottom:20px;
	overflow:hidden;width:96%}
.box-team p,.box-work p {
	padding-bottom:13px
}
.box-team figure{max-width:100%;
	margin-bottom:10px
}
.box-work figure{max-width:100%;
	margin-bottom:9px;border-bottom:1px solid #282820
}

.box-comments {
	overflow:hidden
}
.box-comments a {
	font-size:13px
}
.posted {
	float:left;
}
.comment {
	float:right;
	width:200px;
	text-align:right
}


/*----- es-carousel -----*/
.es-carousel-wrapper {
	position:relative;
	z-index:99;
	overflow:hidden;
	padding-top:3px
}
.es-carousel {
	position:relative;
	overflow:hidden
}
.es-carousel ul {
	display:none;
}
.es-carousel ul li {
	height:100%;
	float:left;
	display:block;}
.es-nav {
		width:100%;overflow:hidden;position:relative;padding-top:31px
}
.es-nav span{width:27px;height:27px;display:inline-block !important;font-size:0;line-height:0;float:left;cursor:pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;text-indent:-100%;overflow:hidden
}

.es-nav span.es-nav-next {
background:url(../images/next.gif) no-repeat right 0;
	
}
.es-nav span.es-nav-prev {
	background:url(../images/prev.gif) no-repeat 0 0;margin-right:4px
	
}
.es-nav span.es-nav-next:hover {background-position: 0 0 

}
.es-nav span.es-nav-prev:hover {background-position: right 0 

}
/*----- map -----*/

.map {
	
	margin:3px 0 26px;
}
.map iframe {
	height:305px;
	overflow: hidden;
	width:290px;
}
/*----- address -----*/
.mail-1 {
	font-style:normal;
	color:#cfcec4;
	display:inline-block;
	text-decoration:underline;
}
.mail-1:hover {
	text-decoration:none
}
dl.address-1 dt {
	color:#cfcec4;

}
dl.address-1 dd span {
	display:inline-block;
	width:90px
}
.policy {
	padding-top:0px
}
.policy span {
	display:block;
	color:#cfcec4
}
.policy p {
	padding-bottom:21px
}
/*  links & buttons */
.link-1 {
	color:#8f8e83;
	display:inline-block;
}

.link-2 {
	color:#cfcec4;
}


.button {
	background:url(../images/tail-button.gif);
	font-family: 'Oswald', sans-serif;
	color:#fff;
	font-size:18px;
	line-height:20px;
	display:inline-block;
	padding:13px 21px ;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-transform:uppercase;
}
.button:hover {
	text-decoration:none;
	color:#a5a37b
}
/*  lists */

.list-1 {

}
.list-1 li {
	background:url(../images/marker-2.png) no-repeat 0 7px;
	padding:0 0 6px 20px;	
}
.list-1 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#cfcec4;
	display:inline-block;
}
.list-1 li a:hover {


}
.list-2 {
	list-style-type: disc;
	margin-left: 12px;
}

/******************** Footer ******************/
footer {
	padding:61px 0 40px;
	position:relative;background:url(../images/border-footer.gif) repeat-x 0 0
}
.privacy {
	color:#555454;
	font-size:12px;
	line-height:18px;
	text-transform:uppercase;
	margin-bottom: 15px;
}
.privacy strong {font-family: 'Oswald', sans-serif;font-weight:normal;font-size:36px;line-height:38px;text-shadow:1px 1px #111111;color:#b7b6a6;letter-spacing:-2px
}
.privacy b{font-weight:normal;
	display:inline-block;
}
.privacy span{padding:22px 0 0 7px;display:inline-block}


.privacy a {
	color:#555454;
	text-decoration:none
}
.privacy a:hover {
	text-decoration:underline
}
.soc {
	position:absolute;
	right:0;
	top:72px;overflow:hidden
}
.soc a {background:url(../images/tail-main.gif);
	float:left;
	display:inline-block;
	margin:0 3px;
	position:relative;
	width:28px;
	height:28px;
	opacity:1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.soc a:hover {
	opacity:0.7
}
/*==========================================*/

@media only screen and (max-width: 1024px)  {
	.box-main {
    width: 995px;
}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
 body {
min-width:768px;
}

.box-main {
    width: 768px;
}

 .main {
width:748px
}


.box-team {
    width: 138px;
}


 .map iframe {
 height:300px;
 overflow: hidden;
 width:236px;
}
}
@media only screen and (max-width: 767px) {
 .main {
width:300px
}
.box-main {
    width: 300px;background:none
}


 body {background:url(../images/tail-main.gif) center 0;
min-width:300px;
}
 section#content {
 padding: 59px 0 60px;
}
 .soc {
left:0;
 top: 42px;
}
 .indent-1 {
 margin: 0 4px 22px 0;
}
 .img-indent1,.img-indent2 {
 float: none;
 margin: 0 0 16px 0;
}
.comment {
 float: right;
 text-align: left;
 width: 100%;
}
 .map iframe {
 width: 280px;
}
 .privacy {
padding-top:36px;
 width:100%;
}

.txt-phone {
   width:100%;
    float: left;
    padding-top: 0px;
   
}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .main {
width:420px
}
.box-main {
    width: 420px;
}
 body {
min-width:420px;
}
 .box-works {
 padding:15px 15px 0px 15px;
width:64%;
}

.box-work{
	width:69%}


 .indent-2 {
 margin: 0 20px 0 0;
}
 .img-indent2 {
 float: left;
 margin: 0 20px 0 0;
}

 .img-indent1 {
float:left;
margin:3px 20px 0 0
}
 .box-team {
width: 127px;
}
.comment {
 float: right;
 text-align: right;
 width: 200px;
}
 .map iframe {
 width: 418px;
}
 .privacy a {
display:inline-block
}
.privacy {
width:100%;
}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
.ttt {
	font-size: 14px;
}