/*   
Theme Name: kpfu-tender-eyed
Description: Шаблон версии сайта для слабовидящих
Author: Alex Golubev
Author URI: mailto:alex_pooh@inbox.ru
*/

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
	clear: both
}

* {
	box-sizing: border-box;
}

.hidden {
	display: none;
}

img {
	display: none;
}

.flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	
}

.loader-wrapper {
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(images/logo.png) center center no-repeat #012a77;
}

.cssload-loader {
	position: absolute;
	top: calc(50% - 165px);
	left: calc(50% - 165px);
	width: 330px;
	height: 330px;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	-webkit-perspective: 4700px;
	        perspective: 4700px;
}

.cssload-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
}

.cssload-inner.cssload-one {
	left: 0%;
	top: 0%;
	animation: cssload-rotate-one 1.15s linear infinite;
		-o-animation: cssload-rotate-one 1.15s linear infinite;
		-ms-animation: cssload-rotate-one 1.15s linear infinite;
		-webkit-animation: cssload-rotate-one 1.15s linear infinite;
		-moz-animation: cssload-rotate-one 1.15s linear infinite;
	border-bottom: 12px solid white;
}

.cssload-inner.cssload-two {
	right: 0%;
	top: 0%;
	animation: cssload-rotate-two 1.15s linear infinite;
		-o-animation: cssload-rotate-two 1.15s linear infinite;
		-ms-animation: cssload-rotate-two 1.15s linear infinite;
		-webkit-animation: cssload-rotate-two 1.15s linear infinite;
		-moz-animation: cssload-rotate-two 1.15s linear infinite;
	border-right: 12px solid white;
}

.cssload-inner.cssload-three {
	right: 0%;
	bottom: 0%;
	animation: cssload-rotate-three 1.15s linear infinite;
		-o-animation: cssload-rotate-three 1.15s linear infinite;
		-ms-animation: cssload-rotate-three 1.15s linear infinite;
		-webkit-animation: cssload-rotate-three 1.15s linear infinite;
		-moz-animation: cssload-rotate-three 1.15s linear infinite;
	border-top: 12px solid white;
}

@keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
		        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
		        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-one {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
		        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
		        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-two {
	0% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
		        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
		        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

@-webkit-keyframes cssload-rotate-three {
	0% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}

html, body {
	padding: 0;
	margin: 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
}

body.invert {
	background-color: black;
	color: white;
}

body.invert * {
	border-color: white !important;
	color: white !important;
}

body.blue {
	background-color: #9dd1ff;
}

body.font-medium {
	font-size: 20px;
}

body.font-big {
	font-size: 22px;
}

header {
	border-bottom: 2px dotted black;
}

header .logo {
	margin: 20px 0;
	display: block;
	width: 275px;
	height: 63px;
	background: url(images/logo-big-black.png) center center no-repeat;
}

body.invert .logo {
	background: url(images/logo-big-white.png) center center no-repeat;	
}

header #blind-panel {
	position: fixed;
	top: 0;
	left: calc(50% - 250px);
	z-index: 10;
	width: 500px;
	height: 30px;
	line-height: 30px;
	background-color: grey;
	font-family: "Times New Roman";
	font-size: 18px !important;
	text-align: center;
}

header #blind-panel a {
	margin: 0 10px;
	cursor: pointer;
}

header #blind-panel #font-size a.active {
	background-color: black;
	color: white;
}

header #blind-panel #font-size #font-small {
	font-size: 18px !important;
}

header #blind-panel #font-medium {
	font-size: 20px !important;
}

header #blind-panel #font-big {
	font-size: 22px !important;
}

header #blind-panel #color a {
	font-size: 22px !important;
}

header #blind-panel #color #standart {
	background-color: white;
	color: black !important;
}

header #blind-panel #color #invert {
	background-color: black;
	color: white;
}

header #blind-panel #color #blue {
	background-color: #9dd1ff;
	color: black !important;
}

.container {
	margin: 0 auto;
	width: 90%;
	min-width: 1500px;
}

#content {

}

#left {
	padding: 20px;
	width: 250px;
}

#left .menu-title {
	padding: 6px 0;
	font-size: 20px;
	color: white;
	background-color: black;
	text-align: center;
}

body.invert #left .menu-title {
	background-color: white;
	color: black !important;
}

#left ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#left ul li {
	margin: 10px 0;
}

#left ul li a {
	padding: 5px 0px;
	display: inline-block;
	width: 100%;
	text-decoration: none;
	color: black;
}

#left ul li a:hover,
#left ul li.current-menu-item a {
	background-color: black;
	color: white;
}

body.invert #left ul li a:hover,
body.invert #left ul li.current-menu-item a {
	background-color: white;
	color: black !important;
}

#right {
	padding: 20px;
	width: calc(100% - 250px);
	border-left: 2px dotted black;
}

#right .fa-eye {
	font-size: 20px;
	cursor: pointer;
}

#right .fa-eye:hover {
	text-decoration: underline;
}

#right .fa-eye:before {
	margin-right: 10px;
}

#right .menu {
	padding: 0;
	margin: 0;
	display: inline-block;
}

#right .menu li {
	margin-left: 30px;
	display: inline-block;
}

#right .menu li a {
	text-decoration: none;
	color: black;
}

#right .menu li a:hover,
#right .menu li.current-lang a {
	text-decoration: underline;
}

#right .forcefullwidth_wrapper_tp_banner {
	display: none;
}

/* ГЛАВНАЯ СТРАНИЦА */
#right #seventeen-ways {
	display: none;
}

#museums a {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#museums a:hover {
	text-decoration: underline;
}

#right #news .container {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#right #news .container .left .news-item,
#right #news .container .right .anonce-item {
	margin-bottom: 20px;
	border-bottom: 2px dotted black;
}

#right #news .container .left .news-item .news-title,
#right #news .container .right .anonce-item .anonce-title {
	font-weight: bold;
}

/* ВНУТРЕННИЕ СТРАНИЦЫ */
.page-template-page-scroll #right h1 {
	display: none;
}

#right .exposition-item,
#right .history-item,
#right .exhibits-item,
#right .visitors-item {
	margin-bottom: 20px;
	border-bottom: 2px dotted black;
}


#right .exposition-item .exposition-title,
#right .history-item .history-title,
#right .exhibits-item .exhibits-title,
#right .visitors-item .visitors-title {
	font-weight: bold;
}

#right .stuff-wrapper {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;	
}

#right .stuff-wrapper .stuff-item {
	margin-bottom: 20px;
	border-bottom: 2px dotted black;	
}

#right .stuff-wrapper .stuff-item img {
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	width: 500px;
	height: auto;
}

#right .stuff-wrapper .stuff-item .title {
	font-weight: bold;
	text-decoration: none;
	color: black;
}

#right #contacts-page {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#right #contacts-page .row {
	margin: 10px 0;
}

#right #contacts-page .row .name,
#right #contacts-page .row .value {
	display: inline-block;
}

#right #contacts-page .title {
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#right #contacts-page .title:hover {
	text-decoration: underline;
}

#right #contacts-page #map {
	width: 100%;
	height: 600px;
}

#right .reviews-wrapper {
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

#right .reviews-wrapper .review-item {
	margin-bottom: 20px;
	border-bottom: 2px dotted black;
}

#right .reviews-wrapper .review-item img {
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	width: 500px;
	height: auto;
}

#right .reviews-wrapper .review-item .title {
	font-weight: bold;
}

/* ДЛЯ ФОРМ */
#right .wpcf7 .row  {
	margin-bottom: 35px;
}

#right .wpcf7 .row .label {
	margin-bottom: 10px;
	font-weight: bold;
}

#right .wpcf7 .row .elem .wpcf7-form-control-wrap {
	display: block;
}

#right .wpcf7 .row .wpcf7-form-control-wrap input,
#right .wpcf7 .row .wpcf7-form-control-wrap select,
#right .wpcf7 .row .wpcf7-form-control-wrap textarea {
	padding: 0 20px;
	width: 580px;
	max-width: 100%;
	border: 3px solid black;
	font-size: 25px;
	line-height: 25px;
	text-align: center;
}

#right .wpcf7 .row .wpcf7-form-control-wrap textarea {
	padding: 20px;
	height: 150px;
}

#right .wpcf7 .row .elem .minus,
#right .wpcf7 .row .elem .plus {
	display: inline-block;
	font-size: 30px;
	line-height: 37px;
	font-weight: bold;
	cursor: pointer;
}

#right .wpcf7 .row .elem .minus + p {
	margin: 0 20px;
	display: inline-block;
	width: 500px;
}

#right .wpcf7 .wpcf7-not-valid-tip {
	display: none;
}

#right .wpcf7 .row .elem input.wpcf7-not-valid,
#right .wpcf7 .row .elem select.wpcf7-not-valid,
#right .wpcf7 .row .elem textarea.wpcf7-not-valid {
	border-color: red;
}

#right .wpcf7 .submiter {
	width: 580px;
}

#right .wpcf7 .submiter button {
	padding: 0 50px;
	font-size: 25px;
	line-height: 60px;
	background-color: black;
	border: none;
	color: white;
	cursor: pointer;
}

#right .wpcf7 .submiter button:hover {
	background-color: #4c4b4b;
}