/****
Theme Name: Extreme Pro
Author: Dan
Description: Extreme Pro je plně víceúčelová grafická šablona vhodná pro jakýkoliv web, či e-shop. Šablona je kompletně v CZ, včetně všech důležitých pluginů!
Version: 2.82.0
Tags: černá, zelená, červená, šedá, tmavá, světlá, stříbrná, bílá, dva sloupce, vlastní nabídka, pravý postranní panel, pevné rozvržení, rozvržení tekutin, vlastní pozadí, záhlaví představovaného obrazu, lepkavá pošta, téma-možnosti, závitové-komentáře, featured-images, flexibilní-header, responzivní-layout.
Text Domain: exp
*/
/* ===================================================================
   Barvy webu - výchozí hodnoty (nastavení: Šablona webu -> Barvy a rozložení,
   core/scripts/exp-colors.php je přepíše podle zvolené primární barvy)
   =================================================================== */
:root {
	--exp-primary: #5000A0; --exp-primary-rgb: 80, 0, 160; --exp-primary-h: #420083; --exp-on-primary: #fff;
	--exp-primary-dk: #2b0a63; --exp-primary-lt: #7b2fd6; --exp-primary-2: #8b2cf5; --exp-primary-soft: #cbb4f0;
	--exp-primary-muted: #8a6fc0; --exp-primary-pale: #d8b4fe; --exp-primary-ink: #3b1d6e; --exp-primary-night: #1b1030;
	--exp-secondary: #ff7a59; --exp-secondary-b: #f0786a; --exp-mid: #b04a8a; --exp-mid-b: #c04aa0;
	--exp-btn-bg: var(--exp-primary); --exp-btn-fg: var(--exp-on-primary); --exp-btn-bg-h: var(--exp-primary-h); --exp-btn-fg-h: var(--exp-btn-fg);
}
/* ===================================================================
   (dříve css/exp-theme.css)
   =================================================================== */
body {}.row {margin-left: 0px;margin-right: 0px;}.container {padding-left: 0px ;padding-right: 0px ;}a:hover, a:focus{text-decoration: none ;}h1, h2, h3, h4, h5, h6 {font-weight: 500;color: #000000;}.dropdown-menu {position: absolute;top: 100%;right: auto;left:0;z-index: 1000;display: none;float: left;min-width: 200px;padding: 0px 0;margin: 2px 0 0;font-size: 13px;list-style: none;background-clip: padding-box;border: 0px solid #fff;border: 0px solid rgba(0, 0, 0, .15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);text-transform: uppercase;}.dropdown-menu > li > a {display: block;padding: 7px 32px 7px 10px;clear: both;font-weight: normal;line-height: 1.42857143;color: #333;white-space: nowrap;color:#fff;-webkit-transition: padding 400ms;-moz-transition: padding 400ms;transition: padding 400ms;}.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #000;text-decoration: none;background-color: #ffffff;padding: 7px 20px 7px 22px;}.dropdown-menu > li > a:before {margin-right: 10px;opacity: 0;font-size:14px;}.dropdown-menu > li > a:hover:before {opacity: 1;}.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {color: #333;text-decoration: none;background-color: #ffffff;outline: 0;}.dropdown-menu > li.active > a:before {opacity: 1;}.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {color: #999;}.exp-submenu-arrow {font-size: 18px !important;margin-right: -13px;float:right;}.dropdown-submenu{position:relative;}.dropdown-submenu > .dropdown-menu {top:0;left:100%;margin-top:0px;margin-left:-1px;}.dropdown-submenu .pull-left{float:none;}.dropdown-submenu.pull-left > .dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.progress {height: 25px;margin-bottom: 12px;border-radius:0px;}.exp_blog_right_side{float:right;}

.form-control {border-radius:0px;}.nav-pills{margin-bottom:50px;}.nav-pills > li > a{background: #ffffff;color: #3b3b3b;border: 3px solid #31A3DD;margin-right:15px;margin-bottom:15px;border-radius: 0px;padding: 9px 27px;background-size: 100% 200%;background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;transition: all ease 0.5s;}.nav-pills > li > a:hover{color: #fff;background-position: 0 -100%;}.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {color: #fff;background-image: linear-gradient(to bottom, #31A3DD 50%, #31A3DD 50%);-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;transition: all ease 0.5s;background-color:#ffffff;}.nav-stacked{margin-bottom:50px;}.nav-stacked > li > a {background: #ffffff;color: #3b3b3b;border: 3px solid #31A3DD;margin-bottom:12px;border-width:3px !important;background-size: 100% 200%;background-color:#ffffff;background-image: linear-gradient(to bottom, #fff 50%, #31A3DD 50%);-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;transition: all ease 0.5s;}.nav-stacked > li > a:hover{color: #fff;background-position: 0 -100%;}.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover, .nav-stacked > li.active > a:focus {color: #fff;background-image: linear-gradient(to bottom, #31A3DD 50%, #31A3DD 50%);-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;transition: all ease 0.5s;}.nav-tabs li a {background: #ffffff;color: #222222;border: 1px solid #dddddd;/*border-radius:0px;*/margin-right:0px;font-weight: 500;padding: 10px 15px;}.nav-tabs li.active > a{border: 1px solid #dddddd;background: #f5f5f5;color: var(--exp-primary,#5000A0);border-bottom-color:transparent;}.nav-tabs li > a:hover {border: 1px solid #dddddd;background: #ffffff;color: var(--exp-primary,#5000A0);}.panel {}.exp_panel-pink {border-color: #F22853;}.exp_panel-green {border-color: #1FA67A;}.exp_panel-black {border-color: #000000;}.exp_panel-orange{border-color: #ff8300;}.exp_panel-blue {border-color: #31A3DD;}.exp_panel-red {border-color: #db2723;}.exp_panel-purple {border-color: #800080;}.exp_panel-brown {border-color: #555555;}.exp_contact_form_fields{padding-right: 60px;padding-top: 30px;padding-bottom: 30px;border-right: 1px solid #E5E5E5;}

@media(min-width:768px){.dropdown:hover > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu{display:block !important;}}

/* ===================================================================
   (dříve css/switcher/layout-responsive.css)
   =================================================================== */
/* Responsive Media Queries */

@media(min-width: 1200px) {
	

body.boxed {
    width: var(--exp-box-w, 1230px);
    max-width: 100%;
	box-shadow: var(--exp-box-shadow, 0 0 10px 0 rgba(48, 48, 48, 0.5));
	background-color: #fff;
    margin: var(--exp-box-gap, 0) auto;
}
/* Pevná hlavička v boxovaném rozložení: jen v šířce boxu; odsazení boxu nahoře by pod ní prosvítalo. */
body.boxed .exp-header--fixed {
	right: 0;
	width: auto;
	max-width: var(--exp-box-w, 1230px);
	margin: 0 auto;
}
/* Obsah se vejde i do užšího boxu (kontejner má jinak pevných 1170 px). */
body.boxed .container {
	width: auto;
	max-width: min(1170px, calc(100% - 40px));
}
body.boxed:has(.exp-header--fixed),
body.boxed.exp-has-fixed-header {
	margin-top: 0;
	/* padding: 0px 20px; */
}

}

@media (min-width: 768px) and (max-width: 979px)  {

body.boxed {
	
	width: 100%;
}

}

@media (max-width: 767px) {

body.boxed {
	width: 100%;/* 
	padding: 0px 20px !important; */
}
body{
	padding-left: 0px !important;
	padding-right: 0px !important;
}	

@media (min-width: 980px) and (max-width: 1199px) {

body.boxed {
	
	width: 100%;
}
	

}

}

/* Blog */

/* Circular Navigation */

/* ===================================================================
   (dříve css/media-responsive.css)
   =================================================================== */
@media (min-width:1200px) {
    .exp_gallery_page .col-md-3 {
        width: 25%
    }

}

@media only screen and (min-width:960px) and (max-width:1200px) {
    .exp_gallery_page .col-md-3 {
        width: 25%
    }
.post-content-wrap-right {
        width: 83%
    }
    .exp_gallery_blog {
        width: 33.3%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }
}

@media only screen and (min-width:767px) and (max-width:992px) {
.exp_blog_right_side,
.exp_callout_btn,
.exp_footer_copyright_info {
        float: none
    }
    .logo {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0
    }
.social {
        display: block;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }

    .social {
        padding-bottom: 5px
    }

    .exp_callout_area {
        text-align: center
    }
    .exp_callout_area p {
        margin-bottom: 20px;
        padding: 0
    }
.post-content-wrap-right {
        width: 100%
    }

    .exp_contact_form_fields {
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 0 solid #E5E5E5
    }

    .exp_gallery_blog {
        width: 33.3%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }

}

@media only screen  (max-width:767px) {
    .dropdown-menu {
        width: 100%;
        float: none;
        position: static!important
    }
    .logo {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0
    }
.social {
        display: block;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }

    .social {
        padding-bottom: 5px
    }

    .exp_callout_area {
        text-align: center
    }
    .exp_callout_area p {
        margin-bottom: 20px;
        padding: 0
    }
.exp_blog_right_side,
.exp_callout_btn {
        float: none
    }
.post-content-wrap-right {
        width: 100%
    }

    .exp_comment_box .media-body {
        float: left
    }

.exp_footer_copyright_info {
        float: none
    }
    .exp_contact_form_fields {
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 0 solid #E5E5E5
    }

    .exp_gallery_blog {
        width: 49.9%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }

}

@media only screen and (min-width:200px) and (max-width:600px) {
.exp_blog_right_side,
.exp_footer_copyright_info {
        float: none
    }
    .dropdown-menu {
        width: 100%;
        float: none;
        position: static!important
    }

.post-content-wrap-right {
        width: 100%
    }

    .exp_contact_form_fields {
        padding-right: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 0 solid #E5E5E5
    }

}

@media only screen and (min-width:480px) and (max-width:600px) {
    .logo a {
        font-size: 35px
    }

}

@media only screen and (min-width:200px) and (max-width:480px) {

    .logo a {
        font-size: 25px
    }

    .logo {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0
    }
.social {
        display: block;
        padding-top: 5px;
        padding-left: 0;
        text-align: center
    }

    .social {
        padding-bottom: 5px
    }

    .exp_callout_area {
        text-align: center
    }
    .exp_callout_area p {
        margin-bottom: 20px;
        padding: 0
    }
.exp_blog_right_side,
.exp_callout_btn {
        float: none
    }
.post-content-wrap-right {
        width: 100%
    }

    .exp_comment_box .media-body {
        float: left
    }

.exp_footer_copyright_info {
        float: none
    }
    .exp_gallery_blog {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        float: left
    }

    .exp_blog_post_content img {
        width: auto;
        height: auto;
        display: block
    }

}

/*!
 * Extreme Pro Css
 */

/* ===================================================================
   1. ZAKLADNI LAYOUT (reset, wrapper, kontejnery)
   =================================================================== */
/* Main css with editable-------------------------------------------------------------- */
.row {
    margin-left: 0px;
    margin-right: 0px;
} 
/* Header Section css-------------------------------------------------------------- */ 
body {
   /* padding:0 30px;*/
   color: #222222 !important;
   }
#wrapper{	
    position: relative;
    transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;  	
}
#exp_nav_top {
    position: fixed !important;
    /*position: relative;*/
    width: 100%;
    z-index: 9;
}
.container {
    padding-left: 0px ;
    padding-right: 0px ;
}
/* ===================================================================
   2. DROBECKOVA NAVIGACE (breadcrumbs - titulek stranky)
   =================================================================== */

a:hover, a:focus{
	text-decoration: none ;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #000000;
	/*text-shadow: 0 0 1px rgba(0,0,0,0.01);*/	
	
}
p {
font-size: 13px;
line-height: 19px;
color: #000000;

}
/* ===================================================================
   3. HLAVICKA - TOPBAR (kontakt radek) A LOGO
   =================================================================== */

.logo{
	text-align:left;
	padding-bottom:0px;	
}
.logo a{
	font-weight: 600;	
	margin-bottom:10px;
	font-size: 50px;
	color: #fff;
}
.logo a:hover {
	color: #fff;
}
.logo p{	
	margin-top:5px;
	color: #fff;
}
.social {
    display: block;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.social a {
    margin-right: 2px;
}
.social li {
    /* border: 2px solid #ffffff; */
    font-size: 21px;
    display: inline-table;
    height: 40px;
    line-height: 39px;
    width: 40px;
    text-align: center;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
    cursor: pointer;
}
.social i  {
	color:#ffffff;
	/*line-height:30px;*/
}

.social span  {
	color:#ffffff;
	/*line-height:30px;*/
}

.social em  {
	color:#ffffff;
	/*line-height:30px;*/
}

.social li.facebook{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #4C66A4 50%);
}
.social li.facebook:hover{
	background-position: 0 -100%;
	background-color:#4C66A4;
}
.social li.twitter{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #f60 50%);
}
.social li.twitter:hover{
	background-position: 0 -100%;
	background-color:#f60;
}
.social li.linkedin{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #069 50%);
}
.social li.linkedin:hover{
	background-position: 0 -100%;
	background-color:#069;
}
.social li.youtube{
	background-size: 100% 200%;
	background-image: linear-gradient(to bottom, transparent 50%, #C92228 50%);
}
.social li.youtube:hover{
	background-position: 0 -100%;
	background-color:#C92228;
}
.social li.instagram {
  	background-image: linear-gradient(to bottom,transparent 50%,  #3f729b 50%);
  	background-size: 100% 200%;
}
.social li.instagram:hover {
	background-color: #3f729b;
	background-position: 0 -100%;
}

/* ===================================================================
   4. NADPISY SEKCI (spolecne pro vsechny homepage bloky)
   =================================================================== */
.exp_heading_title {
	display: block;
	margin: 0px 0 20px;
	text-align:center;
}

.exp_heading_title h3 {
	display: inline-block;
	margin-top: 0px;
	letter-spacing: 1px;
	padding-bottom: 10px;
	line-height: 40px;
}

.exp_heading_title h3 {	
	font-weight: 500;	
}
/** Service Section  ***************************************************************************************************************
********************************************************************************************************************************/
/* ===================================================================
   6. SLUZBY (homepage blok)
   =================================================================== */
/*** Project Or Works  ******************************************************************************************************
**************************************************************************************************************************/
/* ===================================================================
   7. REFERENCE / PORTFOLIO (homepage blok + detail stranka reference)
   =================================================================== */

.img-wrapper{
	margin-bottom:50px;
	overflow:hidden;
}

.img-wrapper:hover p{color:#fff; }

.exp_proejct_button{
	border-radius: 0;
	padding: 15px 5px 5px;
	text-align: center;
	transition: all 0.4s ease 0s;
	text-align: center;
}
.exp_proejct_button a {
	display: inline-block;
	font-weight:700;
	font-size: 18px;
	line-height: 20px;
	margin: 8px 0;
	padding: 9px 20px;
	text-align: right;
	/*	text-transform: uppercase; */
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}

/* Isotope Animating
 * -------------------------- */
.isotope {
  /* change duration value to whatever you like */
    /*-webkit-transition-duration: 0.25s;*/
    /*-moz-transition-duration: 0.25s;*/
    /*-ms-transition-duration: 0.25s;*/
    /*-o-transition-duration: 0.25s;*/
    /*transition-duration: 0.25s;*/
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

/**** disabling Isotope CSS3 transitions ****/

/********** project detail page css **********************************************
***********************************************************************************/
.exp-project-detail-section{
	 margin-bottom: 70px;
}
.exp-project-detail-section img{
	margin-bottom:30px;

}
.exp-project-description h3{
	text-align:left;
	font-size:24px;
	margin: 20px 0;
}
.exp-project-description h3 span{
	text-align:left;
	font-size:24px;
}
.exp-project-description p{
	text-align:left;
	font-size:16px;
	font-weight:500;
}

.exp-project-description h3 span{
	color:#f9504b;
}
.exp-project-description p{
	color:#6a6a6a;	
}

/******* gallery css *****************************************************
*********************************************************************/

/* ===================================================================
   8. GALERIE
   =================================================================== */
.exp_gallery_page{
	margin-bottom:70px;
	width:100%;
	float:left;
	margin-right: auto; 
	margin-left: auto; 
}

	.exp_gallery_showcase img{
	-webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;

}
.exp_gallery_showcase .exp_gallery_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.exp_gallery_showcase .exp_gallery_showcase_icons a {
  
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
	text-decoration: none;
	margin-right:5px;
	border-radius:100%;
	width:60px;
	height:60px;
	transition: all 0.3s ease 0s;
	
}

.exp_gallery_showcase .exp_gallery_showcase_icons a i{
    font-size: 1.6em;
	line-height:40px;
	
}
.exp_gallery_showcase:hover .exp_gallery_showcase_overlay {
    visibility: visible;
	top: 0;
}

.exp_gallery_showcase:hover .exp_gallery_showcase_overlay_inner {
    visibility: visible;
     bottom:40%;
    left: 0;
	
}
/***************** BLog Section *************************************************************************
***************************************************************************************************/
/** wrapper for front page **/
/* ===================================================================
   9. BLOG (vypis prispevku, detail prispevku, postranni panel)
   =================================================================== */

.exp_blog_read_btn {
    display: inline-block;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;    
    margin-bottom: 0;
    font-size: 14px;
    padding: 0px 15px;
    height: 38px;
    line-height: 34px;
    color: #ffffff;
    border-radius: 4px;
    text-shadow: none !important;
    box-shadow: none !important;
}

.exp_blog_thumb_wrapper_showcase_overlay_inner {
    position: absolute;
    bottom:-110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;

}

/********* Blog Full width css ********/

.post-content-wrap-right img{
	width:100%;
}
.exp_blog_post_content p {
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px;
}
.exp_blog_post_content p {
	color: #222222;
}
.exp_blog_post_content img {max-width:100%;}

/***** Blog page with sidebar *****************************************************************
***************************************************************************************/
.exp_recent_widget_post {
    margin: 0 0 5px !important;
    padding-bottom: 16px;
	border-bottom: 0px solid #6B6B6B;
	vertical-align:middle;
}
.exp_recent_widget_post:last-child{
	margin: 0 0 0px !important;
}

.exp_recent_widget_post h3 a {
    transition: all 0.2s ease 0s;
}

.exp_recent_widget_post h3 a:hover {
	color: #ffffff;
}

.exp_recent_widget_post_move{
	float: left;
}
.exp_recent_widget_post_img {
    margin-right: 10px !important;
	width: 64px;
	height: 64px;
    transition: opacity 0.3s ease-out 0s;
	display: block;
}

.exp_recent_widget_post_date {
    font-size: 13px;
    line-height: 20px;
	color: #ffffff;
}

.exp_recent_widget_post:last-child {
    margin: 0 0 0px !important;
    padding-bottom: 0;
}

.exp_recent_widget_post h4 a {
    color: var(--exp-primary,#5000A0) !important;
    transition: all 0.2s ease 0s;
}

.tagcloud {
	margin: 0px 0 10px;
	overflow: hidden;
	padding: 0;
}
.tagcloud a {
	border: 0 none;
	cursor: pointer;
	display: inline-block;
	font-weight: 600;
	font-size: 14px !important;	
	line-height: 20px;
	margin: 0 5px 10px 0;
	padding: 8px 12px;
	transition: all 0.8s ease 0s;
	vertical-align: baseline;
	white-space: nowrap;
}

.tagcloud a {
	border: 1px solid #edf0f2;
	color: #555;
	-webkit-transition: all ease 0.8s;
    -moz-transition: all ease 0.8s;
    transition: all ease 0.8s;
}

.exp_blog_right_side{
	float:right;
}
/********* Blog detail page *************/
/* ===================================================================
   10. AUTOR PRISPEVKU (box pod clankem)
   =================================================================== */

.author_detail_img{
	width:100px;
	height:100px;
	float:left;
	margin-right:20px;
	margin-bottom:2px;
	
}

/* ===================================================================
   11. KOMENTARE (vypis + formular)
   =================================================================== */
.exp_comment_section {
    overflow: auto;
    padding: 0 0 15px;
	margin: 0px 0px 0px 0px;
	float: none;
}
.exp_comment_title {
    display: block;
    margin: 0 0 5px;
}
.exp_comment_title h3 {
    font-size: 30px;
    line-height: 25px;
    margin: 0 0 -2px;
    padding-bottom: 11px;
    padding-right: 10px;
}
.exp_comment_title h3 > i {
	font-size: 34px;
}

.exp_comment_box {
    margin: 0 0 10px !important;
    padding: 40px 0px 0 0;
    position: relative;
}
.pull_left_comment{
	margin-right: 15px;
	float: left;
}
.exp_comment_detail {
    margin-left: 0px;
	padding: 20px;
}
.exp_comment_detail_title {
	font-weight: 700;
    font-size: 18px;
	line-height: 20px;
    margin: 0px 0 5px;
}

.exp_comment_detail p{
    font-size: 15px;
	line-height: 25px;
	margin: 0 0 20px;
}
.exp_comment_date{
   padding-bottom:5px;
   margin-bottom: 10px;
   line-height: 20px;
   font-size: 14px;
   display:block;
   font-weight: 600;
}
.reply {
    font-size: 16px;
	font-weight: 700;
}
.reply a {
	font-size: 16px;
	line-height: 22px;
}
.reply a > i {
	font-size: 16px;
	position: relative;
	padding-right: 5px;
	top: 2px;
}
.exp_form_group {
margin-bottom: 20px;
}
.exp_comment_form_section {
    margin-bottom: 60px;
    padding: 0 0 15px;
	margin: 20px 0 45px;
	float: none;
}
.exp_comment_form_section h2 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 25px;
    margin: 0 0 30px;
	padding: 0 0 15px;
}
.exp_comment_form_section h2 > i {
    font-size: 32px;
	position: relative;
	top: 5px;
}
.exp_comment_form_section label {
    font-size: 14px;
	line-height: 20px;
	margin: 0 0 11px;
}

.exp_con_input_control {
    display: block;
    font-size: 14px;
    height: 45px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.exp_con_textarea_control {
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}
.exp_con_input_control:focus, .exp_con_textarea_control:focus {
  outline: 0;
}

.exp_con_input_control {
    background-image: none;
}
.exp_con_textarea_control {
    background-image: none;
}
.exp_send_button , #exp_send_button{
	font-weight: 600;
	display: inline-block;
	padding: 15px 40px;
	margin-bottom: 0;
	font-size: 18px;
	
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 2px solid transparent;
	transition: all 0.4s ease;
	
}

.exp_comment_title h3 {
	color: #121212;
	border-bottom: 1px solid #E9E9E9;
}
.exp_comment_title h3 > i {
	color:#ccc;
}
.exp_comment_detail {
	background: #F8F8F8;
	border: 2px solid #F1F0F0;
}

.exp_comment_detail p{
	color:#6a6a6a;
}
.exp_comment_date{
   color:#A0A0A0;
}

.exp_comment_form_section h2 {
	color: #121212;
	border-bottom: 1px solid #E0E0E0;
}
.exp_comment_form_section h2 > i {
	color:#ccc;
}
.exp_con_input_control {
	background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
}
.exp_con_textarea_control {
	background-color: #FFFFFF;
    border: 1px solid #c5c5c5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
}
/*** Testimonial Section  ******************************************************************************************************
**************************************************************************************************************************/
/* ===================================================================
   12. RECENZE (homepage blok)
   =================================================================== */
/***Client Section ******************************************************************************************************
**************************************************************************************************************************/
/* ===================================================================
   13. PARTNERI / KLIENTI (homepage blok)
   =================================================================== */

/***About us Title ******************************************************************************************************
**************************************************************************************************************************/
.exp_process {
	/*margin-bottom:40px;*/
	padding: 0 0 10px;

}
.exp_process p{
	margin: 0 0 3px;
	font-size: 16px;
}

/* ===================================================================
   14. TYM
   =================================================================== */
.exp_team_section{
	padding-top: 5px;
	padding-bottom: 5px;
}

.exp_team_wrapper {
    margin-bottom: 30px;
    margin-top: 7px;
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
}
.exp_team_showcase {
    position: relative;
    padding: 0px;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.exp_team_showcase:hover .exp_team_showcase_title a {
    text-decoration: underline;
}

.exp_team_showcase_overlay {
     visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -80%;
    left: 0;
	background:rgba(0,0,0,0.5);
	-webkit-transition: all .5s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.exp_team_showcase img{
	-webkit-transition: all .55s ease-in;
    -moz-transition: all .55s ease-in;
    -o-transition: all .55s ease-in;
    transition: all .55s ease-in;
}
.exp_team_showcase_overlay_inner {
    position: absolute;
    bottom:-110%;
    left: 0;
    width: 100%;
    overflow: hidden;
    visibility: hidden;
	 -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}
.exp_team_showcase .exp_team_showcase_icons {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}
.exp_team_showcase .exp_team_showcase_icons a {
    font-size: 1.3em;
    line-height: 1em;
    display: inline-block;
    margin-left: 2px;
    padding: 8px 8px;
    opacity: 1;
	text-decoration: none;
	margin-right:5px;
	border-radius:100%;
	width:60px;
	height:60px;
	transition: all 0.3s ease 0s;	
}
.exp_team_showcase .exp_team_showcase_icons a i{
    font-size: 1.6em;
	line-height:40px;	
}
.exp_team_showcase:hover .exp_team_showcase_overlay {
    visibility: visible;
	top: 0;
}
.exp_team_showcase:hover img{
	-moz-transform: scale(1.2); 
	-webkit-transform: scale(1.2); 
	-o-transform: scale(1.2); 
	transform: scale(1.2); 
}
.exp_team_showcase .exp_team_showcase_icons h3{
    color: #ffffff;
}
.exp_team_showcase .exp_team_showcase_icons small{
    color: #ffffff;
}
.exp_team_showcase:hover .exp_team_showcase_overlay_inner {
    visibility: visible;
     bottom:40%;
    left: 0;	
}
.exp_team_caption {
    border-radius: 0;
    padding: 0 0 15px;
    text-align: center;
    transition: all 180ms ease-in-out 0s;
	cursor: pointer;
	background:#fff;
}
.exp_team_caption h3 {
    font-size: 24px;
    font-weight: 500;
	margin: 0;
    padding: 9px 3px 0px;
    line-height: 34px;
}
.exp_team_caption small {
    font-size: 13px;
    line-height: 20px;
	color: #555555;
}
.exp_team_caption h3  {
	color: #222222;	
}

/***** Call Out Section *****************************************************************
***************************************************************************************/
.exp_callout_area{
	width:100%;
	padding-top:39px;
	padding-bottom:40px;
	display:block;
	overflow:hidden;
	
}

.exp_callout_area p{
	font-size:22px;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	line-height: 35px;
	padding-top:10px;
}
.exp_callout_area p{
	color:#fff;
}
.exp_callout_area p i{
	font-size:40px;
	float:left;
	margin-right:20px;
	vertical-align:middle;
}
.exp_callout_area a {
    display: inline-block;
	font-size: 18px;
	font-weight:700;
	line-height: 20px;
	border-radius:10px;
	padding: 16px 18px;
	text-align: right;
	/*	text-transform: uppercase; */
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}
.exp_callout_area a{
	transition: all 0.4s ease 0s;
	text-decoration:none;
	color:#fff;
	text-align:center;
}

.exp_callout_area a {
	color: #FFFFFF;
	background-size: 100% 200%;
	 background-image: linear-gradient(to bottom, transparent 50%, #393c40 50%);
   -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
	border:4px solid #393c40;
}
.exp_callout_area a:hover {

	background-position: 0 -100%;
	color:#fff;
	background-color:#393c40;
}
/***** Footer widget Area *****************************************************************
***************************************************************************************/

/* ===================================================================
   15. PATICKA - WIDGETY
   =================================================================== */

/* Footer area Section Css------------------------------------------------------------ */

/********** contact us page css *******************************************************************************
********************************************************************************************************/

.exp_cotact_form_div p{
	font-size: 17px;
	line-height: 25px;
	color: #555;
	margin-top:5px;
}
/* ===================================================================
   16. KONTAKTNI BLOK (homepage + kontaktni stranka)
   =================================================================== */

/* 404 Page Css ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ===================================================================
   17. 404 STRANKA
   =================================================================== */

/* Scroll To Top ----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.exp_scrollup {
    width: 34px;
    height: 34px;
    opacity: 1;
    position: fixed;
    bottom: 13px;
    text-shadow: 0.5px 0.5px 0.5px #000;
    right: 0px;
    line-height: 34px;
    display: none;
    border-radius: 0px;
    text-align: center;
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 997;
    outline: none;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    -webkit-filter: drop-shadow(0px 0px 3px #000);
    -moz-filter: drop-shadow(0px 0px 3px #000);
    -o-filter: drop-shadow(0px 0px 3px #000);
    filter: drop-shadow(0px 0px 3px #000);
}

.exp_scrollup:hover{
    opacity: 1;
    outline: none;
}

.exp_scrollup em {
    line-height: 17px;
    font-size: 17px;
    height: 17px;
    color: #ffffff !important;
    outline: none;
}

a.exp_scrollup:hover em {
    text-decoration: none;
    color: #ffffff !important;
    outline: none;	
}

/*-----------------------
-----Scrollimations------
------------------------*/

/* ===================================================================
   18. SCROLL ANIMACE (prvky animovane pri scrollovani)
   =================================================================== */
/***********theme required css **********/

.wp-caption-text { font:14px;text-align: center; }
.gallery-caption { font:14px; }
.bypostauthor{ font:14px; }
.alignright{ font:14px; text-align:right;display: inline;
float: right; }

.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.aligncenter{font:14px; text-align:center; }
.wp-caption {
border: 1px solid #ccc;
margin-bottom: 1.5em;
max-width: 100%;font:14px;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 1.2% auto 0;
max-width: 98%;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}

table.table, table {
width: 100%;
text-align: left;
background-color: transparent;
}

/*Calander Widget CSS*/
#wp-calendar tbody tr td {
text-align: center;
}
#wp-calendar caption {
padding: 10px;
}
#wp-calendar thead tr th {
text-align: center;
}
table th {
/*border: 1px solid #dddddd;*/
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
/*border: 1px solid #dddddd;*/
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}
table td {
/*border: 1px solid #dddddd;*/
padding: 8px;
line-height: 20px;
text-align: center;
vertical-align: top;
}

.sticky {
	clear: both;
    display: block;
}

/*Three Levle Menu Active Class CSS */

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* Style for WPML language menu */
.nav li.menu-item-language:hover .sub-menu{
visibility:visible !important;
}
/* **************** image rotation effect  ************************ */

/*Testimonial Page*/

.space {
    margin-bottom: 40px;
}

/* Home */

/* ===================================================================
   19. VARIANTA HLAVICKY "home1" - DOPLNKOVE STYLY (barevne schema 1)
   =================================================================== */

.img-responsive{
	width:100%;
	height:auto;
}

/* Blog */
.home-blog{
	padding-top:50px;
}

.exp-home-callout1 p i {
  background-color: rgba(0,0,0,0.8);
  color: #fff !important;
  font-size: 78px;
  height: 140px;
  margin-top: -40px;
  position: relative;
  text-align: center;
  width: 140px;
  margin-bottom: -40px;
  padding-top: 30px;
}
.exp-home-callout1 p i::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.8);
  border-style: solid;
  border-width: 0 10px 11px 0;
  content: "";
  margin-left: 34px;
  position: absolute;
  top: 0;
}
.exp-home-callout1 a {
  border: 2px solid #fff;
  border-radius: 0;
  margin-top: 15px;
}

.exp-footer-copy1 .social{
	margin:0;
}
/* Home 2 */

/* ===================================================================
   20. VARIANTA HLAVICKY "home2" - DOPLNKOVE STYLY (barevne schema 2)
   =================================================================== */

/* Blog */

/* Home 2 */

/* NEw */

/* New */

/* Blog */

/* Blog 5 */
/* Blog 5 */

/* Contact 2 */

/* Contact 2 */
/* Contact 3 */
/* Contact 3 */

/* About us 2 */
.exp-about-us2 .exp_team_showcase:hover .exp_team_showcase_overlay_inner {
    visibility: visible;
    bottom: 10%;
    left: 0;
}
.exp-about-us2 .exp_team_showcase .exp_team_showcase_icons a {
    font-size: 14px;
    line-height: 1em;
    display: inline-block;
    margin-left: 0;
    padding: 0;
    opacity: 1;
    text-decoration: none;
    margin-right: 0;
    border-radius: 0;
    width: 40px;
    height: 40px;
    transition: all 0.3s ease 0s;
}
.exp-about-us2 .exp_team_showcase_overlay {
    visibility: hidden;
    position: absolute;
    width: auto;
    height: auto;
    left: 10px;
    background: rgba(0,0,0,0.5);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
    -webkit-transition: all .5s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    right: 10px;
    top: 10px;
    bottom: 10px;
}
.exp-about-us2 .exp_team_showcase:hover .exp_team_showcase_overlay {
    visibility: visible;
	top: 10px;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	 -webkit-transition: all .5s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.exp-about-us2 .exp_team_showcase_overlay_inner {
    bottom: -50%;
}
/* About us 2 */

.exp-home-team {
  padding-bottom: 90px;
  padding-top: 90px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.exp-team-item .img-thumbnail {
  border-radius: 0;
  display: block;
  padding: 0;
  position: relative;
  border:0;
  overflow:hidden;
}

.exp-team-detail .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: rgba(0,0,0,0.3);
  -webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.exp-team-detail:hover .overlay {
  top:10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  -webkit-transition:all ease 0.3s;
	-moz-transition:all ease 0.3s;
	-ms-transition:all ease 0.3s;
	-o-transition:all ease 0.3s;
	transition:all ease 0.3s;
}
.exp-team-detail .overlay .social{
	position:absolute;
	padding:0;
	bottom:-50px;
	width:100%;
	z-index:99;
	text-align:center;
	transition:all 0.3s ease 0s;
}
.exp-team-detail:hover .overlay .social{
	bottom:20px;
	transition:all 0.3s ease 0s;
}
.exp-team-detail img{
	-webkit-transform:scale(1)rotate(0deg);
	-moz-transform:scale(1)rotate(0deg);
	-ms-transform:scale(1)rotate(0deg);
	-o-transform:scale(1)rotate(0deg);
	transform:scale(1)rotate(0deg);
	-webkit-transition:all ease 0.6s;
	-moz-transition:all ease 0.6s;
	-ms-transition:all ease 0.6s;
	-o-transition:all ease 0.6s;
	transition:all ease 0.6s;
}
.exp-team-detail:hover img{
	-webkit-transform:scale(1.2)rotate(-15deg);
	-moz-transform:scale(1.2)rotate(-15deg);
	-ms-transform:scale(1.2)rotate(-15deg);
	-o-transform:scale(1.2)rotate(-15deg);
	transform:scale(1.2)rotate(-15deg);
	-webkit-transition:all ease 0.6s;
	-moz-transition:all ease 0.6s;
	-ms-transition:all ease 0.6s;
	-o-transition:all ease 0.6s;
	transition:all ease 0.6s;
}

/* TEam 2 */
/* TEam 2 */

/* TEam 3 */
/* TEam 2 */

/* Team Detail */

/*sl-slider */
/*slider sl start*/

/* Slide wrapper and slides */

/* The duplicate parts/slices */

/* ===================================================================
   21. SLITSLIDER (alternativni hero slider, viz exp-theme-script.js)
   =================================================================== */

/* Horizontal slice */

/* Vertical slice */

/* Content wrapper */
/* Width and height is set dynamically */

/* Default styles for background colors */
/* .slider-blockquote{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
	
} */
/* Custom navigation arrows */
.nav-arrows {
    display: block!important; 
}
/* Custom navigation dots */

/* Animations for content elements */

/* ===================================================================
   22. ANIMACE (@keyframes)
   =================================================================== */

@media(max-width:767px) {
.logo img {
    display: inline-block;
}
}