/*   
Theme Name: SVKPK
Theme URI: www.svkpk.cz
Description: Šablona na míru pro SVKPK. Šablony od firmy LWD jsou sofistikované, nenáročné na správu a neuvěřitelně modifikovatelné.
Author URI: http://lwd.cz
Version: 0.7
*/

/* `Overrides
----------------------------------------------------------------------------------------------------*/

body { font-weight: bold }

a,
input,
button { outline: 0 !important }

input::-moz-focus-inner { border: 0 }

blockquote { 
	border: none;
	padding: 45px 0 45px 60px }
	
blockquote > div { 
	font-size: 2em;
	font-weight: normal;
	line-height: 1.4 }
	
blockquote footer {
	font-size: 100%;
	color: #000;
	margin: 15px 0 }
	
::-webkit-input-placeholder{ color: #000 }
:-moz-placeholder { color: #000 /* Firefox 18- */ }
::-moz-placeholder { color: #000 /* Firefox 19+ */ }
::-ms-input-placeholder { color: #000 }

#body-wrap,
#header-wrap,
#content-wrap,
#footer-wrap { 
	display: block;
	margin: 0;
	padding: 0;
	position: relative }
	
.tooltip,
.dropdown-menu,
.popover { 
	background: #eee;
	background: rgba(238,238,238,0.9);
	border-color: #eee;
	border-color: rgba(238,238,238,0.9);
	font-weight: bold;
	
		box-shadow: none;
		-moz-box-shadow: none }

.dropdown-menu {
	border: none !important;
	font-size: 16px;
	left: 50%;
	top: 100%;
	margin: 0 !important;
	padding-top: 15px;
	padding-bottom: 15px;
	
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0); }
		
		.dropdown-menu .dropdown-menu { 
			left: 105%;
			top: 50%;
			
				-webkit-transform: translate(0, -50%);
				-moz-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				-o-transform: translate(0, -50%);
				transform: translate(0, -50%); }
		
.dropdown-menu:before {
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 0 4px 3px 4px;
	border-color: transparent transparent #eee transparent;
	content: '';
	display: block;
	left: 50%;
	margin-left: -4px;
	position: absolute;
	top: -3px }
	
	.dropdown-menu .dropdown-menu:before { 
		left: -3px;
		margin: -4px 0 0;
		top: 50% }
	
.dropdown-menu > li > a  { padding: 5px 20px }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background: none }
	
.tooltip.top,
.tooltip.bottom,
.popover.top > .arrow,
.popover.bottom > .arrow { padding: 3px 0 }
.tooltip.right,
.tooltip.left,
.popover.right > .arrow,
.popover.left > .arrow { padding: 0 3px }

.tooltip.top { margin-top: -5px }
.tooltip.bottom { margin-top: 5px }
.tooltip.right { margin-left: 5px }
.tooltip.left { margin-left: -5px }
		
.tooltip.top .tooltip-arrow,
.popover.top > .arrow {
	margin-left: -4px;
	border-width: 3px 4px 0 4px;
	border-top-color: #eee }
	
	.tooltip.top .tooltip-arrow { bottom: -3px }
	.popover.top > .arrow { bottom: -10px }
	
.tooltip.right .tooltip-arrow,
.popover.right > .arrow {
	margin-top: -4px;
	border-width: 4px 3px 4px 0;
	border-right-color: #eee }
	
	.tooltip.right .tooltip-arrow { left: -3px }
	.popover.right > .arrow { left: -10px }

.tooltip.left .tooltip-arrow,
.popover.left > .arrow {
	margin-top: -4px;
	border-width: 4px 0 4px 3px;
	border-left-color: #eee }
	
	.tooltip.left .tooltip-arrow { right: -3px }
	.popover.left > .arrow { right: -10px }

.tooltip.bottom .tooltip-arrow,
.popover.bottom > .arrow {
	margin-left: -4px;
	border-width: 0 4px 3px 4px;
	border-bottom-color: #eee }
	
	.tooltip.bottom .tooltip-arrow { top: -3px }
	.popover.bottom > .arrow { top: -10px }
	
.popover > .arrow:after { display: none }
		
.popover-content,
.tooltip .tooltip-inner { padding: 20px 25px !important }
	
.btn { border-width: 2px; font-weight: bold; padding: 33px 39px  }
.btn.square { height: 90px; line-height: 90px; padding: 0; position: relative; width: 90px }
.btn.square [class^="icon-"]:before { display: inline-block; font-size: 32px; position: relative; top: 5px }

.btn,
.txt-left .btn,
.btn.floatL { margin-right: 15px; margin-left: 0 }
.txt-right .btn,
.btn.floatR { margin-left: 15px; margin-right: 0 }
.txt-center .btn { margin-left: 15px; margin-right: 15px }

.btn:active,
.btn.active { 
		
		-moz-box-shadow: none;
		box-shadow: none }

.btn-blue,
.schema-blue .btn-schema {
	background: transparent;
	border-color: #00aae6;
	color: #00aae6; }
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.focus,
.btn-blue.active,
.schema-blue .btn-schema:hover,
.schema-blue .btn-schema:focus,
.schema-blue .btn-schema:active,
.schema-blue .btn-schema.focus,
.schema-blue .btn-schema.active {
	background-color: #00aae6;
	color: #fff }

.btn-red,
.btn-primary,
.schema-red .btn-schema {
	background: transparent;
	border-color: #f05a37;
	color: #f05a37; }
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.focus,
.btn-red.active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.focus,
.btn-primary.active,
.schema-red .btn-schema:hover,
.schema-red .btn-schema:focus,
.schema-red .btn-schema:active,
.schema-red .btn-schema.focus,
.schema-red .btn-schema.active {
	background-color: #f05a37;
	color: #fff }
	
.btn-green,
.schema-green .btn-schema {
	background: transparent;
	border-color: #5abe73;
	color: #5abe73; }
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.focus,
.btn-green.active,
.schema-green .btn-schema:hover,
.schema-green .btn-schema:focus,
.schema-green .btn-schema:active,
.schema-green .btn-schema.focus,
.schema-green .btn-schema.active {
	background-color: #5abe73;
	color: #fff }
	
.btn-yellow,
.schema-yellow .btn-schema {
	background: transparent;
	border-color: #ffde00;
	color: #ffde00; }
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.focus,
.btn-yellow.active,
.schema-yellow .btn-schema:hover,
.schema-yellow .btn-schema:focus,
.schema-yellow .btn-schema:active,
.schema-yellow .btn-schema.focus,
.schema-yellow .btn-schema.active {
	background-color: #ffde00;
	color: #fff }
	
.btn-gray,
.nav-pills a.btn {
	background: transparent;
	border-color: #dbdbdb;
	color: #dbdbdb; }
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.focus,
.btn-gray.active,
.nav-pills a:hover,
.nav-pills a:focus
.nav-pills a.focus {
	border-color: #b8b8b8;
	color: #b8b8b8 }
	


select,
textarea,
input:not([type="radio"]),
input:not([type="checkbox"]),
input:not([type="submit"]),
.selectbox { 
	background: transparent;
	border: none;
	border-style: solid;
	border-width: 2px;
	color: #000;
	overflow: hidden;
	outline: none !important;
	padding: 33px 39px;
	text-align: left;
	width: 100%;
	
		box-shadow: none;
		-moz-box-shadow: none; }
		
.selectbox { overflow: hidden }
   
.selectbox select {
   background: transparent;
   border: 0;
   cursor: pointer;
   left: 4px;
   line-height: 1;
   margin: 2px 0;
   padding: 0;
   position: relative;
   top: 2px; 
   width: 110%;
  
  	 -webkit-border-radius: 0;
  	 -moz-border-radius: 0;
  	 border-radius: 0;
  	 -webkit-appearance: none;
  	 -moz-appearance: none;
  	 appearance: none }
  	 
.selectbox i { 
	display: block;
	height: 18px;
	position: absolute;
	right: 40px;
	top: 40px;
	width: 18px }
	
	.selectbox i:before { 
		display: inline-block;
		font-size: 25px;
		position: relative;
		bottom: 4px }
  
.selectbox .wpcf7-form-control-wrap { 
	position: static }
  
.selectbox select,
.selectbox select:hover,
.selectbox select:focus,
.selectbox select.focus,
.selectbox select.active { 
	outline: none !important;
	
		box-shadow: none;
		-moz-box-shadow: none; }
		
input[type="submit"] { width: auto }
  
.schema-blue input:not([type="radio"]),
.schema-blue input:not([type="checkbox"]),
.schema-blue input:not([type="submit"]),
.schema-blue select,
.schema-blue textarea,
.schema-blue .selectbox {
	border-color: #00aae6 }
	
.schema-red input:not([type="radio"]),
.schema-red input:not([type="checkbox"]),
.schema-red input:not([type="submit"]),
.schema-red select,
.schema-red textarea,
.schema-red .selectbox {
	border-color: #f05a37 }
	
.schema-green input:not([type="radio"]),
.schema-green input:not([type="checkbox"]),
.schema-green input:not([type="submit"]),
.schema-green select,
.schema-green textarea,
.schema-green .selectbox {
	border-color: #5abe73 }
	
.schema-yellow input:not([type="radio"]),
.schema-yellow input:not([type="checkbox"]),
.schema-yellow input:not([type="submit"]),
.schema-yellow select,
.schema-yellow textarea,
.schema-yellow .selectbox {
	border-color: #ffde00 }
	
.schema-gray input:not([type="radio"]),
.schema-gray input:not([type="checkbox"]),
.schema-gray input:not([type="submit"]),
.schema-gray select,
.schema-gray textarea,
.schema-gray .selectbox {
	border-color: #b8b8b8 }
	
.schema-gray input:not([type="radio"]):focus,
.schema-gray input:not([type="checkbox"]):focus,
.schema-gray input:not([type="submit"]):focus,
.schema-gray select:focus,
.schema-gray textarea:focus {
	border-color: #707070 }
	
.nav-pills { 
	list-style: none;
	padding-left: 0 }
	
.nav-pills li { margin-bottom: 15px }	
.nav-pills > li + li { margin-left: 0 }

.schema-red .nav-pills .active a,
.schema-red .nav-pills .active a:hover,
.schema-red .nav-pills .active a:focus { background: transparent; border-color: #f05a37; color: #f05a37 }
.schema-blue .nav-pills .active a,
.schema-blue .nav-pills .active a:hover,
.schema-blue .nav-pills .active a:focus { background: transparent; border-color: #00aae6; color: #00aae6 }
.schema-green .nav-pills .active a,
.schema-green .nav-pills .active a:hover,
.schema-green .nav-pills .active a:focus { background: transparent; border-color: #5abe73; color: #5abe73 }
.schema-yellow .nav-pills .active a,
.schema-yellow .nav-pills .active a:hover,
.schema-yellow .nav-pills .active a:focus { background: transparent; border-color: #ffde00; color: #ffde00 }

.pager,
.pagination {
	border: 2px solid #ededed;
	border-left: none;
	border-right: none;
	margin-top: 45px;
	margin-bottom: 45px;
	padding: 15px 30px 15px;
	text-align: center;
	width: 100% }

.pager > li,
.pagination > li { 
	display: inline-block;
	margin: 0 15px }
.pager li.next,
.pagination li.next { float: right; margin-right: 0 }
.pager li.previous,
.pagination li.previous { float: left; margin-left: 0 }
	
.pager li > a,
.pager li > span,
.pagination li > a,
.pagination li > span {
	background-color: transparent !important;
	border: none;
	color: #000;
	display: inline-block;
	font-size: 16px;
	height: 36px;
	line-height: 40px;
	padding: 0;
	
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0; }
		
.pager li > a > span.c-black,
.pagination li > a > span.c-black {
	color: #000;
	visibility: hidden;
	text-transform: lowercase }
.pager li > a:hover > span.c-black,
.pagination li > a:hover > span.c-black { visibility: visible }

.pager li.next > a > .icon-arrow-right,
.pagination li.next > a > .icon-arrow-right { margin-left: 15px }
.pager li.previous > a > .icon-arrow-left,
.pagination li.previous > a > .icon-arrow-left { margin-right: 15px }

.pager li > a > [class^="icon-"]:before,
.pagination li > a > [class^="icon-"]:before { display: inline-block; position: relative; top: 2px }

.breadcrumb a:hover { color: #000 }
		
/* `Classes
----------------------------------------------------------------------------------------------------*/


.floatR { float: right }
.floatL { float: left }
.txt-upprcs { text-transform: uppercase }
.txt-lwrcs { text-transform: lowercase }
.txt-left { text-align: left }
.txt-right { text-align: right }
.txt-center { text-align: center }
.txt-14 { font-size: 14px; line-height: 1.42857143 }
.txt-16 { font-size: 16px; line-height: 1.42857143 }
.nowrap { white-space: nowrap }
.strong { font-weight: bold }
.single-image { margin: 0 15px 15px }
	.single-image.floatR { margin: 0 0 15px 15px }
	.single-image.floatL { margin: 0 15px 15px 0 }
.hidden { display: none }
.img-responsive { display: inline-block }

.alignleft {
	display: inline;
	float: left }
.alignright {
	display: inline;
	float: right }
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto }

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft { margin: 0 15px 15px 0 }
blockquote.alignright,
.wp-caption.alignright,
img.alignright { margin: 0 0 15px 15px }
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0;
	margin-bottom: 15px }
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter { margin-bottom: 15px }

.c-red,
.c-primary,
.c-red-on-hover:hover,
.c-primary-on-hover:hover,
.schema-red a,
.schema-red .color,
.schema-red .breadcrumb>li+li:before,
.schema-red table th,
.post .schema-red a { color: #f05a37 }
.b-red,
.b-primary,
.b-red-on-hover:hover,
.b-primary-on-hover:hover,
.schema-red .bgcolor { background-color: #f05a37 }
.c-blue,
.c-blue-on-hover:hover,
.schema-blue a,
.schema-blue .color,
.schema-blue .breadcrumb>li+li:before,
.schema-blue table th,
.post .schema-blue a { color: #00aae6 }
.b-blue,
.b-blue-on-hover:hover,
.schema-blue .bgcolor { background-color: #00aae6 }
.c-yellow,
.c-yellow-on-hover:hover,
.schema-yellow a,
.schema-yellow .color,
.schema-yellow .breadcrumb>li+li:before,
.schema-yellow table th,
.post .schema-yellow a { color: #ffde00 }
.b-yellow,
.b-yellow-on-hover:hover,
.schema-yellow .bgcolor { background-color: #ffde00 }
.c-green,
.c-green-on-hover:hover,
.schema-green a,
.schema-green .color,
.schema-green .breadcrumb>li+li:before,
.schema-green table th,
.post .schema-green a { color: #5abe73 }
.b-green,
.b-green-on-hover:hover,
.schema-green .bgcolor { background-color: #5abe73 }

.c-black,
.c-default,
.c-black-on-hover:hover,
.c-default-on-hover:hover,
.schema-black a,
.schema-black .color,
.schema-black .breadcrumb>li+li:before { color: #000 }
.b-black,
.b-default,
.b-black-on-hover:hover,
.b-default-on-hover:hover,
.schema-black .bgcolor { background-color: #000 }

.c-white { color: #fff }
.b-white { background-color: #fff }

.c-gray { color: #a6a6a6 }
.c-gray:hover { color: #000 }
	
	/* .schema-red .post .post-content a:hover { color: #f05a37 }
	.schema-blue .post .post-content a:hover { color: #00aae6 }
	.schema-yellow .post .post-content a:hover { color: #ffde00 }
	.schema-green .post .post-content a:hover { color: #5abe73 }
	.schema-black .post .post-content a:hover { color: #000 } */

.p-top-0 { padding-top: 0 !important }
.p-top-1 { padding-top: 15px !important }
.p-bottom-0 { padding-bottom: 0 !important }
.p-bottom-1 { padding-bottom: 15px !important }
.m-top-0 { margin-top: 0 !important }
.m-top-1 { margin-top: 15px !important }
.m-top-2 { margin-top: 30px !important }
.m-top-3 { margin-top: 60px !important }
.m-top-4 { margin-top: 120px !important }
.m-bottom-0 { margin-bottom: 0 !important }
.m-bottom-1 { margin-bottom: 15px !important }
.m-bottom-2 { margin-bottom: 30px !important }
.m-bottom-3 { margin-bottom: 60px !important }
.m-bottom-4 { margin-bottom: 120px !important }



/* `Headings
----------------------------------------------------------------------------------------------------*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 { margin-top: 0; margin-bottom: 30px }

.heading-80 { 
	font-size: 80px;
	line-height: 1.2 }
	
/* `Header
----------------------------------------------------------------------------------------------------*/

#header { padding-top: 42px; padding-bottom: 66px }
#header-right > a { 
	display: inline-block;
	margin-left: 30px }
#header-right > a:first-child { margin-left: 0 }
#header-right > a i {
	font-size: 30px;
	line-height: 30px;
	position: relative }

#header-right > a.chat-link i:before {
	font-size: 22px;
	position: relative;
	top: -4px }
	
#header-right > a.chat-link i:after {
	content: "\e625";
	font-size: 22px;
	left: 0;
	position: absolute;
	top: 0 }
	
	#header-right > a.chat-link:hover i:after { color: #f05a37 }
	
	#header-right .icon-lang-o:before { content: "\e601" }
	#header-right .icon-lang-o:hover:before { content: "\e602" }
	#header-right .icon-lang-o.cs_CZ:before { content: "\e626" }
	#header-right .icon-lang-o.cs_CZ:hover:before { content: "\e627" }
	
#header-right .icon-search-o:hover:before { content: "\e605" }
#header-right .toggle-menu { color: #000; position: relative; top: 1px }
#header-right .toggle-menu .icon-menu { font-size: 26px !important; position: relative; margin-right: 6px }


/* `Main Navigation
----------------------------------------------------------------------------------------------------*/

.menu { 
	list-style: none;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 0 }
	
	#main-menu.menu {
		margin-top: 40px;
		margin-bottom: -5px }
		
	#main-menu.megamenu { position: relative }
	
.menu > li { 
	display: inline;
	float: left;
	margin: 0 15px;
	padding: 0 }
	
	#main-menu.menu > li { padding-bottom: 5px }
	
.menu li a { 
	color: #000; }
	
	#main-menu.menu > li > a { 
		font-size: 18px;
		font-weight: bold;
		line-height: 26px;
		height: 26px }

.menu a:hover,
.menu li.current-menu-item > a:hover,
.schema-red .menu-icon,
.schema-red .menu li:hover > a,
.schema-red .menu li.current-menu-item > a,
.schema-red .menu li.current-page-ancestor > a,
.schema-red .menu li.current-menu-ancestor > a,
.schema-red .menu li.current-menu-parent > a,
.schema-red .menu li.current-page-parent > a { color: #f05a37 }
.schema-blue .menu-icon,
.schema-blue .menu li:hover > a,
.schema-blue .menu li.current-menu-item > a,
.schema-blue .menu li.current-page-ancestor > a,
.schema-blue .menu li.current-menu-ancestor > a,
.schema-blue .menu li.current-menu-parent > a,
.schema-blue .menu li.current-page-parent > a { color: #00aae6 }
.schema-yellow .menu-icon,
.schema-yellow .menu li:hover > a,
.schema-yellow .menu li.current-menu-item > a,
.schema-yellow .menu li.current-page-ancestor > a,
.schema-yellow .menu li.current-menu-ancestor > a,
.schema-yellow .menu li.current-menu-parent > a,
.schema-yellow .menu li.current-page-parent > a { color: #ffde00 }
.schema-green .menu-icon,
.schema-green .menu li:hover > a,
.schema-green .menu li.current-menu-item > a,
.schema-green .menu li.current-page-ancestor > a,
.schema-green .menu li.current-menu-ancestor > a,
.schema-green .menu li.current-menu-parent > a,
.schema-green .menu li.current-page-parent > a { color: #5abe73 }

.menu .dropdown-menu { text-align: center }
.menu .dropdown-menu a { font-weight: bold }

.menu .dropdown-mega > a { position: relative }
.menu .dropdown-mega > a .dropdown-mega-arrow { 
	height: 0;
	width: 0;
	border-style: solid;
	border-width: 0 7px 6px 7px;
	border-color: transparent transparent #eee transparent;
	display: none;
	left: 50%;
	margin: 3px 0 0 -7px;
	position: absolute;
	top: 100% }

.menu .dropdown-mega .megamenu-outer {
	display: none;
	left: -9.09090909%;
	padding: 0;
	position: absolute;
	top: 100%;
	width: 109.09090909%;
	z-index: 99 }
	
	.no-js .menu .dropdown-mega:hover > a .dropdown-mega-arrow,
	.no-js .menu .dropdown-mega:hover .megamenu-outer { 
		display: block }
		
	.menu .dropdown-mega .megamenu-inner {
		background: #eee;
		background: rgba(238,238,238,1);
		border-color: #eee;
		border-color: rgba(238,238,238,1);
		display: block;
		list-style: none;
		margin: 0 -30px;
		overflow: hidden;
		padding: 15px 30px;
		
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box }
		
		.menu .dropdown-mega .megamenu-inner ul {
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			width: 50% }
			.menu .dropdown-mega .megamenu-inner ul ul { 
				display: none;
				left: 50%;
				margin: 0;
				position: absolute;
				top: 15px;
				z-index: 1 }
		.menu .dropdown-mega .megamenu-inner li {
			margin: 0;
			padding: 0 40px 0 0 }
			
			.menu .dropdown-mega .megamenu-inner .level-1 li {
				margin: 10px 0;
				padding: 0 0 0 40px }
			
			.menu .dropdown-mega .megamenu-inner li a { 
				display: block;
				font-size: 21px;
    			line-height: 29px;
    			padding: 10px 0 }
			.menu .dropdown-mega .megamenu-inner li li a { 
				font-size: 18px;
    			line-height: 26px;
    			padding: 0 }
			.menu .dropdown-mega .megamenu-inner li a
			.no-js .menu .dropdown-mega .megamenu-inner li.menu-item-has-children:hover ul.level-1 { display: block }
			
	.menu .megamenu-inner > span { 
		background: #ccc;
		height: 1000px;
		left: 50%;
		margin-left: -1px;
		position: absolute;
		top: 30px;
		width: 2px;
		z-index: 0;
		
			height: -webkit-calc(100% - 60px);
			height: -moz-calc(100% - 60px);
			height: -o-calc(100% - 60px);
			height: calc(100% - 60px) }

.menu-wrapper { position: relative }

.menu-icon { 
	display: block;
	left: 7.5px;
	line-height: 26px;
	position: absolute;
	top: 40px }
	
.menu.mobile-menu { 
	list-style: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0 }
	
.menu.mobile-menu ul {
	display: none; 
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0 }
	
.menu.mobile-menu li {
	display: block;
	float: none;
	margin: 8px 0;
	padding: 0 }
	
	.menu.mobile-menu li li { margin: 3px 0 }
	
.menu.mobile-menu li a { 
	display: block;
	position: relative }
	
.menu.mobile-menu > li > a { font-size: 24px }

#flscrn-lang { 
	list-style: none;
	padding-left: 0 }
	
#flscrn-lang a { color: #fff }

	#flscrn-lang a.active,
	#flscrn-lang a.c-black,
	#flscrn-lang a:hover { color: #000 }
	
#flscrn-lang .flag-icon { 
	vertical-align: bottom;
	
		 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
		 filter: gray; /* IE6-9 */
		 -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
		 -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
		 
	#flscrn-lang a.active .flag-icon,
	#flscrn-lang a:hover .flag-icon { 
		 	
		 	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
		 	-webkit-filter: grayscale(0%) }
	
/* `Content
----------------------------------------------------------------------------------------------------*/

#content-wrap,
#content-wrap section > div { 
	padding-top: 45px;
	padding-bottom: 45px }
	
#content-wrap table { 
	border: 2px solid #ededed;
	border-left: none;
	border-right: none;
	margin-top: 45px;
	margin-bottom: 45px }
	
#content-wrap table>thead>tr>th,
#content-wrap table>tbody>tr>th,
#content-wrap table>tfoot>tr>th,
#content-wrap table>thead>tr>td,
#content-wrap table>tbody>tr>td,
#content-wrap table>tfoot>tr>td {
	border-width: 2px;
	height: 66px;
	padding-right: 15px;
	vertical-align: middle
}


#content-wrap ul.styled { 
	margin-left: 0;
	margin-bottom: 45px;
	padding-left: 0 }
#content-wrap ul.styled,
#content-wrap ul.styled ul { list-style: none }
#content-wrap ul.styled li {
	margin-bottom: 15px; 
	padding-left: 30px;
	position: relative }
#content-wrap ul.styled li:before { 
	content: '■';
	display: block;
	left: 0;
	position: absolute;
	top: 0 }
	
	
#content-wrap ol { 
	list-style-position: outside;
	margin-left: 0;
	margin-bottom: 45px;
	padding-left: 22px }
#content-wrap ol li {
	margin-bottom: 15px; 
	padding-left: 8px;
	position: relative }
	
	#content-wrap ol ol,
	#content-wrap ol ul,
	#content-wrap ul ul,
	#content-wrap ul ol { 
		margin-bottom: 0 !important;
		margin-top: 12px }
	
#content-wrap .schema-red li:before { color: #f05a37 }
#content-wrap .schema-blue li:before { color: #00aae6 }
#content-wrap .schema-yellow li:before { color: #ffde00 }
#content-wrap .schema-green li:before { color: #5abe73 }

#content-wrap img { max-width: 100%; height: auto }

#contact-wrap { 
	border-top: 2px solid #ededed;
	margin: 0 0 -45px;
	padding-bottom: 240px;
	position: relative }
	
#contact-wrap > div { 
	background: rgba(255,255,255,0.9);
	position: relative;
	padding: 0;
	z-index: 2 }
	
#contact-wrap #fullscreenmap { 
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1 }
	
#contact-wrap #contact-table { position: relative }
#contact-wrap #contact-table #founder { 
	bottom: 0;
	left: 0;
	position: absolute }
#contact-wrap #contact-table #founder strong { 
	display: block;
	margin-bottom: 20px } 
	
#contact-wrap #contact-table a { color: #000 }
#contact-wrap #contact-table a:hover { color: #f05a37 }
	
#recent-books-bar { 
	display: block;
	height: 15px;
	margin: 0 -42px;
	padding: 0 42px }
	
#recent-books-wrap .articles li.uncomplected { opacity: 0.3 }
	
#post-wrap .post-header { position: relative }

#post-wrap .post-header .post-title { margin: 0 }

#post-wrap .post-header .mail-print {
	top: 13px;
	position: absolute;
	right: 0 }

#post-wrap .post-header .mail-print a { 
	color: #ccc;
	cursor: pointer;
	display: inline-block;
	font-size: 21px;
	line-height: 1;
	margin-right: 15px }
	
	#post-wrap .post-header .mail-print a:hover { color: #000 }

.articles { 
	position: relative }
	
	ul.articles { 
		list-style: none;
		margin: 0;
		padding: 0  }
	
.articles article { position: relative }

.articles article .post-link,
.popover-content article .post-link { 
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9 }
	
.articles article .post-thumb .post-link { position: relative }
	
.article-carousel-nav {
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 145px }
	
.articles article .slideshow,
.articles article .slideshow img { max-height: 315px }

.post-date,
.event-date { 
	display: block;
	text-transform: lowercase }

.recent-item { height: 440px }
.recent-item a.c-black { color: #000 }
.recent-item img {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
	
		-moz-transition: margin 1s ease; /* Firefox */
		-webkit-transition: margin 1s ease; /* WebKit */
		-o-transition: margin 1s ease; /* Opera */
		transition: margin 1s ease }
		
	.recent-item:hover img { margin-bottom: 15px }

.gallery { 
	margin-left: -8px !important;
	margin-right: -8px !important;
	margin-bottom: 45px !important;
	overflow: hidden;
	
		-webkit-transition: height 1s ease;
		-moz-transition: height 1s ease;
		-ms-transition: height 1s ease;
		-o-transition: height 1s ease;
		transition: height 1s ease }

.gallery div[class*='col-'] { margin-bottom: 15px }

.gallery .gallery-item {
	margin: 0 0 15px;
	padding: 0 8px;
	text-align: left }
	
	.gallery.collapse-gallery .gallery-item { display: none }
	.gallery.collapse-gallery .gallery-item:nth-child(-n+3),
	.gallery.collapse-gallery .gallery-item.show-image { display: block }
	
	.gallery .gallery-more dt { 
		position: relative }
		
		.gallery .gallery-more dt img { 
			visibility: hidden;
			opacity: 0 }
			
		.gallery .gallery-more dt span {
			display: block; 
			left: 10%;
			position: absolute;
			top: 50%;
			width: 80%;
			
				-webkit-transform: translate(0, -50%);
				-moz-transform: translate(0, -50%);
				-ms-transform: translate(0, -50%);
				-o-transform: translate(0, -50%);
				transform: translate(0, -50%) }

	.gallery.collapse-gallery .collapse-images {
		clear: both;
		display: none }
	
.imglink:hover,
.gallery .gallery-icon > a:hover {
	cursor: url('images/image-hover-cursor.png'), crosshair;
	background: #000;
	display: inline-block }

.imglink:hover > img,
.gallery .gallery-icon > a:hover > img { opacity: 0.8 }

.section-icon { 
	font-size: 145px;
	line-height: 1;
	position: relative;
	z-index: 9 }
	
	.section-icon.moving { width: 100% }
		
.article-carousel { position: relative }
		
	.article-carousel .carousel-fix-overlay {
		background: #fff;
		display: block;
		height: 100%;
		left: -7.5px;
		position: absolute;
		top: 0;
		z-index: 8;
		
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box }

.signpost.children-menu-shortcode { margin-left: 112.5px }
	
.signpost ul a {
	color: #000;
	display: block }
	 
.view-filter { 
	display: inline-block;
	margin-top: 12px }
	
.view-filter .active,
.view-filter a:hover { color: #000 }

.events-calendar .pager {
	margin: 0 0 7.5px;
	text-transform: lowercase }
	
	.events-calendar .pager .next .c-black,
	.events-calendar .pager .previous .c-black { color: #000 }

.events-calendar .calendar-title {
	height: 36px;
	line-height: 40px;
	margin-bottom: 0 }
	
.events-calendar .calendar-holder { padding: 0 }
.staff-fillter-table { margin-left: -7.5px; margin-right: -7.5px }
	
.events-calendar table,
.staff-fillter-table table {
	border: none !important; 
	border-collapse: collapse;
	margin: 0 0 52.5px !important;
	table-layout: fixed;
	width: 100% }

.events-calendar table td,
.staff-fillter-table table td {
	height: auto;
	padding: 0 !important;
	vertical-align: top !important;
	width: 12.5% }

.events-calendar table .dayholder,
.staff-fillter-table table .letterholder {
	display: block;
	position: relative;
	padding-top: 100% }

.events-calendar table .day,
.staff-fillter-table table .letter {
	border: 2px solid transparent;
	display: block;
	height: initial;
	padding: 0;
	position: absolute;
	text-align: center;
	width: initial;
		
		top: 7.5px;
		right: 7.5px;
		bottom: 7.5px;
		left: 7.5px }
		
	.staff-fillter-table table .letter { border-color: #f05a37 }
	
	.events-calendar table td .day.gray,
	.events-calendar table td .day.disabled,
	.staff-fillter-table table .letter.gray,
	.staff-fillter-table table .letter.disabled { border-color: #ededed }
	.events-calendar table td .day.gray,
	.staff-fillter-table table .letter.gray  { background: #ededed }
	.events-calendar table td .day.active,
	.staff-fillter-table table .letter.active { background: #000 }
	
	
.events-calendar table .day > .daynumber,
.staff-fillter-table table .letter > .letternumber  {
	display: table;
	height: 100%;
	width: 100% }
	
.events-calendar table .day > .daynumber > span,
.staff-fillter-table table .letter > .letternumber  > span {
	color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle }
    
    .staff-fillter-table table .letter:not(.bgcolor) > .letternumber  > span { color: #f05a37 }
    .staff-fillter-table table .letter:hover > .letternumber  > span,
    .staff-fillter-table table .letter.active > .letternumber  > span { color: #fff }
    
    .events-calendar table .day.disabled > .daynumber > span,
	.staff-fillter-table table .letter.disabled > .letternumber > span { color: #ededed }

.related-archiv .related-list { 
	list-style: none;
	margin: 0;
	padding: 0 }
	
.related-archiv .related-list li { 
	border-top: 2px solid #ededed;
	display: block;
	margin: 0;
	padding: 0 }
	
.related-archiv .related-list a { 
	display: table-cell;
	height: 66px;
	vertical-align: middle;
	width: 100% }
	
.related-archiv .pagination { margin-top: 0 }


/* `Sidebar
----------------------------------------------------------------------------------------------------*/

.sidebar { float: right !important }

.widget { 
	display: block;
	position: relative }
	
.widget .widget-icon {
	display: block; 
	font-size: 30px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 15px }
	
.widget .widget-border { 
	display: block;
	height: 100%;
	left: -17px;
	position: absolute;
	top: 0;
	width: 2px }
	
.widget ul.sidemenu { 
	list-style: none;
	margin: 0;
	padding: 0 }
	
.widget ul.sidemenu ul { margin-left: 15px }

.widget ul.sidemenu a {
	display: block; 
	padding-left: 15px;
	position: relative }
	
.widget ul.sidemenu a:before { 
	content: '→';
	display: block;
	font-size: 10px;
	line-height: 20px;
	left: 0;
	position: absolute;
	top: 0 }

.widget ul.sidemenu a:hover,
.widget ul.sidemenu li.current-menu-item a { color: #000 }


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

#footer {
	padding-top: 60px;
	padding-bottom: 30px }
	
#footer .menu,
#footer .menu li { 
	list-style: none;
	margin-left: 0;
	padding-left: 0 }
	
#footer .menu li { 
	display: block;
	float: none;
	margin: 6px 0 }
	
#footer .menu a { color: #000 }

#footer .menu a:hover { color: #fff }

#footer .footer-widget { min-height: 140px }

#footer #site-copy { 
	bottom: 30px;
	display: block;
	position: absolute;
	margin:  0; 
	text-align: left;
	/*writing-mode: tb-rl;*/
	width: 200px;
	
		-webkit-transform: rotate(-90deg);
    	-webkit-transform-origin: bottom left;   
    	-moz-transform: rotate(-90deg);
    	-moz-transform-origin: bottom left; 
    	-o-transform: rotate(-90deg);
    	-o-transform-origin: bottom left; 
    	-ms-transform: rotate(-90deg);
    	-ms-transform-origin: bottom left;
    	transform: rotate(-90deg);
    	transform-origin: bottom left;
    	right: -170px; /*#site-copy width - right offset */  }
    	
    .ie #footer #site-copy,
    .no-csstransforms #footer #site-copy {
    	bottom: auto;
    	display: block;
    	padding: 30px 0 0;
    	position: relative;
    	margin: 0;
    	right: 0; 
    	text-align: left;
    	writing-mode: lr-tb;
    	width: 100%; 
    		
    		-webkit-transform: rotate(0);
    		-moz-transform: rotate(0);
    		-o-transform: rotate(0);
    		-ms-transform: rotate(0);
    		transform: rotate(0) }

#twitter-widget {
	position: relative }
	
#twitter-widget,
#twitter-widget .back-top { 
	height: 90px;
	line-height: 60px;
	padding: 15px; }
	
#twitter-widget a { color: #00aae6 }
#twitter-widget .back-top { 
	color: #fff;
	display: block;
	float: right;
	margin: -15px;
	margin-left: 15px;
	overflow: hidden;
	text-align: center;
	width: 195px }
	
	#twitter-widget .back-top:hover { 
		background: #fff;
		color: #f05a37 }
	
#twitter-widget .back-top i { font-size: 100px; line-height: 65px }
#twitter-widget .icon-twitter {
	left: 15px;
	position: absolute;
	top: 28px }
	
#twitter-widget .icon-twitter:before { font-size: 32px }

#twitter-widget .tweet { 
	display: block;
	overflow: hidden;
	padding-left: 50px;
	text-overflow: ellipsis;
	white-space: nowrap }
	
#twitter-widget .tweet br { display: none }
	
#twitter-widget .tweet a:hover { color: #f05a37 }
	
/* `Forms
----------------------------------------------------------------------------------------------------*/

#newsletter,
#flscrn-srch { 
	position: relative;
	padding-right: 105px }
	
#newsletter .btn,
#flscrn-srch button.btn { 
	margin: 0;
	position: absolute;
	right: 0;
	top: 0 }
	
	#flscrn-srch button.btn {
		bottom: 0;
		top: auto }
		
	#flscrn-srch button.btn:hover,
	#flscrn-srch button.btn:focus,
	#flscrn-srch button.btn:active { color: #000 }
	
#flscrn-srch input { 
	background: #fff;
	border-color: #fff }
	
#flscrn-srch .check-mask.btn {
	border-color: #fff;
	color: #fff }
	
#flscrn-srch button.btn { 
	background: #fff;
	color: #f05a37 }
	
#flscrn-srch .checkbox-inline label { margin-bottom: 0 !important }

.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
	padding-left: 0 }
	
.radio + .radio, 
.checkbox + .checkbox { margin-top: 0 }
	
.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
	display: block; 
	font-weight: bold;
	margin-bottom: 15px;
	padding-left: 0;
	padding-right: 15px;
	position: relative;
	vertical-align: bottom }
	
	.wpcf7 .radio label,
	.wpcf7 .radio-inline label,
	.wpcf7 .checkbox label,
	.wpcf7 .checkbox-inline label { padding-right: 0 }
	
	.wpcf7 .wpcf7-list-item-label { padding-right: 15px }
	
.radio-inline label,
.checkbox-inline label,
.wpcf7 .wpcf7-list-item-label { display: inline-block }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	bottom: 0;
	cursor: pointer;
	height: 100% !important;
	left: 0;
	margin-left: 0 !important;
	opacity: 0;
	padding: 0 !important;
	width: 100% !important }

.check-mask.btn {
	bottom: auto;
	left: auto;
	position: relative;
	z-index: 0 }
	
	.check-mask.btn i { display: none }
		
.radio .check-mask.btn.checked i,
.radio-inline .check-mask.btn.checked i,
.checkbox .check-mask.btn.checked i,
.checkbox-inline .check-mask.btn.checked i { display: inline-block }

.wpcf7-form p { margin-bottom: 15px }

.wpcf7-form-control.wpcf7-not-valid { 
	color: #f05a37 !important;
	border-color: #f05a37 !important }

.wpcf7-form-control.wpcf7-not-valid:focus {
	border-color: #f05a37;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #f05a37;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #f05a37 }
	
input.wpcf7-form-control.wpcf7-submit[disabled] { cursor: not-allowed }

input.wpcf7-form-control.wpcf7-submit:focus { 
	outline: none;
	
		-moz-box-shadow: none;
		box-shadow: none }

span.wpcf7-not-valid-tip {
	color: #f05a37 !important;
	display: block !important;
	font-weight: bold;
	margin: 15px 0  }
	
div.wpcf7-response-output {
	position: relative;
	padding: 22px 30px 22px 66px;
	color: #fff;
	margin-left: 0;
	margin-right: 0;
	border: 0 }

div.wpcf7-response-output:before{
	content: '';
	display: inline-block;
	font-family: 'icomoon', sans-serif;
	font-style: normal;
	font-size: 30px;
	font-weight: normal;
	font-variant: normal;
	left: 20px;
	line-height: 1;
	position: absolute;
	speak: none;
	text-transform: none;
	top: 18px;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale }

div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #5abe73 }
div.wpcf7-response-output.wpcf7-mail-sent-ok:before { content: "\e620" }
div.wpcf7-response-output.wpcf7-mail-sent-ng,
div.wpcf7-response-output.wpcf7-validation-errors { background-color: #f05a37 }
div.wpcf7-response-output.wpcf7-mail-sent-ng:before,
div.wpcf7-response-output.wpcf7-validation-errors:before { content: "!"; font-family: Arial, Helvetica, sans-serif }

/* `Widgets
----------------------------------------------------------------------------------------------------*/

.gallery img { border: none !important }
.gallery .gallery-caption { display: none }

.panel-group,
.panel-group .panel { 
	border: 1px solid #ededed;
	border-left: none;
	border-right: none }

.panel-group .panel {
	background: transparent;
	
		-moz-box-shadow: none;
		box-shadow: none }	
	
.panel-group .panel + .panel { margin-top: 0 }
 
.panel > .panel-heading { 
	background: transparent;
	border: none;
	color: #000;
	cursor: pointer;
	padding: 22px 0;
	position: relative }
	
.panel > .panel-heading h3 { margin: 2px 0 0 60px }
	
.panel > .panel-heading .accordion-toggle i { 
	display: block;
	height: 22px;
	line-height: 22px;
	
		-moz-transition: all 1s ease; /* Firefox */
		-webkit-transition: all 1s ease; /* WebKit */
		-ms-transition: all 1s ease; /* IE 9 */
		-o-transition: all 1s ease; /* Opera */
		transition: all 1s ease  }
	
.panel > .panel-heading.active .accordion-toggle i { 
	
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg) }
	
.panel > .panel-heading + .panel-collapse > .panel-body {
	border-top: none;
	padding: 22px 0 }
	
.panel .staff-left,
.panel .staff-right { 
	display: block;
	float: left;
	min-height: 1px;
	padding-left: 60px;
	width: 50% }
	
.panel .accordion-toggle { 
	position: absolute;
	top: 22px;
	left: 22px }
	
.panel .panel-body > .panel-group { 
	border-top-width: 2px;
	border-bottom-width: 0;
	margin-top: -22px;
	margin-bottom: -22px;
	padding: 0 0 0 60px }
	
.panel .panel-body > .panel-group > .panel:first-child { border-top: none }
.panel .panel-body > .panel-group > .panel:last-child { border-bottom: none }
	
.staff-fillter .btn {
	display: block;
	float: left;
	margin: 0;
	text-transform: lowercase;
	width: 50% }
	
.staff-fillter .btn.active { cursor: default }
.staff-fillter .btn:hover,
.staff-fillter .btn:focus,
.staff-fillter .btn:active,
.staff-fillter .btn.focus,
.staff-fillter .btn.active { color: #fff }
	 
.contact-table-list p { 
	min-height: 1em;
	padding-left: 81px;
	position: relative }
	
.contact-table-list p:last-child { margin-bottom: 0 }

.contact-table-list span { 
	height: auto;
	line-height: inherit;
	left: 0;
	position: absolute;
	top: 0;
	width: 81px }

.tooltip .tooltip-inner { font-weight: bold; padding: 4px 8px }

.slide-counter { 
	height: 300px;
	padding: 25px 0;
	position: relative;
	text-align: center;
	
		-moz-transition: background 1s ease; /* Firefox */
		-webkit-transition: background 1s ease; /* WebKit */
		-ms-transition: background 1s ease; /* IE 9 */
		-o-transition: background 1s ease; /* Opera */
		transition: background 1s ease }
	
	.slide-counter:hover { color: #fff }
	
.slide-counter span { display: block }

.slide-counter span.c-black {
	bottom: 25px;
	left: 0;
	position: absolute;
	width: 100% }
	
.slide-counter span.number {
	font-size: 100px;
	line-height: 1em;
	margin-bottom: 15px }

.slide-counter > a { 
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1 }
	
.circle-clock { 
	background: #ededed;
	display: block;
	margin-bottom: 30px;
    overflow: hidden;
	position: relative;
    width: 100% }
    	
.circle-clock,
.circle-clock .pie-hover { 
	
		
    	-webkit-border-radius: 50%;
    	-moz-border-radius: 50%;
    	border-radius: 50% }
    
.circle-clock:before{
    content: "";
    display: block;
    padding-top: 100% }
    
.circle-clock .clock-content,
.circle-clock .pie-hover {
	bottom: 0;
	color: #fff;
	left: 0;
    position:  absolute;
    right: 0;
    top: 0;
    z-index: 1 }
    
.circle-clock .clock-content > div {
   display: table;
   height: 100%;
   width: 100% }

.circle-clock .clock-content > div > span {
	color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle }
    
.circle-clock .clock-content .icon-close { 
	display: none;
	font-size: 30px;
	line-height: 30px }
	
.circle-clock .clock-content .time {
	margin-bottom: 0;
	opacity: 0;
		
		-moz-transition: opacity 0.5s ease; /* Firefox */
		-webkit-transition: opacity 0.5s ease; /* WebKit */
		-ms-transition: opacity 0.5s ease; /* IE 9 */
		-o-transition: opacity 0.5s ease; /* Opera */
		transition: opacity 0.5s ease  }
	
.circle-clock.closed .clock-content .icon-close { display: block }
.circle-clock.closed .clock-content .time { display: none }
	
.circle-clock .pie-hover {
	display: block;
	opacity: 0;
	z-index: 0;
		
		-moz-transition: opacity 0.5s ease; /* Firefox */
		-webkit-transition: opacity 0.5s ease; /* WebKit */
		-ms-transition: opacity 0.5s ease; /* IE 9 */
		-o-transition: opacity 0.5s ease; /* Opera */
		transition: opacity 0.5s ease }
	
.circle-clock.opened:hover .clock-content .time { opacity: 1 }
.circle-clock.opened:hover .pie-hover { opacity: 0.8 }

.circle-clock .pie {
	display: none;
	height: 100%;
	left: 50%;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 50% }
	
	.circle-clock.opened .pie { display: block }
	.circle-clock .pie.with-clone { overflow: visible }

.circle-clock .pie-mask {
	display: block;
	height: 100%;
	position: absolute;
	right: 100%;
	top: 0;
	width: 100%;
		
		-webkit-border-radius: 199px 0 0 199px;
		-moz-border-radius: 199px 0 0 199px;
		border-radius: 199px 0 0 199px;
		-moz-transform-origin: right center;
		-ms-transform-origin: right center;
		-o-transform-origin: right center;
		-webkit-transform-origin: right center;
		transform-origin: right center }
	
.flscrn-open { overflow: hidden }

.flscrn-overlay,
.flscrn-overlay .flscrn-overlay-bg { 
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: auto;
	z-index: 9999 }
	
.flscrn-overlay .flscrn-overlay-bg {
	display: block;
	opacity: 1;
	overflow: hidden;
	z-index: -1 }
	
.flscrn-overlay > .container { 
	padding-top: 36px;
	padding-bottom: 36px }
	
.flscrn-overlay-close {
	color: #fff;
	display: block;
	float: right;
	font-size: 30px;
	margin-bottom: 28px }
	
#flscrn-menu-overlay .flscrn-overlay-close:hover { color: #fff }

.sitemap { padding-left: 0 }
.sitemap li { list-style: none }
.sitemap > li > a { 
	display: inline-block;
	font-size: 24px;
	line-height: 1.1;
	margin-bottom: 30px }
.sitemap > li li a { color: #000 }
.sitemap ul {
	margin-left: 90px;
	padding-left: 0 }
.sitemap > li > ul {
	margin-top: -15px;
	margin-bottom: 30px }


/* `Media queries
----------------------------------------------------------------------------------------------------*/

/* Large Deskops */
@media all and (min-width: 1200px) {
	.nav-pills a { font-size: 18px; padding-top: 31px; padding-bottom: 30px; }
	.events-calendar table .day > .daynumber > span,
	.staff-fillter .btn { font-size: 18px }
	#flscrn-srch input { font-size: 35px; padding-top: 18px; padding-bottom: 18px }
	#flscrn-srch button.btn i:before { font-size: 70px; top: 8px }
	.gallery .gallery-more dt span i { display: block; font-size: 50px; margin-bottom: 10px }
}


/* Normal Deskops */
@media all and (min-width: 992px) and (max-width: 1199px) {
	.md-hide { display: none !important }
	.md-show { display: initial !important; visibility: initial !important }
	
	.btn,
	select,
	textarea,
	input:not([type="radio"]),
	input:not([type="checkbox"]),
	input:not([type="submit"]),
	.selectbox { padding: 21px 27px  }
	.selectbox i { top: 30px }
	.btn.square { height: 66px; line-height: 66px; padding: 0; width: 66px; }
	.btn.square [class^="icon-"]:before { font-size: 26px; top: 2px }
	
	#twitter-widget,
	#twitter-widget .back-top { height: 66px; line-height: 36px }
	#twitter-widget .back-top { width: 147px }
	#twitter-widget .back-top i { font-size: 80px; line-height: 45px }
	#twitter-widget .icon-twitter { top: 20px }
	#twitter-widget .icon-twitter:before { font-size: 26px }
	#twitter-widget .tweet { padding-left: 40px }
	
	#newsletter,
	#flscrn-srch { padding-right: 81px }
	#flscrn-srch input { font-size: 25px; padding-top: 14px; padding-bottom: 13px }
	#flscrn-srch button.btn i:before { font-size: 50px; top: 6px }
	#contact-wrap #contact-table #founder strong { margin-bottom: 27px }
	
	.slide-counter { height: 228px }
	.slide-counter span.number { font-size: 70px }
	.recent-item { height: 390px }
	.sitemap ul { margin-left: 60px }
	.signpost.children-menu-shortcode { margin-left: 88.5px }
	.gallery .gallery-more dt span i { display: block; font-size: 20px; margin-bottom: 10px }
}

/* Mobile and Tablet */
@media all and (min-width: 0px) and (max-width: 991px) {
	/*.txt-14 { font-size: 12px }
	.txt-16 { font-size: 14px }
	
	h1, .h1 { font-size: 24px }	
	h2, .h2 { font-size: 18px }
	h3, .h3 { font-size: 14px }
	h4, .h4,
	h5, .h5 { font-size: 12px }
	h6, .h6 { font-size: 10px }
	blockquote > div { font-size: 18px } */
	.heading-80 { font-size: 40px }
	
	.selectbox select { width: 110% }
	.selectbox i:before { font-size: 15px; bottom: 0 }
	
	.widget { float: left; padding-left: 17px; width: 100% }
	.widget .widget-border { left: 0 }
	
	.circle-clock { width: 50% }
	
	#post-wrap .post-header .mail-print { top: 0; text-align: right }
	#post-wrap .post-header .mail-print a { margin: -2px 0 10px 15px }
	#recent-books-bar { margin: 0; padding: 0 }
	
	.flscrn-overlay .flscrn-overlay-close { margin-top: 8px }
	#flscrn-menu-overlay .flscrn-overlay-close { color: #f05a37 }
	#flscrn-menu-overlay .flscrn-overlay-close:hover { color: #000 }
}

/* Tablet */
@media all and (min-width: 767px) and (max-width: 991px) {
	.sm-hide { display: none !important }
	.sm-show { display: initial !important; visibility: initial !important }
	.txt-sm-left { text-align: left }
	.txt-sm-right { text-align: right }
	.txt-sm-center { text-align: center }
	.sm-m-bottom-0 { margin-bottom: 0 !important }
	.sm-m-bottom-1 { margin-bottom: 15px !important }
	.sm-m-bottom-2 { margin-bottom: 30px !important }
	.sm-m-bottom-3 { margin-bottom: 60px !important }
	.sm-m-bottom-4 { margin-bottom: 120px !important }
	
	.btn,
	select,
	textarea,
	input:not([type="radio"]),
	input:not([type="checkbox"]),
	input:not([type="submit"]),
	.selectbox { padding: 14px 20px }
	.selectbox i { right: 30px; top: 22px }
	.btn.square { height: 51px; line-height: 51px; padding: 0; width: 51px }
	.btn.square [class^="icon-"]:before { font-size: 20px; top: 2px }

	#main-menu.menu > li { margin-right: 0 }
	#main-menu.menu > li > a { font-size: 16px }
	
	.sidebar { float: left !important }
	.widget { width: 33.33339% }
	
	#twitter-widget,
	#twitter-widget .back-top { height: 51px; line-height: 21px }
	#twitter-widget .back-top { width: 118px }
	#twitter-widget .back-top i { font-size: 70px; line-height: 25px }
	#twitter-widget .icon-twitter { top: 14px }
	#twitter-widget .icon-twitter:before { font-size: 20px }
	#twitter-widget .tweet { padding-left: 30px }
	
	#newsletter,
	#flscrn-srch { padding-right: 66px }
	#flscrn-srch button.btn i:before { font-size: 37px; top: 6px }
	#contact-wrap #contact-table #founder strong { margin-bottom: 30px }
	
	.slide-counter { height: 185px }
	.slide-counter span.number { font-size: 50px }
	.recent-item { height: 390px }
	.view-filter { margin-top: 0 }
	.sitemap ul { margin-left: 30px }
	.signpost.children-menu-shortcode { margin-left: 75px }
}

/* Mobile */
@media all and (min-width: 0) and (max-width: 766px) {
	.xs-hide { display: none !important }
	.xs-show { display: initial !important; visibility: initial !important }
	.xs-m-bottom-0 { margin-bottom: 0 !important }
	.xs-m-bottom-1 { margin-bottom: 15px !important }
	.xs-m-bottom-2 { margin-bottom: 30px !important }
	.xs-m-bottom-3 { margin-bottom: 60px !important }
	.xs-m-bottom-4 { margin-bottom: 120px !important }
	.txt-xs-left { text-align: left }
	.txt-xs-right { text-align: right }
	.txt-xs-center { text-align: center }
	
	blockquote { padding: 15px 0 15px 30px }
	
	.btn,
	select,
	textarea,
	input:not([type="radio"]),
	input:not([type="checkbox"]),
	input:not([type="submit"]),
	.selectbox { padding: 8px 14px }
	.selectbox i { right: 20px; top: 15px }
	.btn.square { height: 40px; line-height: 40px; padding: 0; width: 40px; }
	.btn.square [class^="icon-"]:before { font-size: 14px; top: 0 }
	
	.sidebar { float: initial !important }
	
	#footer #site-copy { bottom: auto; display: block; position: relative; margin: 0; text-align: left; padding: 30px 0 0; right: 0; width: 100%; -webkit-transform: rotate(0); -moz-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
	#twitter-widget,
	#twitter-widget .back-top { height: 50px; line-height: 20px; }
	#twitter-widget { min-height: 50px; height: auto; padding-bottom: 65px; text-align: center }
	#twitter-widget .back-top { bottom: 0; float: none; left: 0; margin: 0; position: absolute;  width: 100% }
	#twitter-widget .back-top i { font-size: 55px; line-height: 20px }
	#twitter-widget .icon-twitter { top: 16px }
	#twitter-widget .icon-twitter:before { font-size: 18px }
	#twitter-widget .tweet { padding-left: 26px }
	
	#newsletter,
	#flscrn-srch { padding-right: 55px }
	#flscrn-srch .checkbox-inline label { margin-bottom: 15px !important }
	#flscrn-srch button.btn i:before { font-size: 30px; top: 4px }
	
	.flscrn-overlay,
	.featherlight-content,
	#header,
	#footer-wrap > div,
	#content-wrap section > div { padding-left: 30px; padding-right: 30px }
	.slide-counter { height: 165px; margin-left: auto; margin-right: auto; width: 165px }
	.slide-counter span.number { font-size: 30px }
	.recent-item { height: 150px }
	.recent-item .post-title,
	.recent-item a.c-black { display: none }
	.pager,
	.pagination { padding: 14px 0 12px }
	.pager > li,
	.pagination > li { margin: 0 7.5px }
	.pager li > a,
	.pager li > span,
	.pagination li > a,
	.pagination li > span { font-size: 14px }
	.pager li > a > span.c-black,
	.pagination li > a > span.c-black { display: none !important }
	.panel .panel-body  .staff-left,
	.panel .panel-body  .staff-right { float: none; width: 100% }
	.article-carousel-nav { display: block; float: none }
	.sitemap ul { margin-left: 15px }
	.signpost.children-menu-shortcode { margin-left: 55.5px }
}

@media (max-width: 524px) {	
	.gallery-item { width: 50% !important }
}

@media (min-width: 525px) and (max-width: 767px) {	
	.gallery-item { width: 33.333% !important }
}

@media (min-width: 768px) and (max-width: 991px) {
	.gallery-item { width: 25% !important }
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0 }

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden }

.clearfix { display: inline-block }

* html .clearfix { height: 1% }

.clearfix { display: block }


/* `Temporary Fix
----------------------------------------------------------------------------------------------------*/

#contact-wrap {
    padding-bottom: 0 !important;
}

#contact-wrap > div {
    background-color: #f5f5f5 !important;
}

#fullscreenmap {
    display: none !important;
}