/* KOLORY
 * zielony jasny	rgba(237,244,237,1)	edf4ed
 * zielony ciemny	rgba(195,209,192,1)	c3d1c0
 * morski 			rgba(77,133,132,1)	4d8584
 * 
 * 
 * 
 * 
 *  */

@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700|Dosis);

body {font-family: 'Dosis', sans-serif;font-size: 14px;}
h1, h2, h3 {font-family: 'Playfair Display', serif;}
h1 {color:#245269;font-weight:bold;border-bottom:0px solid #4d8584;text-align: center;height:auto;margin-bottom:30px;margin-top:0px;}
h1 span {background:#fff;padding:0 10px;}
.form-control {border-radius:1px;box-shadow:none;}

/* Navigation */
nav {transition: all 1s; background:rgba(255,255,255,0)}
nav button {font-size:22px;color:#4d8584}
nav.top-nav-collapse button {font-size:22px;color:#fff}
nav ul.navbar-nav {background:rgba(255,255,255,.85);margin-right:-15px;border-radius:0 0 1px 1px;border-width: 0 0px 0px 0px;border-style: solid;border-color: #4d8584;}
nav.top-nav-collapse ul.navbar-nav {background:rgba(255,255,255,.0)}
nav.top-nav-collapse {background:rgba(77,133,132,1)}
nav .navbar-nav li a {height:60px;padding:20px;}
nav h3 {margin-top:5px;margin-bottom:0;}
nav .navbar-brand {height: 60px;padding-top:5px; opacity:0}
nav.top-nav-collapse  .navbar-brand {opacity:1}
nav a {color:#4d8584;font-family: 'Dosis', sans-serif;font-weight:bold;font-size:16px;transition: all 0.5s;}
nav.top-nav-collapse a {color:#fff;}
nav ul.nav li a:focus, nav ul.nav li a:hover {background:rgba(255,255,255,1);color:rgba(77,133,132,1)}
nav ul.nav li.active a {background:rgba(255,255,255,0.85);/*color:rgba(237,244,237,1)*/}
nav.top-nav-collapse a:focus, nav.top-nav-collapse a:hover {rgba(195,209,192,1)}
nav .navbar-header.page-scroll {display:none;}

section {padding-top:80px;}

@media (max-width: 767px) {
	nav .navbar-header.page-scroll {display:block;}
}

@media (min-width: 768px) {
	nav ul.navbar-nav {width:100%}
	nav .navbar-nav > li {width:20%}
	nav .navbar-nav > li a {text-align: center;}
}


/* Accueil */
#accueil {
	width: 100%;
	position: relative;
	/*background: url("../img/accueil-bg.jpg") no-repeat scroll center top transparent;
	 background-size:cover; */
	
/** To edit this background, follow this link:
http://svgeneration.com/generate/Soft-Tiles?size=50&fill=e6e6e6&edge-size=2&edge=ededed&shadow=dbdbdb&


background-color: #e6e6e6;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MCcgaGVpZ2h0PSc1MCcgdmlld0JveD0nMCAwIDUwIDUwJz4KCTxsaW5lIHgxPScxJyB5MT0nMCcgeDI9JzUxJyB5Mj0nNTAnIHN0cm9rZT0nI2RiZGJkYicgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nNDknIHkxPScwJyB4Mj0nLTEnIHkyPSc1MCcgc3Ryb2tlPScjZGJkYmRiJyBzdHJva2Utd2lkdGg9JzInLz4KCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nI2VkZWRlZCcgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc1MCcgeTI9JzUwJyBzdHJva2U9JyNlZGVkZWQnIHN0cm9rZS13aWR0aD0nMicvPgo8L3N2Zz4=');
*/
	
	padding-bottom:20px;
}
#accueil .container {background:rgba(255,255,255,.75);border-radius:1px;}
#accueil .container h1 {border-width:0;height:auto;}
#accueil .container h2 {
	text-shadow:0 0 15px #fff;
	margin-bottom:50px;
	font-style:italic;
}
#accueil .container h2 span {
	font-weight: bold;
	
}
#accueil .icons div div div {padding:0 30px;}
#accueil .icons img {max-width:100%;border-radius:200px;border:2px solid #4d8584}

@media (min-width: 768px) {
	#accueil .container {padding-top:80px; padding-bottom:60px;}
	#accueil .container h2 {font-size: 26px;font-style:italic}
}
	
@media (min-width: 992px) {
	#accueil .container {padding-top:40px; padding-bottom:60px;box-shadow:0 0 30px #eee;}
}

@media (min-width: 1200px){
	.col-lg-offset-1coma5 {margin-left:12.5%}
}

@media (max-width: 767px) {
	#accueil .container {padding-top:40px; padding-bottom:60px;}
	#accueil .icons img {max-width: 120px;}
	#accueil .icons h3 {margin-top:5px;}
	#accueil .icons h4 {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
}
	
@media (min-width: 768px) and (max-width: 991px) {
	#accueil .container {padding-top:50px; padding-bottom:60px;}
	#accueil .icons h3,#accueil .icons h4 {text-align:left;}
	#accueil .icons div div div:first-child {text-align:right}
	#accueil .icons > div {margin-top:10px}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 1200px){

}

/* Offre */
#notre-offre {margin-bottom:0px;}
#notre-offre .ramka {border:1px solid #ddd; padding:20px 20px 40px 20px;border-radius:1px;}
#notre-offre .offre-renovation .icon {border-radius:100px;background:rgba(237,244,237,1);padding:15px;}
#notre-offre .offre-renovation .active .icon {background:rgba(255,255,255,1);border:2px solid #4d8584}
#notre-offre .offre-renovation .icon+p {text-align: center;height:42px;overflow: hidden;}
#notre-offre .offre-renovation .icon img {width:100%}
#notre-offre .offre-desc {position:relative;height:180px;}
#notre-offre .offre-desc>div h3 {margin-top:30px}
#notre-offre .offre-desc>div p {font-size: 18px;}
#notre-offre .offre-desc>div {position:absolute;opacity:0;transition:all 1s;}
#notre-offre .offre-desc>div .desc-short { overflow:auto;}
#notre-offre .offre-desc>div.active {opacity:1;z-index: 1}
#notre-offre .offre-icons>div {cursor:pointer;}
#notre-offre hr {border-color: #ccc;}
#notre-offre .offre-icon-arrow {width:100px;background:url('../img/arrow.png') center top;height:30px;position:absolute;bottom:-21px; display:none;}
#notre-offre .active .offre-icon-arrow {display:block;}

#notre-offre .offre-meble .ramka {position: relative;}
#notre-offre .offre-meble .ramka .desc {height:100%;overflow:auto;}
#notre-offre .offre-meble .przeslona {width:100%;height:100%;position:absolute;background:#ddd;bottom:0;left:0;background:url('../img/meble1.jpg')center;background-size:cover;transition:all 0.4s}
#notre-offre .offre-meble .przeslona.clicked {height:0px;}
#notre-offre .offre-meble .przeslona a {position:absolute;bottom:10px;right:10px;}



@media (max-width: 767px) {
	#notre-offre .offre-desc {height:auto;}
	#notre-offre .offre-desc>div {position:relative;display:none;}	
	#notre-offre .offre-desc>div.active {display:block;}
	#notre-offre .offre-desc>div .desc-short{height:auto;}
	#notre-offre .offre-icon-arrow {display:none!important;}
	#notre-offre .offre-meble .ramka > div.desc {max-height:300px;overflow: auto;box-sizing: border-box}
}


@media (min-width: 768px) {
	#notre-offre .active .offre-icon-arrow {display:block;}
}
@media (min-width: 992px){
	#notre-offre .ramka {height:428px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#notre-offre .offre-icon-arrow {width:80px;}
}


/* Portfolio */
#portfolio {


border-width: 0px 0;

border-style: solid;

border-color: #aaa;
/** To edit this background, follow this link:
http://svgeneration.com/generate/Graph-Paper?size=20&background=ffffff&lines=cccccc&line-width=1&turbulence=0.1&

background-attachment:fixed; background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyB2aWV3Qm94PScwIDAgMzAwIDMwMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBpZD0nYmx1ZXN0cmlwZScgcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJyB2aWV3Qm94PScwIDAgNDAgNDAnID4KCQk8cmVjdCB3aWR0aD0nMTEwJScgaGVpZ2h0PScxMTAlJyBmaWxsPScjZmZmZmZmJy8+CgkJCTxwYXRoIGQ9J00xLDFoNDB2NDBoLTQwdi00MCcgZmlsbC1vcGFjaXR5PScwJyBzdHJva2Utd2lkdGg9JzEnIHN0cm9rZS1kYXNoYXJyYXk9JzAsMSwxJyBzdHJva2U9JyNjY2NjY2MnLz4KCQk8L3BhdHRlcm4+IAoJCTxmaWx0ZXIgaWQ9J2Z1enonIHg9JzAnIHk9JzAnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J3R1cmJ1bGVuY2UnIHJlc3VsdD0ndCcgYmFzZUZyZXF1ZW5jeT0nLjIgLjMnIG51bU9jdGF2ZXM9JzUnIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIGluPSd0JyB2YWx1ZXM9JzAnLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYmx1ZXN0cmlwZSknLz4KPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2Z1enopJyBvcGFjaXR5PScwLjEnLz4KPC9zdmc+Cg==');
*/
}
#portfolio h1 span {
/*background-attachment:fixed;background-color: #ffffff;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMDAnIGhlaWdodD0nMzAwJyB2aWV3Qm94PScwIDAgMzAwIDMwMCc+Cgk8ZGVmcz4KCQk8cGF0dGVybiBpZD0nYmx1ZXN0cmlwZScgcGF0dGVyblVuaXRzPSd1c2VyU3BhY2VPblVzZScgeD0nMCcgeT0nMCcgd2lkdGg9JzIwJyBoZWlnaHQ9JzIwJyB2aWV3Qm94PScwIDAgNDAgNDAnID4KCQk8cmVjdCB3aWR0aD0nMTEwJScgaGVpZ2h0PScxMTAlJyBmaWxsPScjZmZmZmZmJy8+CgkJCTxwYXRoIGQ9J00xLDFoNDB2NDBoLTQwdi00MCcgZmlsbC1vcGFjaXR5PScwJyBzdHJva2Utd2lkdGg9JzEnIHN0cm9rZS1kYXNoYXJyYXk9JzAsMSwxJyBzdHJva2U9JyNjY2NjY2MnLz4KCQk8L3BhdHRlcm4+IAoJCTxmaWx0ZXIgaWQ9J2Z1enonIHg9JzAnIHk9JzAnPgoJCQk8ZmVUdXJidWxlbmNlIHR5cGU9J3R1cmJ1bGVuY2UnIHJlc3VsdD0ndCcgYmFzZUZyZXF1ZW5jeT0nLjIgLjMnIG51bU9jdGF2ZXM9JzUnIHN0aXRjaFRpbGVzPSdzdGl0Y2gnLz4KCQkJPGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIGluPSd0JyB2YWx1ZXM9JzAnLz4KCQk8L2ZpbHRlcj4KCTwvZGVmcz4KCTxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J3VybCgjYmx1ZXN0cmlwZSknLz4KPHJlY3Qgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgZmlsdGVyPSd1cmwoI2Z1enopJyBvcGFjaXR5PScwLjEnLz4KPC9zdmc+Cg==');*/
}
.Collage{padding:20px;}
.Collage a{vertical-align:bottom;opacity:0;position:relative;cursor:pointer;}

#portfolio .Collage .desc {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);z-index: 10;}
#portfolio .Collage .desc p {margin:10px;color:#fff;}


/* Clients */
#clients .logos>div {
	margin-bottom:20px;
}
#clients .logos img {
	border:1px solid #ddd;
}



/* Contact */
#contact .contact-address {text-align: center;}
#contact .contact-address hr {display:block}
#contact .company-social {padding-left:0}
#contact .company-social li{display:inline-block;}
#contact textarea.form-control {height:182px;}

@media (min-width: 1200px){
	#contact {min-height:800px;}
	#contact .contact-address {text-align: left;}
	#contact .contact-address hr {display:none}
	#contact textarea.form-control {height:268px;}
}

#swipebox-overlay {
  background: rgba(255,255,255,0.95);
}

#swipebox-action, #swipebox-caption {
  
  background-color: rgba(255,255,255,0.95);
}

#swipebox-action {
  border-top: 1px solid rgba(0, 0, 0, 0.6);
}

#swipebox-caption {
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  color: #000;
  font-size: 24px;
  font-weight:bold;
  line-height: 43px;
  font-family: 'Dosis', sans-serif;
}


/* Footer */
footer {background:#245269;padding:10px 0; margin-top:30px;}
footer p {text-align: center;color:#fff;}
footer p a,footer p a:visited,footer p a:active,footer p a:focus {color:#fff;opacity:.7;transition:all .25s}

footer p a:hover {color:#fff;opacity:1}



/* Loader */
#preloader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}


#loaderInner {
    background:#ffffff url(../img/spinner.gif) center center no-repeat;
    height: 60px;
    left: 50%;
    margin: -50px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 60px;
}

@keyframes boxSpin{
  0%{
    transform: translate(-10px, 0px);
  }
  25%{
    transform: translate(10px, 10px);
  }
  50%{
    transform: translate(10px, -10px);
  }
  75%{
    transform: translate(-10px, -10px);
  }
  100%{
    transform: translate(-10px, 10px);
  }
}


@keyframes shadowSpin{
  0%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
  }
  25%{
    box-shadow: 10px 10px #39CCCC, -10px -10px #FFDC00;
  }
  50%{
    box-shadow: -10px 10px #39CCCC, 10px -10px #FFDC00;
  }
  75%{
    box-shadow: -10px -10px #39CCCC, 10px 10px #FFDC00;
  }
  100%{
    box-shadow: 10px -10px #39CCCC, -10px 10px #FFDC00;
  }
}

#load {
	z-index: 9999;
  background-color: #FF4136;
  opacity: 0.75;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin: -5px auto 0 auto;
  left: 0;
  right: 0;
  border-radius: 0px;
  border: 5px solid #FF4136;
  box-shadow: 10px 0px #39CCCC, 10px 0px #01FF70;
  animation: shadowSpin 1s ease-in-out infinite;
}

#cdv {
	width:300px;
	height:200px;
	box-shadow:0 0 20px #ddd;
}
body.modal-open {overflow: auto;padding-right:inherit!important}
.owl-page {display:inline-block}
.modal-content {border-radius:0px;box-shadow:none;border:1px solid #ddd;}
.owl-controls {padding-bottom:10px;}
.gallerythumb {
	height:60px;
	background-size:cover;
	background-position:center center;
	margin-bottom:20px;
	cursor:pointer;
}

@media (min-width: 1200px){
	.gallerythumb {
		height:70px;
		margin-bottom:15px;
	}
}

.galleryview {
	padding:15px;
	border:1px solid #eee;
	background: #f0f0f0;
}
.gallerymain {
	max-width:100%;
	max-height:385px;
	margin:0 auto;
}
.owl-theme .owl-controls .owl-buttons div {
	position:absolute;
	bottom:6px;
	border-radius:0;
	color:#245269;
	background:none;
}
.owl-prev {
	left:10px;
}
.owl-next {
	right:10px;
}
.producteurs {margin-right:0px;}
.producteurs > div {
    padding-right:0;
}
.producteurs a {
    display: block;
    padding: 0px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
    font-size:10px;
    font-weight:bold;
    line-height:1em;
}
.producteurs h3 {
	font-size: 16px;
}
.nav-tabs > li > a {
	padding:10px;
}
.modal-backdrop {
	background-color:#fff;
}
.modal-backdrop.in {
	opacity: .8;
}
.modal-header {
	border-bottom: 0px
}
#galleryModalBody .row .row>div {
	padding-right:0px;
}

#contactStatus {display:none;}

.alert.calert { border:1px solid #ddd}
.grayscale {
	transition:all 0.15s;
	opacity:0.5;
	-webkit-filter: grayscale(.9);
  	filter: grayscale(.9);
}
.grayscale:hover {
	-webkit-filter: grayscale(0) saturate(1);
	opacity:1;
  	filter: grayscale(0) saturate(1);
}
.Collage img.lazy {
	filter: grayscale(.7);
	transition: all 1s;
}
.Collage img.lazy:hover {
	filter: grayscale(0) saturate(2);
	transition: all 0.1s;
}
#mentions .modal-dialog {
	max-width:900px;
	width:auto;
}

.qrcode img {
	max-width:150px;
}
@media (max-width: 767px) {
	.qrcode img {
		display:inline;
	}
}