/* 
   ┌────────────────────────────────────────────────────────────────────┐ 
   │ Portfolio                                                          │ 
   ├────────────────────────────────────────────────────────────────────┤ 
   │ Copyright 2015 KOOPgraf                                            │ 
   │ Author kamil.grzeskowiak@koopgraf.pl                               │ 
   ├────────────────────────────────────────────────────────────────────┤ 
   │ Wersja: 1.0                                                        │ 
   └────────────────────────────────────────────────────────────────────┘ 
*/


/* ==========================================================================
   GLOBAL
   ========================================================================== */

body, html {
	height: 100%;
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

body.dark {
  background-color: #2A2C2F;
}

* {
	box-sizing: border-box;
}

a:focus,
a:active {
  border: 0;
  outline: 0;
}

.wrapper {
  background-color: rgba(255, 255, 255, 0);
  transition: all 0.3s;
  height: 100%;
}

.wrapper.hidden {
  background-color: rgba(255, 255, 255, 1.0);
  height: 100%;
}

.wrapper.hidden * {
  display: none;
}

.container {
  max-width: 1170px;
  margin: auto;
  position: relative;
}


#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:9999; /* makes sure it stays on top */
	padding: 0px;
	margin: 0px;
}

#status {
   
    position:fixed;
    left:50% !important; /* centers the loading animation horizontally one the screen */
    top:50% !important; /* centers the loading animation vertically one the screen */
   /* background-image:url(../img/preloader.gif); */
    /* background-repeat:no-repeat;*/
    /* background-position:center; */
	 width:80px;
    height:80px;
    margin:-40px 0 0 -40px; /* is width and height divided by two */
	
	border: 4px solid transparent;
	border-top: 4px solid #2A2C2F;

	border-radius:999px;
	animation: preloader_rotate 1s infinite linear;
}

@keyframes preloader_rotate{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/* ==========================================================================
   MENU
   ========================================================================== */

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 44px;
  height: 44px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 22px;
  left: 10px;
  right: 10px;
  height: 4px;
  background: #f0f0f0;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #f0f0f0;
  content: "";
}

.single-post.c-hamburger span {
  display: block;
  position: absolute;
  top: 22px;
  left: 10px;
  right: 10px;
  height: 4px;
  background-color: #2A2C2F;
}
.single-post.c-hamburger span::before,
.single-post.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #2A2C2F;
  content: "";
}


.light .single-post.c-hamburger span::before,
.light .single-post.c-hamburger span::after,
.light .single-post.c-hamburger span {
  background-color: #2A2C2F;
}

.dark .single-post.c-hamburger span::before,
.dark .single-post.c-hamburger span::after,
.dark .single-post.c-hamburger span {
  background-color: #f0f0f0;
}



.c-hamburger span::before {
  top: -8px;
}

.c-hamburger span::after {
  bottom: -8px;
}

.c-hamburger--htx {
	background: none;
  /*background-color: #ff3264;*/
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  /*background-color: #cb0032;*/
}

.c-hamburger--htx.is-active span {
  background: none !important;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.toggle-menu {
	position: fixed;
	top: 20px;
	right: 26px;
	z-index: 110;
}

.overlay-menu {
  background-color: rgba(92, 114, 129, 0.8);
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 100;
  opacity: 0;

	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;

	-moz-transform: translateX(0px) translateY(-1200px);
	-webkit-transform: translateX(0px) translateY(-1200px);
	-o-transform: translateX(0px) translateY(-1200px);
	-ms-transform: translateX(0px) translateY(-1200px);
	transform: translateX(0px) translateY(-1200px);
}

.single-post.overlay-menu {
  background-color: rgba(53, 95, 117, 1);
	position: fixed;
	height: 100vh;
	width: 100%;
	z-index: 105;
  opacity: 0;

	-webkit-transition: all 800ms ease;
	-moz-transition: all 800ms ease;
	-ms-transition: all 800ms ease;
	-o-transition: all 800ms ease;
	transition: all 800ms ease;

	-moz-transform: translateX(0px) translateY(-1200px);
	-webkit-transform: translateX(0px) translateY(-1200px);
	-o-transform: translateX(0px) translateY(-1200px);
	-ms-transform: translateX(0px) translateY(-1200px);
	transform: translateX(0px) translateY(-1200px);
	background-color: #5c7281 !important;
}

/*.overlay {
  background-color: rgba(53, 95, 117, 0.0);

  -webkit-transition: all 800ms ease;
  -moz-transition: all 800ms ease;
  -ms-transition: all 800ms ease;
  -o-transition: all 800ms ease;
  transition: all 800ms ease;
}

.overlay.is-active {
  background-color: rgba(53, 95, 117, 0.8);
}*/

.overlay .home-header,
.overlay .home-blockquote {
  opacity: 1;

  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.overlay.is-active .home-header,
.overlay.is-active .home-blockquote,
.overlay.is-active .icon-scroll  {
  opacity: 0 !important;
}

.overlay-menu.is-active {
  opacity: 1;
	-moz-transform: translateX(0px) translateY(0px);
	-webkit-transform: translateX(0px) translateY(0px);
	-o-transform: translateX(0px) translateY(0px);
	-ms-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);	
}

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */

#fullpage .section {
	background-size: cover;
}   

#section-1 {
	/*background: url('../img/home-bg.jpg');*/
  position: relative;
}

.section-inner {
  position: relative;
  height: 100%;
  overflow: hidden;
}

#section-1 .container {
  z-index: 100;
}

.bg-slider {
  position: absolute;
  z-index: 0;
  height: 100%;
  width: 100%;
}

.bg-slider .container {
  height: 100%;
}

.bg-slider ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.bg-slider li {
  display: block;
  background-size: cover;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
/*  animation-duration: 15s;
  animation-name: zoom_image;
  animation-timing-function: linear;*/
}

.bg-slider li .bg-image{
  position:absolute;
  top:0px;
  background-size: cover;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  animation-duration: 16s;
  animation-name: zoom_image_simple;
  animation-timing-function: linear;
    animation-iteration-count:infinite;
}

.bx-wrapper,
.bx-viewport {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  *zoom: 1;
}

@keyframes zoom_image{
  0% {transform: scale(1.0) translate3d(-50%, 0, 0);}
  /*50% {transform: scale(1.1) translate3d(-50%, 0, 0);}*/
  100% {transform: scale(1.1) translate3d(-50%, 0, 0);}
}

@keyframes zoom_image_simple{
  0% {transform: scale(1.0) translate3d(0, 0, 0);}
  /*50% {transform: scale(1.1) translate3d(0, 0, 0);}*/
  100% {transform: scale(1.1) translate3d(0, 0, 0);}
}


.scroll-down {
  background: url('../img/scroll-down.png');
  height: 59px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: 50px;
  width: 25px;
}

.home-header {
  margin: 250px auto 0 auto;
  padding-right: 30px;
  text-align: right;
  border-right: 1px solid #d4cfce;
}

#section-2 .home-header {
  margin-top: 100px;
}

.home-header h1 {
  text-transform: uppercase;
}

.home-header h2 {
  text-transform: lowercase;
}

.overlay-menu .home-header {
  margin-top: 50px;
}

.home-blockquote {
  color: #cacaca;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 28px;
  line-height: 32px;
  font-weight: 200;
  position: absolute;
  bottom: 200px;
  width: 470px;
}

.home-blockquote a {
  color: #ffffff;
  text-decoration: none;
}

.left-col .home-header {
  padding-left: 80px;
  margin-right: 40px;
}

.right-col .home-header {
 /* text-align: right;
  border-left: 1px solid #d4cfce;
  border-right: 0;
  padding-left: 30px;
  padding-right: 0;
  margin-left: 40px;
	*/
	  text-align: right;
  border-right: 1px solid #d4cfce;
  border-left: 0;
  padding-left: 30px;
  padding-right: 10;
  margin-left: 40px;
}

.home-blockquote:before {
  background: url('../img/quote.png');
  display: block;
  position: absolute;
  left: -30px;
  top: -23px;
  content: '';
  width: 30px;
  height: 23px;
}

.home-header h1 {
  color: #cacaca;
  /*font-family: 'liberation_sansregular', sans-serif;*/
  font-size: 60px;
  line-height: 1.2em;
  font-weight: normal;
  margin: 0;
}

.home-header h2 {
  color: rgba(32, 164,219, 0.35);
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 48px;
  font-weight: 200;
  margin: 0;
color: #cacaca;
}

.section-art,
.section-arch {
	background-size: cover;
	display: block;
	float: left;
	padding: 40px;
	height: 100vh;
	width: 100%;
}

.overlay-menu .section-art,
.overlay-menu .section-arch {
  width: 50%; 
}

.section-arch {
  float: right;
}

.section-art,
.section-arch {
/*  border: 10px solid #355f75;*/
/*border: 0px solid #5c7281;*/
border: 0;
}

#fullpage .section-art .home-header,
#fullpage .section-arch .home-header  {
  opacity: 1;

  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#fullpage .overlay.is-active .section-art .home-header ,
#fullpage .overlay.is-active .section-arch .home-header  {
  opacity: 0;
}

.section-art {
	border-right-width: 5px;
  border-left-width: 0; 
}

.section-arch {
	border-left-width: 5px;	
  border-right-width: 0;
}

.left-col .section-menu {
  margin-right: 40px;
  float: right;
  text-align: right;
}

.left-col .section-menu ul {
  /*counter-reset: firstCounter; */
}

.right-col .section-menu {
  margin-left: 40px;
 /* float: left;*/
  text-align: right;
}

.right-col .section-menu ul {
  /*counter-reset: secondCounter; */
}

.left-col .section-menu li a::after,
.right-col .section-menu li a::before {
/*  color: rgba(32, 164,219, 0.35);*/
  font-size: 24px;
  font-weight: 800;
  color: rgba(86, 90,95, 1);
}


.left-col .section-menu li a::after {
  /*counter-increment: firstCounter; */
  /*content: "_" counters(firstCounter, "_");*/

}

.right-col .section-menu li a::before {
  /*counter-increment: secondCounter; */
  /*content: counters(secondCounter, "_") "_";*/
  
}

nav.section-menu {
  margin-top: 100px;
}

nav.section-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav.section-menu ul li {
  margin: 0;
	margin-bottom: -7px;
}


.left-col .section-menu ul {
  margin-right: 1em;

}

.right-col .section-menu ul {
  margin-left: 1em;
  
}


nav.section-menu ul li a {
  color: #ffffff;
  font-size: 24px;
  text-decoration: none;
  font-weight: 200;
  line-height: 1.8em;
}
nav.section-menu ul li a:hover {

  font-size: 24px;
  text-decoration: none;
  font-weight: 200;
  color: #cacaca !important;
}
  

#fullpage .section-art {
	/*background-image: url('../img/art.jpg');*/
}

#fullpage .section-arch {
	/*background-image: url('../img/arch.jpg'); */
}

/* ----------- animacja ikonki scroll */
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%
}
.icon-scroll {
  width: 30px;
  height: 50px;
  margin-left: -20px;
 /*top: 50%;*/
  margin-top: -35px;
  box-shadow: inset 0 0 0 2px #fff;
  border-radius: 25px;
  
  position: absolute;
  left: 50%;
  margin-left: -12px;
  bottom: 50px;
}

.icon-scroll:before {
  content: '';
  width: 4px;
  height: 6px;
  border: 2px solid #fff;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: scroll;
}

@keyframes scroll{
  0% {
    opacity: 1; 
  }
  100% { 
    opacity: 0;
    transform: translateY(32px);
	}
}

/* ==========================================================================
   CATEGORY
   ========================================================================== */

.bx-wrapper,
.bxslider,
.bxslider li {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}




.bxslider li {
  overflow: hidden;  
}

.bx-wrapper {

}

.intro__title,
.intro__title a {
  font-size: 45px;
  line-height: 45px;
/*  color: #cacaca;*/
  color: #2A2C2F;
  text-transform: uppercase;
  text-decoration: none;
}

.intro__content {
  bottom: 100px;
  max-width: 500px;
  padding: 30px 15px;
  margin-left: 30px;
  opacity: 1;
}

.intro__title {
  position: relative;
  margin: 0 0 20px 0;
  padding: 0;
}

.intro__description {
/*  color: #22a2ea;*/
  color: #5c7281;
  
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 22px;
  font-weight: 200;
  line-height: 24px;
}

.intro__bcg{
	/*position: absolute;
	width: 100%;
	height: 100%;
	color: #22a2ea;*/
}

.intro__title:before {
  background-color: #cacaca;
  position: absolute;
  display: block;
  content: '';
  left: -15px;
  top: 0px;
  height: 100%;
  width: 1px;
}

.light .intro__title:before {
  background-color: #2A2C2F;
}

/* ==========================================================================
   POST
   ========================================================================== */

#post {
 /* background-color: #2b3035; */
  background-color: #ffffff;
  min-height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.next-link,
.prev-link {
  color: #ffffff;
  line-height: 48px;
  position: absolute;
  margin-top: -24px;
  top: 50%;
  z-index: 100;
  color: #2A2C2F;
}

.items-wrap .next-link,
.items-wrap .prev-link {
  top: 10%;
  opacity: 0;
  -webkit-transition: all 300ms 300ms ease;
  -moz-transition: all 300ms 300ms ease;
  -ms-transition: all 300ms 300ms ease;
  -o-transition: all 300ms 300ms ease;
  transition: all 300ms 300ms ease;
}

.container--open .items-wrap .next-link,
.container--open .items-wrap .prev-link {
  opacity: 1;
}

#next-post span,
#prev-post span {
  opacity: 0;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
}

#next-post span{
	left:-120px;
}

#prev-post span {
	left:120px;
}
#next-post:hover span,
#prev-post:hover span {
  opacity: 1;
}

#next-post:hover span{
	position: relative;
	left: -20px;
	overflow: hidden;
}

#prev-post:hover span{
	position: relative;
	left: 20px;
	overflow: hidden;
}

#post .next-link,
#post .prev-link {
  top:120px;
  color: #2A2C2F;
  height: 50px;
}

.next-link a,
.prev-link a {
  color: rgba(202, 202, 202, 0.3);
  display: block;
  vertical-align: middle;
  font-size: 18px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
   color: #2A2C2F;
}

.dark .next-link a,
.dark .prev-link a {
  color: rgba(255, 255, 255, 0.3);
}


.next-link img,
.prev-link img {
  opacity: 0;
  display: block;
  position: absolute;
  width: 80px;
  height: 80px;
  top: -15px;
  z-index: 100;
  border-radius: 40px;
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);  
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.prev-link img {
  left: -10px;
}

.next-link img{
  right: -10px;
}

.next-link:hover img,
.prev-link:hover img {
  opacity: 1.0;
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}

#post .next-link a,
#post .prev-link a,
#post .next-link i,
#post .prev-link i {
  color: #2A2C2F;
}

#post.dark .next-link a,
#post.dark .prev-link a,
#post.dark .next-link i,
#post.dark .prev-link i {
  color: #f0f0f0;
}

.next-link i,
.prev-link i {
 /* color: rgba(202, 202, 202, 0.3);*/
  display: inline-block;
  vertical-align: middle;
 /* margin: 0 5px;
  font-size: 48px;*/
	margin: 0 12px;
  font-size: 34px;
  color: #2A2C2F;
}

.next-link a,
.prev-link a,
.next-link i,
.prev-link i {
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.next-link:hover a,
.prev-link:hover a,
.next-link:hover i,
.prev-link:hover i {
  color: #7e868b;
}

.light .next-link:hover a,
.light .prev-link:hover a,
.light .next-link:hover i,
.light .prev-link:hover i {
  color: #2A2C2F;
}


.dark .next-link:hover a,
.dark .prev-link:hover a,
.dark .next-link:hover i,
.dark .prev-link:hover i {
  color: #f0f0f0;
}


.light i.icon {
  color: #2A2C2F !important;
}

.dark i.icon {
  color: #f0f0f0 !important;
}


.next-link {
  right: 20px;
}


.prev-link {
  left: 20px;
}


.site-title,
.post-title{
  /*color: #cacaca;*/
  color: #2A2C2F;
  font-size: 30px;
  font-weight: normal;
  /*font-family: 'liberation_sansregular', sans-serif;*/
  line-height: 60px;
  margin: 0 0 30px 30px;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  opacity: 0.9;
}

.dark .site-title,
.dark .category-title,
.dark .category-title a,
.dark .post-title,
.dark .intro__description, 
.dark .intro__title, 
.dark .intro__title a {
  color: #f0f0f0 !important;
}

.site-title {
  display: block;
  float: left;
  line-height: 25px;
  margin: 0 25px 0 0;
  
}

.site-home_button {
 display: block;
  float: left;
  line-height: 25px;
  height: 25px;
  font-size: 25px;
  margin: 0 20px 0 0;
  color: #2A2C2F;
}

.site-home_button a{
	color: #2A2C2F;
	text-decoration: none;	
}

.category-title {
 /* color: rgba(32, 164,219, 0.35);
  color: rgba(32, 164,219, 0.35);*/
  color: #2A2C2F;
  font-size: 30px;
  font-weight: 200;
  display: block;
  float: left;
  line-height: 25px;
  margin: 0;
}

.category-title a {
  color: #2A2C2F;
  text-decoration: none;
}

.category-header {
  position: absolute;
  z-index: 100;
  padding-left: 15px;
  line-height: 25px;
  margin: 30px 0 0 15px;
  border-left: 1px solid #2A2C2F;
}

.light .category-header {
  border-left-color: #2A2C2F;
}

.dark .category-header {
  border-left-color: #f0f0f0;
}

#post .site-title {
 /* color: rgba(202, 202, 202, 0.8);*/
  color: #2A2C2F;
    opacity: 0.9;
  font-size: 30px;
}

.post-title:before {
  background-color: #cacaca;
  position: absolute;
  display: block;
  content: '';
  left: -15px;
  margin-right: 25px;
  top: 0px;
  height: 100%;
  width: 1px;
}

.post-content-wrapper {
  margin-top: 180px;
}

.post-section-wrapper {
  padding: 20px;
	margin-bottom: 150px;
}

#container.light .bxslider li,
#post.light,
.post-section-wrapper.light {
  background: #ffffff;
}

#container.dark .bxslider li,
#post.dark,
.post-section-wrapper.dark {
  background: #2A2C2F;
}

.post-content {
 /* color: #20a4db;  */
  color: #787878;
  padding: 0 100px;
}

.post-content header {
 /* color: #20a4db; */
  color: #787878; 
  margin-bottom: 50px;
  text-transform: uppercase;
}

.post-header {
  height: 300px;
  line-height: 3000px;
  background-attachment: fixed;
  background-size: cover;
  padding: 0px 100px;
	margin-bottom: 10px;
}


.post-header h2 {
  line-height: 300px;
}

.post-header h2 {
	/*color: #FFFFFF; */
	color: #20a4db;
	font-size: 50px;
  font-weight: 300;
}


.post-content h2 {
 /*color: #FFFFFF; */
	color: #20a4db;
  font-size: 30px;
  font-weight: 200;
}

.post-content article.cols {
  margin: 0 -15px;
}

.post-content article .col {
  float: left;
  padding: 0 15px;
  width: 50%;
}

.post-content article.columns-2 {
  color: #22a2ea;
  font-weight: 200;
  font-size: 22px;
  line-height: 24px;
  column-count: 2;
  column-gap: 100px;
}


.post-content article p {
  margin: 0 0 10px 0;
}


.post-gallery {
  clear: both;
  height: 20vw;
  /*margin-top: 100px;*/
  position: relative;
}

.post-gallery-slider {
  display: block;
  margin: 0;
  padding: 0;
  height: 20vw;
}

.post-gallery::after
{
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #FFFFFF;
	content: "";
}

.post-gallery .bx-wrapper {
  height: auto;
  height: 20vw;
}

.post-gallery a {
  display: block;
  position: relative;
  height: 20vw;
}

.post-gallery a .photo-overlay {
  background-color: rgba(44,48,53,0.7);
  /*bac*/
  display: block;
  left: 0px;
  opacity: 0;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 100%;
  z-index: 1;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.post-gallery a .photo {
  background-size: cover;
  background-position: center center;
  height: 100%;
  line-height: 100%;
  position: relative;
  z-index: 0;
}

.post-gallery a:hover .photo-overlay {
  opacity: 1;
}

.post-gallery a .photo-overlay span {
  color: #ffffff;
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
}

.next-photo,
.prev-photo {
  color: #ffffff;
  line-height: 48px;
  height: 48px;
  position: absolute;
  margin-top: -24px;
  top: 50%;
  width: 48px;
  text-align: center;
  z-index: 100;
}

.next-photo a,
.prev-photo a {
  color: #ffffff;
 /* background-color: rgba(0, 0, 0, 0.5);*/
  display: block;
  font-size: 16px;
  line-height: 44px;
  text-decoration: none;
  width: 48px;
  height: 48px;
}


.next-photo i,
.prev-photo i {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  color: white;
  font-size: 32px;
}


.next-photo {
  right: 10px;
}


.prev-photo {
  left: 10px;
}

.sl-counter,
.sl-current,
.sl-total {
  color: rgba(255, 255, 255, 1.0);
  font-size: 28px;
  height: 28px;
  line-height: 28px;
}

.sl-wrapper .sl-close {
  color: rgba(202, 202, 202, 0.3);
/*  border: 2px solid rgba(202, 202, 202, 0.3);
  border-radius: 50%;*/
  font-size: 56px;
  display: block;
/*  width: 48px;
  height: 48px;
  line-height: 48px;*/

  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sl-wrapper .sl-close:hover {
  color: rgba(255, 255, 255, 1.0);
}



.sl-overlay {
  background-color: rgba(44,48,53,0.9);
  opacity: 1;
}

.sl-wrapper .sl-navigation button {
  color: #2A2C2F;
  font-size: 40px;
  height: 42px;
  width: 42px;  
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.sl-wrapper .sl-navigation button:hover {
  color: #ffffff;
}

.sl-wrapper .sl-image {
  -webkit-box-shadow: 0 0 30px 20px rgba(32, 32, 30, 0.9);
  box-shadow: 0 0 30px 20px rgba(32, 32, 30, 0.9);
}


@media (max-width: 1200px) {

  .category-title {
    clear: both;
    margin-left: 45px;
  }

  #post .next-link, 
  #post .prev-link {
    top: 170px;
  }  

  .post-content-wrapper {
    margin-top: 230px;
  }

  #fullpage .section,
  #fullpage .section .section-inner {
    min-height: 100vh;
  }     

  .section-art, .section-arch {
    position: relative;
    height: auto;
    min-height: 100vh;
  }

  .section-arch {
    padding-bottom: 200px;
  }
  
	.home-header {
    margin-top: 80px;
	margin-right:45px;
  }
	 .home-blockquote {
   /* bottom: auto;
    top: 260px;*/
	  bottom: 100px;
	}
}

@media (max-width: 768px) { 

  .post-gallery,
  .post-gallery .bx-wrapper,
  .post-gallery li a {
    height: 300px;
  }
	
	

} 




@media (max-width: 600px) { 

  .overlay-menu .section-art, 
  .overlay-menu .section-arch {
    width: 100%;
  }

  .right-col .home-header {
    margin-left: 0px;
	margin-right: 10px;
  }

  .right-col .section-menu {
    margin: 30px 0 0 0 !important;
  }

}


@media (max-width: 480px) {


  .post-gallery,
  .post-gallery .bx-wrapper,
  .post-gallery li a {
    height: 250px;
  }


  .next-link a span,
  .prev-link a span {
    display: none;
  }

  .home-header {
    margin-top: 80px;
	margin-right:45px;
  }

  .home-header h1 {
    font-size: 48px;
  }

  .home-header h2 {
    font-size: 38px;
  }

  .home-blockquote {
   /* bottom: auto;
    top: 260px;*/
	  bottom: 100px;
    width: calc(100% - 60px);
    margin: 0 20px 0 40px;
    font-size: 20px;
    line-height: 26px;
    box-sizing: border-box;
  }

  .site-title {
      font-size: 30px;
	  float: none;
	  display: inline;
  }

  .category-title {
    font-size: 30px;
	   display: inline;
	  float: right;
	  margin-left: 0px;
  }

  .category-header {
    /*margin-top: 80px !important;*/
	  margin-top: 35px !important;
	  z-index:1;
  }

  .intro__title, 
  .intro__title a {
    font-size: 30px;
  }  

  .intro__content {
    bottom: auto !important;
   /* top: 280px;*/
	  top:55%;
    margin-left: 10px;
    padding: 20px 15px;
  }

  .intro__title {
    margin-bottom: 0px;
  }

  .intro__description {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
  }

  .next-link, 
  .prev-link,
  .bx-wrapper .bx-pager {
    /*top: 240px !important;*/
  }

  .bx-wrapper .bx-pager {
    display: none !important;
  }

  .post-content-wrapper {
    /*margin-top: 290px;*/
  }

  .post-content {
    padding: 0 !important
  }

  .post-content article.cols {
    margin: 0;
  }

  .post-content article .col {
    padding: 0;
    width: 100%;
  }

  .post-content h2 {
    margin-top: 0px;
  }
	.site-home_button{
		font-size: 24px;
		float: none;
		margin-bottom: 5px;
	}
	

}


/* ==========================================================================
   CV
   ========================================================================== */


#cv {

  max-width: 80%;
  margin: auto;
	padding: 30px;

}


#cv header {
  position: relative;
  max-height: 100px;
  margin-bottom: 70px;
}

#cv header:before {
  content: '';
  display: block;
  border-left: 1px solid #ffffff;
  position: absolute;
  height: 100%;
  width: 1px;
  left: -55px;
  top: 0px;
}

#cv header h2 {
  color: #ffffff;
  font-size: 24px;
  margin: 0;
  line-height: 22px;
}


#cv header h1 {
  color: #ffffff;
  font-size: 45px;
  margin: 20px 0 0 0;
  line-height: 33px;
}


#cv article {
  float: left;

}

#cv article .cv-row {
  position: relative;
  margin-bottom: 40px;
  text-align: left;
}

#cv article .cv-col {
  max-width: 240px;
  float: left;
}

#cv article .cv-col.first {
  margin-right: 150px;
}

#cv article .cv-row i {
  color: #535353;
  position: absolute;
  left: -60px;
  font-size: 40px;
}

#cv article .cv-row strong {
  display: block;
  color: #ffffff;
  font-size: 22px;
  font-weight: 300;
}

#cv article .cv-row em {
  display: block;
  color: #808080;
  font-size: 22px;
  font-weight: 300;
	font-style: normal;
}

#cv aside {
  color: #808080;
  float: right;
  text-align: right;
}

#cv aside strong {
  line-height: 30px;
}