/*
Theme Name: Kvant
Author: KosoScythe
Description: Custom template for Kvant ©
Version: 1.0
Tags: custom, Kvant, bootstrap
*/

body {
  font-family:'Raleway', sans-serif;
  color: black;
  padding:0 !important;
  margin: 0 !important;
  overflow-x:hidden;
  font-weight: 400;
}

.thim {
	max-height: 100%;
	max-width: 100%;
}

.pom {
	color: #E12621;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 2vw;
}

.h3 {
	font-weight: 500;
}

.mobmenu-push-wrap {
	margin-top: 50px;
}

.preloader {
	display: none;
}

/*****************************************************************************************POCIATOCNE NASTAVENIA*******************************************************************/


.bigDiv {
		/*display: none;*/
	}

.icons2 {	/*DIV KVOLI COL*/
	text-align: center;
	color: black;
}

.icons2 .row .col .row .col-8 {
	/*padding-left: 0;*/
	
}
.icons2 .row .col .row .col-4 {
	/*padding-right: 0;*/
	text-align:center;
}

.icons2 .row .col .row .col-4 img {
	max-width: 80%;
}

.icons2 .row {
	margin-top: 1.65vw;
	margin-bottom: 1.65vw;
}

.icons2 .col {
	margin:0px 10px;
	border-radius:10px;
	border:1px solid #F9F9F9;
	background-color:rgb(255,255,255);
	border-radius:5px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
}

.icons2 .active {
	border-color:rgb(190,30,20);
	background-color: rgb(190,30,20);
	background-color: linear-gradient(0deg, rgba(190,30,20,1) 0%, rgba(230,30,40,0.9668242296918768) 100%);
	color: white;
}

.bigMenu {
	display: none;
}
	
.navim {
	max-height: 100%;
	max-width: 100%;
}

a {
	color: #E12621;
}

a:hover {
	color: #E12621;
	text-decoration: underline;
}

hr {	/*CIERNA DELIACA CIARA*/
	border: 1.5px solid #000;
}

.text {
	/*font-size: 6.5vw;*/
}


.wp-block-column h2 {
	margin: 0;
}

.KvantHref {
	color: black;
}

.upper {
	text-transform: uppercase;
}

.mapsSpace {
	display: none;
}

/***************************************************************************************************MEDIA QUERY****************************************************************/

@media (min-height: 1000px){
	.icons2 .row {
		margin:0;
	}
	
	.icons2 .row. col .row {
		margin:0;
	}
	
	.icon2 {
	}
}

/*VYSKA KVOLI MENU HEIGHT*/
@media (min-height: 1025px){
	.icons2 .row {
		margin-top: 3.8vw;
		margin-bottom: 3.8vw;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

}

/*Medium devices (tablets, 768px and up)*/


@media (min-width: 801px) {
	.smallDiv {
		display: none;
	}		


	.bigDiv {
		display: initial;
	}
	
	.smallMenu {
		display: none;
	}
	
	.bigMenu {
		display: initial;
	}
	
	.navim {
		max-height: 30%;
		max-width: 30%;
	}
	
	
	.text {
		font-size: 14px;
		text-align:left;
	}

	.text2 {
		font-size: 14px;
		height:96px;
		text-align:left;
	}
	
	.paddingTop
	{
		margin-top:110px;
	}
	
	.mapsSpace {
		display: initial;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
	
	.mobmenu-push-wrap {
		margin-top: 0px;
	}
}

/***************************************************************************LOGO + NAVBAR*****************************************************************************/
.nav ul {
	position: absolute;
	right: 2vw;
	top: 2vw;
}

.nav ul li{
	display: inline;
}
.nav .col {
	margin: 0;
	display: inline;
}

.nav a {
	font-weight: 500;
	padding: 10px;
	color: black;
	text-decoration: none;
}

.nav a:visited {
	color: black;
}

.nav a:hover {
	text-decoration: underline;
}

.navim {
	margin-left: 4vw;
}

/*****************************************************************************BANER OBRAZOK***************************************************************************/

#main_img {
	max-width: 100%;
}

#bigimg .container-fluid {
	margin:0;
	padding:0;
}

/*********************************************************************************SLOGAN****************************************************************************/

.slogan {
	text-align:center;
}

/****************************************************************************KACHLICKOVE MENU MALE*******************************************************************/

.icomenusmall {	/*P PRE TEXT*/
	/*float: left;
	font-size: 3.5vw;
	text-align: left;*/
	float: left;
	width:70%;
	padding-right:5%;
	text-align: left;
	font-size: 2.5vw;
	font-weight: 500;
	display: flex;
	align-items: center;
	height:100%;
}

.icon2 { /*PICTURE KACHLE SMALL*/
	max-width: 100%;
	float: right;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/****************************************************************************KACHLICKOVE MENU VELKE******************************************************************/

.icon, .active .icon { /*PICTURE*/
	max-width: 25%;
}

.icons {	/*DIV KVOLI COL*/
	text-align: center;
	color: black;
}


.icomenu {	/*P PRE TEXT*/
	float: left;
	width:65%;
	padding-right:5%;
	text-align: left;
	font-size: 1vw;
	font-weight: 500;
	display: flex;
	align-items: center;
	height:100%;
	
}

.icons .col {
	float: left;
	background-color: white;
	text-align: center;
	margin:3px;
	border:1px solid #F9F9F9;
	background-color:rgb(255,255,255);
	border-radius:5px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
}


.icons .col:hover, .icons .active  {
	border-color:rgb(190,30,20);
	background-color: rgb(190,30,20);
	background-color: linear-gradient(0deg, rgba(190,30,20,1) 0%, rgba(230,30,40,0.9668242296918768) 100%);
	color: white;
	
}
/*zmena orazkov*/
/* .icons .col:hover > #lao, .icons .active > #lao, .icons2 .active .col-4 #lao1 { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/lasery-a-optika_w.png"); */
/* } */

/* .icons .col:hover > #lp, .icons .active > #lp, .icons2 .active .col-4 #lp1 { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/laserove-projektory_w.png"); */
/* } */

/* .icons .col:hover > #lsp, .icons .active > #lsp, .icons2 .active .col-4 #lsp1 { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/laser-show-produkcia_w.png"); */
/* } */

/* .icons .col:hover > #lv, .icons .active > #lv, .icons2 .active .col-4 #lv1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/led-videopanely_w.png"); */
/* } */

/* .icons .col:hover > #dte, .icons .active > #dte, .icons2 .active .col-4 #dte1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/didakticka-technika-distribucia_w.png"); */
/* } */

/* .icons .col:hover > #dtv, .icons .active > #dtv, .icons2 .active .col-4 #dtv1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/didakticka-technika-export_w.png"); */
/* } */

/* .icons .col:hover > #ks, .icons .active > #ks, .icons2 .active .col-4 #ks1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/kamerove-systemy_w.png"); */
/* } */

/* .icons .col:hover > #lt, .icons .active > #lt, .icons2 .active .col-4 #lt1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/laboratorna-technika_w.png"); */
/* } */

/* .icons .col:hover > #m, .icons .active > #m, .icons2 .active .col-4 #m1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/mikroskopy_w.png"); */
/* } */

/* .icons .col:hover > #vs, .icons .active > #vs, .icons2 .active .col-4 #vs1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/vyvoj-softveru_w.png"); */
/* } */

/* .icons .col:hover > #mt, .icons .active > #mt, .icons2 .active .col-4 #mt1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/meracia-technika_w.png"); */
/* } */

/* .icons .col:hover > #zt, .icons .active > #zt, .icons2 .active .col-4 #zt1  { */
	/* content:url("/WordpressTest/wp-content/themes/Kvant/images/biele/vedecke-exponaty_w.png"); */
/* } */

.row:after {
	content: "";
	display: table;
	clear: both;
}

/***********************************************************************************NOVINKY + O NAS***************************************/

.meet_us{
	padding-top: 2%;
	padding-bottom: 2%;
	/*background-color: #f0f0f0;*/
}

.meet_us .col {
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 5%;
	padding-right: 5%;
}

.col-4 {
	text-align: center;
	position: relative;
}

.col-4 span {
	position: absolute;
	bottom: 0;
}

.stretnutie p {
	text-decoration: strong;
	font-weight: 800;
}

.odsek {
	margin-bottom: 2vw;
}

.space{
	margin-bottom: 5vw;
}

/************************************************************************************MAPY*******************************************************************/

.mapyNadpisy {
	font-weight: 800;
}



/*************************************************************************************FOOTER*****************************************************************/

.ftimg {
	max-height: 50%;
	max-width: 50%;
	margin-bottom: 5%;
}

footer h4 {
	text-transform:uppercase;
	border-bottom:1px solid #FFF;
	font-size:14px;
	padding-bottom:6px;
}

@media (max-width: 992px) {
	.ftimg {
		max-width:100%;
		display:none;
	}
}

@media (max-width: 768px) {
	.ftimg {
		max-width:50%;
		text-align:center;
	}
}

footer {
	background: black;
	color: white;
	padding: 1.5%;
}

.white_hr {	/*BIELA DELIACA CIARA*/
	border: 1.5px solid #fff;
	margin: 0;
	margin-bottom: 5%;
}

#menu-bottom-menu {
	padding: 0;
}

.navifooter a{
	color: white;
	width: 100%;
}

#menu-bottom-menu li {
	float: left;
	width: 100%;
}

footer ul {
  list-style-type: none;
}

.rights {
	text-align: center;
}

#menu-bot-mid-menu {
	padding: 0;
}

/*************************************************************************************************GALERIA*****************************************************************/
.tz-gallery img{
	width: 100%;
}


#bigimg {
-webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-ms-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
}

.slide img {max-width:100%;cursor:pointer;}
.col-md-3 {float:left}

footer {font-size:12px}

.meet_us {
	font-size:16px;
	text-align:justify;
}
.meet_us h3 {
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid #000;

}
.meet_us h3 a {
	color: #000;
}

.meet_us h3 a:hover {
	color:#cf2e2e;
	text-decoration:none;
}

p {
	text-align:justify
}

h1 {
	margin:20px 0px 30px 0px;
	font-size:26px;
	text-transform: uppercase;
	color: #E12621;
	font-weight: 700;
}
h2 {
	font-size:22px;
}
h3 {
	font-size:20px;
	font-weight: 700;
}

.pageText {padding-bottom:20px}
.pageText .nav {display:flex!important;}
.pageText .nav-tabs {
	border-bottom:1px solid #666;
}
.pageText .nav-tabs .nav-link {
	font-size:16px;
	color:#666;
}
.pageText .nav-tabs .nav-link:hover {
	border-color:#FFF #666;
	border-radius:0;
	text-decoration:none;
	color:#000;
}

.pageText .nav-tabs .nav-link.active {
	color: #000;
	border-color:transparent #666;
	border-radius:0;
}
.pageText .nav-tabs .nav-link.active {
	color: #000;
}
.tab-pane {padding:10px;text-align:justify;}
.tab-pane h4 {font-size:16px;color:#E12621;}


.oddelenia .row {padding:20px 0px;border-bottom:1px solid #EEE;}
@media (max-width: 768px) {
	.nazov-oddelenia {text-align:center;padding-bottom:10px;}
}

.cn-button.wp-default {
	background-color: #E12621;
}

@media (max-width: 992px) {
	.menu_buttons .col-md-6{
		flex:0 0 48%;
		width:48%;
	}
	.icomenu {
		justify-content:left;
		font-size:2vw;
	}
	.icon, .active .icon {
		max-width:15%;
	}
}
@media (max-width: 768px) {
	.icon, .active .icon {
		max-width:23%;
	}
	.icomenu {
		justify-content:left;
		font-size:2.5vw;
	}
	.slogan {font-size:14px}
	
	.menu_buttons .col-sm-12 {
		flex:0 0 100%;
		width:100%
	}
}

@media (min-width: 992px) {
	.menu_buttons .col-lg-3{
		flex:0 0 24%;
		width:24%;
	}
}

@media (min-width: 1400px) {
	.container-fluid {width:75%}
}

.breadcrumb {
	background-color:transparent;
	padding:0.75rem 0 0.75rem 0;
}
.breadcrumb .homelink {
	color:#000;
}
.breadcrumb .homelink:hover {
	color:#E12621;
	text-decoration:none;
}

.breadcrumb .title {
	color:#E12621;
	text-transform:uppercase;

}

a {
	transition: color 0.2s;
}

/************* SUBMENU ***********/

@media (min-width: 1318px) {
	ul.sub-menu {display:none}
	
	li:hover ul.sub-menu {
		padding:0;
		margin:0;
		position:absolute;
		top:30px;
		z-index:10000;
		display:block!important;
		background-color:rgba(255, 255, 255, 0.9);
	}
	li:hover ul.sub-menu li {
		display:block;
		padding:3px 10px;
	}
	li:hover ul.sub-menu li:hover {
		background-color: rgb(190,30,20);
	}
	li:hover ul.sub-menu li:hover a {text-decoration:none;color:#FFF}
}	

/** CUSTOM **/

.btn-primary, .btn-primary:visited {
	background-color:#E12621;
	border-color:#E12621;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #a22b28;
	border-color:#a22b28;
}

.energia .col-md-4, 
.energia .col-md-8 {
	padding:5px
}
.energia .boxed {
	padding:10px 10px;
	border: 1px solid rgba(153,153,153,0.25);
	border-radius: 5px;
	box-shadow: 5px 5px 5px 0px rgba(153,153,153,0.25);
}
.boxed p.nadpis {
	color:#E12621;
	font-style:italic;
	margin:0;
	padding:0;
}
.boxed p.anotacia {
	color:#666;
	font-size:14px;
}

.pageText .col-lg-3 {
    flex: 0 0 24% !important;
}