.nav-lock-scroll{overflow:hidden}.nav{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:900;overflow-x:hidden;overflow-y:auto}.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}.nav a,.nav a:active,.nav a:hover,.nav a:visited{display:block;position:relative}@media only screen and (min-width:960px){.nav{display:block;position:relative;bottom:auto;overflow:visible}.nav li{position:relative;white-space:nowrap}.nav>ul>li{display:inline-block}.nav ul{display:block}.nav ul ul{display:none;position:absolute;top:100%;left:0;z-index:901}.nav ul ul ul{top:5px;left:95%;z-index:902}.nav ul ul ul ul{z-index:903}.nav ul ul ul ul ul{z-index:904}.nav ul ul li.nav-left>ul{left:auto;right:95%}.nav-no-js .nav li:hover>ul{display:block}}@media only screen and (max-width:959px){.nav-no-js .nav-button:hover+.nav,.nav-no-js .nav-button:hover+.nav+.nav-close,.nav-no-js .nav:hover,.nav-no-js .nav:hover+.nav-close{display:block}}@font-face{font-family:icon-font;src:url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/menu/icon-font.eot);src:url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/menu/icon-font.eot?#iefix) format('eot'),url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/menu/icon-font.woff) format('woff'),url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/menu/icon-font.ttf) format('truetype'),url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/menu/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,
header h1:before{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top}
.icon-desktop:before{content:"\E001"}.icon-menu-close:before{content:"\E002"}.icon-menu:before{content:"\E003"}.icon-mobile:before{content:"\E004"}
.icon-submenu-down:before{content:"\E005"}
.icon-submenu-right:before{content:"\E006"}
.icon-world:before{content:"\E007"}
body{padding-top:4.4rem}
header{display:block;position:fixed;top:0;left:0;right:0;z-index:901;padding-left:10px;line-height:2.9rem;background:#fff;color:#454545}
header h1{margin:0;font-size:1.7rem;line-height:2.9rem}
header h1:before{content:"\E004";margin-right:8px}
.nav-button,.nav-close{position:fixed;top:0;width:2.4rem;height:35px;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:2.9rem;background:#fff;color:#454545}
.nav-button:before,.nav-close:before{display:block;text-align:center}
.nav-button{display:block;right:1rem;font-size:1.7rem}
.nav-button:before{content:"\E003"}.nav-close{display:none;right:4rem;font-size:1.9rem}
.nav-close:before{content:"\E002"}.nav{padding-top:4.4rem;line-height:2.9rem;background:#fff;color:#454545}
.nav ul{background:#fff;z-index:10000;}
.nav ul ul{background:#f5f4f0;}
.nav ul ul ul{background:#f5f4f0}
.nav ul ul ul ul{background:#f5f4f0}
.nav ul ul ul ul ul{background:#f5f4f0}
.nav li{cursor:pointer}
.nav li.nav-active>a,.nav li:hover>a{color:#fff;background:#2e5641;}
.nav .nav-submenu>ul{margin-left:0px}
.nav .nav-submenu>a{padding-right:30px!important}
.nav a,.nav a:active,.nav a:hover,.nav a:visited{padding:2px 15px 2px 15px;color:#454545;text-decoration:none;}
.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;content:"\E005"}
@media only screen and (min-width:999px){body{padding:0!important}header{position:relative}header h1:before{content:"\E001"}
.nav-button{display:none}
.nav{padding:0!important}.nav>ul>li{border-top:none}
.nav li>ul{}
.nav ul ul ul{}
.nav ul ul ul li:first-child{border-top:none}
.nav .nav-left>ul{}.nav .nav-submenu li{min-width:110px}
.nav .nav-submenu>ul{margin:0}.nav>ul>.nav-submenu>a:after{content:"\E005"}
.nav .nav-submenu>a:after{content:"\E006"}}*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
@font-face {
font-weight: normal;
font-style: normal;
font-family: 'feathericons';
src:url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/fonts/feathericons/feathericons.eot?-8is7zf);
src:url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/fonts/feathericons/feathericons.eot?#iefix-8is7zf) format('embedded-opentype'),
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/fonts/feathericons/feathericons.woff?-8is7zf) format('woff'),
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/fonts/feathericons/feathericons.ttf?-8is7zf) format('truetype'),
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/files/fonts/feathericons/feathericons.svg?-8is7zf#feathericons) format('svg');
}
.grid {
position: relative;
margin: 0 auto;
max-width: 1000px;
list-style: none;
text-align: center;
} .grid figure {
position: relative;
float: left;
overflow: hidden;
min-width: 200px;
max-width: 1010px;
height: 321px;
width: 100%;
text-align: center;
cursor: pointer;
z-index:10;	
}
.grid figure img {
position: relative;
display: block;
max-width: 100%;
opacity: 1;
}
.grid figure figcaption {
padding: 2em;
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .grid figure figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}
.grid figure h4 {
word-spacing: -0.15em;
font-weight: 300;
font-weight:bold;
}
.grid figure h4 span {
font-weight: 800;
}
.grid figure h4,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 68.5%;
}
figure.effect-oscar {
z-index:10;		
}
figure.effect-oscar img {
opacity: 1;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-oscar figcaption {
padding: 3em;
background-color: rgba(46,86,65,0.3);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
figure.effect-oscar figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
figure.effect-oscar h4 {
margin: 40px 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-oscar figcaption::before,
figure.effect-oscar p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
}
figure.effect-oscar:hover h4 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-oscar:hover figcaption {
background-color: rgba(46,86,65,0.8);	
}
figure.effect-oscar:hover img {
opacity: 0.4;
}
@media screen and (max-width: 50em) {
.content {
padding: 0 0px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 0px auto;
width: 100%;
}
}html { height: 100%; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.container {
width: 100%;
position: relative;
}
.main {
padding: 30px 20px 100px 20px;
max-width: 1580px;
margin: 0 auto;
}
.main > header {
padding: 0 10px 30px;
}
.main > header h1 {
font-size: 34px;
line-height: 38px;
margin: 0;
font-weight: 700;
color: #333;
float: left;
}
.main > header h1 span {
display: block;
font-size: 20px;
font-weight: 300;
}
.main h2 {
font-size: 38px;
font-weight: 300;
text-shadow: 0 1px 0 rgba(255,255,255,0.9);
padding: 10px 0 0 0;
margin-bottom: 20px;
border-top: 1px solid #f7f7f7;
} .codrops-top {
line-height: 24px;
font-size: 11px;
background: #fff;
background: rgba(255, 255, 255, 0.5);
text-transform: uppercase;
z-index: 9999;
position: relative;
box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
}
.codrops-top a {
padding: 0px 10px;
letter-spacing: 1px;
color: #333;
text-shadow: 0 -1px 0 #fff;
display: inline-block;
}
.codrops-top a:hover {
background: rgba(255,255,255,0.8);
color: #000;
}
.codrops-top span.right {
float: right;
}
.codrops-top span.right a {
float: left;
display: block;
} .codrops-demos {
float: right;
padding-top: 10px;
}
.codrops-demos a {
display: inline-block;
margin: 10px;
color: #666;
font-weight: 700;
line-height: 30px;
border-bottom: 4px solid transparent;
}
.codrops-demos a:hover {
color: #000;
border-color: #000;
}
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
color: #aaa;
border-color: #aaa;
}
.support-note span{
color: #ac375d;
font-size: 16px;
display: none;
font-weight: bold;
text-align: center;
padding: 5px 0;
}
.loadmore {
padding: 10px;
background: #ddd;
color: #fff;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 700;
text-align: center;
cursor: pointer;
margin: 10px 4px;
display: none;
}
.loadmore:hover {
background: #333;
} @font-face {
font-family: 'entypo-selected';
src: url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/font/entypo-selected.eot);
src: 
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/font/entypo-selected.eot?#iefix) format('embedded-opentype'), 
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/font/entypo-selected.woff) format('woff'), 
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/font/entypo-selected.ttf) format('truetype'), 
url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/font/entypo-selected.svg#entypo-selected) format('svg');
font-weight: normal;
font-style: normal;
} .gamma-container {
min-height: 10px;
}
.gamma-list-1 {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
min-height: 10px;
position: relative;
}
.gamma-list-2 {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
min-height: 100px;
position: relative;
}
.gamma-gallery {
float:left;
width:100%;
min-height:10px;	
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
margin-bottom:20px	
}
.gamma-gallery:before,
.gamma-gallery:after {
content: " ";
display: table;
}
.gamma-gallery:after {
clear: both;
} .gamma-gallery li {
display: block;
position: relative;
cursor: pointer;
float: left;
padding: 4px;
}
.gamma-gallery li img {
max-width: 100%;
width: auto;
height: auto;
display: block;
}
.gamma-description {
background: #fff;
background: rgba(255, 255, 255, 0.6);
position: absolute;
top: 20px;
left: 20px;
bottom: 20px;
right: 20px;
text-align: center;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 0.4s ease-in-out;
-moz-transition: opacity 0.4s ease-in-out;
-ms-transition: opacity 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out;
}
.no-touch .gamma-gallery li:hover .gamma-description {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.4;
border: 2px solid #fff;
}
.gamma-description:before {
content: '';
height: 100%;
}
.gamma-description:before,
.gamma-description h4 {
display: inline-block;
vertical-align: middle;
}
.gamma-description h4 {
width: 100%;
padding: 0 20px;
font-weight: 400;
font-size: 16px;
letter-spacing: 2px;
}
.gamma-buttons {
position: absolute;
top: 10px;
right: 10px;
z-index: 10001;
}
.gamma-buttons button {
float: left;
background: #333;
color: #fff;
display: block;
width: 30px;
height: 30px;
font-size: 14px;
margin-left: 5px;
cursor: pointer;
border: none;
outline: none;
}
.gamma-buttons button:before,
.gamma-nav span:before {
font-family: 'entypo-selected';
font-style: normal;
font-weight: normal;
speak: none;
display: block;
text-align: center;
opacity: 0.7;
outline: none;
}
.no-touch .gamma-buttons button:hover {
background: #666;
}
button.gamma-btn-close:before {
content: '\2715';
}
button.gamma-btn-ssplay:before {
content: '\25b6';
}
button.gamma-btn-sspause:before {
content: '\2389';
}
.gamma-single-view {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;	
z-index: 10000;
text-align: center;
display:none;
}
.gamma-overlay {
background: #000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
display: none;
z-index: 9999;
}
.gamma-single-view img {
position: absolute;
cursor: pointer;
}
.gamma-description-wrapper {
background: rgba(0,0,0,0.7);
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 10;
padding: 5px 0;
}
.gamma-single-view .gamma-description {
background: transparent;
position: relative;
bottom: auto;
left: auto;
right: auto;
top: auto;
}
.gamma-single-view .gamma-description h3 {
font-size: 15px;
padding: 5px 0;
color: #fff;
}
.gamma-nav span {
position: absolute;
display: block;
width: 20px;
height: 38px;
top: 50%;
margin-top: -19px;
left: 20px;
cursor: pointer;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.gamma-nav span.gamma-next {
left: auto;
right: 20px;
}
.gamma-nav span:before {
color: #fff;
opacity: 0.7;
font-size: 40px;
}
.gamma-nav span:hover:before {
opacity: 1;
}
.gamma-nav span:before {
display: block;
margin: 0;
width: auto;
}
.gamma-nav span.gamma-prev:before {
content: '\e75d';
}
.gamma-nav span.gamma-next:before {
content: '\e75e';
}
.gamma-img-fly {
position: absolute;
top: 0;
left: 0;
z-index: 99999;
} .gamma-loading {
background: transparent url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/images/loader_light.gif) no-repeat center center;
}
.gamma-single-view.gamma-loading {
background: transparent url(//altfeldeatelier.ro/wp-content/themes/shop-atelier/lightbox-file/images/loader_dark.gif) no-repeat center center;
} .gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.gamma-container-1 img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 750px) {
.gamma-description {
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
}
.gamma-description h3 {
font-size: 14px;
padding: 0 5px;
}
}
@media screen and (max-width: 500px) {
.gamma-buttons {
float: left;
clear: both;
}
}