#html-body,h1,h2,h3,h4,h5{font-family:"Open Sans",sans-serif;background:#F7F7F7}a{text-decoration:none}a:hover{color:#fff;text-decoration:none}footer{background:#CB2228}#masthead{padding-top:20px;padding-bottom:2px}#masthead-logo{background:none}#edit-page{position:absolute;top:10px;right:10px}#offcanvas-toggle{position:absolute;top:10px;left:15px}#offcanvas-nav .uk-search-input{width:100%}img.uk-comment-avatar{width:60px;height:60px}.align_left{float:left;margin:0 1em .5em 0;position:relative;top:.5em;max-width:50%}.align_right{float:right;margin:0 0 .5em 1em;max-width:50%}.align_center{display:block;margin:1em auto;position:relative;top:.5em}figure{display:table;margin:1em 0}figure figcaption{display:table-caption;caption-side:bottom;font-size:13px;line-height:1.4em;margin-top:5px;color:#777}@media only screen and (max-width: 767px){.align_left,.align_right,.align_center{display:block;float:none;margin:1em auto;max-width:100%}figure,figure figcaption{display:block;text-align:center}}.wc-background1{background:url(/site/templates/styles/images/header-bg.svg) center/cover no-repeat}#masthead{background:url(/site/templates/styles/images/header-bg2.png) center/contain no-repeat}#page-name{background:#fff;padding:23px 33px 20px;color:#CB2228;font-size:26px;text-transform:uppercase;margin-top:6px}.footer-logo img{width:137px}#footer{padding-left:0;padding-right:0}footer{padding-top:15px!important;padding-bottom:15px!important}.footer-ok{font-family:Open Sans;font-style:normal;font-weight:700;font-size:22px;line-height:30px;color:#FFF;right:0}.footer-ok img{padding-left:10px}.text-block{font-family:Open Sans;font-style:normal;font-weight:400;font-size:22px;line-height:30px;padding-left:9px;color:#000}.video-block iframe{width:581px;height:414px;border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;border:0 solid #000}#main{padding-top:97px;padding-bottom:68px}#footer .footer-last-line{color:#FFF;font-size:14px;line-height:19px;border-top:1px solid #fff;margin-top:-3px;padding-top:13px;margin-left:0;margin-right:8px;padding-left:0}#footer .footer-last-line>div{padding:0}.footer-last-line a{color:#FFF;font-size:14px;line-height:19px}span.copy{font-size:14px;line-height:19px;text-transform:uppercase;padding-right:48px}.contacts_head{font-family:Open Sans;font-style:normal;font-weight:400;font-size:16px;line-height:22px;text-transform:uppercase;color:#FFF;margin-left:-22px;margin-top:-4px}ul.contacts{padding:0;margin-left:-22px;margin-top:-3px}ul.contacts li{list-style-type:none;font-size:16px;line-height:30px;color:#FFF}ul.contacts li a{font-size:16px;line-height:22px;color:#FFF}ul.contacts li>span{margin-top:-10px;display:inline-block}ul.contacts li:before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px}li.address::before{background:url(/site/templates/styles/images/icon-address.svg) center/cover no-repeat}li.phone::before{background:url(/site/templates/styles/images/icon-phone.svg) center/cover no-repeat}li.mail::before{background:url(/site/templates/styles/images/icon-mail.svg) center/cover no-repeat}.footer-ok{margin-right:8px;margin-top:-6px;font-size:25px}.page_title{padding-left:0;margin-left:-68px}@media only screen and (max-width: 480px){.video-block iframe{width:356px;height:200px}#page-name{background:#fff;padding:7px 4px;color:#CB2228;font-size:10px;text-transform:uppercase;margin-top:15px}#ok-logo-header{margin-left:0}#main{padding-bottom:0;padding-top:0}#footer{padding:0 10px;margin-top:-8px}.footer-logo img{width:55px}ul.contacts li,ul.contacts li a{font-size:14px;line-height:19px}ul.contacts li{padding-top:0;letter-spacing:0;word-spacing:-1px}ul.contacts{margin-left:-62px;margin-bottom:7px!important;margin-top:7px}ul.contacts li:before{width:18px;height:18px;margin-right:5px}ul.contacts li.phone{padding-top:2px}ul.contacts li.mail{padding-top:3px}.contacts_head{font-size:14px;margin-left:-63px;margin-bottom:5px}.footer-ok{font-size:16px;margin-top:0;margin-right:0}#footer .footer-last-line{margin-right:0;margin-left:0;margin-top:-9px;padding-top:6px}#masthead{background:url(/site/templates/styles/images/header-bg2-mob.png) center/contain no-repeat}#masthead-logo a img{width:55px}span.copy{font-size:13px}.footer-last-line a,.footer-last-line span{font-size:12px}.ok-link-footer{height:50px;margin-top:0!important}.footer-ok{margin-left:-62px;position:relative!important;top:3px;font-weight:700;letter-spacing:1px;word-spacing:-2px}.footer-ok img{width:34px;padding-left:10px;margin-top:-7px}#content-body{margin-top:0!important;padding-top:0!important}#main{margin-top:18px!important}.text-block{font-size:13px;line-height:19px}.video-block{margin:0 auto;margin-top:15px}#ok-logo-header img{width:55px}footer{padding-bottom:22px;padding-top:20px!important}#footer .footer-last-line{margin-top:-9px;padding-left:5px;padding-right:8px}#masthead{padding-top:43px;padding-bottom:43px}}@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2){.footer-first-line>div.uk-first-column{padding-right:40px}#masthead{padding-top:36px;padding-bottom:36px}.video-block iframe{width:292px}}@media only screen
and (min-device-width: 375px)
and (max-device-width: 736px){#masthead{padding-top:43px;padding-bottom:43px}.video-block{margin:0 auto}}@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3){footer{padding-bottom:22px}.page_title{padding-left:0;margin-left:0;margin-top:10px}.video-block{margin:0 auto}.video-block iframe{width:336px;height:192px}#main{margin-top:18px!important;margin-bottom:18px!important}.footer-first-line{margin-left:-27px}}@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){#content{margin:0 60px}.video-block{margin-top:20px;margin-bottom:35px}footer{padding:15px 40px!important}.page_title{padding-left:0;margin-left:-45px}.footer-ok{font-size:22px;left:-40px;top:3px}.footer-first-line{margin-bottom:24px}.contacts_head,ul.contacts{margin-left:-70px}#page-name{font-size:23px}}@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){footer{padding:15px 15px 15px 40px !important}#page-name{font-size:24px}.page_title{padding-left:0;margin-left:-45px}.footer-ok{font-size:22px}}@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1){#content{margin:0 180px}}@media only screen
and (min-device-width: 834px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2){.contacts_head,ul.contacts{margin-left:-22px}.footer-ok{left:0;top:50%}}

html{
	background: #F7F7F7;
}
body{
	display: flex;
    flex-direction: column;
    height: 100vh;
    -webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
	                                  not supported by any browser */
}
#main {
    flex: auto;
}

footer {
	flex-shrink: 0;
}

#masthead-logo a svg {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
	margin-top: -18px;
}

.footer-logo svg {
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.15);
	width: 120px;
    height: 120px;
}

.text-block a[href^="https://ok.ru"] {
	position: relative;
}
/*.text-block a[href^="https://ok.ru"]:after {
    background: url(/site/templates/styles/images/icon-ok.svg) center center;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-size: cover;
    content: "";
    position: absolute;
        top: -3px;
    left: 8px;
}*/
.text-block a[href^="https://ok.ru"] {
    font-style: normal;
    font-weight: normal;
    line-height: 14px;
    color: #CB2228;
    border-bottom: 1px solid #CB2228;
}

.text-block a[href^="https://ok.ru"]:hover {
    color: #A91921;
    border-bottom: 1px solid #A91921;
}

.text-block > p {

}
.text-block a[href^="https://podpiska.pochta.ru/"] {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    text-transform: uppercase;
    color: #CB2228;
    border: 1px solid #CB2228;
    box-sizing: border-box;
    border-radius: 30px;
    padding: 13px 15px;
}

.text-block a[href^="https://podpiska.pochta.ru/"]:hover {
    background: #CB2228;
    color: #FFFFFF;
}

.text-block a[href^="https://ok.ru"]:hover:after {
	background: url(/site/templates/styles/images/icon-ok-hover.svg) center center;
    width: 45px;
    height: 45px;
    top: -4px;
    left: 3px;
}


.ok-link-footer a[href^="https://ok.ru"]:after {
    background: url(/site/templates/styles/images/icon-ok.svg) center center;
    width: 45px;
    height: 45px;
    display: inline-block;
    background-size: cover;
    content: "";
    position: relative;
    top: 8px;
    left: 1px;
    border-radius: 100px;
}
.ok-link-footer a[href^="https://ok.ru"]:hover:after {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}


.footer-ok .footer_ok span:nth-child(2){
	display: none;
}

.footer-ok:hover .footer_ok span:nth-child(2){
	display: inline-block;
}

.footer-ok:hover .footer_ok span:nth-child(1){
	display: none;
}

.footer-first-line {
	margin-bottom: 12px;
}


@media (min-width: 320px) and (max-width: 480px) {
	#masthead-logo a svg {
		width: 55px;
    	height: 55px;
    	margin-top: 0;
	}
	.footer-logo svg {
		width: 55px;
    	height: 41px;
	}
	/*.text-block a[href^="https://ok.ru"]:after {
	    top: -8px;
        width: 30px;
        height: 30px;
        left: 2px;
	}*/
    .text-block a[href^="https://podpiska.pochta.ru/"] {
        padding: 7px;
        font-size: 11px;
    }
    .ok-link-footer a[href^="https://ok.ru"]:after {
        width: 35px;
        height: 35px;
    }
    #footer .footer-last-line  {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }
    #footer .footer-last-line .uk-first-column{
        justify-content: space-between;
    }
}

@media (min-width: 375px) and (max-width: 812px) {
    .footer-logo svg {
        width: 55px;
        height: 55px;
    }
    /*.text-block a[href^="https://ok.ru"]:after {
        top: -8px;
        width: 30px;
        height: 30px;
        left: 2px;
    }*/

    .ok-link-footer a[href^="https://ok.ru"]:after {
        width: 35px;
        height: 35px;
    }
    #footer .footer-last-line  {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }
    #footer .footer-last-line .uk-first-column{
        justify-content: space-between;
    }
}


.uk-container {
    width: 1200px;
}

h1 {
    font-size: 44px;
    font-weight: 600;
}

.terms-page .text-block>div>p,
.dep-page .text-block>div>p {
    color:#808080;
    font-size: 20px;
}

.dep-page .text-block>div>p {
    color:#000;
    font-size: 16px;
}

.dep-page .text-block>div>p.p14{
    font-size: 14px;
}

.dep-page .text-block>div a{
    color: #CB2228;
    font-weight: 700;
}

.dep-page .text-block>div a:hover{
    text-decoration: underline;

    color: #CB2228;
}

.dep-page .text-block>div a.ss:hover {
    text-decoration:none;
}

.dep-page .links {
    display: flex;
}
.dep-page a.ss {
    /*width: 35px;
    height: 35px;*/
    margin-right: 15px;
}
.dep-page a.ss > svg .circle{
    fill: none;
}


.dep-page a.ss:hover > svg .circle{
    fill: #CB2228;
    text-decoration:none;
}

.dep-page a.ss > svg .icon{
    fill: #CB2228;
}

.dep-page a.ss:hover > svg .icon{
    fill: #FFF;
    text-decoration:none;
}

p.tel {

}
@media (max-width: 812px) {
    .uk-container {
        width: auto;
    }

    h1 {
        font-size: 22px;
    }

    .terms-page .text-block>div>p,
    .dep-page .text-block>div>p {
        font-size: 16px;
    }
}