@import url('https://fonts.googleapis.com/css?family=Abel');

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.89rem; font-family: 'robotothin';line-height: 21px;font-weight: 600;
  letter-spacing:1px;
  background:#fff;
  text-align:center;
  counter-reset: section;
}
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;

}

h3::before {font-family:  sans-serif;font-weight: bold;
  counter-increment: section;
	content: "# " counter(section) ". ";
}


h1{font-size:29px;color:#24261f;text-transform:uppercase;font-family: 'robotothin';line-height:25px;letter-spacing: 2px;}
.light{color:#fff;}
h2{font-size:23px;color:#24261f;text-transform:uppercase;font-family: 'robotothin';line-height:25px;margin-bottom: 3px;margin-top: 0px;}
h2.title{text-transform: lowercase;margin-top: 13px;}
h2.titles{margin-top:5px; font-size: 15px;}
h3{font-size:13px;color:#24261f;letter-spacing:1px;font-family: 'robotothin';line-height:17px;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;margin-top: 13px;}

h5{font-size:15px;color:#24261f;letter-spacing:1px;font-family: 'robotothin';line-height:27px;margin-top: 67px;}

em{color: #000;}
strong{font-family: sans-serif;font-weight: 600;}

.btn {color: #24261f; padding:13px;display:block;width:100%;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 {background:rgba(42, 44, 35, 0.7); color:#fff;}

.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-top: 13px;border-top: 1px solid #beb8b7;letter-spacing:1px;font-size: 17px;font-weight: 600; float: left;
  -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;}

.btn-3 {color: #24261f; padding:13px;display:inline-block; margin:0 auto;border: 1px solid #beb8b7;letter-spacing:1px;font-size: 17px;font-weight: 600;
  -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-3 {background:rgba(42, 44, 35, 0.7); color:#fff;}
.btn-3.active {background:#dddde1; color:#24261f;}

.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: block;}
.page{height:100%;}
.white{;color: #fff; font-size: 23px;}
.newspaper {column-count: 3;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;}

/*  LG ====== */	

.lg {
    position: fixed; right: 0px;
    line-height: 39px;z-index: 9900;
}


	
.lg img {padding-right: 13px;display: inline-block;}


/*  /LG ====== */
.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; }

hr{ border:7px solid transparent;clear:both;}
hr.sm{ border:2px solid transparent;clear:both;}
hr.big{ border:17px 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 #e4c51d;border-top-width:medium;border-top-style:double;}
.bdb {border-bottom:solid #e4c51d;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:33px;}
.pad {padding:19px;}
.pad-l {padding-left:19px;}
.pad-t {padding-top:27px;}
.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:77%;position:relative;margin:0 auto;}
.cd-sm {width:67%;position:relative;margin:0 auto;}
.cd-s .logo {width:100%;position:absolute;margin:0 auto;top:-28px;}


.fixed {position:fixed;top:0px;z-index: 9200;width: 100%;background:#fff;}
.up{text-transform: uppercase;}
.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;}
.bg-red {background:#900; color: #fff;}
.yellow{color:#ffd800;}
.red{color:#b3090a;}
.bg-soft{background:#ffdf00;}
.v-align {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 767;}



/*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;
}




/* 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;
}
/* tooltip ============================================================================= */

.tooltip-label {
font-size: 0.7em;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: 0.9em;

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

.tooltip-content {
    margin-bottom: 1.5em;
	border-bottom: 0px solid #beb8b7;
	padding-bottom: 13px;font-weight: 400;
}
.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{}

/*  Media queries	============================================================================= */
@media screen and (min-width: 0px) and (max-width: 1024px) {
	
body { font-size: 0.91rem; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';font-weight: 500;}
 .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;}
h2{font-size:19px;line-height:25px;margin-bottom: 0px;}	
h2.title{margin-top: 5px;}
h3{font-size:12px;}
.p-s {font-size:11px;}
h4{font-size:15px;letter-spacing:0px;}
hr.big{ border:9px solid transparent;clear:both;}
#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%;margin: 5px;padding:7px;font-size: 13px;line-height: 15px;}
	.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, .cd-sm {width:90%;position:relative;margin:0 auto;}
.hide{display: none;}
	.lg{position: relative; margin: 5px auto 0px;}
.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;}
	
}