/**
 * @package Viasolis Glass
 * @author Design Art https://www.designart.lt
 * @copyright Copyright (c) 2020 Viasolis
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */

/*** BASICS ***/

@media only screen and (max-width: 640px) {
	.touch body {
		padding-top: 0px !important;
	}
}
@media (max-width: 639px) {
	.uk-h2, h2 {
		font-size: 1.6rem;
		letter-spacing: 1px;
		
	}
	.uk-heading-xlarge {
		font-size: 3.5rem;
		letter-spacing: -3px;
	}
	.display-5, .display-6, .uk-heading-small {
		font-size: 2rem;
		letter-spacing: 1.5px;
	}
	.word-break h1, .word-break h2, .word-break h3 {
		-ms-word-break: break-all;
		-webkit-word-break: break-all;
		-moz-word-break: break-all;
		word-break: break-all;
	}
	.btn, .uk-button {
		line-height: 35px;
	}
}

/*** CONTAINERS ***/
.no-padding .uk-container {
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width: 959px) {
	.reverse-columns {
		display: -webkit-flex; /* Safari */
		display: flex;
	}
	.column1  {
		-webkit-order: 1;
		order: 1;
	}
	.column2  {
		-webkit-order: 2;
		order: 2;
	}
	.uk-background-cover {
		height: 250px;
	}
	#solutions .uk-text-right {
		text-align: left!important;
	}
}

/*** HEADER ***/
@media (max-width: 959px) {
	
}
.tm-header {
	width: 100%;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 10;
}
/* sticky */
/* sticky */
.tm-header .uk-sticky .uk-navbar-container {
	background-color: rgba(77, 79, 83, 0);
}
.tm-header .uk-sticky .uk-navbar-container.uk-navbar-sticky {
	background-color: rgba(77, 79, 83, 0.98);
	transition: background-color 0.5s;
}
/* language switcher */
.mod-languages .uk-active a,
.mod-languages a:hover {
	color:#fff!important;
}
/** Mobile **/
.tm-header-mobile {
	width: 100%;
	background-color: rgba(77, 79, 83, 0.98);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
.tm-header-mobile .uk-navbar-toggle {
    color: #e6e8eb;
}
.tm-header-mobile .uk-logo img {
	height: 25px;
}
@media (max-width: 959px) {
	.tm-header-mobile {
		height: 50px;
	}
	.tm-header-mobile .uk-sticky-placeholder {
		height: auto!important;
	}
	.tm-header-mobile .uk-navbar-item,
	.tm-header-mobile .uk-navbar-nav>li>a,
	.tm-header-mobile .uk-navbar-toggle {
		min-height: 50px;
	}
}
@media (min-width: 1024px) and (max-width: 1279px) {
	.tm-header .uk-navbar-item,
	.tm-header .uk-navbar-nav>li>a,
	.tm-header .uk-navbar-toggle {
		padding: 0 15px;
	}
	.uk-navbar-nav>li.uk-active>a::before {
		right: 15px;
	}
	.uk-navbar-nav>li>a::before {
		left: 15px;
	}
}

/*** VIDEO ***/
#introvideo {
    height: 100vh;
}
#introvideo iframe,
#introvideo iframe div {
	height: 100%;
}
@media (max-width: 959px) {
	#introvideo {
		margin-bottom:-1px;
	}
}
@media (max-width: 639px) {
	.display-1, .display-2, .uk-heading-large {
		top: 45vh!important;
		font-size: 8.3vw!important;
		letter-spacing: 2px!important;
	}
	#scroll-icon svg {
		width: 70%;
	}
}


/*** IMAGE HOTSPOTS ***/
.jai-map-wrap {
		margin-bottom:-6px!important;
	}
@media (min-width: 640px) {
	#slider .uk-container {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (min-width: 960px) {
	#slider .uk-container {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 959px) {
	.jai-map-wrap {
		overflow-x: scroll;
		white-space: nowrap;
	}
	.jai-map-container {
		max-width: max-content;
	}
	.jai-map-container-scale {
		height: 100vh;
	}
	.jai-map-container img {
		height: 100%;
		max-width: fit-content;
		width: auto;
	}
}
@media (max-height: 412px) {
	.jai-map-container img {
		height: auto;
		max-width: 100%;
		width: 100%;
		margin-top: -80px;
	}
}

/** Features **/
#features .uk-margin-medium-top {
    margin-top: 50px!important;
}
@media (max-width: 1180px) {
	#features .uk-margin-medium-top {
		margin-top: 20px!important;
	}
	#features h6 {
		font-size: 10px;
		width: 135%;
		margin-left: -17%;
	}
	#features img, #features svg {
		width: 60px;
	}
}
@media (max-width: 539px) {
	#features .uk-child-width-1-3>* {
		width: calc(100% * 1 / 3.5);
	}
}

/** Solutions **/
#solutions .uk-overlay-primary {
    background: rgba(56,58,63,.7);
}
#solutions .uk-button-default {
	background-color: #0088CE;
    border: 1px solid transparent;
}
/*mobile*/
.solutions-mob .uk-padding {
    padding: 0px 90px 50px 25px;
}
.solutions-mob-button h2.el-title {
	font-size: 9vw;
	line-height: 10vw;
}
.solutions-mob-text {
	padding: 0 25px;
}
.solutions-mob-button {
	padding: 0 0 35px 25px;
	margin-bottom: 20px!important;
}
.solutions-mob-button .uk-button {
	padding: 0 28px;
}

@media (max-width: 639px) {
	#solutions .uk-overlay {
		padding: 10px 10px;
	}
	#solutions .el-content {
		margin-top: 5px!important;
		font-size: 3vw;
	}
	#solutions .uk-margin-top {
		margin-top: 10px!important;
	}
	#solutions .uk-button-small {
		padding: 0 10px;
	}
}


/*** CONTENT ***/

/** Side Images **/
.image-side {
	height: 100%;
}
.image-side img {
	height: 100%;
	object-fit: cover;
}

/** Spec Tables **/
#spec-table {
	overflow: auto;
}
.spectable th {
	text-align: center;
	color: #4d4f53;
	font-weight: 600;
}
.twocolumnstable th {
	text-align: left;
	width: 20%;
	vertical-align: middle;
}
.twocolumnstable td {
	width: 30%;
}
th.valignM {
	vertical-align: middle;
}

/*** SOLUTIONS ***/
.height33 {
	height: 33.3vh;
	overflow: hidden;
}


/*** FOOTER ***/
#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 768px) {
	#footer .uk-width-1-3\@m {
		width: calc(100% * 1 / 3.001);
	}
}
@media (max-width: 639px) {
	#footer {
		text-align: center;
	}
}


/*** COPYRIGHT ***/
#copyright {
    background-color: #0088ce;
	color: #e6e8eb;
}
@media (min-width: 768px) {
	#copyright .uk-width-2-5\@m {
		width: 40%;
	}
	#copyright .uk-width-auto\@m {
		width: auto;
	}
}
@media (max-width: 639px) {
	#copyright .uk-text-left,
	#copyright .uk-text-right {
		text-align: center!important;
	}
}