@font-face {
font-family: "Calibri";
url(//zatulin.ru/wp-content/themes/fonts/8277.ttf) format("truetype");
font-style: normal;
font-weight: normal;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
}
section.content-container ul {
list-style-type: disc;
}
section.content-container ul,
section.content-container ol {
margin-left: 30px!important;
margin-bottom: 10px;
}
section.content-container ol {
list-style-type: decimal;
}
body {
font-size: 18px;
line-height: 1;
font-family: Calibri, sans-serif;
color: #000;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
strong {
font-weight: bold;
}
input {
outline: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0;
max-width: 100%;
height: auto;
}
.videoYoutube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.videoYoutube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a {
text-decoration: none;
color: #004783;
}
a:hover {
text-decoration: underline;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
b {
font-weight: bold;
}
blockquote {
font-style: italic;
padding: 15px 0px 15px 4%;
background: #E9F5FF;
margin: 10px 0px 15px;
}
html,
body {
height: 100%;
min-height: 100%;
}
.full-page-wrapper {
margin: 0px auto;
padding: 0 50px;
max-width: 1600px;
position: relative;
}
.wrapper {
min-height: 100%;
background: #FFF;
padding: 0px 15px;
overflow: hidden;
position: relative;
}
.wrapper-container {
margin: 0px -15px;
overflow: hidden;
}
header {
position: relative;
z-index: 100;
}
.header-img-block a {
display: block;
text-decoration: none;
}
.header-img-block a:hover {
text-decoration: none;
}
.header-img {
background-size: cover !important;
width: 100%;
height: 399px;
}
.btn_right{
display: flex;
}
.page-id-77437 .bottom-nav-block-center {
width: 100%;
}
.page-id-77437 .elections__contact{
text-align: left;
padding-left: 30px;
}
.page-id-77437 .elections__contact .row{
display: flex;
align-items: center;
}
.page-id-77437 .button-v{
margin-right: 30px;
}
.tag .width-100 .bottom-nav-block-center {
width: 100%;
text-align: center;
}
.img-autor-wrap .aligncenter, .img-autor-wrap div.aligncenter{
margin: 0;
}
.img-autor-flex{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.new_static2{
top: 100px;
background: #005ca9!important;
}
.new_static3:hover, .new_static2:hover{
width: 230px!important;
}
.btn_white{
border: 2px solid #fff;
color: #fff;
padding: 5px 15px;
font-weight: 700;
border-radius: 7px;
font-size: 20px;
line-height: normal;
}
.btn_white:hover{
color: #fff;
}
.block-1-text img{
margin: 0!important;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.spoiler-block>p{
margin-top: -30px;
}
.st_new.spoiler-block-btn{
position: relative;
background-color: #51738f;
top: 40px; left: -15px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;  width: max-content;
cursor: pointer;
white-space: nowrap;
padding: 10px 10px;
} .post-gerb{
display: flex;
}
.tag_id{
display: none;
color: #004783;
font-weight: 700;
}
.tag_id53, .tag_id54, .tag_id55, .tag_id21{
display: block;
}
.tag_id21, #link_tag_id21{
order: 1;
}
.tag_id54, #link_tag_id54{
order: 2;
}
.tag_id53, #link_tag_id53{
order: 3;
}
.tag_id55, #link_tag_id55{
order: 4;
}
.post-gerb img{
width: 27px;
margin-right: 15px;
}
.header-img-block a .header-text {
background: url(//zatulin.ru/wp-content/themes/zatulin/images/bg-gradient.jpg) repeat;
background-repeat: repeat;
background-size: contain;
background-position: 0%;
background: linear-gradient(to bottom, #0058a5, #009fde);
color: #FFF;
text-align: center;
padding: 0px 15px;
}
.table_wrap{
overflow-x: scroll;
}
.header-large-text {
font-size: 42px;
line-height: 56px;
letter-spacing: 1px;
}
.header-small-text {
font-size: 18px;
line-height: 22px;
padding-bottom: 16px;
}
.header-menu-block {
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
background: linear-gradient(to bottom, #FFFFFF, #e9e9ea);
border-radius: 0px 0px 10px 10px;
height: 50px;
position: relative;
}
.header-menu-block nav {
float: left;
max-width: 95%;
}
.header-menu-block ul {}
.header-menu-block ul li {
border-right: 1px solid #e3e3e3;
font-weight: bold;
padding: 16px 15px;
display: inline-block;
position: relative;
}
.header-menu-block ul li a {
color: #004783;
font-size: 20px;
}
.header-menu-block ul li.current-menu-item a {
text-decoration: underline;
}
.header-menu-block ul ul.flexMenu-popup {
top: 51px;
width: 200px;
background: #e9e9ea;
left: -5px;
}
.header-menu-block ul ul.flexMenu-popup li {
border: none;
width: 100%;
padding: 0px;
}
.header-menu-block ul ul.flexMenu-popup li a {
padding: 10px 15px;
display: block;
}
.breadcrumbs {
padding: 30px 0px 0px;
color: #9e9e9e;
}
.breadcrumbs a {
color: #9e9e9e;
}
#crumbs {
font-size: 0px;
}
#crumbs span,
#crumbs a {
font-size: 14px;
padding: 0px 2px;
}
#crumbs span:first-child {
padding-left: 0px;
}
.title-block {
padding: 15px 0px 0px;
}
.title-block h1 {
font-weight: bold;
font-size: 36px;
}
.content-container {
padding: 30px 0px;
overflow: hidden;
}
.post-wrapper {
font-size: 20px !important;
}
.padd-p {}
.spoiler-block-hide p,
.padd-p p {
line-height: 20px;
padding-bottom: 20px;
}
.post-wrapper p{
line-height: 30px;
padding-bottom: 25px;
} img.alignright {
display: block;
float: right;
margin: 0px 0px 15px 15px;
}
img.alignleft {
display: block;
float: left;
margin: 0px 15px 15px 0px;
}
.singe-block-description {
margin-top: 15px;
font-size: 16px;
}
.singe-block-description div {
display: inline-block;
}
.single-post-date-description {}
.single-post-source {}
.posts-list-wrapper, .posts-list-wrapper2{
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
} .net-list.posts-list-wrapper, .net-list.posts-list-wrapper2 {
font-size: 0;
}
.net-list.posts-list-wrapper>* {
font-size: 14px;
}
.net-list .post-list-row:after {
content: '';
display: block;
width: 100%;
clear: both;
}
.net-list .list-post-item {
display: inline-block;
min-width: 200px;
vertical-align: top;
margin-bottom: 60px;
}
.net-list.column5 .list-post-item {
width: 20%;
}
.net-list.column4 .list-post-item {
width: 25%;
}
.net-list.column3 .list-post-item {
width: 33.33%;
}   .error-404{
min-height: 500px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.error-404 .post-wrapper p{
font-size: 40px;
font-weight: 600;
color: #009fde;
}
.item-post-img-container {
position: relative;
}
.true_auth{
position: relative;
top: -70px;
left: 10px;
font-size: 12px;
color: #ffffff61;
}
.net-list .item-post-cat {
position: absolute;
bottom: 17px;
color: #FFF;
padding: 26px 10px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 84px;
}
.net-list .item-post-cat span {
display: block;
}
.net-list.column5 .item-post-cat span {
padding: 0px 5px;
font-size: 18px;
}
.net-list.column4 .item-post-cat span { font-size: 19px;
text-align: left;
text-decoration: none;
}
.net-list.column3 .item-post-cat span {
padding: 0px 30px;
font-size: 20px;
}
.net-list .list-post-item .item-post-wrapper img {
margin-bottom: 15px;
}
.tag-link .post-link {
text-decoration: underline;
}
.post-title {
font-size: 22px;
line-height: 22px;
font-weight: bold;
text-align: left;
}
.post-meta {
margin: 15px 0px;
font-size: 14px;
color: #9e9e9e;
text-align: left;
}
.post-meta span {
margin-left: 10px;
text-decoration: none !important;
}
.post-meta span:first-child {
margin-left: 0px;
}
.post-excerpt {
text-align: justify;
line-height: 20px;
font-size: 18px;
}
.post-link {
height: 100%;
display: inline-block;
margin-top: 5px!important;
font-size: 16px;
width: 100%;
text-align: right;
}
.post-link span {
text-align: left;
text-decoration: underline;
}
.post-link a {
text-decoration: underline;
font-size: 18px;
}
.post-link a:hover {
text-decoration: none;
}
.line-list .list-post-item {
margin-bottom: 40px;
}
.line-list .list-post-item .item-post-img-container {
display: none;
}
.line-list{
margin: 0;
}
.line-list .list-post-item .post-link {
margin-top: 20px;
}
.line-list .list-post-item .post-title {}
.line-list .list-post-item .post-excerpt {}
.line-list .item-post-cat {}
.slider-container {
margin-top: 30px;
position: relative;
z-index: 1;
}
#slide-351-layer-1{
margin-top: -15px;
}
.slider-wrapper {
width: 60%;
float: left;
}
.dop-link-block {
display: block;
}
.dop-link-block:nth-child(1),
.dop-link-block:nth-child(2) {
margin-bottom: 15px;
}
.sliderkit-news {
width: 100%;
height: 100%;
background-size: cover !important;
}
.sliderkit-news a {
display: block;
width: 100%;
height: 100%;
}
.slide-data {
display: block;
padding: 10px 20px;
}
.slide-name {
display: block;
line-height: 21px;
margin-bottom: 5px;
font-size: 19px;
font-weight: bold;
}
.slide-date {
display: block;
font-size: 14px;
color: #9e9e9e;
}
.slide-date>span {
padding-right: 30px;
}
.slide-date>span>i {
padding-right: 3px;
}
.sliderkit-selected a {
background: #f8f8f8;
}
.sliderkit-nav li a {
min-height: 107px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.filter-block {
margin-top: 30px;
border: 1px solid #e3e3e3;
background: linear-gradient(to bottom, #FFFFFF, #e9e9ea);
border-radius: 10px;
padding: 10px 15px;
}
.filter-block-wrapper {}
.filter-block-item {
display: inline-block;
padding-right: 0px;
color: #004783;
}
.blocks5 .filter-block-item {
width: 21%;
}
.blocks4 .filter-block-item {
width: 26%;
}
.blocks4 .filter-block-item:last-child {
width: 15%;
}
.filter-block-item input {
color: #004783;
}
.chosen-container-multi .chosen-choices li.search-choice {
color: #004783;
}
.filter-block-item-title {}
.blocks5 .filter-block-item:last-child {
padding-right: 0px;
width: 14%;
}
.filter-block-item-title {
color: #000;
margin-bottom: 10px;
font-weight: bold;
}
.submit-date,
.display-buttons {
line-height: 23px;
}
.net-button,
.list-button {
cursor: pointer;
color: #9e9e9e;
}
.net-button.active,
.net-button:hover,
.list-button.active,
.list-button:hover {
color: #004783;
}
#from,
#to {
border: none;
background: none;
margin: 0px;
padding: 0px;
width: 70px;
text-align: center;
font-size: 15px;
}
.filter-key i {
border-top: 1px solid #e3e3e3;
border-right: none;
border-left: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-radius: 5px 0px 0px 5px;
background: #FFF;
color: #a5a5a5;
height: 34px;
display: block;
padding: 0px;
margin: 0px;
width: 30px;
line-height: 30px;
text-align: center;
float: left;
}
.filter-key input[type="text"] {
border-top: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
border-left: none;
border-radius: 0px 5px 5px 0px;
background: #FFF;
color: #2C2C2C;
line-height: 30px;
display: block;
float: left;
width: 200px;
height: 34px;
padding: 0px;
margin: 0px;
}
.filter-button {
float: left;
border: medium none;
background: transparent none repeat scroll 0% 0%;
height: 32px;
color: #004783;
text-transform: uppercase;
font-size: 18px;
cursor: pointer;
}
.bottom-nav-block {
margin-bottom: 30px;
border: 1px solid #e3e3e3;
background: linear-gradient(to bottom, #FFFFFF, #e9e9ea);
border-radius: 10px;
padding: 10px 15px!important;
}
.bottom-nav-block-wrapper {
font-size: 0px;
}
.bottom-nav-block-wrapper>div {
display: inline-block;
font-size: 14px;
}
.bottom-nav-block-left {
width: 25%;
text-align: left;
}
#slide-67-layer-1{
margin-top: -15px;
}
.dep-title{
font-size: 40px;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
#slide-35-layer-1{
margin-top: -15px;
}
.slider_text_v{
font-weight: 400;
text-align: center!important;
line-height: 20px;
}
.bottom-nav-block-left button {
border: none;
background: none;
color: #9e9e9e;
font-weight: bold;
padding: 0px;
margin-left: 10px;
cursor: pointer;
}
.box_style>a:hover{
text-decoration: none;
}
.page-id-77768 .pf-content span a, .page-id-77437 .pf-content span a, .page-id-77772 .pf-content span a, .page-id-77775 .pf-content span a, .page-id-77777 .pf-content span a, .page-id-77794 .pf-content span a {
pointer-events: auto!important;
cursor: pointer!important;
}
.box_style:hover{
box-shadow: 5px 5px 25px #929292;
transition: 0.1s;
}
.box_style .rv{
width: fit-content;
}
.box_style .cboxElement{
display: flex;
justify-content: flex-end;
position: absolute;
right: 20px;
bottom: 15px;
}
.box_style .rv:hover{
text-decoration: underline;
}
.post-excerpt_obr p{
margin: 0!important;
}
.post-title_obr{
font-size: 20px;
}
.box_style>a{
padding: 15px; height: 100%; position: relative; }
.heder_banners>.col-sm-4-d{
padding: 0;
}
.bottom-nav-block-left button.active {
color: #004783;
}
.wp-pagenavi_custom .wp-pagenavi{
margin-bottom: 0;
border: none;
background: none;
border-radius: 10px;
padding: 0;
}
.bottom-nav-block-center {
width: 50%;
text-align: center;
}
.bottom-nav-block-right {
width: 25%;
text-align: right;
}
.wp-pagenavi span.pages {
display: none;
}
.wp-pagenavi span,
.wp-pagenavi a {
border: none;
color: #004783;
}
.wp-pagenavi span.current {
background-color: #004783;
border-radius: 50%;
color: #ffffff;
padding: 3px 9px;
}
.section-gallery {
margin-bottom: 15px;
}
.section-gallery h2 {
margin-bottom: 15px;
font-weight: bold;
}
.gallery-wrapper {
margin: 0px -15px;
font-size: 0px;
}
.gallery-img-container {
width: 25%;
margin-bottom: 30px;
display: inline-block;
min-width: 240px;
vertical-align: top;
}
.gallery-img-wrapper {
padding: 0px 15px;
}
.gallery-img-item {
display: block;
border: 1px solid #e3e3e3;
padding: 15px;
overflow: hidden;
}
.gallery-img-item span {
display: block;
height: 100%;
text-align: center;
overflow: hidden;
}
.gallery-img-item img {
max-height: 100%;
float: none !important;
display: inline-block;
vertical-align: middle;
}
.gallery-img-wrapper a.title-video {
font-size: 22px;
text-align: center;
display: block;
padding-top: 15px;
line-height: 24px;
}
.section-albums-gallery {
margin-top: 30px;
}
.albums-gallery-wrapper {
margin: 0px -15px;
font-size: 0px;
}
.albums-gallery-item-container {
display: inline-block;
font-size: 14px;
margin-bottom: 30px;
vertical-align: top;
}
.albums-gallery-item-wrapper a img {
margin: 5px 5px;
}
.albums-gallery-item-wrapper {
padding: 0px 15px;
}
.albums-gallery-item {
display: inline-block;
margin-top: 15px;
}
a.all_works {
float: right;
padding-top: 0px;
display: inline-block;
line-height: 16px;
margin-top: -10px;
}
.albums-gallery-item img {}
.albums-gallery-item span {
font-weight: bold;
font-size: 26px;
padding: 10px 0px 20px 0;
display: block;
}
.contact-us {
margin: 30px 0px;
}
.contact-us-wrapper {
margin: 0px -15px;
font-size: 0px;
}
.contact-info-container * {
font-size: 17px;
}
.contact-us-wrapper>div {
font-size: 20px;
display: inline-block;
vertical-align: top;
}
.contact-us-wrapper .contact-info-container {
width: 45%;
}
.contact-us-wrapper .submit-form {
width: 55%;
}
.contact-info-wrapper {
padding: 0px 15px;
}
.contact-info-wrapper table tr td {
padding: 0px 30px 20px 0px;
border: none;
line-height: 20px;
}
.submit-form-wrapper {
padding: 0px 15px;
}
.submit-form-wrapper form {
margin-top: 15px;
}
.wpcf7-form {}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
font-family: Calibri, sans-serif;
border: 1px solid #e3e3e3;
border-radius: 5px;
line-height: 30px;
font-size: 18px;
padding: 0px 15px;
margin-bottom: 20px;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="email"] {}
.wpcf7-form textarea {
height: 130px;
}
.submit-form-wrapper input[type="text"],
.submit-form-wrapper input[type="tel"],
.submit-form-wrapper input[type="email"] {
width: 100%;
display: inline-block;
}
.submit-form-wrapper textarea {
height: 130px;
width: 100%;
}
.contacts-form-container {
margin: 0px -15px;
font-size: 0px;
}
.contacts-form-input {
width: 50%;
display: inline-block;
}
.contacts-form-input-wrapper {
padding: 0px 15px;
}
.contacts-form-input-wrapper span {
display: block;
margin-right: 30px;
}
.contacts-form-textarea {
padding: 0px 15px;
}
.contacts-form-wrapper {
margin-right: 30px;
}
.contacts-form-submit {
padding: 0px 15px;
}
.error-404 #searchform>div{
align-items: center;
display: flex;
}
.error-404 #s{
margin-right: 15px;
margin-left: 15px;
line-height: 33px;
border-radius: 5px;
border: 1px solid #607d8b;
}
.error-404 .screen-reader-text{
color: #004783;
font-weight: 600;
}
.error-404>img{
margin-right: 50px;
}         .wpcf7-form input[type="submit"], #searchsubmit {
color: #FFF;
background: #004783;
border: none;
border-radius: 5px;
padding: 5px 30px 8px;
font-weight: bold;
cursor: pointer;
font-size: 20px;
display: block;
margin: 15px 0;
}
.bottom-nav-block-right {
color: #004783;
} .bottom-nav-block-right div:hover {
text-decoration: underline;
}
.bottom-nav-block-right>div {
display: inherit;
position: relative;
}
.bottom-nav-block-right div {
cursor: pointer;
}
.my-wrapper{
height: 0!important;
} .chosen-select {
width: 210px;
} footer {
background: url(//zatulin.ru/wp-content/themes/zatulin/images/bg-gradient.jpg) repeat;
background-repeat: repeat;
background-size: contain;
background-position: 0%;
background: linear-gradient(to bottom, #0058a5, #009ddc);
color: #FFF;
}
footer a {
color: #FFF;
}
.footer-container {
padding: 30px;
overflow: hidden;
}
.footer-left {
float: left;
font-weight: bold;
padding: 8px 0px;
}
.footer-center {
float: right;
padding: 0px 10px;
}
.footer-center a {
width: 175px;
margin: 10px 0px 0px 10px !important;
float: left;
}
.footer-right {
float: right;
}
.footer-right ul {}
.footer-right ul li {
float: left;
text-align: left;
width: 120px;
padding: 7px 15px;
font-weight: bold;
}
.footer-right ul li:nth-child(2n+1) {
clear: both;
}
#toTop {
background: #004783 none repeat scroll 0% 0%;
text-align: center;
padding: 11px 13px;
position: fixed;
bottom: 50px;
right: 10px;
cursor: pointer;
display: none;
color: #FFF;
font-size: 20px;
opacity: 0.5;
z-index: 99;
}
#toTop:hover {
opacity: 1;
}
div.box_form {
font-size: 108.3%;
margin: 2px 0 15px;
padding: 20px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.overlay2 {
background: transparent url(//zatulin.ru/wp-content/themes/zatulin/images/overlay.png) repeat top left;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 100000;
}
.box_form {
position: absolute;
top: -2000px;
left: 35%;
right: 26%;
background-color: #fff;
padding: 30px;
z-index: 100001;
width: 426px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.box_form h1 {
padding: 10px 0px;
}
span.boxclose {
color: #000000;
cursor: pointer;
display: block;
float: right;
font-size: 14px;
height: 51px;
margin-right: -3px;
margin-top: -26px;
position: absolute;
right: -13px;
top: 8px;
width: 51px;
background: transparent url(//zatulin.ru/wp-content/themes/zatulin/images/close2.png);
}
.box_form .column {
width: 300px;
float: left;
text-align: center;
font-family: Arial;
}
.box_form div.cf_info {
width: 100%;
}
.box_form .cform {
width: 100%;
background: none;
border: none;
}
.box_form label {
width: 100%;
margin: 3px 0px;
text-align: left;
font-size: 18px;
text-transform: uppercase;
}
.box_form input[type="text"],
.box_form input[type="tel"],
.box_form input[type="email"],
.box_form textarea {
width: 100%;
}
.box_form textarea {
height: 100px;
}
.box_form ol.cf-ol li {
padding-bottom: 5px;
border: none;
}
.box_form input.sendbutton {
width: auto;
text-align: center;
padding: 0px 10px;
line-height: 30px;
margin-top: 10px;
height: 35px !important;
background: none repeat scroll 0% 0% #0a1a79 !important;
color: #fff !important;
text-transform: uppercase;
text-shadow: none;
}
.box_form ol.cf-ol li.cf_li_err {
background: none !important;
border: none !important;
padding: 0px 0px 0px 0px !important;
margin: 5px 0px !important;
}
.text_call {
padding-right: 30px;
}
.form_hover_title {
color: #004783;
font-size: 20px;
padding-bottom: 18px;
text-transform: uppercase;
font-weight: 700;
}
.sitemap-icon {
vertical-align: baseline !important;
width: 13px;
}
.single-post-video {
text-align: center;
width: 100%;
overflow: hidden;
}
.post-excerpt_k{
color: #000!important;
font-size: 19px!important;
}
.post-excerpt p {
word-wrap: break-word;
line-height: 20px;
}
.search-button {
float: right;
font-size: 20px;
color: #004783;
padding: 15px;
cursor: pointer;
}
.sliderkit-nav {
display: block;
}
#tabs {
margin-top: 30px;
}
.video-block .ui-tabs-panel {
padding: 0;
}
.video-block .ui-state-active {
border: 1px solid #005EAA;
background: #0095D6;
}
.section-gallery.albums {
overflow: hidden;
}
.section-gallery.albums .gallery-img-container {
width: 20%;
margin-bottom: 30px;
display: inline-block;
min-width: 240px;
}
.albums-wrapper {
overflow: hidden;
}
.albums-wrapper .section-gallery.albums:last-child {
margin-bottom: 30px;
}
.tabs-container {
position: relative;
overflow: hidden;
}
.tabs-container>div {
position: absolute;
top: 0px;
opacity: 0;
width: 100%;
background: #FFF;
}
.tabs-container>div .videoYoutube {
position: absolute;
top: 0px;
z-index: 1;
width: 100%;
background: #FFF;
margin: 0px;
}
.tabs-container>div:first-child {
z-index: 10;
}
.tabs-links {
border-right: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
background: linear-gradient(to top, #FFFFFF, #e9e9ea);
border-radius: 10px 10px 0px 0px;
overflow: hidden;
margin: -1px;
font-size: 0px;
}
.tabs-links li {
display: inline-block;
line-height: 40px;
}
.tabs-links li span {
display: block;
padding: 0px 20px;
cursor: pointer;
color: #004783;
font-weight: bold;
font-size: 14px;
border-right: 1px solid #e3e3e3;
}
.tabs-links li span:hover,
.tabs-links li span.active {
text-decoration: underline;
}
#from:focus,
#to:focus {
border: 1px solid #e3e3e3;
background: #fff;
margin: 0px;
padding: 0px;
width: 70px;
text-align: center;
}
.table_border_black img {
border: 1px solid #000!important;
} @media print {
#pf-content .pf-content+.section-gallery {
page-break-after: always!important;
}
.page-break-after {
page-break-after: always!important;
}
.gallery-img-container.p_25,
.gallery-img-container.p_26,
.gallery-img-container.p_27,
.gallery-img-container.p_28,
.gallery-img-container.p_49,
.gallery-img-container.p_50,
.gallery-img-container.p_51,
.gallery-img-container.p_52 {
margin-top: 150px;
}
.gallery-img-container {
width: 33%;
min-width: 100px!important;
}
.pf-content.full_img_print {
display: block!important;
}
.displ_none_audio {
display: none!important;
}
#pf-content .name_none {
display: none!important;
}
#pf-content span.mejs-offscreen {
background: url(//zatulin.ru/wp-content/themes/zatulin/images/audio_bar.png);
width: 100%;
height: 30px;
display: block;
}
span.mejs-offscreen {
background: url(//zatulin.ru/wp-content/themes/zatulin/images/audio_bar.png);
width: 100%;
height: 30px;
display: block;
}
#pf-content .gallery-img-container {
width: 33% !important;
}
}
@media screen {
#pf-content .gallery-img-container {
width: 33% !important;
}
}
#pf-content .page-break-after {
page-break-after: always!important;
margin-top: 100px!important;
}
#pf-content p {
margin-bottom: 10px!important;
}
#pf-content .displ_none_audio {
display: none!important;
}
div#pf-print-area .pf-content.full_img_print {
display: block!important;
}
#pf-content .name_none {
display: none!important;
}
#pf-content div#mep_0 {
display: none;
}
#pf-content span.mejs-offscreen {
background: url(//zatulin.ru/wp-content/themes/zatulin/images/audio_bar.png);
width: 100%;
height: 30px;
display: block;
}
#pf-content div .list-post-item {
overflow: hidden;
margin-bottom: 30px;
}
#pf-content .no__inline {
display: inline;
width: 100%!important;
}
#pf-content .no__inline img {
margin: 0 auto!important;
display: block!important;
vertical-align: middle!important;
}
#pf-content .no__inline_new {
display: inline;
width: 100%!important;
line-height: 130px;
}
#pf-content .no__inline_new img {
margin: 0 auto!important;
display: block!important;
vertical-align: middle!important;
line-height: 130px;
}
#pf-content .single-post-video+.pf-content {
page-break-after: always!important;
} div.full_img_print {
display: none;
}
.pf-content.full_img_print {
display: none;
}
.video_text {
width: 100%;
text-align: center;
font-size: 134px;
position: absolute;
top: 227px;
color: rgba(255, 255, 255, 0.41);
font-weight: bold;
} .block-1-text p{
line-height: 0;
}
.block-1-text {
position: relative;
overflow: hidden;
}
.col-sm-9-d {
width: 75%;
float: left;
min-height: 1px;
position: relative;
}
.col-sm-3-d {
width: 25%;
float: left;
min-height: 1px;
position: relative;
}
.video_icon:before{
content: '';
position: absolute;
left: 15px;
bottom: 15px;
background-size: contain;
background-repeat: no-repeat;
width: 40px;
height: 40px;
background-image: url(//zatulin.ru/wp-content/themes/zatulin/images/171843.png);
}
.row-d {
background: #005ca9;
height: 100%;
padding: 10px;
color: #fff;
padding-top: 20px;
}
.menu_mobile_fix_wrap .rv{
text-align: left;
}
.menu_mobile_fix_wrap a{
border-bottom: 1px solid;
}
.button-v {
border: 1px solid #fff;
padding: 6px;
font-size: 20px;
text-align: center;
cursor: pointer;
font-weight: bold;
border-radius: 7px;
}
.button-v:hover {
background: #fff;
color: #005ca9;
}
.col-sm-4-d {
width: 30.3%;
float: left;
padding: 10px;
}
.main-v {
clear: both;
}
.no-style {
text-decoration: none;
}
.no-style:hover {
text-decoration: none!important;
}
.box-content {
color: #000;
margin-top: 10px;
margin-bottom: 10px;
}
p.title-col {
font-size: 18px;
font-weight: bold;
}
.more-b {
text-align: right;
}
div#colorbox .box-content {
margin-top: 10px;
}
div#cboxLoadedContent {
padding: 20px;
}
.m-v ul li {
border-left: 1px solid #e3e3e3;
border-right: none!important;
font-weight: bold;
padding: 18px 0px;
display: inline-block;
position: relative;
width: 19.5%!important;
text-align: center;
font-size: 18px;
}
.header-menu-block.m-v nav {
float: none!important;
max-width: 100%;
}
.slider_text_v {
text-shadow: 6px 5px 5px #000, 0 0 1em #000;
font-size: 60px;
color: #fff;
}
span.wpcf7-form-control-wrap.okr {
margin-top: 5px;
display: block;
}
select.wpcf7-form-control.wpcf7-select {
font-family: Calibri, sans-serif;
border: 1px solid #e3e3e3;
border-radius: 5px;
line-height: 30px;
font-size: 18px;
padding: 0px 15px;
color: #000;
}
.right-static {
position: fixed;
top: 45px;
width: 95px;
color: #fff;
background: #005ca9;
right: 0px;
z-index: 99999;
padding: 10px 0px;
text-align: center;
line-height: 20px;
font-size: 11px;
}
.the_notation{
margin-bottom: 15px;
}
.right-static a {
color: #fff;
}
.banner-abs {
position: absolute;
top: 20px;
z-index: 9999;
left: 80px;
}
.banner-abs img {
width: 115px;
}
div#box_form_v {
position: absolute;
top: -2000px;
left: 24%;
right: 26%;
background-color: #fff;
padding: 30px;
z-index: 100001;
width: 50%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
div#wpcf7-f8651-o2 input {
font-size: 20px!important;
}
div#wpcf7-f8651-o2 textarea {
font-size: 20px!important;
}
.spoiler-block-hide {
display: none;
}
.st_new.spoiler-block-btn { cursor: pointer;
}
.the_notation{
font-size: 14px;
color: #0063ae;
line-height: 20px;
background-color: #e6e6e6;
border-radius: 8px;
padding: 20px 15px;
font-style: italic;
}
.st_new.spoiler-block-btn:hover {
text-decoration: underline;
}
i.fa.fa-arrow-down {
margin-left: 8px;
}
.spoiler-block-hide {
margin-top: 50px;
}
.box-content p {
margin-top: 5px;
margin-bottom: 5px;
}
div#cboxContent p {
line-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
div#cboxLoadedContent div#lbp-inline-href-1 {
height: auto!important;
}
.lbp-inline-href-1,
.lbp-inline-href-2,
.lbp-inline-href-3 {
display: none;
}
.rv {
text-align: right;
}
.m-v {
height: auto!important;
}
.m-v ul li {
vertical-align: top;
}
.header-menu-block.m-v ul ul.flexMenu-popup li {
border: none;
width: 100%!important;
padding: 0px;
}
@media (max-width:700px) {
.m-v ul li {
font-size: 12px;
}
.col-sm-4-d {
width: 100%;
}
}
@media (max-width: 460px) {
.header-menu-block.m-v ul ul.flexMenu-popup {
padding-top: 5px;
left: -50px;
top: 45px;
}
}
div#cboxContent p,
div#cboxContent h1,
div#cboxContent h2,
div#cboxContent h3,
div#cboxContent h4,
div#cboxContent h5,
div#cboxContent h6 {
color: #000;
} @media (max-width: 1084px) {
.banner-abs img {
width: 115px;
}
}
@media (max-width: 960px) {
.banner-abs img {
width: 115px;
}
}
@media (max-width: 910px) {
.banner-abs img {
width: 115px;
}
}
@media (max-width: 850px) {
.banner-abs img {
width: 115px;
}
}
@media (max-width: 800px) {
.banner-abs img {
width: 100px;
}
}
@media (max-width: 715px) {
.banner-abs {
position: absolute;
top: 15px;
z-index: 9999;
left: 100px;
}
}
@media (max-width: 576px) {
.banner-abs img {
width: 80px;
}
}
@media (max-width: 470px) {
.banner-abs img {
width: 50px;
}
.banner-abs {
position: absolute;
top: 10px;
z-index: 9999;
left: 50px;
}
}
.wp-pagenavi {
text-align: center;
}
.right-static.static-main {
position: fixed;
top: 45px;
width: 150px;
color: #fff;
background: #005ca9;
right: 0px;
z-index: 99999;
padding: 10px 0px;
text-align: center;
line-height: 20px;
font-size: 11px;
}
span.mb-title {
font-size: 24px;
}
span.mb-descr {
font-size: 12px;
}
section.content-container ul li,
section.content-container ol li {
margin-bottom: 10px;
line-height: 20px;
}
@media (max-width: 1023px) {
.header-small-text.text-v-top {
font-size: 18px;
}
}
@media (max-width: 900px) {
.header-small-text.text-v-top {
font-size: 14px;
}
}
@media (max-width: 790px) {
.header-small-text.text-v-top {
font-size: 12px;
}
}
em {
font-style: italic;
}
@media (max-width: 1220px) {
.search-button {
display: block;
}
}
iframe#gaiframe {
display: none!important;
z-index: 0!important;
}
#pf-content .no__inline_new img {
width: auto!important;
height: 150px!important;
}
@media print {
#pf-content .no__inline_new img {
width: auto!important;
height: 130px!important;
}
.gallery-img-container.g_13,
.gallery-img-container.g_14,
.gallery-img-container.g_15,
.gallery-img-container.g_28,
.gallery-img-container.g_29,
.gallery-img-container.g_30,
.gallery-img-container.g_43,
.gallery-img-container.g_44,
.gallery-img-container.g_45,
.gallery-img-container.g_58,
.gallery-img-container.g_59,
.gallery-img-container.g_60,
.gallery-img-container.g_73,
.gallery-img-container.g_74,
.gallery-img-container.g_75,
.gallery-img-container.g_88,
.gallery-img-container.g_89,
.gallery-img-container.g_90,
.gallery-img-container.g_103,
.gallery-img-container.g_104,
.gallery-img-container.g_105 {
margin-top: 100px;
}
.gallery-img-container.g_118,
.gallery-img-container.g_119,
.gallery-img-container.g_120,
.gallery-img-container.g_133,
.gallery-img-container.g_134,
.gallery-img-container.g_135 {
margin-top: 100px;
}
section.section-gallery.pf-content.albums {
page-break-after: always!important;
}
#pf-content img {
float: right!important;
clear: right!important;
border: none!important;
display: inline-block!important;
margin: 1em 0 1em 1.5em!important;
}
#pf-content .m_top_print {
clear: both;
}
#pf-content .post-link {
display: none;
}
}
#pf-content .post-link {
display: none;
}
#pf-content img {
float: right!important;
clear: right!important;
border: none!important;
display: inline-block!important;
margin: 1em 0 1em 1.5em!important;
}
#pf-content .m_top_print img {
width: 150px;
}
.rc-s {
padding-left: 15px;
padding-bottom: 15px;
}
#menu-main-menu .sub-menu {
position: absolute;
visibility: hidden;
background: linear-gradient(to bottom, #FFFFFF, #e9e9ea);
top: 50px;
left: -3px;
border: 1px solid #e3e3e3;
transition: all .2s;
width: 330px;
z-index: 30;
}
#menu-main-menu .sub-menu li {
border: none !important;
display: block;
}
#menu-main-menu li.menu-item-has-children:hover>.sub-menu {
visibility: visible;
}
.footer-right .sub-menu {
display: none !important;
} table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 20px;
width: 100%;
clear: both;
border: 1px solid #dfdfdf;
border-bottom: 0px;
border-right: 0px;
}
table tr, table td {
font-size:20px;
}
td {
border-right: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background: #f7f7f7;
font-size: 14px;
line-height: normal;
text-align: center;
padding: 13px 12px;
}
table tr:first-child td {
background: #0058a5;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
}
table.contact-t tr:first-child td {
background: #fff;
color: #000;
text-transform: none;
}
table.contact-t {
border: 0;
}
table.contact-t td {
background: #fff;
text-align: left;
}
table.noStyleTable tr:first-child td{
background: #fff;
color: #000;
font-weight: normal;
text-transform: none;
}
table.noStyleTable td {
background: #fff;
}
table.noBorderTable, table.noBorderTable td, table.noBorderTable tr {
border:none;
} .check {
padding-bottom: 17px;
} .elections {
background: rgba(145, 145, 145, 0.24);
}
.elections .bottom-nav-block-center {
width: 100%;
}
.elections__contact {
background: #51738f;
padding: 15px;
text-align: center;
color: #fff;
}
.elections_footer_text {
padding: 15px;
text-align: center;
border-bottom: 2px solid;
line-height: 20px;
}
.elections_footer_icons {
display: flex;
margin: 30px auto 0;
}
.elections_footer_icons a {
text-align: center;
padding: 0 5px;
width: 14.25%;
}
.elections__menu ul {
display: flex;
margin: 0 auto;
justify-content: space-around;
background: #0a365b;
padding: 15px;
}
.elections__menu ul a {
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 0.2px;
}
ul#menu-menu-elections, ul#menu-menu-elections2 {
background: #609fc0;
font-size: 0;
}
ul#menu-menu-elections a, ul#menu-menu-elections2 a {
color: #2f4867;
text-decoration: none;
text-shadow: 2px 1px 2px white, 0 0 1em white;
font-size: 20px;
font-style: italic;
}                @media (min-width: 689px) {
.right-static.new_static:hover{
font-size: 18px;
width: 180px;
padding: 20px 0px;
transition: 0.5s;
}
}
.elections_footer_icons img {
margin-bottom: 15px;
}
.elections__menu li {
display: flex;
margin: auto;
}
.elections__project__item {
height: 350px !important;
background-size: cover!important;
background-position: 50%!important;
position: relative;
overflow: hidden;
}
span.elections__project__item-title {
display: block;
color: #fff;
font-size: 35px;
margin: 30px;
text-shadow: 2px 1px 2px black, 0 0 1em black;
}
span.elections__project__item-description {
color: #fff;
font-size: 20px;
margin: 0 30px;
text-shadow: 2px 1px 2px black, 0 0 1em black;
display: block;
line-height: 30px;
font-style: italic;
max-width: 70%;
}
.elections__project__item a {
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
.elections ul.slick-dots {
position: absolute;
margin: 0px !important;
bottom: 0;
}
.elections .slick-dots li button:before {
background: #fff;
border-radius: 50%;
}
.share-form-button{
cursor: pointer;
}
.share-form-button:hover{
text-decoration: underline;
} .bottom-nav-block-wrapper{
text-align: end;
}
article.tag-post,
.tag-post {
margin: 0 0 40px;
background: #fff;
}
.tag-post-img {
position: relative;
width: 250px;
margin: 0 16px 0 0;
}
.tag-post-img,
.tag-post-info {
display: inline-block;
vertical-align: top;
}
.tag-post-img img {
border-radius: 8px;
border: 1px solid #555;
}
.tag-post-info {
width: calc(100% - 272px);
}
.tag-post-info .tag-post-title {
font-size: 22px;
margin: 0 0 8px;
font-weight: bold;
text-align: left;
}
.tag-post-info .tag-post-title a {
text-decoration: none;
}
.tag-post-info .tag-post-text {
font-size: 18px;
line-height: 1.4em;
text-align: justify; color: #000;
}
.tag-post-info .tag-post-more {
text-align: right;
}
.elections_footer_icons img {
margin: 0 auto 15px;
height: 80px;
display: block;
} .wp_pagenavi_fix {
padding: 15px 0;
}
.the_tags {
padding: 15px 0;
}
section.bottom-nav-block.width-100 .bottom-nav-block-center {
width: 100%;
text-align: center;
}
section.bottom-nav-block.width-100 {
margin-bottom: 30px;
}
ul#menu-menu-elections .current-menu-item, ul#menu-menu-elections2 .current-menu-item {
background: #0a365b;
}
ul#menu-menu-elections .current-menu-item a, ul#menu-menu-elections2 .current-menu-item a  {
color: #ffffff;
text-shadow: none;
}
ul#menu-menu-elections li a, ul#menu-menu-elections2 li a  {
display: block;
padding: 18px 0px;
height: 100%;
position: relative;
overflow: hidden;
}
ul#menu-menu-elections li, ul#menu-menu-elections2 li {
padding: 0px !important;
}
ul#menu-menu-elections li:hover a, ul#menu-menu-elections2 li:hover a {
color: #ffffff;
text-shadow: none;
background: #0a365b;
}
ul#menu-menu-elections li, ul#menu-menu-elections2 li {
width: 100%!important;
}
.right-static.new_static {
font-size: 14px;
background: #609fc0;
position: absolute;
} ul#menu-menu-elections li:first-child, ul#menu-menu-elections2 li:first-child{
border-left: 0;
}
ul#menu-menu-elections li:last-child {
border-right: 0;
}
.elections .header-menu-block.m-v {
border: none;
}
.dep_gallery_title {
font-size: 26px;
display: block;
position: relative;
overflow: hidden;
margin: 15px 0;
font-weight: bold;
}
.depGalTitle {
font-weight: bold;
font-size: 36px;
}
.dep_gallery .spoiler-block-btn,
.spoiler-block-btn-fix-hide {
position: relative;
clear: both;
display: block;
font-size: 18px;
text-align: right;
margin-right: 18px;
margin-bottom: 15px;
line-height: 16px;
color: #004783;
cursor: pointer;
}
.dep_gallery span.no__inline {
height: 178px !important;
line-height: 178px !important;
}
.spoiler-block-btn.spoiler-block-btn-fix-hide {
display: none;
}
.the_tags {
font-size: 18px;
font-weight: bold;
}
@media (max-width:680px) {
.sliderkit.newslider-vertical {
width: 100% !important;
}
ul#menu-menu-elections, 	ul#menu-menu-elections2 {
text-align: center;
padding-top: 0!important;
width: 100%!important;
}
ul#menu-menu-elections ul, 	ul#menu-menu-elections2 ul {
padding-top: 0!important;
left: auto !important;
top: 45px;
width: 100%!important;
}
#menu-menu-elections ul.flexMenu-popup li a, #menu-menu-elections2 ul.flexMenu-popup li a {
background: #609fc0 !important;
border-bottom: 1px solid;
}
.elections__menu ul {
display: block;
}
.elections__menu ul a {
color: #fff;
border-bottom: 1px solid;
display: block;
width: 100%;
padding: 10px 0;
}
.elections__menu form#simple-search-form {
margin: 15px auto 0;
}
.elections__project__item-title {
font-size: 20px!important;
}
.elections__project__item-description {
font-size: 14px !important;
max-width: 100%!important;
}
article.tag-post .tag-post-img {
display: none;
}
.tag-post-info {
width: 100%;
}
.right-static.new_static {
width: 100%;
bottom: 0;
top: auto!important;
position: fixed;
}
.new_static3, .new_static2{
width: 100%!important;
}
.new_static3:hover, .new_static2:hover{
width: 100%!important;
}
.new_static2{
left: 0;
}
.right-static.new_static br {
display: none;
}
div#toTop {
bottom: 60px;
}
}
@media (max-width:1200px) {
.elections__menu ul a,
ul#menu-menu-elections a, ul#menu-menu-elections2 a {
font-size: 14px;
}
.line-list .list-post-item .post-link{
float: right;
}
}
@media (max-width:920px) {
.elections__menu ul a,
ul#menu-menu-elections a, ul#menu-menu-elections2 a {
font-size: 12px;
}
}
@media (max-width:800px) {
.elections__menu li:last-child {
display: none;
}
}
@media (max-width:680px) {
.elections__menu,
#menu-menu-elections, #menu-menu-elections2{
display: none !important;
}
.menu_mobile_fix {
display: block !important;
}
footer.print-none {
margin-bottom: 30px !important;
}
.rc-s {
padding-left: 0;
}
}
.menu_mobile_fix {
display: none;
}
ul#menu-menu-elections, ul#menu-menu-elections2 {
display: flex;
justify-content: space-around;
position: relative;
overflow: hidden;
}
.menu_mobile_fix_container {
display: flex;
justify-content: space-between;
background: #0a365b;
font-size: 18px;
color: #fff;
padding: 15px;
}
.menu_mobile_fix_item_region a {
color: #fff;
}
.cmn-toggle-switch::before,
.cmn-toggle-switch::after {
content: "";
position: absolute;
display: block;
top: 7px;
left: 0;
width: 100%;
height: 3px;
background: #fff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.cmn-toggle-switch::before {
margin-top: -8px;
}
.cmn-toggle-switch::after {
margin-top: 8px;
}
.cmn-toggle-switch span {
display: block;
position: absolute;
top: 7px;
left: 0;
right: 0;
height: 3px;
background: #fff;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.cmn-toggle-switch.active span {
opacity: 0;
}
.cmn-toggle-switch.active::before {
-webkit-transform: translateY(5px) rotate(45deg);
-moz-transform: translateY(5px) rotate(45deg);
-ms-transform: translateY(5px) rotate(45deg);
transform: translateY(5px) rotate(45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
button.toggle-button.cmn-toggle-switch.active::before {
margin-top: -2px;
}
.cmn-toggle-switch.active::after {
-webkit-transform: translateY(-5px) rotate(-45deg);
-moz-transform: translateY(-5px) rotate(-45deg);
-ms-transform: translateY(-5px) rotate(-45deg);
transform: translateY(-5px) rotate(-45deg);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
}
.cmn-toggle-switch {
position: relative;
width: 20px;
height: 17px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: none;
border-radius: none;
border: none;
cursor: pointer;
background-color: transparent;
z-index: 101;
cursor: pointer;
}
.cmn-toggle-switch:focus {
outline: none;
}
.second_menu_container {
z-index: 9999!important;
background: #0a365b;
padding: 20px;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 220px;
-webkit-overflow-scrolling: touch;
display: none;
}
button.toggle-button.cmn-toggle-switch {
font-size: 18px;
text-indent: 24px;
color: #fff;
}
.second_menu_container a {
display: block;
color: #fff;
padding: 17px 0;
}
button.toggle-button.cmn-toggle-switch.active {
width: 30px;
}
button.toggle-button.cmn-toggle-switch.active {
padding: 20px;
top: 18px;
height: 60px;
}
.second_menu_container form#simple-search-form {
position: relative;
overflow: hidden;
display: block;
text-align: center;
width: 220px;
margin-top: 20px;
}
.second_menu_container li {
border-bottom: 1px solid;
}
button.toggle-button.cmn-toggle-switch {
margin-right: 10px;
}
.second_menu_container #menu-menu-elections-1 {
margin-bottom: 30px;
}
.switch_active {
position: absolute;
right: -50px;
background: #0a365b;
padding: 0;
top: 0;
} .posts-list-wrapper.column4.line-list .item-post-img-container, .posts-list-wrapper2.column4.line-list .item-post-img-container {
display: block;
width: 250px;
margin: 0 16px 0 0;
float: left;
}
.posts-list-wrapper.column4.line-list .item-post-img-container img, .posts-list-wrapper2.column4.line-list .item-post-img-container img {
border-radius: 8px;
border: 1px solid #555;
}
.posts-list-wrapper.column4.line-list .list-post-item, .posts-list-wrapper2.column4.line-list .list-post-item {
clear: both;
}
.posts-list-wrapper.column4.line-list .item-post-cat, .posts-list-wrapper2.column4.line-list .item-post-cat  {
display: none;
}
.posts-list-wrapper.column4.line-list .item-post-wrapper, .posts-list-wrapper2.column4.line-list .item-post-wrapper {
position: relative;
overflow: hidden;
}
.box_style{
border: 2px solid #adadad;
border-radius: 10px;
background: linear-gradient(
45deg
, #ffffff, #c2dbe770);
width: 32.3%;
display: flex;
flex-direction: column;
justify-content: space-between;
} .box-content_right li{
padding-bottom: 10px;
}
.box_style .title-col{
font-size: 28px;
color: #0063ae;
text-align: center;
position: relative;
}
.box-content_left_c img{
height: 85px;
width: 85px;
border-radius: 50%; }
.box-content{
display: flex;
align-items: center;
}
.page-id-77437 .box_style .title-col:before, .page-id-77768 .box_style .title-col:before, .page-id-77772 .box_style .title-col:before, .page-id-77775 .box_style .title-col:before, .page-id-77777 .box_style .title-col:before{
display: none;
}
.page-id-77437 .box-content, .page-id-77768 .box-content, .page-id-77772 .box-content, .page-id-77775 .box-content, .page-id-77777 .box-content{
display: flex;
}
.page-id-77437 .box_style .cboxElement, .page-id-77768 .box_style .cboxElement, .page-id-77772 .box_style .cboxElement, .page-id-77775 .box_style .cboxElement, .page-id-77777 .box_style .cboxElement{
display: flex;
}
.box_style .cboxElement{
display: none;
}
.box-content{
display: none;
}
.box-content_left, .box-content_left_c{
width: 30%;
position: absolute;
top: calc(50% - 40px);
}
.box-content_right{
width: 70%;
margin-left: 100px;
}
.box_style:nth-child(1) .title-col:before {
background-image: url(https://zatulin.ru/wp-content/uploads/2019/09/04-e1624896869460.jpg);
border-radius: 50%;
}
.box_style:nth-child(2) .title-col:before {
background-image: url(https://zatulin.ru/wp-content/uploads/2021/06/obrashheniya.png);
}
.box_style:nth-child(3) .title-col:before {
background-image: url(https://zatulin.ru/wp-content/uploads/2021/06/vazhnoe.png);
}
.box_style .title-col:before {
content: '';
position: absolute;
left: 15px; background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 30px;
}
@media (max-width:1500px) {
.box_style .title-col:before {
display: none;
}
}
@media (max-width:360px) {
.second_menu_container a {
padding: 15px 0;
font-size: 14px;
}
.second_menu_container #menu-menu-elections-1 {
margin-bottom: 15px;
}
.elections_footer__title {
font-size: 12px;
}
.second_menu_container form#simple-search-form {
margin-top: -4px;
}
.banner-abs {
position: absolute;
top: 10px;
z-index: 9999;
left: 30px;
}
}      @media (max-width:780px) {
.banner-abs {
position: absolute;
top: 15px;
z-index: 9999;
left: 24px;
}
.banner-abs img {
width: 80px;
}
.fixed-header-z {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 8;
}
.abs-h {
position: absolute;
}
}
@media (max-width:550px) {
.header-img-block.for-mobile-slide .rev_slider_wrapper *,
.rev_slider_wrapper.fullwidthbanner-container {
width: 100%;
height: 200px !important;
}
.banner-abs {
position: absolute;
top: 15px;
z-index: 9999;
left: 24px;
}
.slider_text_v {
position: absolute;
bottom: -20px !important;
}
.sliderkit .sliderkit-nav-clip ul {
top: 0 !important;
} }
@media (max-width:470px) {
.elections .banner-abs {
position: absolute;
top: 15px;
z-index: 9999;
left: 24px;
}
.slider_text_v {
position: absolute;
bottom: -60px !important;
}
}
@media (max-width:375px) {
.slider_text_v {
position: absolute;
bottom: -90px !important;
}
}
.tp-loader.spinner2 {
display: none !important;
}
.searchFormClass {
display: flex;
}
.searchFormClass .form-control {
height: auto;
}
.searchFormClass .submit_form {
background: #FFF;
display: flex;
border: 1px solid #e3e3e3;
padding: 10px 15px;
border-left: 0;
cursor: pointer;
align-items: center;
justify-content: center;
}
.searchFormClass input#s,
.searchFormClass input#sd {
border-left: none;
border-radius: 5px 0 0 5px;
background: #FFF;
color: #2C2C2C;
line-height: 30px;
display: block;
border: 1px solid #e3e3e3;
padding: 5px;
width: 100%;
border-right: 0;
}
.sliderkit-nav-clip {
width: 100% !important;
}
.sliderkit .sliderkit-nav-clip ul li {
float: left;
width: 100% !important;
}
.post-meta.pf-content span a {
color: #9e9e9e;
text-decoration: none !important;
pointer-events: none;
cursor: default;
}
#box_form_search .simple-search-form {
display: flex;
}
#box_form_search input#s {
border-left: none;
border-radius: 5px 0 0 5px;
background: #FFF;
color: #2C2C2C;
line-height: 30px;
display: block;
height: 30px;
border: 1px solid #e3e3e3;
padding: 5px;
width: 100%;
border-right: 0;
}
#box_form_search .submit_form {
border-radius: 0 5px 5px 0;
background: #FFF;
color: #2C2C2C;
line-height: 30px;
display: block;
border: 1px solid #e3e3e3;
padding: 5px;
height: 100%;
width: 45px;
border-left: 0;
cursor: pointer;
}
#box_form_search .order_form {
text-align: center;
}
#box_form_search .form_hover_title {
margin-bottom: 30px;
}
#box_form_search .text_call {
padding-right: 0;
}
@media (max-width:768px) {
ul.sub-menu {
display: none;
padding-left: 25px;
}
.header-menu-block {
display: none;
}
.menu_mobile_fix {
display: block !important;
}
.heder_banners{
justify-content: center!important;
}
.box_style{
width: 80%;
margin-bottom: 15px;
}
.second_menu_container {
box-sizing: border-box;
width: 100%;
height: auto;
padding-bottom: 50px;
overflow: auto;
}
button.toggle-button.cmn-toggle-switch {
margin-right: 8px
}
.switch_active {
right: 0;
top: 7px;
}
ul#menu-main-menu-1 {
height: auto;
padding-bottom: 30px;
}
}
.click_icon {
cursor: pointer;
right: 2px;
position: absolute;
top: 15px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.no_act:after {
content: "\f067";
}
.act:after {
content: "\f068";
}
#menu-main-menu-1 li {
position: relative;
}
.bodyOverflowHidden {
overflow: hidden;
}
.newSearchZat {
display: flex;
}
.newSearchZat input#s {
border-left: none;
border-radius: 5px 0 0 5px;
background: #FFF;
color: #2C2C2C;
line-height: 30px;
display: block;
border: 1px solid #e3e3e3;
padding: 5px;
width: 100%;
border-right: 0;
}
.newSearchZat .submit_form {
background: #FFF;
display: flex;
border: 1px solid #e3e3e3;
padding: 10px 15px;
border-left: 0;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: 0 5px 5px 0;
}
.spoilerSearch {
position: absolute;
width: 100%;
height: 100%;
display: none;
}
.mainSearchForm {
width: 100%;
position: relative;
height: 100%;
}
.mainSearchForm input {
height: 100% !important;
}
.form-control:focus {
outline: 0;
box-shadow: none;
}
.mainSearchClose {
border-radius: 5px;
background: #FFF;
color: #2C2C2C;
line-height: 39px;
display: block;
border: 1px solid #e3e3e3;
padding: 5px;
height: 100%;
width: 40px;
cursor: pointer;
text-align: center;
font-size: 21px;
}
.click_icon {
width: 60px;
font-size: 24px;
height: 40px;
right: 0;
line-height: 40px;
text-align: center;
top: 7px;
}
.grecaptcha-badge {
visibility: hidden;
}
.check span.wpcf7-list-item.first.last {
margin-left: 0;
}
.contacts-form-submit {
padding: 0px;
}         .singlePadding {
padding-left: 50px;
padding-right: 50px;
position: relative;
min-height: 430px;
}
span.ya-share2__title {
display: none;
}
.socialLeft, .socialLeft2 {
position: absolute;
left: 0;
top: 47px;
}
.socialLeft .ya-share2__item, .socialLeft2 .ya-share2__item{
margin-bottom: 15px !important;
}
@media(max-width:1450px) {
.sub-menu{
left: calc(50% - 155px)!important;
}
#menu-main-menu .sub-menu{
width: 310px;
}
.slide-name {
font-size: 14px;
}
}
* {
box-sizing: border-box;
}
i.fa.fa-search {
font-size: 20px;
}
.elections .title-block {
margin-top: 15px;
}
.elections__menu {
position: relative;
} .DEP__spoilerSearch {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
form.DEP__search {
width: 100%;
position: relative;
height: 100%;
display: flex;
}
.DEP__spoilerSearch input#s {
border-left: none;
background: #FFF;
color: #2C2C2C;
line-height: 30px;
display: block;
border: 1px solid #e3e3e3;
padding: 5px;
width: 100%;
border-right: 0;
height: 100% !important;
font-size: 1rem;
}
.DEP__spoilerSearch button.submit_form {
background: #FFF;
display: flex;
border: 1px solid #e3e3e3;
padding: 10px 15px;
border-left: 0;
cursor: pointer;
align-items: center;
justify-content: center;
}
.DEP__spoilerSearch .DEP__SearchClose {
background: #FFF;
color: #2C2C2C;
line-height: 39px;
display: block;
border: 1px solid #e3e3e3;
padding: 5px;
height: 100%;
width: 40px;
cursor: pointer;
text-align: center;
font-size: 21px;
}
.DEP_spoiler_links {
font-size: 20px;
color: #fff;
cursor: pointer;
} .wp-pagenavi{
margin-bottom: 30px;
border: 1px solid #e3e3e3;
background: linear-gradient(to bottom, #FFFFFF, #e9e9ea);
border-radius: 10px;
padding: 10px 15px;
}
.wp-caption-text{
color: #636363;
font-size: 14px;
text-align: center;
line-height: 20px !important;
}
.prinstile{ background-image: url(//zatulin.ru/wp-content/themes/zatulin/images/print.png);
width: 26px;
height: 24px;
background-size: cover;
margin-top: 25px;
}
.prinstile>.printfriendly>a{
color: #f0f8ff00;
font-size: 8px;
}
.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
height: 24px!important;
width: 24px!important;
background-size: 24px 24px!important;
}  .posts-list-wrapperNEW {
font-size: 0;
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}
.posts-list-wrapperNEW .list-post-item {
width: 25%;
display: inline-block;
min-width: 200px;
vertical-align: top;
margin-bottom: 60px;
}
.posts-list-wrapperNEW>* {
font-size: 14px;
}
#menu-menu-elections2 > li > a:before{
content: '';
position: absolute;
left: 15px;
top: calc(50% - 15px);
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 35px;
}
#menu-menu-elections2-1 > li > a:before{
content: '';
position: relative;
left: 0;
top: calc(50% - 15px);
background-size: contain;
background-repeat: no-repeat;
width: 30px;
height: 35px;
float: left;
margin-right: 20px;
margin-top: -7px;
}
#menu-menu-elections2-1 .menu-item-77533 > a:before{
left: 7px;
}
.menu-item-77530 > a:before  {
background-image: url(//zatulin.ru/wp-content/themes/zatulin/images/сочи.png); }
.menu-item-77531 > a:before {
background-image: url(//zatulin.ru/wp-content/themes/zatulin/images/белореченск.png); }
.menu-item-77532 > a:before {
background-image: url(//zatulin.ru/wp-content/themes/zatulin/images/апшеронск.png); }
.menu-item-77533 > a:before {
background-image: url(//zatulin.ru/wp-content/themes/zatulin/images/эстония.png); left: 7px;
margin-left: -7px;
}
.posts-list-wrapperNEW .item-post-wrapper {
padding: 0px 15px;
}
.posts-list-wrapperNEW .item-post-cat {
position: absolute;
bottom: 3px;
color: #FFF;
padding: 26px 5px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 84px;
}
.posts-list-wrapperNEW .item-post-img-container {
position: relative;
}
.posts-list-wrapperNEW .item-post-cat span {
padding: 0px 15px;
font-size: 20px;
display: block;
text-decoration: none;
}
.posts-list-wrapperNEW .post-title {
margin-top: 10px;
}
.itemMargin {
margin-bottom: 60px;
}
section.title-block.notIfTag {
margin-bottom: 25px;
}
.line-list .list-post-item .post-excerpt {
font-size: 18px;
line-height: 1.4em;
text-align: justify;
color: #000;
}
footer {
margin: 0px auto;
max-width: 1500px;
position: relative;
}
footer a:hover {
color: #fff;
}
@media(max-width:767px) {
.filter-block-item:nth-child(2) {
display: none !important;
}
#from, #to {
width: 90px;
}
header {
margin-left: -15px;
margin-right: -15px;
}
.elections__contact {
font-size: 14px;
line-height: 20px;
}
.blocks5 .filter-block-item:last-child {
padding-bottom: 0;
}
.net-list .list-post-item .item-post-wrapper {
padding: 0px;
}
.footer-container {
padding-bottom: 50px;
}
.full-page-wrapper {
padding: 0;
}
.singlePadding {
padding-left: 0px;
padding-right: 0px;
}
.news-slider {
margin-bottom: 15px;
}
.blocks5 .filter-block-item:nth-child(3) {
display: none;
}
.filter-block-item {
width: 100% !important;
display: block;
}
.filter-key {
width: 100%;
display: flex;
}
.filter-key i {
width: 40px !important;
}
.blocks5 .filter-key input[type="text"] {
width: 100%;
}
.second_menu_container form#simple-search-form {
display: flex;
width: 80%;
margin-top: 0;
border-radius: 4px;
}
.second_menu_container form#simple-search-form button.submit_form {
background: #FFF;
border: none;
}
.second_menu_container form#simple-search-form .form-control {
border: none;
border-radius: 0;
}
.blocks4 .filter-block-item:last-child {
padding: 0;
}
.net-list {
margin: 0;
}
.posts-list-wrapperNEW .list-post-item {
width: 100%;
} ul.ya-share2__list.ya-share2__list_direction_vertical {
display: flex;
justify-content: space-between;
}
.ya-share2__list.ya-share2__list_direction_vertical>.ya-share2__item {
margin: 0 !important;
}
.post-excerpt {
font-size: 16px;
}
.post-title {
font-size: 20px;
line-height: 22px;
}
.post-link a {
font-size: 16px;
}
.title-block h1 {
font-size: 26px;
}
.post-wrapper {
font-size: 16px !important;
}
.header-small-text.text-v-top {
font-size: 14px !important;
}
.header-large-text {
padding: 5px 0;
}
.header-img-block a .header-text {
padding: 0px 5px !important;
}
}
@media (min-width:540px) {
.net-list.column3 .list-post-item,
.net-list.column4 .list-post-item {
padding: 0px 15px;
}
}
@media (min-width:768px) and (max-width:1120px) {
.full-page-wrapper {
padding: 0;
}
.singlePadding {
padding: 0;
}
a.dop-link-block {
text-align: center;
}
.news-slider {
margin-bottom: 30px;
}
.slide-data {
padding: 10px 10px !important;
}
.newslider-vertical .sliderkit-nav-clip li {
padding-left: 23px;
}
.newslider-vertical .sliderkit-nav-clip li.sliderkit-selected {
background-position: 3px;
}
.blocks5 .filter-block-item:nth-child(3) {
display: none;
}
.filter-block-wrapper {
display: flex;
}
.blocks5 .filter-block-item {
width: 100%;
}
.elections__contact {
font-size: 16px;
line-height: 24px;
}
.posts-list-wrapperNEW .list-post-item {
width: 50%;
display: inline-block;
min-width: 200px;
vertical-align: top;
margin-bottom: 60px;
}
}
.margin-t-b {
margin:10px 0;
}
form#filter-form input {
color: #004783;
}
@media(max-width:1366px) {
.page-id-77772 .slider_text_v{
font-size: 50px;
}
.prinstile{
margin-left: 5px;
}
.f-socialLeft{
left: 0;
}
ul.ya-share2__list.ya-share2__list_direction_vertical {
display: flex;
justify-content: center;
}
.ya-share2__list.ya-share2__list_direction_vertical>.ya-share2__item {
margin: 0 5px!important;
}
#menu-main-menu .sub-menu{
width: 270px;
}
.sub-menu {
left: calc(50% - 140px)!important;
}
}
@media (min-width: 1200px) and (max-width:1366px) {
.net-list.column4 .list-post-item {
width: 33%;
}
.posts-list-wrapperNEW .list-post-item {
width: 33% !important;
}
}
@media (max-width:1300px) {
.singlePadding {
padding-left: 0;
padding-right: 0;
}
.sub-menu {width: 260px;}
.flexMenu-viewMore .sub-menu {
top: 10px!important;
}
.flexMenu-viewMore .sub-menu {
left: calc(-100% - 65px)!important;
}
}
.ya-share2__badge {
border-radius: 50% !important;
}
.text_call.contact-form {
padding-right: 0;
}
#box_form_share, #box_form_vd {
width: 45%;
left: 0;
right: 0;
margin: 0 auto;
}
.wpcf7-form p, .check {
font-size: 14px;
}
.wpcf7 form .wpcf7-response-output {
margin: 5px 0;
}
@media(max-width:767px) {
#box_form_share, #box_form_vd {
width: 90%;
left: 0;
right: 0;
margin: 0 auto;
}
.wpcf7-form p, .check {
font-size: 14px;
}
} .content-container h1 {
font-weight: bold;
font-size: 36px;
margin-bottom: 10px;
}
.content-container h2 {
font-weight: bold;
font-size: 32px;
margin-bottom: 10px;
}
.content-container h3 {
font-weight: bold;
font-size: 28px;
margin-bottom: 10px;
}
.content-container h4 {
font-weight: bold;
font-size: 24px;
margin-bottom: 10px;
} .wp-caption {
max-width: 100%;
}
.singleThumbRight {
float: right;
max-width: 50%;
margin: 0 0 20px 20px;
}
.img-autor-wrap {
position: relative;
}
.img-autor-name{
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
opacity: 0.6;
text-shadow: 1px 1px 1px #000;
}
@media(max-width:768px) {
.singleThumbRight {
width:100%;
max-width:100%;
margin: 0 0 20px 0;
}
}
@media(min-width:768px) {
.table_wrap {
overflow: hidden;
}
}
@media print { header, .socialLeft2, .box_style, .breadcrumbs, .right-static, .bottom-nav-block, .bottom-nav-block-min, footer, #toTop, .socialLeft, .map, iframe, .single-post-video, .slider-container, .filter-block, .slick-slider{
display: none!important;
}
p, .content-container, .page-break-after, .post-wrapper, .albums-wrapper{
break-before: avoid!important;
break-after: avoid!important;
} .content-container{
break-after: avoid;
}
.full_img_print{
display: flex;
justify-content: center;
text-align: center;
margin: 0 auto;
margin-top: 50px;
}
.wp-caption{
margin-top: 50px;
}
.category-2 .title-block, .category-3 .title-block, .category-6 .title-block, .category-9 .title-block, .page-id-17545 .title-block, .tag-56 .title-block, .tag-21 .title-block, .tag-54 .title-block, .tag-53 .title-block, .tag-55 .title-block {
display: none;
}
.singlePadding{
margin: 20px;
}
.net-list.column4 .list-post-item {
width: 100%!important;
}
.posts-list-wrapperNEW .list-post-item{
width: 100%!important;
}
.posts-list-wrapper.column4.line-list .item-post-img-container, .posts-list-wrapperNEW.column4.line-list .item-post-img-container {
display: block!important;
width: 250px!important;
margin: 0 16px 0 0!important;
float: left!important;
}
.item-post-img-container img {
border-radius: 8px!important;
border: 1px solid #555!important;
max-width: 250px!important;
height: auto!important;
}
.net-list .item-post-cat{
display: none!important;
}
.item-post-img-container {
float: left!important;
margin-right: 20px!important;
}
.item-post-wrapper .post-excerpt{
height: auto!important;
}
.post-title{
margin-bottom: 60px;
height: 0!important;
}
.title-block h1 {
font-weight: bold;
font-size: 36px;
}
.singleThumbRight {
float: none;
max-width: 50%;
margin: 0 0 20px 20px;
display: block;
position: relative;
left: 25%;
}
}
.line-list .list-post-item .post-link{
margin-top: 0;
}   .post_cand:hover{
color: #fff;
}
.post_cand{
font-size: 20px;
display: flex;
justify-content: center;
cursor: pointer;
font-weight: bold;
color: #fff;
} .main-cat {
display: flex;
align-items: center;
justify-content: space-between;
}
.media-icon {
position: absolute;
right: 5px;
bottom: 10px;
border: none !important;
}
.net-list .media-icon {
display: none;
}
.line-list .media-icon {
display: block;
}
.dep-cat span {
font-size: 19px !important;
padding: 0px 7px !important;
}
.main-cat img {
margin-bottom: 0 !important;
margin-left: 10px;
}
.post-link:hover, .tag-link:hover {
text-decoration: none;
color: #004783;
}
.tag-link {
height: 100%;
display: inline-block;
}
.post-excerpt {
color: #000;
}
.search-link {
display: block;
margin-bottom: 15px;
}
#videoplayer iframe {
left: 0;
width: 100%;
height: 100%;
}
.player {
position: relative;
}