@charset "utf-8";
/*
 Knight Bootstrap theme by BootstrapTaste.com
 Theme URI: http://bootstraptaste.com/knight-free-bootstrap-theme/
 Author: BootstrapTaste
 Author URI: http://bootstraptaste.com
 */
 
/* CSS Document */

/* Float Elements 
---------------------------------*/
.fl-lt {float:left;}
.fl-rt {float:right;}

/* Clear Floated Elements
---------------------------------*/
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.figure{ margin:0px;}

img{ max-width:100%;}

a {color:#e41b41;}
a:hover {color: #e41b41; text-decoration: underline;}
a, a:hover, a:active{ outline:0px !important}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont_v-4.1.0.eot');
  src: url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/fontawesome-webfont_v-4.1.0.woff') format('woff'), url('../fonts/fontawesome-webfont_v-4.1.0.ttf') format('truetype'), url('../fonts/fontawesome-webfont_v-4.1.0-fontawesomeregular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {font-family: 'Kelson-Bold';src: url('../fonts/31FFED_0_0.eot');src: url('../fonts/31FFED_0_0.eot#iefix') format('embedded-opentype'),url('../fonts/31FFED_0_0.woff') format('woff2'),url('../fonts/31FFED_0_0.woff') format('woff'),url('../fonts/31FFED_0_0.ttf') format('truetype');}
@font-face {font-family: 'Kelson';src: url('../fonts/31FFED_1_0.eot');src: url('../fonts/31FFED_1_0.eot#iefix') format('embedded-opentype'),url('../fonts/31FFED_1_0.woff') format('woff2'),url('../fonts/31FFED_1_0.woff') format('woff'),url('../fonts/31FFED_1_0.ttf') format('truetype');}
@font-face {font-family: 'Kelson-Light';src: url('../fonts/31FFED_2_0.eot');src: url('../fonts/31FFED_2_0.eot#iefix') format('embedded-opentype'),url('../fonts/31FFED_2_0.woff') format('woff2'),url('../fonts/31FFED_2_0.woff') format('woff'),url('../fonts/31FFED_2_0.ttf') format('truetype');}
@font-face {font-family: 'Kelson-Medium';src: url('../fonts/31FFED_3_0.eot');src: url('../fonts/31FFED_3_0.eot#iefix') format('embedded-opentype'),url('../fonts/31FFED_3_0.woff') format('woff2'),url('../fonts/31FFED_3_0.woff') format('woff'),url('../fonts/31FFED_3_0.ttf') format('truetype');}
@font-face {font-family: 'Kelson-Thin';src: url('../fonts/31FFED_4_0.eot');src: url('../fonts/31FFED_4_0.eot#iefix') format('embedded-opentype'),url('../fonts/31FFED_4_0.woff') format('woff2'),url('../fonts/31FFED_4_0.woff') format('woff'),url('../fonts/31FFED_4_0.ttf') format('truetype');}
@font-face {font-family: 'Kelson-ExtraBold';src: url('../fonts/31FFED_5_0.eot');src: url('../fonts/31FFED_5_0.eot#iefix') format('embedded-opentype'),url('../fonts/31FFED_5_0.woff') format('woff2'),url('../fonts/31FFED_5_0.woff') format('woff'),url('../fonts/31FFED_5_0.ttf') format('truetype');}


/* Primary Styles
---------------------------------*/
body {
	background:#fff;
	font-family: 'Kelson-Light', sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#888888;
	margin:0;
}

h1{
	font-size:72px;
	color:#a7d6c6;
	font-family: 'Lobster', cursive;
	margin:50px 0;
	text-align:center;
}

h2{
	font-size:30px;
	color:#222222;
	font-family: 'Kelson-ExtraBold', sans-serif;
	margin:0 0 15px 0;
	text-align:center;
	text-transform:uppercase;
}
h3{
	font-family: 'Lobster', cursive;
	color:#e41b41;
	font-size:30px;
	margin:0 0 5px 0;
	text-align: center;
}

h4{
	font-size:16px;
	color:#888888;
	font-family: 'Kelson-Bold', sans-serif;	
	text-align:center;
	margin:0 0 20px 0;
}
p{
	line-height:24px;
	margin:0;
}

/* Header Styles
---------------------------------*/

.nav-bar-zk {
	position: relative;
	top:0;
}

.nav-bar-zk .main-nav a {color: #fff;}

#logoWhite {
	float: left;
	display: block;
	text-indent: -9999px;
	margin-top: 15px;
	margin-left: 25px;
	width: 147px;
	height: 143px;
	background:url(../img/logo-white.png) no-repeat 0 0;
}

#logoWhiteSml {
	float: left;
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 80px;
	margin-left: 15px;
	background:url(../img/logo-white-sml.png) no-repeat 0 0;
}

.main-nav {
	float:right;	
}


.header {
	width: 100vw; 
	height: 100vh;
    margin: 0;
    background: url(../img/udelej-uzel-big.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header p.lead span {
	display: inline-block;
  	position: relative; 
  	text-align: center;
  }

.header .container {padding:100px;}

.header p.lead span:before,
.header p.lead span:after {
  content: "";
  position: absolute;
  height: 5px;  
  border-bottom: 3px solid white;
  top: 35px;
  width: 76px;
}
.header p.lead span:before {
  right: 100%;
  margin-right: 15px;
}
.header p.lead span:after {
  left: 100%;
  margin-left: 15px;
}

.logo{
	width:130px;
	margin:0 auto 35px;
}
.header h1{
	font-family: 'Kelson-ExtraBold',sans-serif;
	font-size:74px;
	font-weight:400;
	margin:0 0 22px 0 ;
	color:#fff;
}

.header a.goDown {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin:0 auto;
	text-align: center;
	bottom:30px;  
	color:#fff;
	font-size: 14px;
	text-transform: uppercase;
}

.header a.goDown img {margin-top: 15px;}

.we-create{
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	padding:0 25%;
	margin:35px 0 55px;
}
.wp-pic{
	margin-bottom:20px;
}
.we-create li{
	display:inline-block;
	font-family: 'Montserrat',sans-serif;
	font-size:14px;
	color: #bcbcbc;
	text-transform: uppercase;
	font-weight: 400;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
}
.we-create li:first-child{
	background:none;
}

.start-button {
	padding-left: 0px;
}

.start-button li a{
color: #fff;
}


.link{
	padding:15px 35px;
	background:#a7d6c6;
	color:#fff;
	font-size:14px;	
	font-family: 'Kelson-Light', sans-serif;
	display:inline-block;
	border-radius:3px;
	text-transform:uppercase;
	line-height:25px;
	margin-bottom:20px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.link:hover {
	text-decoration:none;
	color:#7cc576;
	background:#fff;
}

.link:active, .link:focus {
	background: #7cc576;
	text-decoration:none;
	color:#fff !important;
}

/* Navigation
---------------------------------*/


.main-nav-outer button.link.podporit-btn {position: absolute; right:0; top:0; padding:10px 25px; color: #a7d6c6; background: #e41b41; border:2px solid transparent;}
.main-nav-outer button.link.podporit-btn:hover {color: #e41b41; background: none; border:2px solid #e41b41;}
.main-nav-outer a.link.udelatUzel-btn {background: none; border:2px solid #fff; margin-right:135px;}
.main-nav-outer a.link.udelatUzel-btn:hover {background: #fff; color:#a7d6c6;}

.nav-bar-zk ul {margin-top:25px;}
.nav-bar-zk button.link.podporit-btn {position: absolute; right:25px; top:25px; padding:10px 25px; background:#a7d6c6; color:#80565f;}
.nav-bar-zk button.link.podporit-btn:hover {background:transparent; border:2px solid #a7d6c6; color:#a7d6c6;}
.nav-bar-zk a.link.udelatUzel-btn {color:#a7d6c6; background: none; border:2px solid #a7d6c6; margin-right:160px;}
.nav-bar-zk a.link.udelatUzel-btn:hover {border:2px solid #fff; background: #fff; color:#a7d6c6;}

.main-nav-outer{
	padding:0;
	border-bottom:1px solid #dddddd;
	/*box-shadow:0 4px 5px -3px #ececec;*/
	position:relative;
	background:#a7d6c6;
}
.main-nav{
	text-align:center;
	margin:0;
	padding:0;
	list-style:none;
}
.main-nav li{
	display:inline;
	margin:0 1px;
}
.main-nav li a, .main-nav-outer button, .nav-bar-zk button {
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Kelson', sans-serif;
	font-size: 16px;
	text-decoration: none;
	line-height:20px;
	margin:17px 12px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-nav li.active a {color: #e41b41;}

.main-nav li a:hover{ 
	text-decoration:none;
	color: #e41b41;
}

.main-nav li a.link, .main-nav li button.link {padding:10px 10px;}

.main-nav li button {border: none;}

.small-logo{ 
	padding:0 32px;
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1200px) {
  	.main-nav li a {font-size: 13px; margin:17px 5px; padding: 8px 2px !important;}
  	.main-nav-outer button.link.podporit-btn, .nav-bar-zk button.link.podporit-btn {padding: 10px 10px; font-size: 13px;}
  	.main-nav-outer .main-nav li a.link.udelatUzel-btn, .nav-bar-zk .main-nav li a.link.udelatUzel-btn {margin-right: 90px; padding:10px 10px !important;}
  	.nav-bar-zk .main-nav li a.link.udelatUzel-btn {margin-right: 110px;}
  }

@media only screen 
  and (min-width: 768px) 
  and (max-width: 960px) {
  	#logoWhite {float: none; margin:0 auto;}
  }

 @media only screen 
  and (min-width: 768px) 
  and (max-width: 863px) {
  	#logoWhiteSml {float: none; margin:0 auto;}
  	.main-nav-outer button.link.podporit-btn {top: 80px;}
  	.nav-bar-zk .main-nav li a.link.udelatUzel-btn {margin-right:0;}
  }


.main-section{
	padding:90px 0 110px;
}

@media only screen 
  and (max-width: 767px) 
  {
  	.main-nav-outer a.link.udelatUzel-btn {display: inline-block; margin: 25px auto;}
  }

/* About */
#about {padding:110px 0 135px; margin-top:21px;}
#about h2 {color:#a7d6c6;}
#about .row {text-align: center;}
#about p.lead {line-height: 36px; padding:30px 15%;}

/* Video homepage */

.video-section {padding:60px 0 0;}
.video-section h2 {padding: 0 0 50px; color: #e41b41;}

.video-section iframe {
    width: 100%;
    height: 468px;
}

/* Services
---------------------------------*/

.service-list{
	padding:0 0 0 0;
	font-size:14px;
	margin-bottom:40px;
}
.service-list-col1{
	float:left;
	width:60px;
}
.service-list-col1 i{
	font-style:normal;
	font-size:38px;
	display:block;
	color:#222;
	font-family: 'FontAwesome';
	line-height:38px;
}
.service-list-col2{
	overflow:hidden;	
}


/* Poslat Uzel a vzkaz - Home
---------------------------------*/
.poslatUzel{
	background:#e41b41 url(../img/poslat-uzel-bg.png) 0 0 repeat;	 
	padding: 0;
}

.poslatUzel a {
	color:#fff;
	text-decoration: underline;
}

.poslatUzel label {
	color:#fff;
}

.poslatUzel .form-group label {	
	width:140px;
	margin-right: 10px;
	text-align: right;
}

#contactForm p {color: #fff; clear: both; margin-top:10px;}
#contactForm .form-group p {margin-left:155px;}

.poslatUzel input {width: 243px;}

.poslatUzel .container {background:#e41b41; padding:50px 0;}
#poslat-uzel-a-vzkaz .poslatUzel .container {padding:80px 0;}

.poslatUzel h2{color: #fff; padding-bottom: 35px;}


.poslatUzel .btn {	
	display: block;
	font-size: 28px;
	margin:40px auto 25px;
}

.message label {float:left; text-align: right; margin-right: 10px;}
.message textarea {float:left; width:80%; margin-left: 4px;}

/* Base for label styling */

.roundedTwo {margin-left:115px;}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 22px; height: 22px;
  border: none;
  background: #fff;
  border-radius: 22px;
}

[type="checkbox"]:checked + label:before{
	background: #a7d6c6;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 3px; left: 4px;
  font-size: 24px;
  line-height: 0.8;
  color: #fff;
  transition: all .2s;
}


/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #a7d6c6;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #4778d9!important;
}




/* Featured Work
---------------------------------*/
.featured-work{
	font-size:14px;
}
.featured-work h2{
	text-align:left;
}
.featured-box{
	padding:0 0 0 0;
	margin-bottom:25px;
	font-size:14px;
}
.featured-box h3{
	margin-bottom:5px;
}
.featured-box p{
	line-height:22px;
}
.featured-work p.padding-b{
	padding-bottom:35px;
}
.featured-box-col1{
	width:60px;
	float:left;
}
.featured-box-col1 i{
	display:block;
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	color:#777777;
	font-style:normal;
}
.featured-box-col2{ overflow:hidden;}
.featured-box.magic{
	background:url(http://www.udelejuzel.cz/assets/templates/mammahelp/img/magic.png) left top no-repeat;
}
.featured-box.packaged{
	background:url(http://www.udelejuzel.cz/assets/templates/mammahelp/img/packaged.png) left top no-repeat;
}
.featured-box.seo{
	background:url(http://www.udelejuzel.cz/assets/templates/mammahelp/img/seo.png) left top no-repeat;
}
.Learn-More{
	display:inline-block;
	padding:0 5px 0 0;
	color:#7cc576;
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	line-height:24px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	display: none;
}
.Learn-More i{ 
	padding-right:15px;
}

.Learn-More:hover, .Learn-More:focus{ 
	text-decoration:none;
	color: #111;
}

/* Zapojit se - Home
---------------------------------*/


#zapojitSe .container {
	border-bottom:1px solid #a7d6c6; 
}

#zapojitSe h2 {color: #e41b41;}

#zapojitSe ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font-size: 18px;
	line-height: 40px;
	padding: 55px 20%;       
}

.rounded-list li{
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
    color: #444;
    transition: all .3s ease-out;   
}

.rounded-list li:hover{
    
}

.rounded-list li:before{
    transform: rotate(360deg);  
}

.rounded-list li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -1.3em;
    top: 50%;
    margin-top: -1em;
    background: #a7d6c6;
    height: 2em;
    width: 2em;
    color:#fff;
    line-height: 2em;    
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}


/* Portfolio
---------------------------------*/
.Portfolio-nav{
	padding:0;
	margin:0 0 45px 0;
	list-style:none;
	text-align:center;
}
.Portfolio-nav li{
	margin:0 10px;
	display:inline;
}
.Portfolio-nav li a{
	display:inline-block;
	padding:10px 22px;
	font-size:12px;
	line-height:20px;
	color:#222222;
	border-radius:4px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	background:#f7f7f7;
	margin-bottom:5px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.Portfolio-nav li a:hover{
	background:#7cc576;
	color:#fff;
	text-decoration:none;
}

.portfolioContainer{
	margin:0 auto;
	padding-left:15px;
}

.Portfolio-box{
	text-align:center;
	margin-bottom:30px;
	height:350px;
	width:350px;
	overflow:hidden;
	float:left;
	padding:0;
}
.Portfolio-box img{
	margin-bottom:25px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;	
}

.Portfolio-box img:hover {
	opacity: 0.6;
}

.Portfolio-nav li a.current{
	background:#7cc576;
	color:#fff;
	text-decoration:none;
}
img {
   max-width:100%;
}

/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.main-section.paddind{
	padding-bottom:60px;
}



/* Sledujte Nas - Home
---------------------------------*/
#sledujteNas{
	background:url(../img/follow-footer.jpg) center center no-repeat;
	background-size:cover;
	padding:75px 0;
	text-align:center;
	color: #fff;
}

#sledujteNas .col-lg-12 {
	border:2px solid #fff;
	border-radius: 6px;
	padding:25px 0;
}

#sledujteNas h2 {
	font-family: 'Kelson-Bold', sans-serif;
	font-size: 36px;
	color: #fff;	
}

#sledujteNas p {
	font-family: 'Kelson', sans-serif;
	font-size: 36px;
}

.client-part-haead{
	color:#fff;
	line-height:41px;
	margin:30px 0 10px;
}

/* Akce - HP
---------------------------------*/

#akce {text-align: center;}

#akce h2 {color: #e41b41;}

.akce-block{
	max-width:993px;
	margin:0 auto;
	text-align: center;
}
.akce-inner-block, .team-inner-block{	
	height: 315px;
	overflow: hidden;	
}

.akce-inner-block p, .team-inner-block p {
	font-size: 16px;
	color: #e41b41;
}

.akce-inner-block span, .team-inner-block span {
	margin-bottom:24px;
	display:block;
}
.akce-inner-block:nth-of-type(3n+0){ margin:0;}
.akce-image, .team-image{	
	width:180px;
	height:180px;
	position:relative;
	border-radius:50%;	
	margin:7px auto 25px;	
	text-align: center;

}
.akce-shadow {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:50%;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	border-radius:50%;
}
.akce-shadow a {
	display:block;
	width:100%;
	height:100%;
}
.akce-image:hover .akce-shadow{
	box-shadow:inset  0px 0px 0px 148px rgba(167,214,198,1);
}
.akce-image p.date {font-size:50px; display: none; position: absolute; top:45%; left: 0; right: 0; margin: auto; color: #fff; z-index: 9999;}
.akce-image:hover p.date{ display:block; opacity:1}
.akce-image img, .team-image img{
	display:inline-block;
	border-radius:50%;
}

/* Team
---------------------------------*/
.team-leader-block{
	max-width:993px;
	margin:0 auto;
}
.team-leader-box{
	width:30.66%;
	margin-right: 3.82979%;
	height: 490px;
	overflow: hidden;
	text-align: center;
	float: left;
}
.team-leader-box span{
	margin-bottom:24px;
	display:block;
}
.team-leader-box:nth-of-type(3n+0){ margin:0;}
.team-leader{
	width:auto;
	height:auto;
	position:relative;
	border-radius:50%;
	box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80);
	margin:7px 7px 25px 7px;
	
}
.team-leader-shadow{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:50%;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	border-radius:50%;
}
.team-leader-shadow a{
	display:block;
	width:100%;
	height:100%;
}
.team-leader:hover .team-leader-shadow{
	box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);
}
.team-leader:hover ul{ display:block; opacity:1}
.team-leader img{
	display:block;
	border-radius:50%;
}
.team-leader ul{
	display:block;
	opacity:0;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-14px;
	z-index:15;
	transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
}
.team-leader ul li{
	display:inline;
	margin:0 11px;
}
.team-leader ul li a{
	font-family: 'FontAwesome';
	display:inline-block;
	font-size:28px;
	color:#fff;	
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.team-leader ul li a:hover, .team-leader ul li a:focus{
	text-decoration:none;
}
.team-leader ul li a.fa-twitter:hover{
	color:#55acee;
}
.team-leader ul li a.fa-facebook:hover{
	color:#3b5998;
}
.team-leader ul li a.fa-pinterest:hover{
	color:#cb2026;
}
.team-leader ul li a.fa-google-plus:hover{
	color:#dd4b39;
}

/* Talk Business
---------------------------------*/
.business-talking{
	background:url(../img/section-bg2.jpg) top center no-repeat;
	background-size:cover;
	padding:60px 0 10px;
	text-align:center;
}
.business-talking h2{
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	padding:0;
	margin:20px 0 70px;
	text-transform:uppercase;
	font-size:42px;
	color:#fff;
}


/* Contact
---------------------------------*/
.main-section.contact{
	padding:90px 0 100px;
}

.main-section.contact{
	background:url(../img/bg-map.png) left 190px no-repeat;
}
.contact-info-box{
	font-size:15px;
	margin:0 0 14px 68px;
	padding-left:0;
}
.contact-info-box h3{
	font-size: 15px;
	font-weight:400;
	float:left;
	width:102px;
	margin-right:12px;
	line-height:28px;
}
.contact-info-box h3 i{
	font-style:normal;
	font-size:18px;
	color:#222222;
	font-family: 'FontAwesome';
	font-weight:normal;
	margin-right:7px;
}
.contact-info-box span{
	line-height:28px;
	display:block;
	overflow:hidden;
}
.social-link{
	padding:10px 0;
	margin:0;
	display:block;
	overflow:hidden;
	list-style:none;
}
.social-link li{
	float:left;
	margin-right:8px;
}

.social-link li a{
	position: relative;
	display:block;
	margin-right: 7px;
	width:25px;
	height:25px;
	text-align:center;
	text-indent: -9999px;
	background: url(../img/icons-socialnetworks.png) 0 -25px no-repeat;
	transition:all 0.3s ease-in-out;
}

.social-link li.Facebook a {
	background-position: -25px -25px;
}

.social-link li.Twitter a {
	background-position: -50px -25px;
}

.social-link li.youtube a {
	width: 35px;
	background-position: -75px -25px;
}

.social-link li a:hover {top: -5px; transition:all 0.3s ease-in-out; background-position-y: 0;}


.form{
	margin:0 66px 0 30px;
}

.input-lg {border-radius: 0;}

.input-text{
	padding:15px 16px;
	border:1px solid #ccc;
	width:100%;
	height:50px;
	display:block;
	border-radius:4px;
	font-size:15px;
	color:#aaa;
	font-family: 'Open Sans', sans-serif;
	margin:0 0 15px 0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.input-text:focus {
	border: 1px solid #7cc576;
	outline:0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);	
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);
}

.input-text.text-area{
	height:165px;
	resize:none;
	overflow:auto;
}
.input-btn{
	width:175px;
	height:50px;
	background:#7cc576;
	border-radius:4px;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	border:0px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.input-btn:hover{
	background: #111;
	color: #fff;
}

/* Kdo Jsme 
---------------------------------*/
#kdo-jsme .top-section h1 {color:#e41b41;}
#kdo-jsme .top-section p {padding:0 20%; color:#e41b41; text-align: center;}

#kdo-jsme .image-section img {margin: 55px auto 0;}

#kdo-jsme .red-section {color: #fff; background:#e41b41;}
#kdo-jsme .red-section p {padding:35px 20%; text-align: center;}

#kdo-jsme .seznamtese-section h2 {color:#a7d6c6; padding:45px 0;}
#kdo-jsme .seznamtese-section h4, #kdo-jsme .seznamtese-section p {color:#e41b41; text-align: center;}

/* Jak Se Zapojit
---------------------------------*/
#jak-se-zapojit .top-section p.lead {text-align: center; color: #a7d6c6; margin-bottom: 70px;}

#jak-se-zapojit .columns-section .container {text-align: center; padding-bottom:50px; border-bottom:1px solid #a7d6c6;}
#jak-se-zapojit .columns-section .col-lg-4 {padding: 0 7%;}
#jak-se-zapojit .columns-section .col-lg-4 img {margin: 0 auto;}
#jak-se-zapojit .columns-section .col-lg-4 h2 {font-size:22px; color: #e41b41; text-transform: none; padding: 40px 0 30px;}
#jak-se-zapojit .columns-section .link {font-family: 'Lobster', cursive; font-size:24px; text-transform: none; margin-top: 45px; color:#e41b41; background: #fff; border:2px solid #e41b41;}

#jak-se-zapojit .schema-section {padding:0 0 110px;}
#jak-se-zapojit .schema-section h2 {padding:55px 7%; color: #a7d6c6;}

/* Jak Na Prevenci
---------------------------------*/
#jak-na-prevenci .top-section h1, #jak-na-prevenci .top-section p {color:#e41b41; text-align: center;}
#jak-na-prevenci .top-section p {padding:0 25% 10px;}

#jak-na-prevenci .download-section {margin:50px 0; background:url(../img/download-section-bg.png) repeat 0 0;}
#jak-na-prevenci .download-section a {text-decoration: none;}
#jak-na-prevenci .download-section .maleSymbol, #jak-na-prevenci .download-section .femaleSymbol {
	position: relative;
	display: block; 
	height:420px; 
	background:url(../img/male-symbol.png) no-repeat center center;	
	}
#jak-na-prevenci .download-section .femaleSymbol {background-image: url(../img/female-symbol.png);}

#jak-na-prevenci .download-section span.lead {
	display: block;
	font-size:30px; 
	font-family: 'Kelson-ExtraBold', sans-serif;
	text-transform: uppercase;
	width: 160px;
	text-align: center;
	margin: 0 auto;	
	padding: 160px 10px 0 0;
}

#jak-na-prevenci .download-section span.instructions {
	font-size: 14px;
	display: block;
	position: absolute;		
	width: 150px;	
	text-align: center;
}

#jak-na-prevenci .download-section span.instructions:after {
	content: ' ';
	position: absolute;
	display: block;
	width: 65px;
	height: 45px;
	left: 98%;
	top: 0px;
	background: url(../img/arrow-male-symbol.png) right top no-repeat;	
}

#jak-na-prevenci .download-section .maleSymbol span.instructions {bottom: 20px; left:-100px;}

#jak-na-prevenci .download-section .femaleSymbol {margin:40px 0;}
#jak-na-prevenci .download-section .femaleSymbol span.lead  {width:180px; color: #fff; padding: 120px 10px 0 0;}
#jak-na-prevenci .download-section .femaleSymbol span.instructions {top:0; right:-50px;}
#jak-na-prevenci .download-section .femaleSymbol span.instructions:after {
	background-image: url(../img/arrow-female-symbol.png);
	top: 65px;
	left: 30px;	
	width: 45px;
	height: 65px;
}

#jak-na-prevenci .vyukoveVideo-section .container {padding:0 10%;}
#jak-na-prevenci .vyukoveVideo-section h2 {color:#a7d6c6; padding:50px 0;}
#jak-na-prevenci .vyukoveVideo-section iframe {width:100%; height:468px;}

#jak-na-prevenci .masDotaz-section {text-align:center; margin:50px 0 0; padding: 100px 0 50px; background:url(../img/poradna-bg.png) repeat 0 0;}
#jak-na-prevenci .masDotaz-section h2 {color:#e41b41; font-size: 72px; font-family: 'Kelson-ExtraBold', sans-serif;}
#jak-na-prevenci .masDotaz-section h3 {font-size: 30px; font-family: 'Kelson-ExtraBold', sans-serif;}
#jak-na-prevenci .masDotaz-section a.link {color:#e41b41; font-size:42px; margin: 55px auto; text-transform: none; padding:25px 45px;}

/* Kde Se Potkame
---------------------------------*/
#kde-se-potkáme .top-section {color:#e41b41; text-align: center;}
#kde-se-potkáme .top-section h1 {color: #e41b41;}
#kde-se-potkáme #akce {background:url(../img/download-section-bg.png) repeat 0 0;}

#kde-se-potkame-detail .top-section {color:#e41b41; text-align: center;}
#kde-se-potkame-detail .top-section h1 {color:#e41b41; font-size: 42px; font-family: 'Kelson-ExtraBold', sans-serif;}
#kde-se-potkame-detail .top-section p.lead {padding: 25px 0; border-top: 1px solid #a7d6c6; border-bottom: 1px solid #a7d6c6;}

#kde-se-potkame-detail .col-lg-9 p {margin:25px 0;}
#kde-se-potkame-detail .col-lg-3 {margin-top:75px;}
#kde-se-potkame-detail .col-lg-3 h3 {font-size: 24px; font-family: 'Kelson-Medium', sans-serif; text-align: left;}
#kde-se-potkame-detail .col-lg-3 .akce-inner-block {height: auto; margin:35px 25px;}
#kde-se-potkame-detail .col-lg-3 .akce-inner-block p {text-align: center;}

/* Kdo Uz Zauzloval
---------------------------------*/
#kdo-uz-zauzloval .companies-section h2, #kdo-uz-zauzloval .individuals-section h2, #kdo-uz-zauzloval .topZeny-section h2 {color:#a7d6c6; margin:50px 0 30px;}
#kdo-uz-zauzloval .top-section {color:#a7d6c6; text-align: center;}
#kdo-uz-zauzloval .topZeny-section .container {position:relative; text-align: center;}
#kdo-uz-zauzloval .topZeny-section .container > div {position:relative; display: inline-block; float: none; margin-bottom: 20px;}
#kdo-uz-zauzloval .topZeny-section .container > div a {border: 0;}

#kdo-uz-zauzloval .donations-section {background: url(../img/download-section-bg.png) repeat 0 0;}
#kdo-uz-zauzloval .donations-section .donation {margin:0 auto; padding: 40px 0; text-align:center; width:300px; height:300px; background: #e41b41; border-radius: 50%;}
#kdo-uz-zauzloval .donations-section .donation p {color: #fff;}
#kdo-uz-zauzloval .donations-section .donation p.lead {font-size:25px; padding: 0 25px;}
#kdo-uz-zauzloval .donations-section .donation p.donationSum {padding:25px 0 30px; margin: 0 20px; font-size:52px; font-family: 'Kelson-ExtraBold' , 'sans-serif'; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#kdo-uz-zauzloval .donations-section span {
    font-size: 14px;
    font-family: 'Kelson-Medium' , 'sans-serif';
    color: #e41b41;
    display: block;
    position: absolute;
    top:60px;
    left: 60px;    
    width: 210px;
    text-align: center;
}

#kdo-uz-zauzloval .donations-section span:after, #kdo-uz-zauzloval .donations-section .link:after {
	content: '';
	display: block;
	position: absolute;
	width:40px;
	height: 55px;
	top:50px;
	left:43%;	
	background: url(../img/arrow-female-symbol.png) center center no-repeat;
}

#kdo-uz-zauzloval .donations-section span.description2 {top:180px; left:30px;}
#kdo-uz-zauzloval .donations-section span.description2:after {
	width:60px;
	height: 75px;
	top:20px;
	left:100%;
	background-image: url(../img/arrow-description2.png); 
}

#kdo-uz-zauzloval .donations-section span.description3 {top:150px; left:-80px;}
#kdo-uz-zauzloval .donations-section span.description3:after {
	width:75px;
	height: 57px;
	top:-80px;
	left:-50px;
	background-image: url(../img/arrow-description3.png); 
}
#kdo-uz-zauzloval .donations-section span.description4 {top:220px; left:-90px;}
#kdo-uz-zauzloval .donations-section span.description4:after {
	width:16px;
	height: 52px;
	top: -45px;
	left:-10px;
	background-image: url(../img/arrow-description4.png); 
}

#kdo-uz-zauzloval .donations-section .link {
	font-size: 18px;
	font-family: 'Kelson-Medium' , sans-serif;
	text-transform: none;
	color: #e41b41;
	-webkit-box-shadow: 6px 6px 15px 0px rgba(51,51,51,0.75);
    -moz-box-shadow: 6px 6px 15px 0px rgba(51,51,51,0.75);
    box-shadow: 6px 6px 15px 0px rgba(51,51,51,0.75);
}

#kdo-uz-zauzloval .donations-section .link:after {	
	width: 57px;
	height: 78px;
	top:70px;
	left:45%;	
	background: url(../img/arrow-description-link.png) center center no-repeat;

}

#kdo-uz-zauzloval .instagram-section h3 {
	font-size: 14px;
	font-family: 'Kelson-Medium' , 'sans-serif';
	text-align: left;
	color:#a7d6c6;
	margin-top: 25px;
}

.table {border: none; border-bottom: 1px solid #a7d6c6;}
.table > thead > tr > th {
	font-size: 14px;
	font-family: 'Kelson-Medium' , 'sans-serif';
	text-transform: uppercase; 
    vertical-align: bottom;
    border-bottom: 1px solid #a7d6c6;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    color: #a7d6c6;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #a7d6c6;
}

.table > tbody > tr > td:last-child {font-family: 'Kelson-Bold' , 'sans-serif';}

#kdo-uz-zauzloval .individuals-section {margin-bottom: 100px;}


/* Kontakt
---------------------------------*/
#kontakt .top-section h2 {font-size:22px; line-height:36px; text-transform:none; color:#e41b41; padding:35px 15%;}
#kontakt .top-section p {text-align: center; padding:10px 0 35px;}

#kontakt .map-section {
        position: relative;
        padding-bottom: 33%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }

#kontakt .map-section iframe {
	    position: absolute;
        top: 0;
        left: 0;        
        width: 100vw !important;
        height: 70vh !important;
    }

/* Ochrana osobnich udaju
---------------------------------*/
#ochrana-osobnich-udaju {text-align: center;}
#ochrana-osobnich-udaju .top-section {color: #a7d6c6;}
#ochrana-osobnich-udaju .main-section {padding-top:30px;}
#ochrana-osobnich-udaju .main-section h2 {color:#a7d6c6; padding:30px 0;}
#ochrana-osobnich-udaju .main-section p {padding:0 10%;}

/* Partneri
---------------------------------*/
#partneri .top-section h1, #partneri .top-section h2 {color:#e41b41; text-align: center;}
#partneri .partneri-section {margin-bottom: 300px;}


/* Footer
---------------------------------*/

.footer{
	background:#818181;
	padding:35px 0 35px;
	color:#4c4c4c;
}

.footer h4 {text-align:left; color:#4c4c4c; text-transform: uppercase;}

.footer a {color:#4c4c4c;}
.footer a:hover {color:#a7d6c6;}

.footer-logo{
	margin:15px auto 35px;
	width: 76px;
}
.copyright{
	color:#cccccc;
	font-size:14px;
	display:block;
	text-align:center;
}
.copyright a{
	color:#7cc576;
	font-weight:600;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.copyright a:hover {
	color: #fff;
}

.res-nav_click {
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	text-decoration: none !important;
	color:#fff;
	font-style:normal;
	display:none;
	width:42px;
	height:27px;
	margin:20px auto;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.res-nav_click:hover, .res-nav_click:active, .res-nav_click:focus {
	color: #e41b41 !important;
}

.portfolioContainer{
	max-width: 1140px;
}



/* Modals
---------------------------------*/

#PodporitModal {
    width: 100vw;
	height: 100vh;
    margin: 0;    
    background: #6f7374 url(../img/podporit-foto-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#PodporitModal.modal {z-index: 1055;}

#PodporitModal .modal-dialog {width: 100vw;	height: 100vh; margin: 0 auto; padding:10px 20px;}

.modal-header {border: none;}
#PodporitModal .modal-body {text-align: center;}

#PodporitModal h1 {
	font-size:42px;
	font-family: 'Kelson-ExtraBold';
	line-height: 60px;
	color: #e41b41;
}

#PodporitModal h2 {
	font-size:42px;
	font-family: 'Kelson-ExtraBold';
	color: #e41b41;
	display: inline-block;
	margin:25px auto 60px;
	padding: 10px 5px 15px;
	border-top:3px solid #e41b41;
	border-bottom:3px solid #e41b41;
}

#PodporitModal p.lead {font-size:28px; color: #e41b41; text-align:center;}

#PodporitModal .donationButtons {margin:0 auto; text-align: center;}
#PodporitModal .donationButtons a.link {
	font-size: 20px;
	font-family: 'Kelson' , 'sans-serif';
	color:#a7d6c6;
	background: #e41b41;
	margin-right:25px;
	-webkit-box-shadow: 10px 10px 35px 0px rgba(51,51,51,0.75);
    -moz-box-shadow: 10px 10px 35px 0px rgba(51,51,51,0.75);
    box-shadow: 10px 10px 35px 0px rgba(51,51,51,0.75);
}

#PodporitModal .donationButtons a.link:last-child {
	margin-right: 0;
}

#PodporitModal .linksBottom a {margin-top: 50px;}
#PodporitModal .linksBottom a.lead {font-size:24px; margin-top: 75px; text-decoration: underline;}

#PodporitModal .close, #udelatUzelModal .close, #successModal .close {font-size: 48px; margin-right: 40px;}

#udelatUzelModal .modal-dialog {
    width: 100vw;
	height: 100vh;
    margin: 0;
    background: #e41b41;
    text-align: left;
}

#successModal .modal-dialog {
    width: 100vw;
	height: 100vh;
    margin: 0;
    background: #95cfbc;
    text-align: center;
}
#successModal .modal-body {
	padding:10% 25%;
}

#successModal h2 {line-height: 46px;}
#successModal .link {margin-right: 50px;}

/*
#PodporitModal .modal-content {
	position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100vw;
	height: 100vh;
	}
*/

/* Animation Timers
---------------------------------*/
.delay-02s { 
	animation-delay: 0.2s; 
	-webkit-animation-delay: 0.2s; 
}
.delay-03s { 
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s; 
}
.delay-04s { 
	animation-delay: 0.4s; 
	-webkit-animation-delay: 0.4s; 
}

.delay-05s { 
	animation-delay: 0.5s; 
	-webkit-animation-delay: 0.5s; 
}
.delay-06s { 
	animation-delay: 0.6s; 
	-webkit-animation-delay: 0.6s; 
}

.delay-07s { 
	animation-delay: 0.7s; 
	-webkit-animation-delay: 0.7s; 
}
.delay-08s { 
	animation-delay: 0.8s; 
	-webkit-animation-delay: 0.8s; 
}

.delay-09s { 
	animation-delay: 0.9s; 
	-webkit-animation-delay: 0.9s; 
}
.delay-1s { 
	animation-delay: 1s; 
	-webkit-animation-delay: 1s; 
}
.delay-12s { 
	animation-delay: 1.2s; 
	-webkit-animation-delay: 1.2s; 
}