@import"../css/reset.css";
@import"../css/skeleton.css";
@import"../css/superfish.css";
@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Patua+One);
@import url(http://fonts.googleapis.com/css?family=Fredericka+the+Great);
body {
	background:#141113;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	color:#6E6E6E;
	position:relative;	
   -webkit-text-size-adjust: none;
	
}
html, body {
	height:100%;
}
p {
	padding-bottom:20px;
	
}
a {
	color:#5763d5;
	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: 'Patua One', cursive;
	line-height:1.2em;
	padding-bottom:18px;
	color:#fff;
	font-weight:normal;
}
h1 {font-size:38px;}

h2 {
	font-size:35px;
	padding-bottom:24px;
	line-height:38px;
}
h3 {
	font-size:30px;
	line-height:32px;
	color:#30292d;
	padding-bottom:25px;
}

h3 span{display:block;margin-top:-4px}

h4 {
	font-size:20px;
	line-height:22px;
	padding-bottom:9px;
		color:#ffa200
}
h4 span{display:block;margin-top:-2px}
h4 a{color:#fff}


h5 {
	font-size:16px;line-height:18px;color:#ffa200;padding-bottom:7px
}

h5 a{color:#ffa200;}

h5 a:hover{color:#30292d;text-decoration:none}
h6 {
	font-size:14px;
}

.oveflow{overflow:hidden;}


/* 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;display:inline-block}
.alignright {
	text-align:right
}
.aligncenter {
	text-align:center
}
.alignmiddle * {
	vertical-align:middle
}
.color-1 {
	color:#fff;
}
img {
	max-width:100%;
	height:auto
}
.main {
	width:950px;
	margin:0 auto;
	position:relative
}
.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:21px
}
.p20 {
	padding-top:25px
}
.p21 {
	padding-top:33px
}
.p22 {
	padding-top:38px
}
.padd-1 {
	padding-top:48px;
}
.padd-2 {
	padding-top:55px;
}
.padd-3 {
	padding-top:72px;
}
.padd-4 {
	padding:104px 0 86px;
}
.padd-5 {padding-top:60px}

.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:7px 20px 0 0
}
.img-indent-r {
	float:right;
	margin:6px 0 0  15px 
}


.img-indent1 {
	float:left;
	margin:0 10px 0 0
}
.img-indent2 {
	float:left;
	margin:3px 20px 0 0
}

.line-h {
	line-height:21px
}
.indent-1 {
	float:left;
	margin: 0 26px 0 0
}
.indent-2 {
	float:left;
	margin: 0 44px 0 0
}
.t-tr{text-transform:uppercase}


/*********************************header*************************************/
header {
	padding:0 0 32px;
	position:relative;
	z-index:100;
	height:169px;margin-bottom:-9px

}
.phone-1{float:left;color:#b1abad;padding-top:4px}
.row-top {background:url(../images/tail-row-top.gif) repeat-x 0 0 #413b3f ;
	padding:11px 0 11px;overflow:hidden;
}
.list-login{float:right;overflow:hidden;padding:6px 22px 0 0}
.list-login li{float:left;line-height:16px;background:url(../images/border-top-menu.gif) no-repeat 0 3px;padding-left:8px;margin-left:7px}
.list-login li:first-child{background:none;margin:0;padding:0}
.list-login li a{font-size:12px;color:#b1abad}
.list-login li a:hover{color:#fff;text-decoration:none}

#search {
	padding: 0;
	position:relative;float:right
}

#search .rowElem{overflow:hidden}
#search input[type="text"] {	
	color:#b1abad;
	font-size:12px;
	margin:0;
	outline:none;
	resize:none;
	position:relative;
	-webkit-background-clip:padding-box;
	border:none;
	 box-shadow: none;
	border-radius:0;
	background:url(../images/tail-search.gif) repeat-x 0 0;
	padding:6px 10px 7px;
    height:16px;
	width:186px;float:left
}
#search a{
	color:#fff;
font-size:13px;
line-height:16px;
text-transform:uppercase;
font-family: 'Patua One', cursive;background:url(../images/tail-search-btn.gif) repeat-x 0 0;display:inline-block;padding:6px 15px 7px;float:left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
#search a:hover{background-position:0 bottom;text-decoration:none}
header h1 a {
	display:inline-block;
	width:250px;
	height:60px;
	text-indent:-999em;
	background:url(../images/logo.png) 0 0 no-repeat;
}
header h1 {
	display:block;
	padding:0;
	margin:0;
	z-index:100;
	float:left
}

.row-logo-nav{background:url(../images/tail-row-menu.gif) repeat-x 0 0 ;padding:50px 0 42px;}
nav{float:right}
.top-shadow{background:url(../images/top-shadow.png) repeat-x 0 0;height:50px;width:100%;padding-bottom:10px}
#page1 .top-shadow{padding:0}
/********************** Content ************************/
section#content {
	position:relative;
	z-index:20;
	padding:0;
	background:#201b1e
}

.box-top{background:url(../images/tail-box1.gif) repeat-x 0 0 #4f4b4d;}
.box-1{padding:0 40px 44px;width:236px;float:left;background:url(../images/tail-border-box1.gif) repeat-y 0 0}
.box-1.first{background:none}
.box-1 h2{padding:42px 0 14px;}

.box-1 p{color:#b1abad}

.row-1{background:#fff;padding:46px 0 39px;margin-bottom:47px}
.row-1.extra{padding-left:40px}
.row-1.extra2{padding:46px 50px 39px 40px}


#page2 .row-1{padding:46px 0 50px;}
.border-horiz{background:url(../images/tail-border.gif) repeat-x 0 0;height:1px;margin:1px 0}
.border-horiz.resp{display:none}
.border-vert{background:url(../images/tail-border.gif) repeat-y 317px 0;}
.border-vert.a{background-position:280px 0}
.border-vert.b{background-position:640px 0}
.border-vert.c{
    background-position: 400px 0;
}

.dropcap{float:left;margin-right:9px;font-family: 'Patua One', cursive;color:#ffa200;font-size:33px;line-height:36px}
figure.img1,figure.img2,figure.img3,figure.img4{float:left}

figure.img1{margin:0 9px 0 0}
figure.img2{margin:0 15px 0 0}

figure.img3{margin:6px 7px 0 0}
figure.img4{margin:3px 14px 0 0}

.inner-1{padding-right:45px}
.inner-2{padding-right:20px}
.box-img {
	padding:8px;
	background:#eae9e9;
	max-width:100%;text-align:center;
}

.txt-1{color:#30292d;padding-bottom:5px}
.box-staff{width:202px;float:left;margin-right:20px}
.box-staff figure{margin-bottom:16px}

.box-staff p{padding-top:1px}
.img-1,.img-2{float:left;margin-right:14px}

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

.map {
	margin:8px 0 15px;
}
.map iframe {
	height:265px;
	overflow: hidden;
	width:100%;
}
/*----- address -----*/
.mail-1 {	
	color:#9e989a;
	display:inline-block;
	
}

dl.address-1 dt {color:#ffa200;
	padding-bottom:9px;
	font-family: 'Patua One', cursive;font-size:16px;line-height:18px
}

dl.address-1 dd span {
	display:inline-block;
	width:78px
}
.policy  {padding-top:4px

}
.policy h5{padding-bottom:8px}
/*  links & buttons */
.link-1 {
	color:#9e989a;
	font-size:12px
}
.link-1:hover{color:#ffa200;text-decoration:none
}

.link-2 {
	color:#fff
}
.link-3 {
	color:#ea7044
}
.link-3:hover {
	color:#fff
}

.link-4 {
	color:#fff;
	display:inline-block;text-decoration:underline

}
.link-4:hover{text-decoration:none}

.btn-1 {font-family: 'Patua One', cursive;
	background:url(../images/tail-btn1.gif) repeat-x 0 0;
	color:#fff;
	font-size:13px;
	line-height:16px;
	text-transform:uppercase;
	display:inline-block;
	padding:8px 21px 9px;
}

.btn-1:hover {
	text-decoration:none;background-position:0 bottom
}
/*  lists */

.list-1 li {
	background:url(../images/marker-1.png) no-repeat 0 6px;
	padding:0 0 12px 15px;
	line-height:18px
}
.list-1 li a {
	font-size:12px;
	color:#9e989a ;
	display:inline-block;	
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.list-1 li a:hover{color:#30292d;text-decoration:none}

.list-2 li {

	padding:0 0 10px;
	line-height:15px
}
.list-2 li a {
	font-size:12px;
	color:#847d80 ;
	display:inline-block;
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
.list-2 li a:hover{color:#fff;text-decoration:none}


/******************** aside ******************/
aside {padding-bottom:46px}
aside h2{font-size:16px;line-height:18px;color:#e9e8e8;text-transform:uppercase;padding-bottom:32px}
.box-aside{border-right:1px solid #322d30;margin-right:10px;}
.box-aside.last{border:none}
/******************** Footer ******************/
footer {
	padding:25px 0 30px;
	position:relative;	
}

.privacy {
	color:#847d80;}
	.privacy span{color:#fff}
.privacy a {
	color:#847d80;	
	text-decoration:none}
.privacy a:hover {
	color:#fff;
}


/*==========================================*/

@media only screen and (max-width: 995px) {
#contact-form input, #contact-form textarea{width:92%}	
#contact-form label{display:block;width:100%}

	}

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

.box-1 {
    width: 168px;
}
.border-vert {
    background-position: 249px 0 ;
}
.border-vert.a {
    background-position: 220px 0;
}
.border-vert.b {
    background-position: 505px 0;
}
.border-vert.c {
    background-position: 316px 0;
}

.img-indent1.extra{float:none;margin:0 0 18px }
.box-staff{width:156px}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main {
width:420px}


.sf-menu{display:none !important}
#search{padding-top:12px;float:none}
header{margin:0;padding-bottom:89px}
 header h1 { float:none;padding:0}
 header h1 a {

background-size:100% auto;
}
.list-login{padding-top:16px}
nav{padding-top:8px;float:none}

#search input[type="text"] {
    width: 320px;
}
.list-login{float:none}

.phone-1{padding-bottom:6px;display:block;float:none}


.row-logo-nav{padding:27px 0 42px}


.box-1{float:none;width:340px;background:none}
.row-1{padding:46px 20px 39px !important;}
h3 span {display:inline-block;margin:0}

aside .grid_4{width:150px !important;}
.box-aside{border:none}
.border-vert{background:none}
.border-horiz.resp{display:block}


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

 .box-team {
 width: 170px;
}
.indent-1 {
 margin: 0 4px 22px 0;
}
 .img-indent {
 float: none;
 margin: 0 0 16px 0;
}
.box-img img{width:100%}

}
@media only screen and (min-width: 421px) and (max-width: 767px) {		



.list-login{float:left}
.phone-1{padding-bottom:6px;display:block;float:none}
.fright{float:none}
aside .grid_4{width:210px !important;}
 header h1 a {
 height: 49px !important;
 width: 180px !important;
}

.box-staff{width:170px}
.img-indent1 {
    float: left;
    margin: 3px 20px 0 0;}
}

@media only screen and (max-width: 420px){
	 body{min-width:300px;}
 .main {
width:300px}

	
	.row-logo-nav{padding-top:15px}
	aside .grid_4{float:none;width:100% !important;margin:0 0 18px 20px !important }
	.box-aside{padding:0 0 0 18px}
	.box-1{width:auto;
	padding: 0 20px 32px;}
	.row-logo-nav,.row-top{padding-left:18px;padding-right:18px;}
    #search input[type="text"]{width:185px}
	nav{float:none}
	header h1{float:none}
	.img-indent-r{float:none;margin:0 0 18px }
	.box-staff{float:none;margin-right:0;width:100%}
	#contact-form input, #contact-form textarea{width:89%}	
   .privacy {word-spacing:-1px}
	
	#search input[type="text"] {
    width: 200px;
}
	
	}
	
	
	
	
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */