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:#000;
  font-size:14px;
  line-height:21px;
  letter-spacing:2px;
  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:33px;color:#fff;text-transform:uppercase;font-family: 'robotothin';line-height:39px;letter-spacing: 5px;}
h2{font-size:29px;color:#073589;text-transform:uppercase;font-family: 'robotothin';line-height:29px;}
h3{font-size:21px;color:#073589;letter-spacing:1px;font-family:sans-serif;line-height:21px;}
h4{font-size:17px;color:#073589;letter-spacing:3px;line-height:29px;text-transform:uppercase;font-family: 'robotothin';}
.title{color: #ef4104;}
strong{font-family:sans-serif;}
em{text-transform: lowercase;}
.btn-1 {color: #fff;background:#073589;padding:13px;display:block;width:100%;margin:0 auto;border: 1px solid #fff;letter-spacing:3px;font-size: 17px;text-transform: uppercase;font-family: 'robotothin';
  -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:#9cd5e1;color:#073589;}

.btn-2 {color: #fff;background:#073589;padding:13px;display:block;width:200px;margin:0 auto;border: 1px solid #fff;letter-spacing:3px;font-size: 13px;text-transform:uppercase;
  -moz-transition: background 1s;
  -webkit-transition: background 1s;
  -o-transition: background 1s;
  -ms-transition: background 1s;
  transition: background 1s;}
a:hover.btn-2 {background:#9cd5e1;color:#073589;}

ul {list-style-type:none;margin:0;padding:0;position:relative;}

main{margin-top: 101px;}
.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-between;
  justify-content: space-between;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  
}
.align {align-items:center;}
a {text-decoration:none;color: #000;}
.drop {font-family: 'robotothin';float: left;color:#000;padding-left:67px;font-size:49px; line-height:35px;background:#fff;margin-right:3px; }
.p-left { text-align:left;}
.p-right { text-align:right;}
.p-j { text-align:justify;}
.p-b{font-size: 16px;letter-spacing:2px;line-height: 21px; }
.low{text-transform: lowercase;}
hr{ border:13px solid transparent;clear:both;}
hr.big{ border:55px solid transparent;clear:both;}
hr.line1{border: none; border-top:1px solid #fff;clear:both;}
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 #9cd5e1;}
.r {border-radius: 13px;}
.bb {border-bottom: 1px solid #9cd5e1;}
.bb-b {border-bottom: 7px solid #9cd5e1;}
.bt {border-top: 1px solid #9cd5e1;}
.br {border-right: 1px solid #9cd5e1;}
.bl {border-left: 1px solid #9cd5e1;}
.bdt {border-top:solid #9cd5e1;border-top-width:medium;border-top-style:double;}
.bdb {border-bottom:solid #9cd5e1;border-bottom-width:3px;border-bottom-style:double;}
.pad {padding:13px;}
.pad-l {padding-left:13px;}
.pad-r {padding-right:13px;}
.pad-s {padding:7px;}
.h{height: 67px;}
.ls{letter-spacing:9px;}
.big{font-size: 17px;}
.big2{font-size: 23px;}
.cd {width:87%;position:relative;margin:0 auto;}
.cd-sm {width:67%;position:relative;margin:0 auto;}
.cd-s {width:87%;position:relative;margin:0 auto;}
.fr{float: right;}
.fl{float: left;}
.fixed {position:fixed;top:0px;z-index: 9200;width: 100%;background:#fff;}
.hide{display: none;}

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

.slide-container{width: 100%; position: relative;}
.slide-container-p{width: 100%; position: relative;height: 489px;}
.slide-container .caption{
    display: block;
    position: absolute;
	color: #fff;
	text-align:center;
    width:100%;
	right:0%;
    z-index: 200;
    bottom: 0%;
    background:rgba(0,0,0,0.5);
}

.slide-container-p .caption{
    display: block;
    position: absolute;
	color: #fff;
	text-align:center;
    width:100%;
	right:0%;
    z-index: 200;
    bottom: 0%;
    background:rgba(0,0,0,0.5);
}

.slide-container .caption-p{
    display: block;
    position: absolute;
	color: #fff;
	text-align:center;
    width:100%;
	right:0%;
    z-index: 200;
    bottom: 50%;
}
.slides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.space {margin:29px;}
.sh {box-shadow: 5px 5px 5px #000;}
.sht {box-shadow: 0 -13px 13px -13px #000;}
.shr {box-shadow: 9px 0 9px -9px #000;}
.shb {box-shadow: 0 9px 9px -9px #72725A;}
.shl {box-shadow: -9px 0 9px -9px #000;}
.bg-blue {background:#073589;color: #fff;}
.bg-black {background:#000;color: #fff;}
.bg-light {background:#a9edf3; color: #073589;}
.wh{color:#fff;}
.v-align {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.custom-list {
  margin: 0;
  padding: 0;
  list-style-type: none;display: block;
}

.custom-list li {display: block;
  counter-increment: step-counter;
  margin-bottom: 10px;
	text-align: left;
	padding-left: 13px;
}

.custom-list li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 9px;
  border: 1px solid #000;
  color:  #000;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}

ul.icons
{display: inline-block;
}
ul.icons li
{display: inline-block;padding: 9px 9px;
}

/*  NAV  ==================================================================== */	
.main-nav {background-color:#073589;width:100%;margin:0 auto;text-align:center;}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}

.main-nav li {
	display:inline-block;
	margin-right: 1px;
}

.main-nav li a {
	display:block;
	height: 39px;
	text-align: center;
	line-height: 39px;
	color: #fff;
	font-size:11px;
	letter-spacing:3px;
	padding:0px 19px 0px 19px;
	text-transform:uppercase;
	text-decoration: none;
}


.main-nav li:hover a {
	background: #fff;color:#000;
}

.main-nav li.active  {
	background: #828282;color:#000;
}

.main-nav li ul li a {
	width: auto;
	padding: 0 20px;
}

.show-main-nav {
	text-decoration: none;
	color: #fff;
	background:#0896dc;
	text-align: center;
    font-size: 29px;
	padding: 10px 0;
	display: none;
}


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

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


@media screen and (max-width : 760px){
	.main-nav ul {
		position: static;
		display: none;
	}

	.main-nav li {
		margin-bottom: 1px;
		background-color:#073589;
        border-bottom: 1px solid #000;
	}

	.main-nav ul li, li a {
		width: 100%;
		
	}
	/*Display 'show main-nav' link*/
	.show-main-nav {
		display:block;
	}
}
/*  NAV  ==================================================================== */	

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

.tooltip-label {
font-size: 1em;font-family:  sans-serif;
width: 100%;
text-transform: uppercase;
font-weight: bold;
border-left :solid #073589;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 #073589;border-left-width:4px;border-left-style:double;
background: #9cd5e1;
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 ============================================================================= */
.max{max-width: 33%;margin-left: 13px ;}
img {
border : 0;
display: block;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
.inl{display: inline-block;}
.f-left{float: left; max-width: 367px;padding-right: 19px;}
.f-right{float: right; max-width: 367px;padding-left: 19px;}

.cover {
  background-image: url("../img/001.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;}


/*  Media queries	============================================================================= */
@media screen and (min-width: 0px) and (max-width: 1024px) {


h1{font-size:19px;line-height:23px;color:#000;}
h2{font-size:17px;color:#000;}
.slide-container .caption, .slide-container .caption-p{ position: relative;width:100%;display: block;background: #fff;}
.pad {padding:13px;}
main{margin-top: 0px;}
nav { width:100%;}
.v-tab{width: 100%;height: auto;}
    .vtabcontent, .tabcontent {width: 100%;height: auto;}
    .cd, .cd-sm, .cd-s{width: 95%;}
    .fixed {position:relative;}
}

/*  Media queries	============================================================================= */
@media screen and (min-width: 0px) and (max-width: 760px) {

 .flex {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}

 [class*="col-"] { width: 100%; }
.space {margin:0px;}



}