html {
font-family:  sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,body {
  height: 100%;
}
body {
  margin: 0;
  padding:0;
  color:#51544b;
  font-size: 0.83rem; font-family: 'robotothin';line-height: 21px;font-weight: 600;
  letter-spacing:1px;
  background:#fff;
  text-align:center;

}
body * {
	box-sizing: border-box;	
}

@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.eot');
    src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-thin-webfont.woff2') format('woff2'),
         url('roboto-thin-webfont.woff') format('woff'),
         url('roboto-thin-webfont.ttf') format('truetype'),
         url('roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}


h1{font-size:29px;color:#24261f;text-transform:uppercase;font-family: 'robotothin';line-height:25px;letter-spacing: 2px;}
.light{color:#fff;}
h2{font-size:25px;color:#24261f;text-transform:uppercase;font-family: 'robotothin';line-height:29px;margin-bottom: 5px;}
h2.title{text-transform: lowercase;}
h3{font-size:17px;color:#24261f;letter-spacing:1px;text-transform:uppercase;font-family: 'robotothin';line-height:27px;margin-top: 0px;margin-bottom: 1px;}
h3.title{font-size:21px;color:#000;letter-spacing:1px;font-family: 'robotothin';line-height:27px;}
h4.title{font-size:19px;color:#000;letter-spacing:1px;font-family: 'robotothin';line-height:23px;}
h4{font-size:17px;color:#000;letter-spacing:1px;font-family: 'robotothin';line-height:27px;}
h5{font-size:15px;color:#24261f;letter-spacing:1px;font-family: 'robotothin';line-height:27px;margin-top: 67px;}
strong{font-family: sans-serif;}
.btn-1 {color: #24261f; padding:13px;display:block;width:200px;margin:0 auto;border: 1px solid #beb8b7;letter-spacing:3px;font-size: 13px;text-transform:uppercase;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;}
a:hover.btn-1 {background:rgba(42, 44, 35, 0.7); color:#fff;}

.btn-2 {color: #24261f; padding:13px;display:inline-block;width:30%;margin:0 auto;border-top: 1px solid #beb8b7;letter-spacing:1px;font-size: 15px;font-weight: 600; float: left;margin: 19px;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;}
a:hover.btn-2 {background:rgba(42, 44, 35, 0.7); color:#fff;}
.btn-2.active {background:#dddde1; color:#24261f;}

#openseadragon-1, #openseadragon-2, #openseadragon-3, #openseadragon-4, #openseadragon-5, #openseadragon-6, #openseadragon-7, #openseadragon-8, #openseadragon-9, #openseadragon-10, #openseadragon-11, #openseadragon-12, #openseadragon-13, #openseadragon-14, #openseadragon-15, #openseadragon-16, #openseadragon-17, #openseadragon-18, #openseadragon-19, #openseadragon-20, #openseadragon-21, #openseadragon-22, #openseadragon-23, #openseadragon-24, #openseadragon-25, #openseadragon-26, #openseadragon-27, #openseadragon-28, #openseadragon-29, #openseadragon-30, #openseadragon-31, #openseadragon-32, #openseadragon-33, #openseadragon-34, #openseadragon-35, #openseadragon-36, #openseadragon-37, #openseadragon-38, #openseadragon-39, #openseadragon-40, #openseadragon-41, #openseadragon-42, #openseadragon-43, #openseadragon-44, #openseadragon-45, #openseadragon-46, #openseadragon-47, #openseadragon-48, #openseadragon-49 { width:100%; height:513px; margin:0 auto;}

.flex{
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
    
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

}
.hide{display: none;}
.page{height:100%;}
.white{;color: #fff; font-size: 23px;}
.newspaper {column-count: 4;column-gap: 29px;column-rule: 1px solid #beb8b7;}
.left-side{height: 100%;position: relative;background: #fff;}
.left-side .nav-side{position: absolute;bottom: 67%;width: 100%;left:0%;z-index: 9997;}
.left-side .logo{height: 33%;position: absolute;top: 0%;width: 100%;left:0%;z-index: 10000;}
.left-side .bottom-side{height: 67%;position: absolute;bottom: 0%;width: 100%;left:0%;}
.left-side .bottom-side-b{height: 79%;position: absolute;bottom: 0%;width: 100%;left:0%;}
.left-side .square{width: 26px;height: 26px;position: absolute;bottom:calc(67% - 13px);right:-13px;background: #e4c51d;transform: rotateZ(45deg);z-index: 9999;border: 1px solid #9c9c93;display: none;}
.slide{position:relative;text-align:center;height:100%;width:100%;}
.slide .btn{position:absolute;width:13%; margin: 0 auto;bottom:67px;right:67px;}

.slide-container1{height: 313px;position: relative;
    background: linear-gradient(rgb(0,0,0,0.3), rgb(0,0,0,0.5)), url("../img/p001.jpg");
    background-size: cover; background-position: center center;z-index: 1;
    background-repeat: no-repeat;}

.slide-container2{height: 313px;position: relative;
    background: linear-gradient(rgb(0,0,0,0.3), rgb(0,0,0,0.5)), url("../img/p006.jpg");
    background-size: cover; background-position: center center;z-index: 1;
    background-repeat: no-repeat;}

.slide-container3{height: 313px;position: relative;
    background: linear-gradient(rgb(0,0,0,0.3), rgb(0,0,0,0.5)), url("../img/p002.jpg");
    background-size: cover; background-position: center center;z-index: 1;
    background-repeat: no-repeat;}

.slide-container4{height: 313px;position: relative;
    background: linear-gradient(rgb(0,0,0,0.3), rgb(0,0,0,0.5)), url("../img/p003.jpg");
    background-size: cover; background-position: center center;z-index: 1;
    background-repeat: no-repeat;}

.slide-container5{height: 313px;position: relative;
    background: linear-gradient(rgb(0,0,0,0.3), rgb(0,0,0,0.5)), url("../img/p011.jpg");
    background-size: cover; background-position: center center;z-index: 1;
    background-repeat: no-repeat;}

.slide-container6{height: 313px;position: relative;
    background: linear-gradient(rgb(0,0,0,0.1), rgb(0,0,0,0.3)), url("../img/p020.jpg");
    background-size: cover; background-position: center center;z-index: 1;
    background-repeat: no-repeat;}

.slide-container1 .caption, .slide-container2 .caption, .slide-container3 .caption, .slide-container4 .caption, .slide-container5 .caption, .slide-container6 .caption
{position: absolute;width: 100%; height: 100%; bottom: 0px; z-index: 199;color: #fff;}

#ifr-1 {
    display: block;
    background: #000;
    border: none;
    height: calc(100vh - 0px);
    width: 100%;
}

#ifr {
    display: block;
    background: #000;
    border: none;
    height: 100%;
    width: 100%;
}
.inl{display: inline-block;}
.align {align-items:center;}
a {text-decoration:none;color: #900;}
.drop {font-family: 'robotothin';float: left;color:#900;font-size:49px; line-height:35px;background:#fff;margin-right:3px;padding: 5px 1px 5px 0px;  }
.wrap{font-weight: bold;}
.p-left { text-align:left;}
.p-right { text-align:right;}
.p-j { text-align:justify;}
.p-big{font-size:21px;padding-left: 3px; }
.p-s{font-size: 0.88rem; font-family: 'robotothin';line-height: 21px;font-weight: bold;}
hr{ border:9px solid transparent;clear:both;}
hr.big{ border:29px solid transparent;clear:both;}
hr.line1{border: none; border-top:1px solid #beb8b7;clear:both;width: 67%;margin-bottom: 13px;}
hr.line { padding: 0; border: none; border-top: medium double #848465; color: #848465; text-align: center;clear:both;width:100%;float: left;} 
hr.line:after { content: "portofoliu"; display: inline-block; position: relative; top: -0.87em; font-size: 1.1em;
color:#848465;border: 1px  solid #848465;background: #fff;padding: 0 0.55em;}
.b {border: 1px solid #beb8b7;}
.r {border-radius: 13px;}
.bb {border-bottom: 1px solid #beb8b7;}
.bb-h {border-bottom: 1px solid #beb8b7;}
.bb-b {border-bottom: 7px solid #beb8b7;}
.bt {border-top: 1px solid #beb8b7;}
.br {border-right: 1px solid #beb8b7;}
.bl {border-left: 1px solid #beb8b7;}
.bdt {border-top:solid #990000;border-top-width:medium;border-top-style:double;}
.bdb {border-bottom:solid #beb8b7;border-bottom-width:5px;border-bottom-style:double;}
.bdl {border-left:solid #e4c51d;border-left-width:4px;border-left-style:double;}
.bdr {border-right:solid #e4c51d;border-right-width:4px;border-right-style:double;}
.pad-b {padding:39px;}
.pad {padding:19px;}
.pad-l {padding-left:19px;}
.pad-r {padding-right:19px;}
.pad-s {padding:7px;}
.h{height: 67px;}
.ls{letter-spacing:9px;}
.big{font-size: 21px;}
.cd {width:87%;position:relative;margin:0 auto;}
.cd-b {width:97%;position:relative;margin:0 auto;}
.cd-s {width:67%;position:relative;margin:0 auto;}
.fixed {position:fixed;top:0px;z-index: 9200;width: 100%;background:#fff;}

.col-15 {width:15%;}
.col-20 {width:20%;}
.col-25 {width:25%;}
.col-30 {width:30%;}
.col-33 {width:33%;}
.col-40{width:40%;}
.col-47{width:47%;}
.col-50{width:50%;}
.col-67{width:67%;}
.col-70 {width:70%;}
.col-75 {width:75%;}
.col-85 {width:85%;}
.col-80{width:80%;}
.col-100{width:100%;}

.fl{float: left;max-width: 267px;margin-right: 19px;}
.fl-b{float: left;margin-right: 19px;}
.fr{float: right;max-width: 267px;}
.space {margin:29px;}
.space-b {margin-bottom:29px;}
.space-l {margin-left:29px;}
.sh {box-shadow: 5px 5px 5px #beb8b7;}
.sht {box-shadow: 0 -13px 13px -13px #beb8b7;}
.shr {box-shadow: 9px 0 9px -9px #beb8b7;}
.shb {box-shadow: 0 9px 9px -9px #72725A;}
.shl {box-shadow: -9px 0 9px -9px #beb8b7;}
.bg-dark {background:#24261f;}
.bg-light {background:#848465;}
.yellow{color:#e4c51d;}
.red{color:#b3090a;}
.bg-soft{background:#f1f2e7;font-size: 12px;}
.v-align {position: relative;top: 40%;-webkit-transform: translateY(-40%);-ms-transform: translateY(-40%);transform: translateY(-40%);z-index: 767;}

.custom-list {
  margin: 0;
  padding: 0;
  list-style-type: square;
}


.custom-list li {margin-bottom: 7px;}


footer{font-size: 13px;font-family:sans-serif;padding: 19px;background: #474741;color: #fff;}

#playlist {
    display:block;
}
#playlist li{
    cursor:pointer;
    padding:8px;
}

#playlist li.active{background:#000;}

#playlist li:hover{background:#000;
    color:#fff;                        
}
#videoarea {
    float:left;
    width:100%;
    height:auto;
    margin:0px;    
    border-left: 1px solid #beb8b7;
}
#play button { 
  display: block;
  width: 100%;
  padding:9px;
  border: none; 
  margin: 9px auto; 
   font-family: 'robotothin';
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 7px;
  background: rgba(42, 44, 35, 0.7);
  color: #fff;
  cursor: pointer;
  -webkit-transition: .3s background;
  transition: .3s background;
}
#play { 
  background: rgba(42, 44, 35, 0.7);
  color: #fff;
  width: 67%;
	margin:auto;
}

#play button:hover { 
   background: rgba(42, 44, 35, 0.1);
}
/*  NAV  ==================================================================== */	
nav {
  border-top: 1px solid #beb8b7;
  width: 100%;
  margin: 0px;
  z-index: 9100;
  
}
nav ul {
  margin: 0;
  padding: 0;
}
nav ul li {
  list-style: none;
  text-align: center;
  border-left: 0px solid #fff;
  border-right: 0px solid #beb8b7;
}
nav ul li:first-child {
  border-left: 0px solid #beb8b7;
}
nav ul li:last-child {
  border-right: none;
}
nav ul li a {
  display: block;  height:67px;line-height:67px;
  text-decoration: none;font-weight: 500;
  color: #24261f;
  font-size:11px;
  letter-spacing:1px;
  text-transform:uppercase;
  padding:0;
  transition: all 1.3s ease;
}
nav li a:hover {
 background: #24261f;color:#fff;
}
nav li.active {
 background:#dddde1;color:#fff;
}
nav {
  display: table;
  table-layout: fixed;
}
nav ul {
  display: flex;
  flex-direction: row;
}
nav ul li {
    flex-grow: 1;
}
.show-nav {
	text-decoration: none;
	color: #fff;
	font-size:29px;
	background: #24261f;
	text-align: center;
	padding: 10px 0;
	display: none;
}

input[type=checkbox]{
    display: none;
}

input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*dropdown*/
li:hover ul a {
	background: #fff;
	color: #000;
	height: 47px;
	letter-spacing: 1px;
	line-height: 47px;
	padding: 0 7px;
	border-bottom: 1px solid #d8d1d0;
}

li:hover ul a:hover {
	background: #24261f;
	color: #fff;
}

li ul {
	display: none;
}

li ul li {
	display: block;
	float: none;
}

ul li a:hover + .dropdown, .dropdown:hover {
	display: block;position: absolute;z-index: 9999;
	border-bottom: 0px solid #000;
}
.drop-down {width:100%;}

@media screen and (max-width : 760px){
	nav ul {
		position: static;
		display: none;
	}
nav li {
		margin-bottom: 1px;
		background: #fff;border-bottom: 1px solid #000;
	}

nav ul li, li a {
		width: 100%;
		
	}
	/*Display 'show main-nav' link*/
.show-nav {
		display:block;
		cursor:pointer;
	}
	ul li a:hover + .dropdown, .dropdown:hover {position: relative;}
	.drop-down {}
}

.dot-b {display: block;}
.dot-b li {border-bottom: 1px dashed #0b3902;line-height: 19px;padding: 13px;}

/*bottom menu*/

footer{
    border:1px solid #ccc;
    border-width:1px 0;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
footer li{
    display:inline;
	
	padding: 7px;
}
footer a{
    display:inline-block;
    padding:10px;
	font-family: 'robotothin';
	font-size: 17px;
}

footer li a:hover {
 border-bottom: 1px dashed #e4c51d;
}

footer li.active {
 background:#24261f;
}


/* tooltip ============================================================================= */

.tooltip-label {
font-size: 1em;font-family:  sans-serif;
width: 100%;
text-transform: uppercase;
font-weight: bold;
border-left :solid #e4c51d;border-left-width:4px;border-left-style:double;
background: #dddde1;
padding: 0.4em;
cursor: pointer;
display: inline-block;
margin-bottom: 2em;
text-align: center;
}

.tooltip-label2 {
font-size: 1em;
width: 167px;
font-weight: bold;
border-left :solid #e4c51d;border-left-width:4px;border-left-style:double;
background: #dddde1;
padding: 0.4em;
cursor: pointer;
display: inline-block;
margin-bottom: 2em;
text-align: center;float: right;
}
.tooltip-input {
    display: none;
} /*Hide input element*/

.tooltip-content {
    margin-bottom: 1.5em;
	border-bottom: 0px solid #beb8b7;
	padding-bottom: 13px;
}
.tooltip-input:not(checked) ~ .tooltip-content {
    display: none;
}
.tooltip-input:checked ~ .tooltip-content {       
    display: block;
}

.tooltip-input:checked ~ .tooltip-label {       
    border: 1px solid #beb8b7;
}
.tooltip-input:checked ~ .tooltip-label2 {       
    border: 1px solid #beb8b7;
}
 #tooltipID{}
/* IMAGES ============================================================================= */

img {
border : 0;
display: block;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
.zoom img{ -webkit-transition: .7s ease;
  transition: .7s ease;}
.zoom:hover {
  -ms-transform: scale(1.7); /* IE 9 */
  -webkit-transform: scale(1.7); /* Safari 3-8 */
  transform: scale(1.7); 
	transition: transform .7s ease;
}

.r-cover {
  background-image: url("../img/bg.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  }

.cover1 {
  background-image: url("../img/bg03.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  }


.cover2 {
  background-image: url("../img/bg01.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  }

.cover3 {
  background-image: url("../img/bg04.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  }

.cover4 {
  background-image: url("../img/bg07.jpg");
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  }

img.desaturate {
  -webkit-filter: grayscale(89%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(89%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(89%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(89%);
}
img.desaturate:hover { 
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
}
video {
	max-width: 100%;
	display: block;
	height: auto;}

.v-container {width:77%; padding:0px; margin:0 auto; position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
/*carusel*/


.active {
  opacity: 1 !important;
  transform: scale(1) translateZ(0px) !important;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}



a {
  text-decoration: none;
  color: white;
  font-size: 5em;
  font-family: arial;
}
/*  Media queries	============================================================================= */
@media screen and (min-width: 0px) and (max-width: 1024px) {

 .flex {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
h1{font-size:27px;line-height:33px;}
h3{font-size:15px;}
h4{font-size:11px;letter-spacing:0px;}
#slide-container .bottom{display: none}
.newspaper {column-count: 1;column-gap: 13px;column-rule: 0px solid #beb8b7;}
 [class*="col-"] { width: 100%; }
.space {margin:0px;}
.space-b {margin-bottom:19px;}
.space-l {margin-left:9px;}
.p-j { text-align:left;}
nav { width:100%;}
	footer ul{width: 80%;}
	footer a{display:lock;text-align: left;padding: 13px;}
	footer li{padding: 13px;}
.fixed {position:relative;}
.page{height:auto;}
	.btn-2{width: 87%;}
	.v-container{width: 90%;}
.left-side{height:auto;position: relative;}
.left-side .nav-side{position: relative;bottom: 67%;width: 100%;left:0%;}
.left-side .bottom-side, .left-side .bottom-side-b{height:267px;position: relative;bottom: 0%;width: 100%;left:0%;display: block;}
	.left-side .logo{position: relative;}
.cd-s, .cd, .cd-b {width:90%;position:relative;margin:0 auto;}
	.wrap {width: 95%;margin:0 auto;}
#play { display: none;}
.bb-h {border-bottom: 0px solid #beb8b7;}	
.pad {padding:9px;}
.pad-l {padding-left:9px;}
.pad-r {padding-right:9px;}
	.left-side .square{display: none;}
	.tooltip-label {width: 97%;}
	.slide-container1, .slide-container2, .slide-container3, .slide-container4, .slide-container5, .slide-container6 {height: 389px;}
	.v-align {position: relative;top: 10%;-webkit-transform: translateY(-10%);-ms-transform: translateY(-10%);transform: translateY(-10%);z-index: 767;}
	#openseadragon-1, #openseadragon-2, #openseadragon-3, #openseadragon-4, #openseadragon-5, #openseadragon-6, #openseadragon-7, #openseadragon-8, #openseadragon-9, #openseadragon-10, #openseadragon-11, #openseadragon-12, #openseadragon-13, #openseadragon-14, #openseadragon-15, #openseadragon-16, #openseadragon-17, #openseadragon-18, #openseadragon-19, #openseadragon-20, #openseadragon-21, #openseadragon-22, #openseadragon-23, #openseadragon-24, #openseadragon-25, #openseadragon-26, #openseadragon-27, #openseadragon-28, #openseadragon-29, #openseadragon-30, #openseadragon-31, #openseadragon-32, #openseadragon-33, #openseadragon-34, #openseadragon-35, #openseadragon-36, #openseadragon-37, #openseadragon-38, #openseadragon-39, #openseadragon-40, #openseadragon-41, #openseadragon-42, #openseadragon-43, #openseadragon-44, #openseadragon-45, #openseadragon-46, #openseadragon-47, #openseadragon-48, #openseadragon-49 { width:95%; height:313px; margin:0 auto;}
	
}