.cols{
	display: flex;
	width: 100%;
}
.cols.width100{
	justify-content: space-between;
}
.custom_blockquote {
    background: #7145a6;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 18px 20px 15px 20px;
    margin: 0 0 38px 0;
    font-style: italic;
}
.custom_blockquote p {
    margin-bottom: 0;
}
.custom_blockquote b {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 21px;
    display: inline-block;
}
.custom_blockquote .ico {
    display: block;
    width: 34px;
    height: 28px;
    float: left;
    margin: 4px 20px 0 0;
}
.cup-ico {
    background: url(/bitrix/templates/mir-pechti/css/../img/cup.png) no-repeat;
}
.custom_blockquote p {
    float: left;
    width: calc( 100% - 54px );
}
.big_margin_bottom {
    margin-bottom: 245px;
}
.cf {
    *zoom: 1;
}
.cf:after,
.cf:before {
    content: " ";
    display: table;
    width: 100%;
    clear: both;
}.contacts_info a {
    color: #262626;
    text-decoration: underline;
}
.formate_p p{
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 20px;
}
.about-col{
	margin-right: 20px
}
.footer_line{
	display: flex;
}
.footer_line_block{
	text-align: center;
	margin-top: 100px;
	margin-bottom: 40px;
}
.footer_line_block .bot_text{
	margin-bottom: 20px;
}
.footer_line_block .bottom-etxt{
	margin-top: 40px;
}
.footer_line_block .col-lg-12{
	margin-top: 20px;
}
.footer_line_block .col-lg-3.bottom-etxt{
	margin-top: 0px;
}
/*.article_container-big_margin.row{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.article_container-big_margin.row > a{
	width: calc(50% - 15px);
}
.article_container-big_margin.row > a > .row{
	display: flex;
}
.article_container-big_margin.row > a > .row img{
	margin-right: 20px;
}*/
.article_container-big_margin .img-responsive{width: 100%;max-width: 100%;}
.article_img {
    position: relative;
    margin-bottom: 60px;
}
.article_img img {
    width: 100%;
}
.article_img-link {
    position: absolute;
    top: 0;
    right: 0;
    background: #7145a6;
    color: #fff;
    text-decoration: underline;
    padding: 16px 20px;
}
.article_img-link:hover {
    text-decoration: none;
    color: #fff;
}
/*Article page*/
.article_container-big_margin {
    margin-bottom: 120px;
}
.article_item {
    color: #262626;
    text-decoration: none;
    display: block;
}
.article_item .article_title {
	text-decoration: underline;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 22px;
    margin-top: -2px;
	font-weight: bold;
}
.article_item:hover .article_title {
    text-decoration: none;
}
.yandex_map {
    width: 100%;
    height: 460px;
    margin-bottom: 20px;
	margin-top: 40px;
}
@media screen and (max-width: 1400px){
	.cols{
		box-sizing: border-box;
		padding: 0px 15px;
	}
}
@media screen and (max-width: 1200px){
	.cols.width100 > div{
		margin-bottom: 15px;
	}
	.cols{
		display: block;
	}
	.about-col{
		margin-right: 0px
	}
	.cols img{
		display: block;
		max-width: 100%;
	}
	.footer_line{
		flex-wrap: wrap;
	}
	.footer_line_block .col-lg-3{
		width: 50%;
	}
	.article_container-big_margin.row > a{
		width: 100%;
	}
	.article_container-big_margin.row{
		padding: 0px 15px;
	}
}

.detail__content_new .article img {
    border-radius: 4px;
}
.detail__content_new .article_info {
    margin-top: 35px;
}
.detail__content_new .article_title {
    font-size: 24px;
    line-height: 22px;
    color: #262626;
    text-decoration: underline;
    font-weight: 700;
    margin-bottom: 38px;
}
.detail__content_new .article:hover .article_title {
    text-decoration: none;
    color: #7145a6
}
.detail__content_new .article_text {
    font-size: 14px;
    line-height: 18px;
    color: #262626;
}
.detail__content_new .article_list {
    margin-top: 30px;
}
.detail__content_new .article_container {
    margin-bottom: 55px;
    margin-top: 50px;
}
.detail__content_new .bottom_text {
    border-top: 2px solid #f3f3f3;
    padding-top: 78px;
}
.detail__content_new h2.bot_text {
    color: #262626;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    padding-bottom: 20px;
    margin-bottom: 36px;
    background: none;
}
.detail__content_new h2 {
    color: #262626;
    font-weight: 700;
    font-size: 22px;
    line-height: 18px;
    padding-bottom: 20px;
    background: url(/bitrix/templates/mir-pechti/css/../img/hline.png) left bottom no-repeat;
    margin-bottom: 36px;
}
.detail__content_new h3 {
    font-size: 18px;
    line-height: 18px;
    padding-bottom: 20px;
    background: url(/bitrix/templates/mir-pechti/css/../img/hline.png) left bottom no-repeat;
    margin-bottom: 36px;
}
.detail__content_new a:not(.article_img-link){
	color: #428bca;
    text-decoration: none;
}
.contacts_title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    color: #262626;
    margin-bottom: 18px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel-default {
    border-color: #ddd;
}
.panel {
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.panel-body {
    padding: 15px;
	font-size: 14px;
}

.g-docs__link {
    margin-right: 10px; 
    margin-bottom: 10px; 
    padding:5px 15px; 
    display: inline-block; 
    border: 1px solid #019cde; 
    border-radius: 100px;
	color: #019cde;
}
.g-docs__link:hover {
    color: #019cde;
    border-color: #019cde;
}
.g-docs__link:active,
.g-docs__link.active{
    background-color: #019cde;
    color: #fff;
}
.g-docs__iframe {
    margin-top: 20px;
    display: block; 
    width: 100%; 
    height: 910px;
}

@media screen and (max-width: 600px){
	.footer_line_block .col-lg-3{
		width: 100%;
	}
}
@media screen and (max-width: 500px){
	.article_container-big_margin.row > a > .row img{
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.article_container-big_margin.row > a > .row{
		flex-wrap: wrap;
	}
}

.menuLevels .root_parent .parent ul {
    padding-left: 15px;
    margin-top: 15px;
    display: none;
}

.menuLevels .root_parent > .parent > ul {
    border-left: 2px solid #fff;
}

.menuLevels .root_parent .parent.active > ul {
    display: block;
}

.menuLevels .root_parent .parent ul li:not(:last-child) {
    margin-bottom: 15px;
}

.menuLevels  .root_parent .parent {
    margin-bottom: 15px;
    position: relative;
    transition: all .3s ease-in-out;
}

.menuLevels  .root_parent .parent > span span.open {
    position: absolute;
    right: -5px;
    top: 3px;
    color: #fff;
    z-index: 2;
    transition: all .3s ease-in-out;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.menuLevels  .root_parent .parent > span a.disable {
    pointer-events: none;
}

.menuLevels  .root_parent .parent > span {
    position: relative;
    padding-right: 15px;
    display: block;
}

.menuLevels  .root_parent .parent.active > span span.open {
    right: -5px;
    transform: rotate(90deg);
    top: 3px;
}

.menuLevels  .root_parent .parent > a {
    display: block;
    position: relative;
    padding-right: 30px;
}

.menuLevels .root_parent .parent a {
    color: #fff;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;

}

.menuLevels .root_parent .parent  a:hover {
    text-decoration: underline;
}

.menuLevels .root_parent .parent a {
    color: #fff;
}

.menuLevels__mobile {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: calc(100% - 70px);
    overflow-y: scroll;
    background: #4CC3FF;
    color: #fff;
    top: 70px;
    left: -100%;
    transition: all .3s ease-in-out;
}

.menuLevels__mobile.active {
    left: 0;
}

.menuLevels__mobile {
    padding: 20px;
}

.menuLevels__mobile  a {
    margin-bottom: 15px;
    color: #fff;
    display: block;
}

.menuLevels__mobile-title {
    display: flex;
    align-items: center;
}

.menuLevels__mobile-title a {
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.menuLevels__mobile li.parent ul {
    position: fixed;
    z-index: 200;
    padding: 20px;
    width: 100%;
    height: calc(100% - 70px);
    overflow-y: scroll;
    background: #4CC3FF;
    color: #fff;
    top: 70px;
    left: -100%;
    /*left: 0;*/
    transition: all .3s ease-in-out;
}

.menuLevels__mobile li.parent ul.active {
    left: 0;
}

.menuLevels__mobile .parent > a {
    position: relative;
    display: inline-block;
    padding-right: 20px;
}

.menuLevels__mobile .parent > a:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 23.248 15.776'%3E%3Cg id='Group_561' data-name='Group 561' transform='translate(0 15.776) rotate(-90)'%3E%3Cpath id='Path_422' data-name='Path 422' d='M1.245,0A1.246,1.246,0,0,0,0,1.245V22a1.245,1.245,0,0,0,2.491,0V1.245A1.246,1.246,0,0,0,1.245,0Zm0,0' transform='translate(6.643 0)' fill='%23fff'/%3E%3Cpath id='Path_423' data-name='Path 423' d='M14.531,0a1.236,1.236,0,0,0-.88.365L7.889,6.127,2.127.365A1.246,1.246,0,1,0,.365,2.127L7.007,8.769a1.246,1.246,0,0,0,1.762,0l6.642-6.642A1.245,1.245,0,0,0,14.531,0Zm0,0' transform='translate(0 14.114)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: -5px;
    top: 3px;
    color: #fff;
    z-index: 2;
    transition: all .3s ease-in-out;
}

.menuLevels__mobile-back img {
    transform: rotate(180deg);
    margin-right: 15px;
}

.menuLevels__mobile a.disable {
    pointer-events: none;
}








/* ~~~~~~~~~~~~~~ CITY ~~~~~~~~~~~~~~~~~~~~~~ */
.modal-inline {text-decoration: underline;}
#city_select {display: none;}
.select_city_wrapper {
    padding: 30px 20px;
    min-width: 400px;
    max-width: 400px;
}
.pop_citys_current { }
.pop_citys_current span {font-weight: bold; font-size: 20px;}
.pop_citys_select { padding-bottom: 20px; }
.pop_citys_select_info {margin-bottom: 5px;}
.pop_citys_select select { 
    width: 80%; 
}

.pop_citys_select input {
    display: none; 
    margin-top: 20px;
    width: 80%;
    font-size: 16px;
    background: #ffffff;
    border: 1px solid #59aab9;
    border-radius: 5px;
    padding: 5px 10px;
}
.pop_citys_select input.show {
    display: block;
}

.city_izbrannoe {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.izb_city_itm {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    padding: 5px 0;
    font-size: 16px;
}
.izb_city_itm:hover {
    text-decoration: underline;
}

.city_btns_area {
    text-align: center;
}

.city_btn {
    display: inline-block;
    padding: 13px 40px;
    font-size: 20px;
    color: #000;
    border: 1px solid #83bdc8;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 5px;
    line-height: 23px;
    padding: 5px 30px;
    text-align: center;
    background: #83bdc8;
    border-radius: 6px;
    color: #ffffff;
}

.city_btn:hover {
    border: 1px solid #63c8d6;
    background-color: #dbeded;
    color: #000;
}

.select2.select2-container {
    width: 100%;
}
.select2-container {
    z-index: 9999;
}

/* ~~~~~~~~~~~~~~ SEARCH ~~~~~~~~~~~~~~~~~~~~~~ */
.btn-ico-search {
    width: 20px;
    height: 20px;
    background: url("../img/search-icon.png") center center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.dsk_search_wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}
.dsk_search_wrap:before {
    content:'';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    /* background: rgba(0,0,0,.85); */
    opacity: 0.7;
    z-index: -1;
}

.dsk_inp_area {
    display: grid;
    grid-template-columns: 10fr 2fr 1fr;
    grid-gap: 0px 20px;
    justify-content: space-between;
    max-width: 1340px;
    margin: 20px auto;
    padding: 5px 20px;
    /* border: 1px solid #fff;
    border-radius: 5px; */
}

.dsk_inp_area .dsk_inp {}
.dsk_inp_area .dsk_inp input {
    width: 100%; 
    border: 1px solid #fff; 
    font-size: 22px; 
    height: 40px;
    box-sizing: border-box;
    padding: 5px 20px;
    color: #fff;
    background: #000;
    border-radius: 2px;
}
.dsk_inp_area .btn_search {
    height: 40px;
    box-sizing: border-box;
    font-size: 22px; 
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.dsk_inp_area .dsk_btn_search {
    border: 1px solid #fff;
}
.dsk_inp_area .dsk_btn_close {
    border: 1px solid #fff;
}


/* ~~~~~~~~~~~~~~ MOB_SEARCH ~~~~~~~~~~~~~~~~~~~~~~ */
.mob_search_wrap {
    position: relative;
    width: 100%;
    z-index: 1000;
}
.mob_search_wrap:before {
    content:'';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.15);
    /* opacity: 0.7; */
    z-index: -1;
}

.mob_inp_area {
    display: grid;
    grid-template-columns: 8fr 2fr;
    grid-gap: 0px 10px;
    justify-content: space-between;
    max-width: 100%;
    margin: 10px auto;
    padding: 5px 10px;
    /* border: 1px solid #fff;
    border-radius: 5px; */
}

.mob_inp_area .mob_inp {}
.mob_inp_area .mob_inp input {
    width: 100%; 
    border: 1px solid #fff; 
    font-size: 16px; 
    height: 30px; 
    box-sizing: border-box;
    padding: 5px 20px;
    color: #fff;
    background: rgba(0,0,0,.15);
    border-radius: 2px;
}
.mob_inp_area .mob_search {
    height: 30px;
    box-sizing: border-box;
    font-size: 22px; 
    padding: 5px 20px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    cursor: pointer;
}
.mob_inp_area .mob_btn_search {
    height: 25px;
    margin: auto 0;
    background: url("../img/search-icon.png") center center no-repeat;
    background-size: contain;
}
