* THEME STYLES */

/* Look on css/framework.css to edit the classes of the theme */
/* Below are present only some common classes */

/* INDEX 

   1. WRAP 
   2. HEADER
   3. FOOTER
   4. GMAP
   5. INPUT
   
*/

/* 1. WRAP */

body {
	overflow-x: hidden;
}

section, header, footer {
	width: 100%;
	clear: both;
}

#mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 9999;
}

/* sections IDs */
/* use these ids to edit some elements in the sections 

   #header {} #wall {} #intro {} #blog {} #callout {} #clients {} #counters {} #features {} #parallax {}
   #map {} #portfolio {} #gallery {} #quotes {} #services {} #team {} #price {}  #countdown {} #widgets {} #footer {}
   
*/

/* 2. HEADER */

header {
	z-index: 999;
}

/* social menu */
.social-m li {
	display: inline-block;
}

/* main menu */
.main-m li {
	display: inline-block;
}

/* portfolio menu */
.filter-m li {
	display: inline-block;
}

/* mobile menu */
.mob-m li {
	display: list-item;
}

/**/

.social-m li i {
	line-height: 70px !important;
	font-size: 24px;
}

nav li a:hover i {
	color: #fff;
}

.main-m li i {
	font-size: 18px;
	padding-right: 10px;
	font-weight: 400;
}

.main-m ul li a:hover, .main-m ul li a.current {
	color: #e53139;

}

.mega-m ul li {
	font-size: 10px !important;
}	

nav li a,
nav li span {
	font-size: 16px;
	padding-right: 30px;
	font-weight: 400;
	
}



nav li i:hover,
nav li a:hover,
nav li span:hover {
	color: #e53139;
}

nav li span {
	cursor: pointer;
}

em {

	font-style: normal;
}



#content a {
	color: #ffffff;
		
}

#content .stmk2 a {
	color: #b1ceed;
		
}

#home .noe a {
	color: #ffffff;	
}

#home .noe2 a {
	color: #deab75;	
}

#home .stmk a {
	color: #ffffff;	
}






#kontakt a {
	color: #c20079;
}

#footer{
	display:flex;
	justify-content:center;
}

#footer a {
	color: #c20079;
	text-transform: uppercase;
	font-weight: 300;
}

section a:hover {
	opacity: 0.6;
}

.switch {
	color: #a39d87;;
	padding: 0 15px;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 25px;
	cursor: pointer;
	background: #c6c1b3;
}

.switch:hover {
	color: #a39d87;;
}

/* 3. FOOTER */

.to-top {
	cursor: pointer;
}

/* 4. GMAP */

#gmap { 
	height: 100%;
}

#map-canvas {
	height: 100%;
}

.map-marker {
	display: none;
}

/* 5. INPUT */

input, textarea, select {
	padding: 10px;
}

input[type="text"],
input[type="email"],
input[type="phone"] { 
	height: 50px;
	border-style: solid;
	border-width: 1px;
	background-color: transparent;
	border-color: #ffffff;
}

input[type="submit"],
input[type="reset"] {
	height: 50px;
}

textarea {
	height: 100px;
	max-height: 200px;
	border-style: solid;
	border-width: 2px;
	background-color: transparent;
}


/* 5. Logoslider */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #f2f2f2;
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
}

.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.logos:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

.logos-slide img {
  height: 50px;
  margin: 0 40px;
}