/*------------------------------------------------------------------
Main photo
-------------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}
.portfolio-banner-v1 {
	/*background-image: url('../img/bg_1.jpg');*/
	/*background-image: url('../img/bg_dev_2.jpg');*/
}

/*------------------------------------------------------------------
Menu color
-------------------------------------------------------------------*/
.main-header.header-white.transparent.sticky-nav {
	background: #192a56;
}
.main-header.header-white{
	background: #192a56;
}
.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > a {
	color: #FFF;
	/*color: #d9001c;*/
}
.main-header.header-white .navbar .navbar-nav > li > a {
	color: #FFF;
	/*color: #d9001c;*/
}
.main-header.header-white.transparent.sticky-nav .navbar .navbar-nav > li > a:hover {
	/*color: #FFF;*/
	color: #d9001c;
}
.main-header.header-white .navbar .navbar-nav > li > a:hover {
	/*color: #FFF;*/
	color: #d9001c;
}



.main-logo {
	-webkit-filter: drop-shadow(10px 10px 10px #000);
	filter: drop-shadow(10px 10px 10px #000);
}
.main-details {
	background-color: #192a56;
}


/*------------------------------------------------------------------
Job list / more details
-------------------------------------------------------------------*/
.jumbotron {
	background-color: transparent;
	color: #FFF;
	padding: 2rem 1rem;
	text-align: left;
	padding-left: 30%;
	/*-webkit-filter: drop-shadow(0px 0px 20px #000);*/
	/*filter: drop-shadow(0px 0px 20px #000);*/
}
.darbai-text{
	font-size: 1.5rem;
	color: #fff;
	font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}
#darbai {
	font-size: 1rem;
	color: #fff;
	font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 100;
	text-transform: uppercase;
}
.devinta-icon {
    background: url('../favicon-16x16.png');
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
  
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1500ms;
	-webkit-animation-delay: inherit;
			animation-name: spin;
			animation-duration: 1500ms;
			animation-delay: inherit;
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

#darbai > li {
	line-height: 1.1;
	display: block;
  	text-align: left;
  	-webkit-animation: fadeIn 1s linear;
			animation: fadeIn 1s linear;
  	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

ul#darbai > li:nth-child(1) {
  -webkit-animation-delay: 0.30s;
          animation-delay: 0.30s;
}
ul#darbai > li:nth-child(2) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
ul#darbai > li:nth-child(3) {
  -webkit-animation-delay: 0.90s;
          animation-delay: 0.90s;
}
ul#darbai > li:nth-child(4) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
ul#darbai > li:nth-child(5) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
ul#darbai > li:nth-child(6) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    top: 100px;
  }
  75% {
    opacity: 0.5;
    top: 0px;
  }
  100% {
    opacity: 1;
  }
}

/*------------------------------------------------------------------
Job-block
-------------------------------------------------------------------*/
.content-block {
	padding-top: 3.75rem;
}
.job-block {
/*	border-style: solid;
	border-width: 2px;
	border-color: #ced4da;
	border-radius: 20px;*/
	text-align: center;
}
.job-block > h1 {
	margin-bottom: -20px;
}
/*------------------------------------------------------------------
Uploaded projects grid
-------------------------------------------------------------------*/
.gallery-item {
	height: 32vh; /*Set grid size*/
}
.caption-hover-full, .image-wrapper {
	height: 100%;
}
/*.image-wrapper > img {
	border-radius: 10px;
}*/
/*------------------------------------------------------------------
Additional info window
-------------------------------------------------------------------*/
.info-list {
	font-size: .7rem;
	padding-top: 10px;
}
.info-list li {
	margin-bottom: 0rem;
}
.info-list li p {
	font-size: 1.5rem;
	text-transform: uppercase;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}
.info-list [class^='custom-'], .info-list [class^='icon-'] {
	 top: 0rem; 
	left: 4rem;
}
.caption-hover-full .figcaption > * {
	/*margin: -40px;*/
}
.caption-hover-full .figcaption {
	border-radius: 10px;
	/*text-align: center;*/
}

.caption-hover-full figcaption, .caption-hover-full .figcaption {
	color: #FFF;
	background: rgba(0,0,0,0.5);	
}

/*------------------------------------------------------------------
Popup window
-------------------------------------------------------------------*/
/*
section.awSlider .carousel{
	width: 100%;
	height: 100%;
	display:table;
	z-index:2;
	-moz-box-shadow: 0 0 4px #444;
	-webkit-box-shadow: 0 0 4px #444;
	box-shadow: 0 0 15px rgba(1,1,1,.5);
}

section.awSlider{
	width: 100%;
	height: 94%;
	margin:30px auto;
	padding:30px;
	position:relative;
	display:table;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

section.awSlider:hover > img{
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity:1;
}

section.awSlider img{
	pointer-events: none;
}

section.awSlider > img{
	position:absolute;
	top:30px;
	z-index:1;
	transition:all .3s;
	filter: blur(1.8vw);
	-webkit-filter: blur(2vw);
	-moz-filter: blur(2vw); 
	-o-filter: blur(2vw); 
	-ms-filter: blur(2vw);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity:.5;
}*/

/*index.php*/
.full_screen {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 1000000000;
	background-color: rgba(14,14,16,0.9);
}
iframe {
	width: 100%;
	height: 100%;
}
/*popup.php*/
body#popup_body {
	background-color: transparent;
}
#main_container {
	height: 100vh;
	/*padding: 5em;*/
	padding: 3em 5em 2em 5em;
}
.carousel-full_screen, .carousel, .carousel-inner, .carousel-item {
	width: 100%;
	height: 100%;
}
/*.carousel-item {
	float: left;
	width: 100%;
}*/
/*#main_container > .carousel-full_screen > #carousel_indicators > .carousel-inner > .carousel-item > img {
  height: 100%;
  background-color: #000;
}*/
.object-fit_cover {
	height: 100%;
	background-color: #000;
	width: 100%;
	-o-object-fit: cover; /*Paklaust Simo*/
	object-fit: cover;
	/*-o-object-fit: contain;
	object-fit: contain;*/
}
/*Previous / Next /Close buttons*/
.carousel-control-prev-icon, .carousel-control-next-icon {
	-webkit-filter: drop-shadow(2px 2px 4px #000);
	filter: drop-shadow(2px 2px 4px #000);
}
#previous, #next {
	/*Make button more visible*/
	height: 40px;
	width: 40px;
	background-color: black;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	border-radius: 20px;
}
#previous {
	padding-top: 8px;
	padding-right: 3px;
}
#next {
	padding-top: 8px;
	padding-left: 3px;
}
.carousel-control-prev-icon:hover, .carousel-control-next-icon {
	-webkit-filter: drop-shadow(2px 2px 8px #000);
	filter: drop-shadow(2px 2px 8px #000);
}
.icon-cross {
	/*z-index: 1000000001;*/
	color: #FFF;
	float: right;
	margin: -40px;
}
.icon-cross:hover {
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 1px 8px #FFF);
	filter: drop-shadow(0px 1px 8px #FFF);
}
.carousel-caption {
	-webkit-filter: drop-shadow(0px 0px 2px #000);	
	filter: drop-shadow(0px 0px 2px #000);	
}
/*------------------------------------------------------------------
kontaktai.php
-------------------------------------------------------------------*/
#kontaktai{
	position: relative;
	width: 424px;
	margin: auto;
	/*display: inline-block;*/
	top: 50%;
	transform: perspective(1px) translateY(-50%);
}
#kontaktai > .card > .card-header {
	color: #FFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#192a56+24,d9001c+37,192a56+50 */
background: #192a56; /* Old browsers */
background: -moz-linear-gradient(45deg, #192a56 24%, #d9001c 37%, #192a56 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #192a56 24%,#d9001c 37%,#192a56 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #192a56 24%,#d9001c 37%,#192a56 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#192a56', endColorstr='#192a56',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*------------------------------------------------------------------
Footer
-------------------------------------------------------------------*/
.page-footer {
	background-color: rgba(200,200,200,0.2);
	z-index: 1000;
	font-weight: 100;
	line-height: 1rem;
}

/*------------------------------------------------------------------
Loading gif
-------------------------------------------------------------------*/
#loading {
	width: 80px;
	margin: auto;
}

/*------------------------------------------------------------------
MOBILE
-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	/*Mobile menu*/
	.main-header .navbar .navbar-nav {
		text-align: center;
	}
	.main-header .navbar .navbar-nav li {
		padding: 5px;
		font-size: 1.3em;
	}
	.main-header.header-white.transparent .navbar .navbar-brand img:last-child {
		display: none;
	}
	/*Main page*/
	.main-details {
		font-size: 0.7rem;
	}
	.jumbotron {
		padding: 1rem 0;
	}
	.darbai-text {
		font-size: 1rem;
	}
	#darbai {
		font-size: 0.7rem;
	}
	/*Logo*/
	.main-logo {
		-webkit-filter: drop-shadow(10px 10px 5px #6E6E6E);
		filter: drop-shadow(10px 10px 5px #6E6E6E);
	}
	/*Gallery*/
	.job-block > h1 {
		margin-bottom: 0px;
	}
	/*Footer*/
	span#address {
		display: none;
	}
	span#mobtel {
		display: inline-block;
	}
	span#email {
		display: inline-block;
	}
	/*Kontaktai*/
	#main_container {
		padding: 0;
	}
	#kontaktai{
		font-size: 0.7rem;
		width: 322px;
	}
	/*On hover info*/
	.caption-hover-full .figcaption > * {
		 margin: 0px; 
	}
	.info-list [class^='custom-'], .info-list [class^='icon-'] {
		left: 1.5rem;
	}
	.info-list {
		font-size: .5rem;
	}
	/*Popup*/
	#main_container.popup-project-images {
		height: 38vh;
		margin-top: 50%;
	}
	.icon-cross.popup-project-images {
		z-index: 1000000005;
		position: absolute;
		margin: 5px 7px;
	}
	#closeIframe.popup-project-images {
		left: 85%;
		top: 1%;
		z-index: 1000000005;
		position: absolute;
		height: 30px;
		width: 30px;
		background-color: rgba(0,0,0,0.7);
		border-radius: 15px;
		margin: 5px;
	}
	.caption-hover-full:hover .figcaption, .caption-hover-full:focus .figcaption, .caption-hover-full:active .figcaption {
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}