/* Small screens */
@media { } 
@media (max-width: 640px) { } 

/* Medium screens */
@media (min-width: 641px) { }
@media (min-width: 641px) and (max-width: 1024px) { } 

/* Large screens */
@media (min-width: 1025px) { } 
@media (min-width: 1025px) and (max-width: 1440px) { } 

/* XLarge screens */
@media (min-width: 1441px) { } 
@media (min-width: 1441px) and (max-width: 1920px) { }

/* XXLarge screens */
@media (min-width: 1921px) { } 

@font-face {
	font-family: "Museo Sans 100";
	src: url("../fonts/museosans-100-webfont.eot");
	src: local("Museo Sans 100"), local("MuseoSans-100"),
        url("../fonts/museosans-100-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/museosans-100-webfont.woff") format("woff"),
		url("../fonts/museosans-100-webfont.otf") format("opentype"),
		url("../fonts/museosans-100-webfont.svg#MuseoSans-100") format("svg");
	}
  
@font-face {
	font-family: "Museo Sans 300";
	src: url("../fonts/museosans-300-webfont.eot");
	src: local("Museo Sans 300"), local("MuseoSans-300"),
		url("../fonts/museosans-300-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/museosans-300-webfont.woff") format("woff"),
		url("../fonts/museosans-300-webfont.otf") format("opentype"),
		url("../fonts/museosans-300-webfont.svg#MuseoSans-300") format("svg");
	}
  
@font-face {
	font-family: "Museo Sans 500";
	src: url("../fonts/museosans_500-webfont.eot");
	src: local("Museo Sans 500"), local("MuseoSans_500"),
		url("../fonts/museosans_500-webfont.eot?#iefix") format("embedded-opentype"),
        url("../fonts/museosans_500-webfont.woff") format("woff"),
		url("../fonts/museosans_500-webfont.otf") format("opentype"),
		url("../fonts/museosans_500-webfont.svg#MuseoSans-500") format("svg");
	}


body {
  -webkit-font-smoothing: antialiased;
  font-family: "Museo Sans 100", Arial, serif;
  font-weight: 400;
  color: #6A6A6A;
  font-size: 100%;
  padding-top: 114px;
}

h1, h2 {
  font-family: "Museo Sans 300", Arial, serif;
  font-weight: 200;
  color: #242424;
  text-transform:uppercase;
}
h3, h4, h5, h6 {
  font-family: "Museo Sans 100", Arial, serif;
  font-weight: 600;
  color: #242424;
}
h1 {
  font-size:2.5rem;
}
h2 {
  font-size: 2.5rem;
}
h3 {
  font-size:1.4rem;
}
p, ul, ol, dl {
  font-size:1.1rem;
}
small {
    color:#B5B5B5;
    font-size:90%;
}
.inline-list>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    float:none;
}
.section_header_underline {
    width: 100%;
    border-bottom: 1px solid #FFF;
    margin: 0px auto 50px;
    text-align: center;
}
a {
  color: #23B2C2;
  -webkit-transition: all .2s linear;
  -moz-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
}
a:hover {
  color: #000;
}
.float-left { float: left}
.float-right { float: right}
  
/*HEADER - NAVIGACE-----------------------------------------------*/
#header {
    position: relative;
    width: 100%;
    min-height: 700px;
    text-align: center;
    color: #fff;
    margin:0;
    border-bottom:0px solid #FFF;
    padding-top:230px;
    background-image: url(../images/bg-header.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-attachment: fixed;
}
#header .section_header_underline {
    width: 60%;
    margin: 20px auto;
}
#header h1, #header h2 {
    margin:0;
    font-family: "Museo Sans 500", Arial, serif;
    font-size: 35px;
    color:#FFF;    
}
#header .intro-heading {    
    font-family: "Museo Sans 100", Arial, serif;
    font-size: 35px;
    font-weight: 200;
    color:#FFF;   
    line-height:normal; 
}
/*TITLE-----------------------------------------------*/
#title {
	background: #238EA9;
	padding: 5px 0 130px;
	text-align: center;	
}
#title h1, #title h2, #title p {
	color: #FFF;
}
#title p {
  padding:0 250px;
  margin:0 auto; 
  line-height:normal;
  font-size:1.8rem;
  font-family: "Museo Sans 100", Arial, serif;
}
#title h2 {
  position:relative;
  top:39px;  
}
#title h2 span {
  padding:0 20px;
  background: #238EA9;
}

/*PERSON-----------------------------------------------*/
#person {
	background: #FFF;
	-moz-background-size: cover;
	background-size: cover;	
	padding: 20px 0;
}
#person h3 {
  font-size:1.8rem;
}
#person p {
  font-size:1.6rem;
  line-height:120%;
  padding:10px 100px 0;
  color:#333;
  font-weight:bold;
  font-family: "Museo Sans 100", Arial, serif;
}
#person .text-right p {
  font-size:1.1rem;
  color:#9C9C9C;
  padding:0 0 0 100px;
  margin-bottom:70px;
  font-weight:normal;
  line-height: 1.4;
}
#person .text-center p.gray {
  font-size:1.1rem;
  color:#9C9C9C;
}
#person .nahled {
  top:-140px;
  position:relative;
  z-index:1;
  height:150px;
  margin-bottom:1rem;
}
/*MENTORING-----------------------------------------------*/
#mentoring .section_header_underline {
    border-bottom: 1px solid #23B2C2;
}
#mentoring h2 {
  text-align:center;
  color: #23B2C2;
  position:relative;
  top:40px;
}
#mentoring h2 span {
  padding:0 20px;
  background: #FFF;
}
#mentoring h4 {
  line-height:120%;
  margin-bottom:1.5rem;
}
#mentoring .nahled {
  padding-right:100px;
}
#mentoring .nahled img {
  margin: 0 0 50px 50px;
}
#mentoring h4 small {
    color:#B5B5B5;
    font-size:75%; font-weight:normal;
}
/*STYLING-----------------------------------------------*/
#styling {
    padding-bottom:40px;
  background: #B6B6B6;
}
#styling .section_header_underline {
    border-bottom: 1px solid #333;
}
#styling h2 {
  text-align:center;
  position:relative;
  top:40px;
}
#styling h2 span {
  padding:0 20px;
  background: #B6B6B6;
}
#styling p, #styling li {
    font-size:110%;
    color:#474747;
}
#styling a {
    color:#474747;
}
#styling a:hover {
    color:#FFF;
}

/*REFERENCE-----------------------------------------------*/
#reference .section_header_underline {
    border-bottom: 1px solid #333;
}
#reference h2 {
    text-align:center;
  position:relative;
  top:40px;
}
#reference h2 span {
   padding:0 20px;
  background: #FFF;
}
#reference .float-left a {
  color: #D64133;
}
#reference .float-left a:hover {
  color: #666;
}
/*#reference .submenu {
    list-style:none;
    text-transform:uppercase;
    font-size: 120%;
    margin:50px 0 0 0;
}*/
/*CONTACT-----------------------------------------------*/
#contact {
  background: #676767;
  color:#FFF;
}
#contact .section_header_underline {
    border-bottom: 1px solid #B6B6B6;
}
#contact h2 {
   color:#FFF;
   margin: 1rem 0;
   text-align:center;   
}
#contact h4 {
  text-align:center;
  position:relative;
  top:22px;
  font-weight:100;
  text-transform: none;
}
#contact h4 span {
  padding:0 20px;
  background: #676767;
}
#contact h4 a {
  color:#B6B6B6;
}
#contact a {
  color: #fff;
}
#contact blockquote {
  font-size:140%;
  color:#B6B6B6;
  padding:0; 
  border:none;
  text-align:right;
}

/*SLIDER-ROW-----------------------------------------------*/
#slider-row {
	padding-top: 1em;
   background: #FFF;   
}
#slider-row h3 {
  font-family: "Museo Sans 100", Arial, serif;
  font-weight: 200;
  font-size:38px;
  text-transform:uppercase;
}

/*BUTTONS-----------------------------------------------*/
button, .button {
	font-weight: normal;
	background-color: #23B2C2;
	border-color: none !important;
  text-transform:uppercase;
  font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #4ab6d4; 
    color: #FFFFFF;
}
button.button-inverse, .button.button-inverse {
  background-color: #333;
}
button.button-inverse:hover, button.button-inverse:focus, .button.button-inverse:hover, .button.button-inverse:focus {
    background-color: #000; 
    color: #FFFFFF;
}
.prefix, .postfix {
    border-width: 0px;
}
/*SLIDERS-----------------------------------------------*/
.slick-prev {
    left: -45px;
}
/* Single Item */
.single-item .slick-prev { left: 25px;}
[dir='rtl'] .single-item .slick-prev { right: 25px; }
.single-item .slick-next { right: 35px;}
[dir='rtl'] .single-item .slick-next { right: auto; left: 35px;}

.single-item .slick-prev:before,
.single-item .slick-next:before { font-size: 40px; color: #FFF; }

/* Dots */
.single-item.slick-slider {  margin-bottom: 0px; }
.single-item .slick-dots {  bottom: -10px; width: 90%; }
.single-item .slick-dots li button:before { font-size: 12px;  opacity: .35; color: #FFF;}
.single-item .slick-dots li.slick-active button:before { opacity: .65;  color: #FFF;}

.multiple-items {width: 65%; margin-left: auto; margin-right:auto; background: none;}
.multiple-items div { text-align:center; margin-left:15px;}
.multiple-items img { margin: 0 0 10px 0;}

.slick-prev:before, .slick-next:before { font-size: 40px; }

/*MENU-----------------------------------------------------*/
#navigationbar {
    position: fixed;
    top: 0;
    width: 100%;
    min-height: 114px; /*nutne uvest*/
    z-index: 200;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    background: #32BCC8;
    opacity: 1; 
}
.top-bar {
    min-height:114px; /*nutne uvest*/
    background: #32BCC8;
}
.top-bar .name {
    font-size: 20px;  
    height: 114px;  /*nutne uvest*/
}
.top-bar .name h1 {
    padding:0;
}
.top-bar .toggle-topbar.menu-icon a {
  padding: 0 1rem;
	font-size: 0.9rem;
  font-weight: normal;
}
.top-bar-section  {
    margin:35px 0 0 0;
}
.top-bar.expanded .title-area {
    background: #32BCC8;
}
.top-bar.expanded .toggle-topbar a {
    color: #000;
}
.expanded .top-bar-section ul li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.expanded .top-bar-section ul {
	margin-top:-35px;
}
.top-bar-section li:not(.has-form) a:not(.button) {
    background: #32BCC8;
}
.top-bar-section ul li > a {
   color: #FFF; 
   background:#32BCC8;
   font-size: 1rem;
   text-transform:uppercase;
   padding: 8px 0 8px 0.9375rem;
	 font-family: "Open Sans", Arial, serif;
   text-align: center;
}
.top-bar-section ul li:hover {
	background: #238ea9;
}
.top-bar-section ul li, .top-bar-section ul {
    background:#32BCC8;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #238ea9;
}

.top-bar .toggle-topbar.menu-icon {
    /*margin-top: -35px;*/
    top:55px;

}
.top-bar .toggle-topbar {display: inline-block; right: 0; }

/*MEDIA====================================================*/

/* XSmall */
@media (max-width: 360px)  {
    h1, h2 { font-size: 2.0rem; }
    #header { min-height: 400px; padding:50px 0;}
    #title h2, #mentoring h2, #styling h2, #reference h2 { top:30px;}
    #mentoring .medium-6 { text-align:center; }
    #mentoring .nahled { padding-right:0;}
    #mentoring .nahled img { margin: 0 0 1rem;}    
}
/* Small */
@media (max-width: 640px)  {
    header h1 {font-size: 2.5rem; font-weight: 600; line-height:2.5rem;}
    #contact .text-right { text-align:center;}
    .multiple-items div { font-size:90%;}
    #person h3 { text-align:center;}
    #person p { padding:0;}
    #person .text-right p { text-align:center; padding:0; margin-bottom:1rem;}
    #person .nahled { top:0px; height:auto; }
    #mentoring h3 {text-align:center;}
    #mentoring h4 { border-top:1px solid gray; padding-top:20px;}
    #mentoring .nahled.text-right { padding-right:0px; text-align:center !important;}
    #mentoring .nahled.text-right img { margin: 0 0 20px 0px;}
}
/* Large */
@media (max-width: 1024px)  {    
    #title p { padding:0; }
    
}
@media (min-width: 1024px)  {    
   #person p { padding:20px 100px 0;}
    
}