/*
	Theme Name: Ninestars
	Theme URL: https://bootstrapmade.com/ninestars-free-bootstrap-3-theme-for-creative/
	Author: BootstrapMade
	Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Merriweather:400i|Montserrat:700&subset=latin-ext');

body {
	width: 100%;
	height: 100%;
	font-family: 'Lato',sans-serif;
	font-weight: 300;
	color: #666;
	background-color: #fff;
}

html {
	width: 100%;
	height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 30px;
	text-transform: uppercase;
	font-family: Montserrat,sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
}

h3,
h4,
h5,
h6 {
	margin: 1em 0 0.5em;
}

p {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.6em;
}

p.lead {
	font-weight: 600;
}

a {
	color: #28c3ab;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #176e61;
}

.light {
	font-weight: 400;
}

address {
	margin-left: 0;
	padding: 0;
}

/* misc */
hr {
  margin-top: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

/* ===========================
--- General sections
============================ */
.home-section {
	padding-top: 110px;
	padding-bottom: 110px;
	display:block;
	position:relative;
	z-index:120;
}

#clenove-spolku {
	margin-top: -20px;
	padding-top: 70px;
}

.section-heading h2 {
	font-size: 40px;
}
.section-heading i {
	margin-bottom: 20px;
}

/* --- section bg var --- */
.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}

.bg-dark {
	background: #575757;
}

/* --- section color var --- */
.text-light {
	color: #fff;
}

/* ============================
--- Menu
============================= */
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'ecoicons';
	src: url("./../fonts/ecoicons/ecoicons.eot");
	src: url("./../fonts/ecoicons/ecoicons.eot?#iefix") format("embedded-opentype"), url("./../fonts/ecoicons/ecoicons.woff") format("woff"), url("./../fonts/ecoicons/ecoicons.ttf") format("truetype"), url("./../fonts/ecoicons/ecoicons.svg#ecoicons") format("svg");
}

.gn-menu-main,
.gn-menu-main ul {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #CE2027;
	list-style: none;
	text-transform: none;
	font-weight: 300;
	font-family: 'Lato', Arial, sans-serif;
	line-height: 60px;
	z-index:150;
}

.gn-menu-main {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	font-size: 13px;
}

.gn-menu-main a {
	display: block;
	height: 100%;
	color: #CE2027;
	text-decoration: none;
	cursor: pointer;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
	background: #CE2027;
	color: white;
}

.gn-menu-main > li {
	display: block;
	float: left;
	height: 100%;
	border-right: 1px solid #c6d0da;
	text-align: center;
}

/* icon-only trigger (menu item) */
.gn-menu-main li.gn-trigger {
	position: relative;
	width: 60px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.gn-menu-main > li:last-child {
	float: right;
	border-right: none;
}

.gn-menu-main > li > a {
	padding: 0 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}

.gn-menu-main > li > a.logo {
	padding: 0;
}

.gn-menu-main > li > a.logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
}

.gn-menu-main:after {
	display: table;
	clear: both;
	content: "";
}

.gn-menu-wrapper {
	position: fixed;
	top: 60px;
	bottom: 0;
	left: 0;
	overflow: hidden;
	width: 60px;
	border-top: 1px solid #c6d0da;
	background: white;
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	transform: translateX(-60px);
	-webkit-transition: -webkit-transform 0.3s, width 0.3s;
	-moz-transition: -moz-transform 0.3s, width 0.3s;
	transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
	position: absolute;
	overflow-y: scroll;
	width: 370px;
	height: 100%;
}

.gn-menu {
	border-bottom: 1px solid #c6d0da;
	text-align: left;
	font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
	box-shadow: inset 0 1px #c6d0da
}

.gn-submenu li {
	overflow: hidden;
	height: 0;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.gn-submenu li a {
	color: #c1c9d1
}

input.gn-search {
	position: relative;
	z-index: 10;
	padding-left: 60px;
	outline: none;
	border: none;
	background: transparent;
	color: #CE2027;
	font-weight: 300;
	font-family: 'Lato', Arial, sans-serif;
	cursor: pointer;
}

/* placeholder */
.gn-search::-webkit-input-placeholder {
	color: #CE2027
}

.gn-search:-moz-placeholder {
	color: #CE2027
}

.gn-search::-moz-placeholder {
	color: #CE2027
}

.gn-search:-ms-input-placeholder {
	color: #CE2027
}

/* hide placeholder when active in Chrome */
.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
	color: transparent
}

input.gn-search:focus {
	cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
	color: white
}

/* placeholder */
.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
	color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
	color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
	color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
	color: white
}

.gn-menu-main a.gn-icon-search {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
}

.gn-icon::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'FontAwesome';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.gn-icon-book::before			{ content: "\f02d"; }
.gn-icon-calendar::before		{ content: "\f073"; }
.gn-icon-envelope::before		{ content: "\f0e0"; }
.gn-icon-folder-open-o::before	{ content: "\f115"; }
.gn-icon-handshake-o::before	{ content: "\f2b5"; }
.gn-icon-image::before			{ content: "\f03e"; }
.gn-icon-info-circle::before	{ content: "\f05a"; }
.gn-icon-user::before			{ content: "\f007"; }

/* if an icon anchor has a span, hide the span */
.gn-icon span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.gn-icon-menu::before {
	margin-left: -15px;
	vertical-align: -2px;
	width: 30px;
	height: 3px;
	background: #CE2027;
	box-shadow: 0 3px white, 0 -6px #CE2027, 0 -9px white, 0 -12px #CE2027;
	content: '';
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
	background: white;
	box-shadow: 0 3px #CE2027, 0 -6px white, 0 -9px #CE2027, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
	background: #CE2027;
	box-shadow: 0 3px white, 0 -6px #CE2027, 0 -9px white, 0 -12px #CE2027;
}

/* styles for opening menu */
.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
	width: 340px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
	height: 60px
}

@media screen and (max-width: 422px) {
	.gn-menu-wrapper.gn-open-all {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		width: 100%;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
		width: 130%
	}
}

/* ===========================
--- Intro
============================ */
.intro {
	width:100%;
	position:relative;
}

#intro {
	background-image: url(../img/intro/01.jpg);
	background-size: cover;
}

.intro .slogan {
	padding:250px 0 60px;
	text-align: center;

}

.intro .slogan h1 {
	margin-bottom: 20px;
	line-height: 1.1em;
	color: #FFF;
	font-size: 40px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

.intro .slogan p {
	color: #eee;
	margin-bottom: 50px;
	font-size: 20px;
}


.brand-heading {
	font-size: 40px;
}

.intro-text {
	font-size: 18px;
}

/* slider */
.tp-caption.custom_large_white {
	color: #FFF;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
}

.tp-caption a.btn {
	color: #fff;
}

/* ===========================
--- About
============================ */
.boxed-grey {
	background: #eee;
	padding: 20px;
}

.team h5 {
	margin-bottom: 10px;
}

.team p.subtitle {
	margin-bottom: 10px;
}

.avatar {
	margin-bottom: 20px;
}

.avatar img {
	margin: 0 auto;
}

.team-social {
	margin-left: 0;
	padding-left: 0;
}

.team-social {
	text-align: center;
}

.team-social li {
	display: inline-block;
	margin:0 !important;
	padding:0;
}

.team-social a {
	margin:0;
	padding:0;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3bbec0;
	color: #fff;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.team-social a i {
	text-align: center;
	margin:0;
	padding:0;
}

.team-social .social-facebook a		{ background: #3873ae; }
.team-social .social-twitter a		{ background: #62c6f8; }
.team-social .social-dribble a		{ background: #d74980; }
.team-social .social-deviantart a	{ background: #8da356; }
.team-social .social-google a		{ background: #000; }
.team-social .social-vimeo a		{ background: #51a6d3; }

.team-social .social-facebook a:hover	{ background: #4893ce; }
.team-social .social-twitter a:hover	{ background: #82e6ff; }
.team-social .social-dribble a:hover	{ background: #f769a0; }
.team-social .social-deviantart a:hover	{ background: #adc376; }
.team-social .social-google a:hover		{ background: #333; }
.team-social .social-vimeo a:hover		{ background: #71c6f3; }

/* ===========================
--- Services
============================ */
.service-icon {
	margin-bottom: 20px;
}

/* ===========================
--- Works
============================ */
.gallery-item > div {
	margin-bottom: 30px;
}

.gallery-item > div.clearfix {
	margin-bottom: 0;
}

/* ===========================
--- Contact
============================ */
form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}

form#contact-form input,
form#contact-form select,
form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
	-webkit-box-shadow: none;
			box-shadow:  none;
}

form#contact-form input:focus,
form#contact-form select:focus,
form#contact-form textarea:focus {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
			box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.input-group-addon {
	background-color: #fefefe;
	border: 1px solid #eee;
	border-radius: 0;
}

.widget-contact {
	text-align: left;
	margin-top: 30px;
}

.validation {
	color: red;
	display: none;
	margin: 0 0 20px;
	font-weight: 400;
	font-size: 13px;
}

#sendmessage {
	color: green;
	border:1px solid green;
	display:none;
	text-align:center;
	padding:15px;
	font-weight:600;
	margin-bottom:15px;
}

#errormessage {
	color: red;
	display: none;
	border: 1px solid red;
	text-align: center;
	padding: 15px;
	font-weight: 600;
	margin-bottom: 15px;
}

#sendmessage.show,
#errormessage.show,
.show {
	display: block;
}

.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
}

.company-social li{
	display: inline-block;
	margin:0 !important;
	padding:0;
}

.company-social a {
	margin:0;
	padding:0;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3bbec0;
	color: #fff;
	-webkit-transition: background .3s ease-in-out;
			transition: background .3s ease-in-out;
}

.company-social a i {
	text-align: center;
	margin: 0;
	padding: 0;
}

.company-social .social-facebook a		{ background: #3873ae; }
.company-social .social-twitter a		{ background: #62c6f8; }
.company-social .social-dribble a		{ background: #d74980; }
.company-social .social-deviantart a	{ background: #8da356; }
.company-social .social-google a		{ background: #000; }
.company-social .social-vimeo a			{ background: #51a6d3; }

.company-social .social-facebook a:hover	{ background: #4893ce; }
.company-social .social-twitter a:hover		{ background: #82e6ff; }
.company-social .social-dribble a:hover		{ background: #f769a0; }
.company-social .social-deviantart a:hover	{ background: #adc376; }
.company-social .social-google a:hover		{ background: #333; }
.company-social .social-vimeo a:hover		{ background: #71c6f3; }

/* ===========================
--- Footer
============================ */
footer {
	text-align: center;
	padding: 50px 0 ;
}

footer p {
	color: #f8f8f8;
}

footer a {
	color: #fff;
}

footer a:hover {
	color: #fff;
}

.credits {
	color: #fff;
	font-size: 0.75em;
}

/* ===========================
--- Elements
============================ */
.btn {
	border-radius: 0;
	text-transform: uppercase;
	font-family: Montserrat,sans-serif;
	font-weight: 400;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

.btn-circle {
	width: 70px;
	height: 70px;
	margin-top: 15px;
	padding: 7px 16px;
	border: 2px solid #fff;
	border-radius: 50%;
	font-size: 40px;
	color: #fff;
	background: 0 0;
	-webkit-transition: background .3s ease-in-out;
	   -moz-transition: background .3s ease-in-out;
	        transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
	border: 2px solid #666;
	color: #666;
}

.btn-circle:hover,
.btn-circle:focus {
	outline: 0;
	color: #fff;
	background: rgba(255,255,255,.1);
}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
	outline: 0;
	color: #999;
	background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i {
	color: #999;
}

.page-scroll .btn-circle i.animated {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {
	0 {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes pulse {
	0 {
		-moz-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-moz-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

#text {
	color: #fff;
	background: #ffcc00;
}

#map {
	height: 500px;
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.btn-default:hover,
.btn-default:focus {
	border: 1px solid #28c3ab;
	outline: 0;
	color: #000;
	background-color: #28c3ab;
}

.btn-huge {
	padding: 25px;
	font-size: 26px;
}

.banner-social-buttons {
	margin-top: 0;
}

/* Media queries */
@media(min-width:767px) {
	.intro {
		height: 100%;
		padding: 0;
	}

	.brand-heading {
		font-size: 100px;
	}

	.intro-text {
		font-size: 25px;
	}
}

@media (max-width:768px) {
	.team.boxed-grey {
		margin-bottom: 30px;
	}

	.boxed-grey {
		margin-bottom: 30px;
	}
	.intro .slogan {
		padding: 100px 0 60px;
	}
}

@media (max-width:480px) {
	.intro .slogan {
		padding: 170px 0 60px;
	}
}

@media (max-width:350px) {
	.gn-menu-main > li > a.logo {
		display: none;
	}
}