@charset "utf-8";

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



 [ -Main Stylesheet-

  Theme: Outdoor

  Version: 1.0

  Last change: 28/09/2015 ]

  	+++Fonts +++

	++++General Styles++++

	++++Typography ++++

	++++Page preload ++++

	++++Content Styles ++++

	++++Section  ++++

	++++Fixed title ++++

	++++Separator ++++

	++++Links  ++++

	++++Video+++++

	++++Home  +++++

	++++Item hover  ++++

	++++Header  ++++

	++++Navigation ++++

	++++About ++++

	++++Services++++

	++++Facts  ++++

	++++Team++++

	++++Testimonials ++++

	++++Footer ++++

	++++Portfolio++++

	++++Share ++++

	++++Contacts++++

	++++Blog ++++

	++++Css-animation ++++

	++++Responsive++++

*/

/*-------------Import fonts ---------------------------------------*/

@font-face {

	font-family:'FuturaPT-Book';

	src: url('../fonts/FuturaPT-Book_gdi.eot');

	src: url('../fonts/FuturaPT-Book_gdi.eot?#iefix') format('embedded-opentype'),

		url('../fonts/FuturaPT-Book_gdi.woff') format('woff'),

		url('../fonts/FuturaPT-Book_gdi.ttf') format('truetype'),

		url('../fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book') format('svg');

}

@font-face {

	font-family:'futurastd-bold';

	src: url('../fonts/futurastd-bold.eot');

	src: url('../fonts/futurastd-bold.eot?#iefix') format('embedded-opentype'),

		url('../fonts/futurastd-bold.woff') format('woff'),

		url('../fonts/futurastd-bold.ttf') format('truetype'),

		url('../fonts/futurastd-bold.svg#FuturaPT-Book') format('svg');

}

/*-------------General Style---------------------------------------*/

html{

	overflow-x:hidden !important;

	height:100%;

}

body{

	margin: 0;

	padding: 0;

	font-family: 'FuturaPT-Book';

	font-weight: 400;

	font-size: 16px;

	color: #000;

	background:#f9f9f9;

	height:100%;

/*	text-align:center;*/

}

strong{font-family:'futurastd-bold';}



@-o-viewport {width: device-width;}

@-ms-viewport {width: device-width;}

@viewport {width: device-width;}

 

/*--------------Typography--------------------------------------*/

.txt-color-black{ color:#000;}

.txt-color-blanc{ color:#fff;}

.txt-color-brun{ color:#938276;}

.txtleft{ text-align:left;}

h1 {

	font-size: 3.26666666667em;

	text-transform: uppercase;

	font-weight: 400;

	line-height: 1.12em;	

	font-family:'FuturaPT-Book';

}

h2 {

	font-size: 2.2em;

	font-weight: 300;

	font-family:'FuturaPT-Book';

}

h3 {

	font-size: 1em;

	font-family:'futurastd-bold';

}

h4 {

	font-size: 0.9em;

	font-weight: 200;	

	font-family:'FuturaPT-Book';

}

h5 {

	font-size: 0.8em;

	font-weight: 200;

	font-family:'FuturaPT-Book';

}

h6 {

	font-size: 0.6em;

	font-weight: 200;

	font-family:'FuturaPT-Book';

}

p {

	text-align:left;

	font-size:16px;

/*	line-height:20px;*/

	font-family:'FuturaPT-Book';

	margin-top: 8px;

	margin-bottom: 8px;

}

.fs07 {

	font-size: 0.7em;

	font-weight: 200;

}

.fs08 {

	font-size: 0.8em;

	font-weight: 200;

}

.fs09 {

	font-size: 0.9em;

	font-weight: 200;

}

.fs1 {

	font-size: 1em;

	font-weight: 200;

}

blockquote {

	float:left;

	padding: 10px 20px;

	margin: 0 0 20px;

	font-size: 17.5px;

	border-left: 15px solid #eee;

}

blockquote p {

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	color:#494949;

}

/* ---------Page preload--------------------------------------*/

.loader {

	position:fixed;

	top:50%;

	left:50%;

	width:50px;

	height:50px;

	z-index:100;

	font-size:24px;

	line-height:50px;

	margin-left:-25px;

	margin-top:-25px;

	color:#000;

	opacity:0.8;

}

.cn-loader {

	top:10px !important;

	left:0;

	font-size:18px;

	margin:0 !important;

}

.fa-spin{

	-webkit-animation:spin 0.5s infinite linear;

	-moz-animation:spin 0.5s infinite linear;

	-o-animation:spin 0.5s infinite linear;

	animation:spin 0.5s infinite linear

}

@-moz-keyframes spin{

	0%{-moz-transform:rotate(0deg)}

	100%{-moz-transform:rotate(359deg)}

}

@-webkit-keyframes spin{

	0%{-webkit-transform:rotate(0deg)}

	100%{-webkit-transform:rotate(359deg)

}

}

@-o-keyframes spin{

	0%{-o-transform:rotate(0deg)}

	100%{-o-transform:rotate(359deg)

}

}

@keyframes spin{

0%{

	-webkit-transform:rotate(0deg);

	transform:rotate(0deg)

}

100%{-webkit-transform:rotate(359deg);

	transform:rotate(359deg)

}

}

/* ---------Content Styles--------------------------------------*/

#main{

	height:100%;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:2;

	opacity:0;

	-webkit-transition: all 0.4s  ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s   ease-in-out;

	transition: all 0.4s  ease-in-out;

}

#wrapper{

	height:100%; 

	margin-left:0;

	vertical-align:top; 

	position: absolute; 

	left:0; 

	top:0; 

	right:0;

	z-index:3;

	width:100%; 

}

.left-decor , .right-decor , .fixed-wrap:before , .fixed-wrap:after{

	position:fixed;

	width:50px;

	height:100%;

	background:#fff;

	z-index:1;

	-webkit-transform: translate3d(0,0,0);

}

.fixed-wrap:before , .fixed-wrap:after {

	content:'';

	z-index:3;

}

.left-decor , .fixed-wrap:before {

	left:0;

}

.right-decor , .fixed-wrap:after {

	right:0;

}

.left-decor:before , .right-decor:before , .left-decor:after , .right-decor:after {

	content:'';

	position:absolute;

	width:30px;

	left:10px;

	height:1px;

	background:#eee;

}

.left-decor:before , .right-decor:before {

	top:50px;

}

.left-decor:after , .right-decor:after {

	bottom:50px;

}

.content-holder{

	vertical-align: top;

	position: absolute;

	left:0;

	top: 0;

	right: 0;

	z-index: 2;

	height: 100%;

	padding:50px;

}

.slid-hol {

	padding-top:50px;

}

.container{

	max-width: 1024px;

	width:92%;

	margin:0 auto;

	position: relative; 

	z-index:2;

}

.content { 

	width:100%;

	position:relative;

	z-index:2;

	float:left;

}

.mr-con {

	top:-50px;

}

.full-height {

	height:100%;

} 

.wrapper-inner {

	float:left;

	width:70%;

	position:relative;

	background:#fff;

	padding:150px 0;

	z-index:3;

	opacity:0;

}

.full-width-wrap {

	width:100%;

}

.full-width-wrap:before {

	content:'';

	position:absolute;

	right:0;

	width:30%;

	background:#fff;

	top:-70px;

	height:70px;

}

.body-bg {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	background:#f4f4f4;

	z-index:2;

}

.bg {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background-size: cover;

	background-attachment: scroll  ;

	background-position: center  ;

	background-repeat:repeat;

	background-origin: content-box;

}

.bg-b {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background-size: cover;

	background-attachment: scroll  ;

	background-attachment:fixed;

	background-position: center  ;

	background-repeat:no-repeat;

	background-origin: content-box;

/**/}

.full-height-parallax {

	position: absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:hidden;

	z-index:2;

}

.respimg {

	width:100%;

	height:auto;

}

.overlay {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	/*background:#000;*/

	opacity:0;

	z-index:2;

}

/* ---------Section --------------------------------------*/ 

section {

	float:left;

	width:100%;

position:relative;

	padding:90px 0;

	background:#f9f9f9; 

}

.small-container {

	max-width:650px;

}

.parallax-section {

	float:left;

	width:100%;

	padding:250px 0;

	position:relative;

	overflow:hidden;

	z-index:2;

}

.parallax-section div.overlay {

	opacity:0.3 !important;

}

.sect-scroll {

	position:absolute;

	bottom:20px;

	left:50%;

	width:40px;

	height:40px;

	line-height:40px;

	margin-left:-20px;

	color:#fff;

	z-index:5;

	font-size:18px;

	-webkit-transition: all 0.4s  ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s   ease-in-out;

	transition: all 0.4s  ease-in-out;

}

.sect-scroll:before {

	content:'';

	position:absolute;

	top:-10px;

	left:50%;

	margin-left:-30px;

	width:60px;

	background:#fff;

	height:1px;

	opacity:0.6;

}

.sect-scroll:hover {

	opacity:0.6;

}

.subtitle {

	color:#fff;

	font-size:16px;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-top:12px;

	opacity:0.8;

	

}

.npa {

	color:#938276;

	font-size:16px;

	font-family:'futurastd-bold';

	padding:8px;

	/*background:#938276;*/

	width:100%;

	bottom:0;

}

.npauser {

	color:#fff;

	font-size:13px;

	font-family:'futurastd-bold';

	

	background:#938276;

	width:100%;

	bottom:0;

	padding:2px;

}

.npac {

	color:#fff;

	font-size:16px;

	font-family:'futurastd-bold';

	padding:5px;

	background:#938276;

	width:100%;

	bottom:0;

	/*max-width:320px;*/

}

.blockfooter {

	color:#000;

	font-size:12px;

	font-family:'futurastd-bold';

	padding:5px 10px;

	background:#efefef;

	width:100%;

	bottom:0;

    margin-top: 15px;

	/*max-width:320px;*/

}

.parallax-section .bg {

	width:110%;

	left:-5%;

	height:110%;

	top:-5%;

}

.parallax-section h2 {

	color:#fff;

	font-size:42px;

}

.align-text {

	text-align:left;

}

 

.no-border {

	border:none !important;

}

.no-padding {

	padding:0 !important;

}

/* ---------Fixed title --------------------------------------*/

.fixed-title  {

    position: fixed;

    width: 180px;

    height: 80px;

    top: 50%;

    margin-top: 115px;

    letter-spacing: 0.17em;

	font-size:14px;

    text-transform: uppercase;

	margin-left:-34px;

    text-align: center;

    cursor: default;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    -moz-transform-origin: left top;

    -o-transform-origin: left top;

    transform-origin: left top;

	z-index:12;

}

.fixed-title span , .fixed-title a {

	position:relative;

	z-index:3;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

	color:#fff;

}

.fixed-title:after {

	content:'';

	position:absolute;

	bottom:46px;

	left:0;

	z-index:2;

	width:100%;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

	height:160px;

	background:#938276;

}

.fixed-title:hover:after {

	height:0;

}

.fixed-title:hover span   , .fixed-title a{

	color:#000;

}

/* ---------Separator --------------------------------------*/

.separator {

	margin:0 auto;

	width:70px;

	height:4px;

	background:#fff;

	margin:10px auto 10px;

}

.separator-mnu {

	width:100%;

	height:1px;

	background:#eee;

	border-top: 1px solide #999;

	margin:1px;

	position:relative;

}

.bl-sep {

	background:#000;

}

.separator-image {

	background:none;

	width:auto;

}

/* --------- Links  --------------------------------------*/

.btn {

	display: inline-block;

	padding: 14px 15px 13px 15px;

	line-height: 1;

	font-weight: bold;

	/*font-size: 11px;*/

	text-transform: uppercase;

	margin:5px auto;

	color:#000;

	border:1px solid #000;

	position:relative;

}

.btn-coin {

	display: inline-block;

	padding: 14px 35px 13px 35px;

	line-height: 1;

	font-weight: bold;

	font-size: 11px;

	text-transform: uppercase;

	margin:20px auto;

	color:#fff;

	border:1px solid #938276;

	position:relative;

	background:#938276;

	

}

.anim-button {

	overflow:hidden;

 	-moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    vertical-align: middle;

    max-width: 100%;

    overflow: hidden;

    outline: none;

 	width: auto;

}

.anim-button i {

 	top:-100%;

	position:absolute;

	left:0;

	width:100%;

	height:100%;

	line-height:40px;

	text-align:center !important;

	font-size:16px;

}

.wt-btn {

	color:#fff;

	border:2px solid #fff;

}

.anim-button i , .anim-button span {

	-webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.anim-button span {

	float:left;

	width:100%;

	position:relative;

	top:0;

}

.anim-button:hover span{

	top:100px;

}

.anim-button:hover i{

	top:0;

}

/* --------- Video --------------------------------------*/

.resp-video {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

	margin-bottom:20px;

}

.resp-video iframe,

.resp-video object,

.resp-video embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.media-container {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:hidden;

}

.video-mask {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1;

} 

.mob-bg {

	display:none;

}

/* --------- Home  --------------------------------------*/

.full-height-wrap {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.big-index  {

	z-index:6;

	overflow:hidden; 

}

.hero-title{

	position:absolute;

	top:50%;

	left:0;

	width:100%;

	z-index:5;

}

.hero-logo {

	margin:0 auto 10px;

	max-width:200px;

	position:relative;

}

.hero-logo:before , .hero-logo:after {

	content:'';

	position:absolute;

	top:50%;

	width:70px;

	height:3px;

	background:#fff;

	opacity:0.6;

}

.hero-logo:before {

	left:-150px;

}

.hero-logo:after {

	right:-150px;

}

.hero-logo img {

	width:100%;

	height:auto;

}

.hero-title h3 {

	color:#fff !important;

	opacity:0.8;

}

.hero-title h2 , .hero-title a {

	color:#fff;

}

.hero-link {

	margin-top:30px;

	font-size:16px;

	display:inline-table;

	padding:10px 26px;

	min-width:150px;

	border:1px solid rgba(255,255,255,0.51);

}

.hero-link:hover {

	text-decoration:line-through;

}

.parallax-nav.swiper-nav-holder {

	z-index:6;

	position:absolute;

	top:50%;

	left:0;

	width:100%;

}

.parallax-nav.swiper-nav-holder .arrow-left {

	left:32px !important;

	color:#fff;

	position:absolute;

	font-size:18px;

}

.parallax-nav.swiper-nav-holder .arrow-right {

 	color:#fff;

	right:32px !important;

	position:absolute;

	font-size:18px;

}

.hs  {

	position:absolute;

	top:50%;

	right:-40px;

	width:30px;

	z-index:20;

	height:60px;

	margin-top:-30px;

}

.hs a {

	position:relative;

	float:left;

	width:100%;

	height:30px;

	font-size:19px;

	margin-bottom:4px;

}

.slideshow-holder , .slideshow-item , .slideshow-item .item {

	float:left;

	width:100%;

	height:100%;

	position:relative;

	z-index:1;

}

.slideshow-item .item {

	width:100%;

	height:100%;

	position:relative;

}

.slideshow-holder .overlay {

	opacity:0.4;

	z-index:3;

} 

.slide-title-holder {

	position:absolute;

	bottom:240px;

	width:100%;

	height:100%;

	max-height:150px;

	z-index:3;

}

.slide-title {

	/*top:87%;*/

	position:relative;

	z-index:5;

	background-color: #938276;

max-width: 300px;

float: right;

padding:0 10px 0 10px;

min-width: 300px;

right: 10px;

}



.slide-fournisseur-holder {

	position:absolute;

	bottom:1px;

	width:100%;

	height:100%;

	max-height:170px;

	z-index:3;

}

.slide-fournisseur {

	/*top:50%;*/

	position:relative;

	z-index:6;

	background-color: #938276;

max-width: 300px;

max-height: 170px;

float: right;

padding:10px;

min-width: 300px;

right: 10px;

}

.slide-fournisseur img {	

max-height: 150px;

}

.slide-fournisseur-m-holder {

	position:absolute;

	bottom:165px;

	width:100%;

	height:100%;

	max-height:30px;

	z-index:3;

	

}

.slide-fournisseur-m {

	/*top:50%;*/

	position:relative;

	z-index:5;

	background-color: #938276;

max-width: 150px;

max-height: 24px;

float: right;

padding:3px;

min-width: 150px;

right: 10px;

color:hsla(0,0%,100%,1.00);

	font-size:1.1em;

}

.slide-title  .separator-image {

	padding:10px 0;

}

.slide-title .subtitle {

	position:relative;

}

.slide-title .subtitle:before {

	content:'';

	position:absolute;

	top:-30px;

	left:50%;

	margin-left:-25px;

	height:25px;

    width:50px;

    border-radius: 90px 90px 0 0;

    -moz-border-radius: 90px 90px 0 0;

    -webkit-border-radius: 90px 90px 0 0;

	border:2px solid #fff;

	border-bottom:none;

}

.swiper-slide .overlay {

	opacity:0.3;

}

.slide-title h3 {

	font-size:40px;

	text-transform:uppercase; 

	letter-spacing:2px;

	position:relative;

	margin-bottom:10px;

	color:#fff;

	display:inline-table;	

}

.slide-title h3:before , .slide-title h3:after , .hero-text-holder:before , .hero-text-holder:after {

	content:'';

	position:absolute;

	top:50%;

	width:50px;

	height:1px;

	background:#fff;

	opacity:0.6;

	-webkit-transition: all 0.4s  ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s   ease-in-out;

	transition: all 0.4s  ease-in-out;

}

.slide-title h3:before , .hero-text-holder:before {

	left:-70px;

}

.slide-title h3:after , .hero-text-holder:after {

	right:-70px;

}

.slide-title h3:hover:before  , .slide-title h3:hover:after{

	width:100%; 

}

.slide-title h4 {

	font-size: 18px;

	/*text-transform:uppercase;*/

	letter-spacing:0.8px;

	position:relative;

	margin:3px;

	width:100%;

	color:#fff;

}

.slide-title h3 a  , .slide-title h4 a{

	color:#fff;

}

 

.slide-title h4 a:hover , .slide-title h4 a:hover i {

	text-decoration:line-through;

}

.slide-title h4 a {

	padding-right:0;

}  

.single-title h3{

	position:relative;

	opacity:1;

	top:0;

}

.single-title .slide-title {

	position:relative;

 	left:-50px;

}

.zoomimage {

	position:absolute;

	top:70px;

	right:70px;

	cursor:pointer;

	z-index:15;

	width:30px;

	height:30px;

	background:rgba(0,0,0,0.91);

}

.zoomimage  i {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	z-index:1;

	line-height:30px;

	color:#fff;

	-webkit-transition: all 0.4s  ease-in-out;

	-moz-transition: all 0.4s ease-in-out;

	-o-transition: all 0.4s ease-in-out;

	-ms-transition: all 0.4s   ease-in-out;

	transition: all 0.4s  ease-in-out;

}

.zoomimage:hover i {

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	transform: rotate(-45deg);

}

.zoomimage img {

	width:30px;

	height:30px;

	opacity:0;

	position:relative;

	z-index:2;

}

.hero-grid {

	float:left;

	width:50%;

	height:50%;

	position:relative;

}

.hero-grid .overlay {

	z-index:2;

	opacity:0.3;

}

.hero-slider , .hero-slider .item{

	float:left;

	width:100%;

	height:100%;

	position:relative;

}

.hero-text-holder{

	position:relative;

	text-align:center;

	color:#fff;

	font-size:40px;

	margin:0 auto 10px;

	max-width:450px;

	text-transform:uppercase;

}

.hero-text-holder .item {

	float:left;

	width:100%;

	overflow:hidden;

}

/*------item hover ------------------------------------------------*/

.box-item {

	float:left;

	width:100%;

}

.vertical-gallery  .box-item {

	margin-bottom:10px;

}

.box-item a {

	float:left;

	width:100%;

	height:100%;

	position:relative;

	overflow:hidden;

}

.box-item a img {

	position:relative;

	z-index:1;

	-webkit-transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;

  	-moz-transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;

  	transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.box-item a .overlay {

	opacity:0;

	z-index:2;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}

.box-item a:hover .overlay {

	opacity:0.3;

}

.box-item a:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform:scale(1.05);

	transform: scale(1.05);

}

/*------ Header  ------------------------------------------------*/

header{

	position:fixed;

	top:0;

	left:0;

	z-index:20;

	height:50px;

	line-height:50px;

	width:100%;

	background:#fff;

	-webkit-transform: translate3d(0,0,0);

}

.header-inner {

	float:left;

	width:100%;

	padding:0 50px;

	padding-top:10px;

	position:relative;

}

.logo-holder {

	position:absolute;

	top:5px;

	left:50px;

	width:100%;

	/*height:50px;*/

}

.logo-holder a img{

	float:left;

	width:auto;

	height:100%;

}

/*------ navigation  ------------------------------------------------*/ 

.nav-holder {

	float:right;

	position:relative;

}

nav {

	position:relative;

	float:left;

	width:100%;

	top:10px;

}

nav li{

	float:left;

	position:relative;

}

nav li ul {

	margin: 25px 0 0 0;

	opacity: 0;

	visibility: hidden;

	position: absolute;

	min-width:210px;

	top: 20px;

	left: 0;

	z-index: 1;    

	background: #fff;	

	transition: all .2s ease-in-out; 

	

}

nav li:hover > ul {

	opacity: 1;

	visibility: visible;

	margin: 0;

}

nav li ul li ul {

	top: 0;

	left: -100%; 	

}

nav li ul li:hover  > ul  {

	opacity: 1;

	visibility: visible;

	right: 100%;

}	

nav li ul li {

	float: none;

	display: block;

	border: 0;

}

nav li a {

	float: left;

	padding: 5px 5px;

	line-height: 1;

	font-size: 11px;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #000;

	top:0;

	position:relative;

	-webkit-transition: all 100ms linear;

    -moz-transition: all 100ms linear;

    -o-transition: all 100ms linear;

    -ms-transition: all 100ms linear;

    transition: all 100ms linear;

	width: 100%;

text-align: left;

border-top: 1px solide #999;



}

nav li a.act-link:before {

	 content:'';

	 position:absolute;

	 bottom:0;

	 left:0;

	 width:100%;

	 height:100%;

	 background:#f5f5f5;

	-webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

	z-index:-1;

}

 

nav li a.act-link:hover  {

	color:#000;

}

nav li a:hover {

	color:#ccc;

}

nav li a.act-link:hover:before {

	height:0;

}

nav li ul a:before  {

	display:none;

}

nav li ul a.act-link {

	color:#000;

	font-weight:600;

}

.nav-button-holder {

	float:right;

	border-left:1px solid rgba(255,255,255,0.4);

	margin:0 0 0 10px;

	padding-left:22px;

	display:none;

}

.nav-button {

	float:right;

	width:30px;

	height:24px;

	position:relative;

	margin-top:9px;

	cursor:pointer;

}

.nav-button span {

	float:left;

	width:100%;

	height:4px;

	background:#000;

	margin-bottom:2px;

	position:relative;

} 

 /*------ about -------------------------------------------------*/

 .scroll-page-nav {

	position:fixed;

	top:50%;

	right:0px;

	z-index:13;

	width:50px;

}

.scroll-page-nav li {

	width:100%;

	float:left;

	margin-bottom:4px;

}

.scroll-page-nav a {

	display:inline-table;

	width:7px;

	height:7px;

	border:1px solid #666;

	border-radius:100%;	

}

.scroll-page-nav a.act-link {

	background:#666;

}

.fixed-wrap {

	 position:fixed;

}

.custom-inner {

	float:left;

	width:100%;

	padding :50px 0 70px 0;

	position:relative;

	z-index:5;

}

.custom-inner .container {

	max-width:1250px;

}

.custom-inner p , .custom-inner h2 {

	/*color:#fff;*/

	text-align:left;

}

.custom-inner h3 {

	float:left;

	width:100%;

	margin:10px  0 20px 0;

	text-align:left;

}

.custom-inner.error-page p , .custom-inner.error-page h2  {

	text-align:center !important;

}

.custom-inner.error-page h2 {

	font-size:180px;

}

.custom-inner.error-page h3 {

	color:#fff;

	font-size:22px;

	text-align:center;

}

.custom-inner .separator {

	float:left;

}

.custom-inner.error-page .separator {

	float:none;

}



/*dsfsd*/

.custom-inner-b {

	float:left;

	width:100%;

	padding :50px 0 70px 0;

	position:relative;

	z-index:5;

}

.custom-inner-b .container {

	max-width:1250px;

}

.custom-inner-b p , .custom-inner-b h2 {

	color:#000;

	text-align:left;

}

.custom-inner-b h3 {

	float:left;

	width:100%;

	margin:10px  0 20px 0;

	text-align:left;

}

.custom-inner-b.error-page p , .custom-inner-b.error-page h2  {

	text-align:center !important;

}

.custom-inner-b.error-page h2 {

	font-size:180px;

}

.custom-inner-b.error-page h3 {

	color:#fff;

	font-size:22px;

	text-align:center;

}

.custom-inner-b .separator {

	float:left;

}

.custom-inner-b.error-page .separator {

	float:none;

}

/*xcvxcv*/



.content-link {

	float:left;

	font-size:18px;

	margin-top:30px;

	color:#fff;

}

.content-link:hover {

	text-decoration:line-through;

}

.content-logo {

	margin-bottom:20px;

	opacity:0.8;

}

.signature {

	float:left;

	width:100%;

	margin-top:20px;

}

.signature img {

	float:left;



}



.section-columns {

padding:0px 0 0 0;



}



.section-columns:before {

content:'';

position:absolute;

top:0;

left:0;

width:100%;

background:#fff;

/*height:50px;*/

z-index:20;



}



.section-columns-text {

float: right;

width: 60%;

position: relative;

background: #938276;

padding: 50px 0;

background-color: #938276;

min-height:600px;



}



.section-columns-text-b {

float: right;

width: 60%;

position: relative;



/*	background: #EBEBEB;*/

padding: 0px 0;

background-color: #f9f9f9;

min-height:600px;



}



.section-columns-text-75 {

float: right;

width: 75%;

position: relative;

background: #938276;

padding: 50px 0;

background-color: #938276;

min-height:600px;



}



.section-columns-text-50 {

float: left;

width: 50%;

position: relative;

/*background: #938276;*/

padding: 20px 0 20px 0;

background-color: #EBEBEB;

min-height:600px;}



.section-columns-text-50-bl {

float: left;

width: 50%;

position: relative;

/*background: #938276;*/

padding: 20px 0 20px 0;

background-color: #f9f9f9;

min-height:600px;}



.section-columns-text-50-blmb {

float: left;

width: 50%;

position: relative;

/*background: #938276;*/

padding: 20px 0 20px 0;



min-height:600px;}



.section-columns-text-75-b {

float: right;

width: 75%;

position: relative;

/*background: #938276;*/

padding: 20px 0 50px 0;

background-color: #EBEBEB;

min-height:600px;}



.section-columns-text-75-c {

float: right;

width: 75%;

position: relative;

/*background: #938276;*/

padding: 20px 0 50px 0;

background-color: #fff;

min-height:600px;



}



.section-columns-text-75-bl {

float: right;

width: 75%;

position: relative;

/*background: #938276;*/

padding: 20px 0 50px 0;

background-color: #EBEBEB;

min-height:600px;



}



.section-columns-text-75-cl {

float: lef;

width: 75%;

position: relative;

/*background: #938276;*/

padding: 20px 0 50px 0;

/*background-color: #fff;*/

min-height:600px;



}



.section-columns-text .custom-inner {

padding:50px 0;



}



.section-columns-img {

position:absolute;

top:0;

left:0;

width:40%;

height:100%;



} 



.section-columns-img25 {

position:absolute;

top:0;

left:0;

width:25%;

height:100%;



} 



.section-columns-img25r {

position:absolute;

top:0;

right:0;

width:25%;

height:100%;



} 



/* --------- Services  --------------------------------------*/



.servicses-holder {

float:left;

width:100%;



}



.servicses-holder  li {

width:50%;

float:left;

padding:20px 20px 20px 60px;

position:relative;

cursor:crosshair;



}



.servicses-holder  li i {

position:absolute;

top:22px;

left:0;

color:#ccc;

font-size:22px;



}



.servicses-holder  li h4 {

text-align:left;

font-size: 16px;

text-transform:uppercase;

font-family:'futurastd-bold';

color:#fff;

padding-bottom:10px;



}



.servicses-holder li span {

float:left;

color:#fff;

width:100%;

font-size:16px;

font-style:italic;

text-align:left;

font-family:Georgia, "Times New Roman", Times, serif;

padding:12px 0 20px 0;

opacity:0.8;

border-bottom:1px solid #eee;



}



.order-holder{

float:left;

width:100%;

position:relative;

padding:30px 0;

background:#fff;



}



.order-holder h3 {

font-size:29px;

position:relative;

line-height:75px;



}



.order-holder h3:before {

content:'';

position:absolute;

right:70px;

top:12px;

width:1px;

height:50px;

background:#eee;



}



/*------facts  -------------------------------------------------*/



.inline-facts {

float:left;

width:25%;

padding:40px 0;

position:relative;

background:#fff;



}



 .inline-facts:before  {

content:'';

position:absolute;

top:10%;

right:1px;

width:1px;

height:80%;

background:#eee;



}



.inline-facts:last-child:before {

 display:none;



}



.inline-facts i {

position:relative;

color:#ccc;

font-size:24px;

opacity:0.4;

padding-bottom:10px;



}



.inline-facts .num {

font-size:34px;

color:#000;



}



.inline-facts h6 {

font-size: 12px;

text-transform:uppercase;

font-family:'futurastd-bold';

padding-top:10px;

color:#666;



}



.inline-facts h6 a {

color:#666;



}



.inline-facts h6 a:hover {

text-decoration:line-through;



}



/*------ Team  ------------------------------------------------*/



.team-holder {

float:left;

width:100%;

margin-top:50px;



}



.team-holder li {

float:left;

width:33.3333%;

padding:20px 20px 20px 0;



}



.team-box {

float:left;

position:relative;

width:100%;

margin-bottom:20px;



}



.team-info {

float:left;

width:100%;

margin-top:20px;



}



.team-info h3 {

font-size:19px;

padding-bottom:4px;



}



.team-photo {

position:relative;

overflow:hidden;

width:100%;

float:left;



}



.team-box .overlay {

opacity:0;

z-index:2;

background:#000;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.team-box:hover .overlay {

opacity:0.5;



}



.team-social {

position:absolute;

top:50%;

left:0;

width:100%;

z-index:3;

display:none;



}



.team-social li {

float:none !important;

display:inline-block !important;

padding:6px;

width:auto !important;



}



.team-social li a {

color:#fff;

font-size:16px;

position:relative;

top:50px;

opacity:0;



}



.small-padding {

padding:110px 0;



}



.small-padding2 {

padding:30px 0 80px;



}



/* --------- Testimonials --------------------------------------*/



.testi-item {

max-width:800px;

margin:20px auto;

text-align:center;



}



.testi-item h3 {

font-size: 15px;

text-transform:uppercase;

font-family:'futurastd-bold';

padding:20px 0;

color:#fff;



}



.testi-item p {

text-align:center;

font-size:16px;

font-style:italic;

font-family:Georgia, "Times New Roman", Times, serif;

padding:10px 0;

color:#fff;



}



.white-bg {

background:#fff;



}



.testimonials-slider-holder {

float:left;

width:100%;

position:relative;



}



.testimonials-slider-holder .customNavigation a {

position:absolute;

top:50%;

width:20px;

height:20px;

margin-top:-10px;

line-height:20px;

font-size:19px;

cursor:pointer;

color:#fff;

z-index:30;



}



.testimonials-slider-holder .customNavigation a.next-slide {

right:0;



}



.testimonials-slider-holder .customNavigation a.prev-slide {

left:0;



} 



.testi-item a {

display:inline-table;

margin-top:30px;

font-size: 12px;

text-transform:uppercase;

font-family:'futurastd-bold';

margin-top:30px;

color:#fff;

position:relative;	



}



.testi-item a:hover {

text-decoration:line-through;



} 



 /*------ footer -------------------------------------------------*/



footer {

 position:fixed;

 bottom:0;

 left:0;

 width:100%;

 height:50px;

 background:#fff;

 z-index:15;

 padding:0 50px;

 line-height:50px;



}



.footer-social {

float:right;



}



.footer-social li {

float:left;



}



.footer-social li a {

padding:0 8px;

font-size:13px;

color: #666;



}



.policy-box {

float:left;

/*font-size: 11px;

text-transform: uppercase;

letter-spacing: 1px;*/

color: #666;



}



.policy-box span {

float:left;



}



.policy-box ul {

position:relative;

float:left;

margin-left:10px;



}



.policy-box ul li {

float:left;



}



.policy-box ul:before {

content:'';

position:absolute;

top:16px;

left:-2px;

background:#eee;

width:2px;

height:20px;



}



.policy-box ul li a {

padding:0 10px;

color: #666;



}



.policy-box ul li a:hover {

text-decoration: none;

color:#938276;

cursor:pointer;



}



.to-top {

position:absolute;

top:-41px;

right:51px;

opacity:0;

width:40px;

height:40px;

margin-top:-12px;

line-height:40px;

cursor:pointer;

font-size:20px;

visibility:hidden;

background: rgba(0,0,0,0.81);

color:#fff;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.vistotop {

opacity:1;

margin-top:0;

visibility:visible;



}



.to-top:hover {

opacity:0.8;



}



/*-- portfolio ------------------*/



.gallery-items {

float:left;

width:100%;

padding-bottom:50px;



}



.grid-item-holder {

 float:left;

 width:100%;

 height:auto;

 position:relative;



}



.hid-port-info .grid-item-holder {

overflow:hidden;



}



.grid-big-pad  .grid-item-holder{

padding:20px;



}



.grid-small-pad  .grid-item-holder{

padding:10px 20px 10px 0;



}



.gallery-item, .grid-sizer {

width: 25%;

position:relative;



}



.gallery-item-second,



.grid-sizer-second {

width: 50%;



}



.gallery-item-three,



.grid-sizer-three {

width: 75%;



}



.gallery-item img, .grid-sizer img {

width: 100%;

height: auto;

position:relative;

z-index:1;



}



.content-column .gallery-item {

padding:1px;



}



.content-column {

padding-bottom:50px;



}



.four-coulms .gallery-item , .four-coulms .grid-sizer{

width:25%;



}



.three-coulms .gallery-item , .three-coulms .grid-sizer{

width:33.33333%;



}



.three-coulms .gallery-item-second {

width:66.66666%;



}



.gallery-item .overlay {

z-index:2;

opacity:0;



}



.grid-item {

position:absolute;

width:100%;

z-index:3;

top:50%;

left:0;



}



 .grid-item-holder:hover .overlay {

 opacity:0.7!important;



}



.grid-item h3 {

font-size:12px;

text-transform:uppercase;

font-weight: 700;

position:relative;

float:left;

width:100%;

font-family:'futurastd-bold';

color:#fff;



}



.grid-item h3 a {

color:#fff;



}



.grid-item span {

width:100%;

float:left;

font-size:14px;

opacity:0.6;

margin-top:6px;

color:#fff;



}



.grid-item:before , .grid-item:after {

content:'';

position:absolute;

left:50%;

background:rgba(255,255,255,0.51);

width:1px;

height:0;



}



.grid-item:before , .grid-item:after {

bottom:-50px;



}



.grid-item:after {

top:-50px;



}



.grid-item h3 , .grid-item span {

opacity:0;



}



.vis-port-info .grid-item {

position:relative;

float:left;

top:0;

margin-top:0 !important;

color:#000;

padding:20px 0;

}



.vis-port-info .grid-item h3 a , .vis-port-info .grid-item span {

color:#000;



}



.vis-port-info .grid-item span{

font-size:14px;

font-style:italic;

font-family:Georgia, "Times New Roman", Times, serif;

padding-top:10px;

color:#666;

display:block;

position:relative;



}



.vis-port-info .grid-item span:before {

	position:absolute;

content:'';

/*width:50px;

height:1px;*/

background:#000;

left:50%;

margin-left:-25px;

top:2px;

}



.vis-port-info .grid-item:before  , .vis-port-info .grid-item:after{

display:none;



}



.vis-port-info  .grid-item h3 , .vis-port-info  .grid-item span {

opacity:1;



}



.grid-item-holder:hover .grid-item h3 , .grid-item-holder:hover .grid-item span , .port-desc-holder:hover  .grid-item span  , .port-desc-holder:hover .grid-item h3 , .horizontal_item:hover .grid-item span ,  .horizontal_item:hover .grid-item h3{

opacity:1;



}



.grid-item-holder:hover   .grid-item:before ,   .grid-item-holder:hover   .grid-item:after  , .port-desc-holder:hover .grid-item:before , .port-desc-holder:hover .grid-item:after , .horizontal_item:hover .grid-item:after , .horizontal_item:hover .grid-item:before{

 height:40px;



} 



.st-3 .grid-item-holder a img , .gallery-item img, .grid-sizer img , .grid-item:after, .grid-item:before , .grid-item h3 , .grid-item span {

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.fixed-filter {

position:fixed;

left:80px;

bottom:80px;

z-index:5;

background:rgba(0,0,0,0.51);

padding:15px 20px;



}



.vis-filter {

float:left;

width:100%;

padding: 0 50px;

position:relative;



}



.fixed-filter a , .vis-filter a {

float:left;

margin-right:8px;

font-size:12px;

text-transform:uppercase;

color:#fff;



}



.vis-filter a {

float:none;

display:inline-block;



}



.fixed-filter a.gallery-filter-active  , .vis-filter a.gallery-filter-active , .inline-filters a.gallery-filter-active{

text-decoration:line-through;



}



.inline-filters {

float:left;

width:100%;

padding:30px 0;

margin:20px 0 0;

position:relative;



}



.inline-filters:before {

content:'';

position:absolute;

top:10px;

height:1px;

background:#ccc;

left:50%;

width:120px;

margin-left:-60px;



}



.inline-filters a {

display:inline-block;

padding:10px 18px;

font-size: 11px;

text-transform: uppercase;

letter-spacing: 1px;

color: #666;

margin:0 5px; 



}



.gallery_horizontal {

margin-top:20px;

float:left;

width:100%;

position:relative;



}



.gallery_horizontal .owl-item img{

width: auto;

position:relative;

z-index:1;



}



.gallery_horizontal {

position:relative;



} 



.zoomimage img , 	.gallery_horizontal .owl-item  .zoomimage img {

width:30px;

height:30px !important;

opacity:0;

position:relative;

z-index:2;



}



.horizontal_item {

overflow:hidden;

position:relative;



 



}



.portfolio_item , .horizontal_item  , .swiper-slide{

cursor:default;



} 



.horizontal_item  .port-desc-holder {

 top:50%;

 height:auto !important;



}



.resize-carousel-holder {

float:left;

width:100%;

height:100%;

position:relative;



}



.resize-carousel-holder .customNavigation {

position:absolute;



 	top:50%;

right:-45px;

width:40px;

z-index:5;

height:80px;

margin-top:-40px;



}



.resize-carousel-holder .customNavigation:before , .resize-carousel-holder .customNavigation:after , .hs:before , .hs:after {

content:'';

position:absolute;

width:100%;

height:2px;

background:#eee;

-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}



.resize-carousel-holder .customNavigation:before , .hs:before {

top:-10px;

left:0;



}



.resize-carousel-holder .customNavigation:after , .hs:after {

bottom:-8px;

right:0;



}



.resize-carousel-holder .customNavigation:hover:before , .resize-carousel-holder .customNavigation:hover:after , .hs:hover:before , .hs:hover:after {

width:0;



} 



.resize-carousel-holder .customNavigation a {

float:left;

width:40px;

height:40px;

line-height:40px;

font-size:19px;

cursor:pointer;



}



.vis-info {

padding-left:350px;



}



.fixed-info-container {

position:fixed;

z-index:2;

top:0;

left:50px;

height:100%;

width:350px;

background:#f9f9f9;

padding:120px 30px 80px 30px;

overflow:auto;



}



.hidden-column {

left:-450px;

opacity:0;



}



.show-hid-content {

position:absolute;

top:32px;

left:32px;

background:rgba(0,0,0,0.61);

color:#fff;

z-index:4;

font-size:14px;

cursor:pointer;

padding:12px 42px;



}



.show-hid-content i {

position:absolute;

top:15px;

right:20px;

font-size:14px;

-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;

-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

transform: rotate(-90deg);



}



.ishid i{

-webkit-transform: rotate(0deg);

-moz-transform: rotate(0deg);

-o-transform: rotate(0deg);

-ms-transform: rotate(0deg);

transform: rotate(0deg);



}



.fw-info-container {

float:left;

max-width:1450px !important;

position:relative;

background:#fff;

padding:100px 50px 90px;



}



.fixed-info-container h3 , .fixed-info-container h4  , .fw-info-container h3 , .fw-info-container h4{

float:left;

text-align:left;

font-size:25px;

font-family:'futurastd-bold';

width:100%;

color:#292929;

margin-top:20px;



}



.fixed-info-container h4 , .fw-info-container h4 {

font-size:15px;



}



.fixed-info-container .separator  , .fw-info-container .separator{

float:left;

width:110px;

height:3px;

background:#000;

margin:20px 0 20px;

position:relative;



}



.project-details {

float:left;

width:100%;

text-align:left;

padding-top:10px;

padding-bottom:20px;

border-bottom:1px solid #ccc;



}



.project-details li {

float:left;

width:100%;

margin-bottom:10px;

position:relative;



}



.project-details li i {

position:absolute;

top:12px;

left:0;

width:40px;

font-size:14px;

color:#000;



}



.pd-holder {

float:left;

width:100%;

padding-left:40px;



}



.pd-holder h5 {

text-align:left;

font-size:14px;

font-style:italic;

font-family:Georgia, "Times New Roman", Times, serif;

padding-top:12px;



}



.pd-holder h5  a{

font-style:italic;

font-family:Georgia, "Times New Roman", Times, serif;

opacity:0.8;



}



.project-details li a:hover {

text-decoration:line-through;



}



.project-nav {

float:left;

width:100%;

margin-top:30px;



}



.project-nav ul li {

float:left;

width:40px;

height:40px;

line-height:40px;

border:1px solid #ccc;

margin-right:40px;



}



.project-nav ul li a {

font-size:18px;

color:#292929;



}



.content-nav {

float:left;

width:100%;

padding:20px 0;

position:relative;



}



.content-nav ul {

position:relative;

left:0;



}



.content-nav li {

float:left;

margin-right:10px;



}



.content-nav li a {

font-size:28px;



}



.content-nav li span {

line-height:34px;



}



.p-all {

position:absolute;

right:0;

top:30px;

font-size:18px;



}



.content-nav a {

-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}



.content-nav li a span {

font-family:'futurastd-bold';

text-transform:uppercase; 

padding-right:20px;

font-size:18px;

position:relative;

top:-2px;



}



.content-nav a:hover {

opacity:0.6;



}



.p_horizontal_wrap {

float:left;

width:100%;

position:relative;

background:#fff;



 	height: 100%; 



}



#portfolio_horizontal_container {



  height: 100%;



 	float:left;

width:100%;

position:relative; 



} 



#portfolio_horizontal_container .portfolio_item {

width: auto;

height: 100%;

float:left;

padding:0 10px;

overflow:hidden;

position:relative;



}



#portfolio_horizontal_container .portfolio_item img {

 float:left;

 width:auto;

 height:100%;



}



.port-subtitle-holder {

position:absolute;

left:0;

bottom:0;

width:100%;

padding:0 10px;



}



.port-subtitle {

float:left;

width:100%;

background:#fff;

padding:20px 0;

text-align:left;



}



.port-subtitle h3 {

font-size:24px;

letter-spacing:2px;

text-transform:uppercase;



}



.port-subtitle span {

float:left;

width:100%;

font-size:12px;

padding-top:6px;

position:relative;

left:-10px;



}



.port-subtitle span a {

padding:0 10px;

color:#ccc;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.port-subtitle span a:hover , .port-subtitle h3:hover {

color:#000;

text-decoration:line-through;



}



.port-desc-holder {

position: absolute;

top:0;

left:0;

width:100%;

height:100%;

padding:0 10px;

z-index:20;



}



.port-desc {

position:relative;

float:left;

width:100%;

height:100%;



}



.port-desc-holder .grid-item span {

font-size:18px;





}



.port-desc-holder .grid-item h3 {

font-size:30px;

font-family: 'FuturaPT-Book';

letter-spacing:2px;



}



.port-desc-holder .grid-item h3:hover {

opacity:0.8;



}



.port-desc .overlay , .horizontal_item .overlay {

opacity:0;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.port-desc-holder:hover .overlay , .horizontal_item:hover .overlay{

opacity:0.6;



}



.count-folio {

position:fixed;

top:50%;

right:16px;

z-index:10;

font-size:18px;



}



.num-album {

position:relative;

padding-bottom:28px;



}



.num-album:before {

content:"/";

position:absolute;

bottom:-2px;

color:#ccc;

left:2px;



}



.all-album {

padding-top:8px;



}



.column-filter {

position:fixed;

top:200px;

left:50px;

z-index:23;

width:200px;



}



.filter-button {

position:relative;

float:left;

margin-bottom:20px;

/*background:rgba(51,51,51,0.61);*/

background-color:#938276;



 	color:#fff;

width:100%;

padding:12px 0;

cursor:pointer;

font-size:13px;

letter-spacing:1px;

text-transform:uppercase;



/**/}



.filter-button i {

position:absolute;

right:20px;

top:15px;

-webkit-transition: all 500ms linear;



    -moz-transition: all 500ms linear;



    -o-transition: all 500ms linear;



    -ms-transition: all 500ms linear;



    transition: all 500ms linear;



}



.roticon {

-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);

-o-transform: rotate(-90deg);

-ms-transform: rotate(-90deg);

transform: rotate(-90deg);



}



.hid-filter {

float:left;

width:100%;

background:rgba(51,51,51,0.61);

padding:20px 0;

display:none;



}



.hid-filter a {



 	color:#fff;

float:left;

width:100%;

padding:6px 10px;

font-size:13px;

letter-spacing:1px;

text-transform:uppercase;



}



.gallery-filter_active {

text-decoration:line-through;



}



.bg-slider {

z-index:1;



}



.fw-info-container , .project-nav {

float:left;

position:relative;

width:100%;



} 



.fw-info-container {

margin-top:50px;

bottom:0;



}



.show-info {

position:absolute;

bottom:50px;

left:50px;

width:80%;

z-index:15;



}



.show-info span {

text-transform:uppercase;

font-size:16px;

color:#fff;

cursor:pointer;

float:left;



}



.tooltip-info{



 	height: auto;

line-height: 20px;

padding: 10px 20px;

font-size: 11px;

color: #fff;

text-align: center;

text-indent: 0px;

position: absolute;

background:rgba(0,0,0,0.91);

bottom:0;

opacity: 0;

left:0;

margin-bottom:30px;

visibility: hidden;

pointer-events: none;

z-index:16;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear; 



}



.tooltip-info p {

font-size:13px;

letter-spacing:1px;



}



.tooltip-info h5 {

font-size:16px;

margin-top:12px;

padding:5px 0;

position:relative;

text-transform:uppercase;



 	font-family:'futurastd-bold';

letter-spacing:2px;

text-align:left;



}



.show-info:hover .tooltip-info {

visibility:visible;

opacity:1;

bottom:0;



}



figure img {

cursor:zoom-out;



}



.sections-bg {

position:fixed;

top:0;

left:0;

width:57%;

height:100%;

background:#fff;

z-index:1;



}



.project-box  , .vertical-gallery{

float:left;

width:100%;

padding:0 20px;



}



.project-box {

margin-bottom:40px;



}



.project-box h3 {

float:left;

width:100%;

text-align:left;

padding-bottom:20px;

font-size:24px;

color:#666;

font-family:'futurastd-bold';

letter-spacing:1px;



}



.project-box-b  , .vertical-gallery{

float:left;

width:100%;

padding:0 20px;



}



.project-box-b {

margin-bottom:0;



}



.project-box-b h3 {

float:left;

width:100%;

text-align:left;

padding-bottom:20px;

font-size:24px;

color:#666;

font-family:'futurastd-bold';

letter-spacing:1px;



}



.column-container {

max-width:1500px;



}



.custom-slider-holder {

float:left;

width:100%;

margin-bottom:30px;

position:relative;



}



.custom-slider-holder .customNavigation {

position:absolute;

top:50%;

left:0;

width:100%;

height:40px;

margin-top:-20px;



}



.custom-slider-holder .item {

position:relative;



}



.custom-slider-holder a.next-slide , .custom-slider-holder a.prev-slide {

width:40px;

height:40px;

background:rgba(255,255,255,0.21);

z-index:5;

position:absolute;

top:0;

cursor:pointer;

color:#fff;

line-height:40px;

font-size:18px;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear; 



}



.custom-slider-holder a.prev-slide {

left:10px;



}



.custom-slider-holder a.next-slide {

right:10px;



}



.custom-slider-holder .customNavigation a:hover {

background:rgba(255,255,255,1);

color:#000;



} 



.two-columns-box  .box-item{

width:50%;

padding:0 10px 0 5px;



}



/*------ share------------------------------------------------*/



.show-share {

float:right;

cursor:pointer;

margin-left:20px;

position:relative;

top:-15px;

padding:0 10px;

text-transform:uppercase;



}



.show-share:before , .show-share:after{

content:'';

position:absolute;

top:20px;

left:-14px;

width:2px;

height:30px;



}



.isShare:after {

height:0;



}



.show-share:before {

background:#eee;

z-index:1;



}



.show-share:after{

z-index:2;

background:#000;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.share-container {

position:fixed;

z-index:20;

right:64px;

top:74px;

width:30px;

visibility:hidden;



}



.visshare {

visibility:visible;



}



.share-icon {



    height:40px;



    width:40px;

float:left;



    margin-bottom:1px;

position:relative;

font-size:15px;

line-height:40px;

background:#fff;

color: #000;

opacity:0;

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear; 



}



.share-icon:hover {

opacity:0.6 !important;



}



.share-icon:before {



    font-family: FontAwesome;



    font-style: normal;



    font-weight: normal;



    text-decoration: inherit;



}



.share-icon-digg:before {



    content: "\f1a6";



}



.share-icon-email:before  {



    content: "\f003";



}



.share-icon-flickr:before  {



    content: "\f16e";



}



.share-icon-foursquare:before  {



    content: "\f180";



}



.share-icon-rss:before {



    content: "\f09e";



}



.share-icon-facebook:before  {



    content: "\f09a";



}



.share-icon-twitter:before {



    content: "\f099";



}



.share-icon-tumblr:before {



   content: "\f173";



}



.share-icon-linkedin:before {



     content: "\f08c";



}



.share-icon-vimeo:before {



   content: "\f194";



}



.share-icon-instagram:before {



    content: "\f16d";



}



.share-icon-pinterest:before {



    content: "\f0d2";



}



.share-icon-googleplus:before {



   content: "\f0d5";



}



.share-icon-in1:before {



    content: "\f08c";



}



.share-icon-stumbleupon:before {



    content: "\f1a4";



}



/*------ Contacts ------------------------------------------------*/



.contact-inner .container {

max-width:900px;



}



.contact-inner .row {

padding-top:60px;



}



.contact-inner p {

text-align:left;



}



.contact-list {

float:left;

width:100%;

position:relative;

padding-top:15px;

margin-top:15px;



}



.contact-list:before {

content:'';

position:absolute;

top:0;

left:0;

width:60px;

height:2px;

background:#fff;



}



.no-dec:before {

display:none;



}



.contact-list li {

float:left;

width:100%;

padding:6px 0;

text-align:left;



}



.contact-list li a  , .contact-list li span{

color:#fff;

font-size:16px;



}



.contact-list li a:hover {

text-decoration:line-through;



}



/*Start Coin form*/



#coin-form {

text-align:center!important;

max-width:800px;

/*float:left;*/

margin: 20px auto;

border:0px #938276 solid;

padding:10px;



}



#coin-form input[type="text"], #coin-form input[type="file"], #coin-form  textarea {

color: #000;

font-size: 12px;

padding: 15px 0;

width: 100%;

padding-left:10px;

background:none;

background:rgba(255,255,255,1);

margin-bottom:20px;

border:0;

border:1px solid #938276;

position:relative;



}



#coin-form input[type=text]:focus, #coin-form input[type="file"]:focus, #coin-form textarea:focus, input[type=email]:focus {

color:#000;



}



#coin-form textarea  {



resize:yes;



}



#titre   {

height:70px;





}



#description  {

height:170px;





}



#coin-form input[type="submit"] , .controls button	{

background:none;

border:none;



    border-radius: 0;

padding:14px 20px;

line-height:14px;

cursor:pointer;

font-size:13px;

color:#fff;

-webkit-appearance: none;

/*float:right;*/

background:#938276;



}



#coin-form input[type="submit"]:hover , .controls button {

background:rgba(49,49,49,0.8);



}







/*End Coin form*/







/*Start Login form*/



#login-form {

text-align:center!important;

max-width:600px;

/*float:left;*/

margin: 20px auto;

border:1px #938276 solid;

padding:10px;



}



#login-form input[type="text"], input[type="password"], #login-form  textarea {

color: #000;

font-size: 12px;

padding: 15px 0;

width: 100%;

padding-left:10px;

background:none;

background:rgba(255,255,255,1);

margin-bottom:20px;

border:0;

border:1px solid #938276;

position:relative;



}



#login-form input[type=text]:focus, #login-form textarea:focus, input[type=email]:focus, input[type=password]:focus {

color:#000;



}



#login-form textarea {

height:170px;

resize:none;



}



#login-form input[type="submit"] , .controls button	{

background:none;

border:none;



    border-radius: 0;

padding:14px 20px;

line-height:14px;

cursor:pointer;

font-size:13px;

color:#fff;

-webkit-appearance: none;

/*float:right;*/

background:#938276;



}



#login-form input[type="submit"]:hover , .controls button {

background:rgba(49,49,49,0.8);



}



.error_login {

text-align:center;

margin-bottom:30px;

font-size:15px;

color:#CF0407;

background:#fff;

border:1px dashed #CF0407;

padding:10px;



}



/*End Login form*/







#contact-form {

text-align:center!important;

max-width:600px;

/*float:left;*/

margin: 20px auto;



}



#contact-form input[type="text"], #contact-form  textarea {

color: #000;

font-size: 12px;

padding: 15px 0;

width: 100%;

padding-left:10px;

background:none;

background:rgba(255,255,255,1);

margin-bottom:20px;

border:0;

border:1px solid #000;

position:relative;



}



#contact-form input[type=text]:focus, #contact-form textarea:focus, input[type=email]:focus {

color:#000;



}



#contact-form textarea {

height:170px;

resize:none;



}



#contact-form input[type="submit"] , .controls button	{

background:none;

border:none;



    border-radius: 0;

padding:14px 20px;

line-height:14px;

cursor:pointer;

font-size:13px;

color:#fff;

-webkit-appearance: none;

/*float:right;*/

background:rgba(49,49,49,1);



}



#contact-form input[type="submit"]:hover , .controls button {

background:rgba(49,49,49,0.8);



}



.error_message {

text-align:center;

margin-bottom:30px;

font-size:15px;

color:#fff;



}



#success_page h3{

text-align:center;

font-size:18px;



}



#success_page p {

color:#fff;

margin-top:20px;

text-align:center;



}



#message fieldset {

border:none;

color:#fff;



}



.flat-form {

border-top:50px solid #fff;



}



.flat-form #contact-form {

max-width:650px;

margin:70px auto;

float:none;



}



.flat-form #contact-form input[type="text"], .flat-form #contact-form  textarea {

color: #000;

font-size: 12px;

padding: 15px 0;

width: 100%;

padding-left:10px;

background:#fff;

margin-bottom:20px;

border:0;

border:1px solid #eee;

position:relative;



}



.flat-form #contact-form input[type="submit"] {

float:none;

margin:20px auto;



}



.flat-form .error_message {

color:red;



}



 



.flat-form p  , .flat-form #success_page p {

color:#666;

text-align:center;



}



.flat-form #message fieldset {

color:#000;



}



.map-box {

float:left;

width:100% ;

height:400px;

position:relative;

overflow:hidden;



}



.map-holder {

position:absolute;

width:100%;

height:550px;

top:-50px;

left:0;

z-index:10;



}



#map-canvas {

float:left;

width:100%;

height:550px;

position:relative;



}



/* ------blog------------------------------------------------------------ */



.blg-nav {

margin-top:-20px;

margin-bottom:20px;



}



.waimg {

float:left;

margin-bottom:20px;



}



article {

float:left;

margin-bottom:10px;

width:100%;

position:relative;

border-bottom:1px solid #eee;



}



article .btn {

float:left;



}



.post-author {

	margin-bottom:0px;

	margin-top:0px;

	float:left;

	border-bottom:1px solid #eee;

	padding:0;

	min-height:400px;

}

.post-authorf {

	margin-bottom:0px;

	margin-top:0px;

	float:left;

	border-bottom:1px solid #eee;

	padding:0;

	/*min-height:300px;*/

	z-index: 9999999999;

}

.post-authorc {

	margin-bottom:0px;

	margin-top:0px;

	float:left;

	border-bottom:1px solid #eee;

	padding:0 0 10px 0;

	/*min-height:400px;*/

}

.author-img {

	width:30%;

	margin-left:0px;

	margin-right:auto;

	margin-bottom:10px;

	margin-top:10px;

}

.membre-img {

	width:30%;

	margin-left:10px;

	margin-right:auto;

	margin-bottom:10px;

	margin-top:10px;

}

.link-a{

width: 100%;

    text-align: center;

    margin-top: 10px;

    margin-bottom: 7px;

    padding-top: 5px;

    border-top:1px solid #ccc;

}

.author-imgf {

/*width:100%;

	min-height:160px;

	max-width:160px;

	margin-left:auto;

	margin-right:auto;*/

	margin-bottom:20px;

	margin-top:0;

}

.author-content {

	width:85%;

	padding-left:10px;

}

.author-contentc {

	width:100%;

	padding-left:10px;

}

.author-contentf {



width:100%;

padding-left:5px;

padding-right:5px;

text-align:left;

    min-height: 100px;



}



.author-img img {

border-radius:1%;





}



.author-content h5 {

font-size:14px;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:14px;

margin-top:15px;

color:#000;

display:block;

float:left;



}



.author-content p {

margin-bottom:8px;

float:left;

width:100%;



}



.widget {

float:left;

width:100%;

margin-bottom:40px;

text-align:left;

border-bottom:2px solid #eee;

padding-bottom:20px;



}



.widget h3 {

float:left;

width:100%;

position:relative;

font-size:20px;

color:#666;

font-family:'futurastd-bold';

letter-spacing:1px;

padding-bottom:20px;



}



.widget-posts li {

padding: 12px 0;



}



.widget-posts-img {

float:left;

width:30%;



}



.widget-comments-img  img{

 border-radius:100%;



}



.widget-posts-descr{

float:left;

width:70%;

padding-left:10px;



}



.widget-posts-descr a{

font-size:14px;

font-style:italic;

font-family:Georgia, "Times New Roman", Times, serif;

color:#666;



} 



.widget-posts-date  {

float:left;

width:100%;

margin-top:10px;

color:#666;

font-size:14px;

	font-family:'futurastd-bold';



}



.searh-holder {

max-width:450px;

margin-top:20px;

position:relative;



}



.searh-inner {

float:left;

width:100%;

position:relative;



}



 .search {

border:1px solid rgba(0,0,0,.07);

float: left;

background:#fff;

border-radius:none;

position:relative;

outline: none;

padding: 0px 0px 0px 10px;

width: 100%;

height: 40px;

color: #000;

-webkit-appearance: none;



}



.search-submit {

border: none;

outline: none;

cursor: pointer;

background:none;

position:absolute;

top:0;

right:0;

width: 28%;

height: 40px;



}



.trnsp-search {

border:1px solid #fff;

border-radius:6px;

color:#fff;

background:rgba(255,255,255,0.21);



}



.trnsp_btn  {

border-radius: 0 6px   6px 0;



}



.trnsp_btn i  {

color:#fff !important;



}



.search-submit:hover i {

opacity:0.5;



}



.tagcloud li {

display:inline-block;



}



.tagcloud li a {

padding:6px 10px;

margin-right:2px;

background:#292929;

color:#fff;



}



.tagcloud li a:hover {

background:#fff;

color:#292929;



}



.cat-item{

padding-bottom: 8px;

margin-bottom: 15px;



}



.cat-item a{

font-size:14px;

font-style:italic;

font-family:Georgia, "Times New Roman", Times, serif;

color:#666;}



.cat-item a , .tagcloud li a{

font-weight: 400;

font-size: 12px;

-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}



.sinnle-post h2 {

float:left;

font-size:32px;

text-align:left;

font-family:'futurastd-bold';

text-transform:uppercase;

width:100%;



} 



.blog-title  , .blog-text{

float:left;

width:100%;

padding:0;



}



.blog-text {

padding:0;

padding-bottom:20px;



}



.blog-title   li {

float:left;

text-align:left;

font-family:'futurastd-bold';

text-transform:uppercase;

margin-bottom:10px;

color:#666;

font-size:13px;

margin-right:4px;



}



.archives-title  , .archives-text{



width:100%;

padding:5px 0;

border-bottom:#B6B6B6 dashed 1px;



/*

border-bottom:#B6B6B6 dashed 1px;

position: relative;



*/



}



.ag-title {



width:100%;

padding:0;

border-bottom: #E6E6E6 dashed 1px;



}



.liens-t{

width:94%;



}







.coin-t{

width:60%;



}

.coin-d{

width:30%;

text-align:center;



}

.coin-f{

width:5%;

text-align:right;



}





.archives-t{

width:64%;



}

.archives-d{

width:30%;

text-align:center;



}

.archives-f{

width:3%;

text-align:right;



}



.archives-title   li {

float:left;

text-align:left;

font-family: 'FuturaPT-Book';

font-weight: 400;

margin-top:5px;

margin-bottom:5px;

font-size:16px;

margin-right:4px;



}



.archives-title:hover   li {

float:left;

text-align:left;

font-family: 'FuturaPT-Book';

font-weight: 400;

margin-top:5px;

margin-bottom:5px;

font-size:16px;

margin-right:4px;

background:#FFFFFF;

background-color:#FFFFFF;



}



.blog-title a {

color:#666;



}



.blog-text {

margin-top:10px;

position:relative;



}



.sinnle-post .blog-text {

max-width:900px;



}



.blog-text h3  , .comment-form-holder h3 , .comments-holder h3 , .project-details h3{

font-size:16px;

text-align:left;

font-family:'futurastd-bold';

text-transform:uppercase;

margin-bottom:10px;



}



.comments-holder h3 span {

font-family: 'FuturaPT-Book';

font-weight: 400;



} 



.project-details h3 {

padding:20px 0 15px;



}



.blog-media {

float:left;

width:100%;

position:relative;



}



.blog-text p {

font-size:14px;

padding-top:10px;



}



.pagination-blog {

margin-top:20px;

text-align:center;

border:1px solid rgba(0,0,0,.07);

float:left;

width:100%;

margin:15px 0;



}



.pagination-blog ul   {

float:left;

margin:20px 0 30px;

border:1px solid rgba(0,0,0,.07);



}



.pagination-blog a {

float:left;

padding: 12px 18px;

position:relative;

font-size:13px;

color:#666;

letter-spacing:1px;

border-right:1px solid rgba(0,0,0,.07);



}



.pagination-blog a.current-page, .pagination-blog a:hover {



    color:#fff;

background:#000;



}



.sidebar {

float:left;

width:100%;

padding:0 0 0 30px;



}



.sinnle-post p {	

font-size:16px;



}



.sinnle-post .blog-text h3 {

margin-bottom:30px;



}



.commentlist {

text-align:left;

float:left;

margin:30px 0px;

max-width:900px;

padding:20px 0;

border-top:1px solid #eee;

border-bottom:1px solid #eee;



}



.comment-form-holder {

max-width:800px;

float:left;



}



#comments{ 

text-align:left; 

padding-top: 10px;

max-width:800px;



}



#comments-title , #reply-title{

border-bottom: 1px solid #eee;

padding-bottom: 30px; 

margin-bottom: 5px;

font-size:16px;

text-transform:uppercase;

font-weight:bold;

color:#666;



}



.comment{ 

float: left; 



}



.comment-body{ 

position: relative; 

margin-left: 70px; 

padding-top: 30px; 



}



.comment-author{ 

position: absolute; 

top: 30px; 

left: -66px;



}



.comment-author img{ 

border-radius: 100%;



}



.comment .children{ 

margin-left: 70px; 



}



.fn{

display: block; 

margin-bottom: 10px;



}



.comment-meta, .comment-meta a{

font-family: Georgia, "Times New Roman", Times, serif;

font-style:italic;

font-size:12px;

letter-spacing:1px;

color:#494949;

padding-bottom:10px;



}



#respond{

margin-top:40px;

float:left;

width:100%;



}



#reply-title{

padding-bottom:30px;

margin-bottom:5px;



}



#commentform {

float:left;

width:100%;



}



.comment-notes{

margin-top: 10px; color: #a4a4a3;



}



.control-group label{

margin-left: 10px;

font-weight: 200;

float:left;

position:relative;

top:25px; 



}



.control-group .controls input {

margin-top: 15px;

border: none;

outline: none;

height: 35px;

background: #eee;

color: #a4a4a3;

text-decoration: none;

border: 1px solid #ccc;

float:left;

max-width:600px;



 



}



.control-group .controls textarea {

float:left;

margin-top: 15px;

border: none;

outline: none;

height: 180px;

max-width:600px;

background: #eee;

padding-left: 15px;

padding-top: 15px;

color: #a4a4a3;

resize: vertical;

text-decoration: none;

border: 1px solid #ccc;



 



}



.controls button {

 margin-top:30px;



}



/*------ css-animation - ------------------------------------------------*/



.transition{

-webkit-transition: all 500ms linear;



    -moz-transition: all 500ms linear;



    -o-transition: all 500ms linear;



    -ms-transition: all 500ms linear;



    transition: all 500ms linear;



}



.transition2{

-webkit-transition: all 200ms linear;



    -moz-transition: all 200ms linear;



    -o-transition: all 200ms linear;



    -ms-transition: all 200ms linear;



    transition: all 200ms linear;



}



.transition3{

-webkit-transition: all 300ms linear;



    -moz-transition: all 300ms linear;



    -o-transition: all 300ms linear;



    -ms-transition: all 300ms linear;



    transition: all 300ms linear;



}



.fl-l {

float:left;



}



/*------  Responsive ------------------------------------------------------*/



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



.mob-bg {

display:block;



} 



.inline-facts h6 {

float: none;

font-size:16px;

text-align:center;



}



.num{

float: none;

text-align:center;



}



.nav-button-holder  {

display:block;



}



.nav-holder {

position:absolute;

top:50px;

left:0;

width:100%;

background:#fff;

padding:30px 0;

display:none;

height:300px;

overflow:auto;



}



nav ul li  , nav ul li ul li , nav li ul li > ul    {

float:left;

width:100%;

margin-bottom:10px;

text-align:left;

left:0;

opacity:1;

right: 0;



}



nav li ul {

margin: 0;

padding-left:20px;

opacity: 1;

visibility: hidden;

position: relative;

width:100%;

display:none;

top:0;

left: 0;

z-index: 1;    	

border-bottom:none;  



}



nav li:hover > ul {

display: block;



} 



nav li ul li:hover ul  {

display: block;



}



.slide-title-holder {

	width:100%;

bottom: 200px;



}



.slide-title {



/*	top: 89%;*/



float: none;



margin: 0 auto 0 auto;



border-right: none;



padding: 0 10px 0 10px;



right:inherit;



}



.slide-fournisseur-holder {

width:100%;

bottom: 1px;



}



.slide-fournisseur {

/*bottom: 80px;*/



float: none;



margin: 0 auto 0 auto;



border-right: none;



padding: 10px;







right:inherit;



}







.slide-fournisseur-m-holder {

width:100%;

bottom: 164px;



}



.slide-fournisseur-m {

/*bottom: 80px;*/



float: none;



margin: 0 auto 0 auto;



border-right: none;



padding: 3px;







right:inherit;



}



.slide-title h3 {

 font-size:22px;



}



.slide-title h4 {

  font-size:16px



}



.page-title {

padding-bottom:20px;



}



.page-title h2 {

font-size:30px;	



} 



section {

padding:30px 0;



}



.gallery-item {

width:50% !important;



}



.fixed-column {

float:left;

position:relative;

width:100%;

height:auto;

right:0;

left:0;

top:0;



}



.media-container {

float:left;

position:relative;

top:0;

left:0;

width:100%;

height:100%;

overflow:auto;



} 



.colum-w {

padding-top:0 !important



} 



.fw .zoomimage {

top:150px;



}



.fixed-info-container {

position:relative;

top:0;

left:0 !important;

opacity:1;

height:auto;

width:100%;

float:left;

padding:50px 30px 80px 30px;

overflow:auto;



}



.vis-info {

padding-left:0;



}



.horizontal_item {

padding:10px 20px;



}



.horizontal_item img {

width:100%;

height:auto !important;



}



.show-hid-content {

display:none;



}



.section-columns-text {

width:100%;

min-height:600px;



}



.section-columns-text-b {

width:100%;

min-height:600px;



}



.section-columns-text-75 {

width:75%;



}



.section-columns-text-75-b {

width:75%;

min-height:600px;



}



.section-columns-text-50 {

width:50%;

min-height:600px;



}



.section-columns-text-50-bl {

width:50%;

min-height:600px;



}



.section-columns-text-75-c {

width:75%;

min-height:600px;



}



.section-columns-img {

position:relative;

top:0;

left:0;

width:100%;

height:auto;

padding:150px 0;



}



.section-columns-img-b {

position:relative;

top:0;

left:0;

width:10%;

max-width:200px;

height:auto;

padding:75px 0;



}



.nav-button {

margin-top:19px;



}



.sections-bg {

width:100%;



}



.sidebar {

padding:0;



}



.swiper-slide .show-info {

bottom:70px; 



}



.resize-carousel-holder .customNavigation{

display:none;



} 



}



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



#portfolio_horizontal_container {



  height: auto !important;



 



}



#portfolio_horizontal_container .portfolio_item {

width:  100% !important;

height: auto !important;

padding:0 10px;

overflow:hidden;

position:relative;



}



#portfolio_horizontal_container .portfolio_item img {

width:100% !important;

height: auto !important;



}



.port-subtitle-holder {

position:relative;

float:left;

width:100%;

padding:0 ;



}



.content-holder{

padding:70px 0 50px 0;



} 



.footer-social {

margin:0 auto;

float:none;



}



.footer-social li {

display:inline-block;

float:none;



}



.parallax-section {

padding:150px 0;



}



.inline-facts {

width:50%;



} 



.to-top {

right:21px;



}



.logo-holder {

left:10px;



}



.scroll-page-nav {

 width:30px;



}



.column-filter {

top:74px;

left:14px;



}



.count-folio  , .full-height-wrap:before , .full-height-wrap:after , .left-decor , .right-decor , .fixed-wrap:before , .fixed-wrap:after , .policy-box  , .portfolio_item .port-desc-holder {

display:none;



}



.custom-inner {

padding :0px 0 70px 0;



}



.custom-inner.error-page h2 {

font-size:90px;



}



.gallery-item {

width:50%;



}



}



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

h1 {

font-size: 4em;

text-transform: uppercase;

font-weight: 400;

line-height: 1.17em;	



}



h2 {

font-size: 2.8em;

font-weight: 300;



}



h3 {

font-size: 0.9em;



}



h4 {

font-size: 0.8em;

font-weight: 200;	



}



h5 {

font-size: 0.7em;

font-weight: 200;



}



h6 {

font-size: 0.5em;

font-weight: 200;



}



p {

text-align:left;

font-size:16px;

/*line-height:24px;*/

padding-bottom:10px;



}

.section-columns-img25 {

	display:none;



} 



.section-columns-img25r {

display:none;



} 

.section-columns-text-75-c {

	font-size:80%;

float: left;

width: 100%;

position: relative;

/*background: #938276;*/

padding: 10px 0;

background-color: #fff;

min-height:600px;



}



.section-columns-text-50 {

	font-size:80%;

float: left;

width: 100%;

position: relative;

/*background: #938276;*/

padding: 10px 0;

background-color: #EBEBEB;

min-height:600px;



}



.section-columns-text-50-bl {

	font-size:80%;

float: left;

width: 100%;

position: relative;

/*background: #938276;*/

padding: 10px 0;

background-color: #fff;

min-height:600px;



}

.section-columns-text-75-b {

	font-size:80%;

float: left;

width: 100%;

position: relative;

/*background: #938276;*/

padding: 10px 0;

background-color: #EBEBEB;

min-height:600px;



}



.section-columns-text-75-cl {

	font-size:80%;

float: left;

width: 100%;

position: relative;

/*background: #938276;*/

padding: 10px 0;

/*background-color: #fff;*/

min-height:600px;



}

.section-columns-text-75-bl {

	font-size:80%;

float: left;

width: 100%;

position: relative;

/*background: #938276;*/

padding: 10px 0;

background-color: #EBEBEB;

min-height:600px;



}







.page-title h2 {

font-size:20px;



} 







.archives-title  , .archives-text{



/*	float:left;*/

width:100%;

padding:5px 0;

border-bottom:#B6B6B6 dashed 1px;



}



.ag-title{



width:100%;

padding:0;

border-bottom:#E6E6E6 dashed 1px;



}



.liens-t{

width:90%;



}





.coin-t{

width:55%;



}

.coin-d{

width:30%;

text-align:center;



}

.coin-f{

width:7%;

text-align:right;



}	





.archives-t{

width:60%;



}

.archives-d{

width:30%;

text-align:center;



}

.archives-f{

width:5%;

text-align:right;



}



.archives-title   li {

float:left;

text-align:left;

font-family: 'FuturaPT-Book';

font-weight: 400;

margin-top:5px;

margin-bottom:5px;

font-size:16px;

margin-right:4px;



}



.team-holder li {

float:left;

width:100%;

padding:20px 0;



}



.gallery-item {

width:100%!important;



}



.grid-small-pad  .grid-item-holder , .grid-big-pad  .grid-item-holder{

padding:20px 0 !important;



}



.header-inner {

float:left;

width:100%;

padding:0 10px;

/*padding-top:10px;*/

position:relative;



}



.servicses-holder li , .inline-facts {

width:100%;



}



.gallery-item {

width:100%;



}



}



@media only screen and (-webkit-min-device-pixel-ratio: 2) {



.bg {

background-attachment: scroll !important;

-webkit-background-size:cover;

background-position:center;



}



}