@media(min-width: 769px) {
	.label_menu_mob {
		display: none !important;
	}

	.mob_header_slider {
		display: none !important;
	}

	.header-contacts_mob {
		display: none !important;
	}

	.rooms-slider_mob {
		display: none !important;
	}

	.header-black-foto-mob {
		display: none !important;
	}
}

@media(max-width: 768px) {
	.header_slider {
		display: none !important;
	}

	.header-contacts {
		display: none !important;
	}

	.header-logo-contacts {
    	text-align: center !important;
	}

	.header_menu {
		background-color: #202020 !important;
	}

	.navbar {
	    margin-left: 0em !important;
	    background-color: #6668;
	}

	nav.navbar.navbar-expand-lg.navbar-light {
    	padding: 5px 10px 5px 10px !important;
    	margin-top: 1em !important;
	}

	.navbar-brand span {
		color: #fff;
	}

	.rooms-slider {
		display: none !important;
	}

	.about-label h2 {
	    font-size: 31px !important;
	}

	.office_timing .time_row .day {
	    width: 42% !important;
	}

	.office_timing .time_row .start_time {
	    width: 48% !important;
	}

	.footer h2 {
	    margin-top: 1em !important;
	}

	.copyright-txt {
	    text-align: center !important;
	    margin: 0 10px 10px 10px !important;
	}

	.design-by {
	    float: none !important;
	    font-size: 12px !important;
	    text-align: center !important;
	}

	.callback-bt {
		bottom: 6% !important;
	}

	.header-black {
		background-image: none !important;
		padding-bottom: 0px !important;
	}

	.gallery p {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}	

	.gallery h2 {
	    padding-left: 20px !important;
	}

	.gallery-photo {
   		text-align: center;
	}

	.gallery-photo img {
	    height: 105px !important;
	    width: 160px !important;
	    margin-bottom: 10px !important;
	}

}

* {
	/*text-decoration: none !important;*/
	font-family: 'Gilroy';
	outline: none !important;
}

.header-logo a {
	text-decoration: none !important;
}

.header-black-foto-mob {
	background-image: url(images/black.jpg);
	background-position: center center;
	border-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
    height: 200px;
}

.rooms-slider_mob.slick-initialized.slick-slider {
    margin-top: 2em;
}

.mob-tel {
	display: contents;
}

.header-contacts_mob {
	margin-top: 1em;
}

.mob-tel span {
	margin-left: 30px;
	color: #fff;
}

.navbar-light .navbar-toggler-icon {
    background-image: url(images/burger.png) !important;
}

.header-logo {
    display: inline-table;
}

.header-logo-contacts {
	z-index: 999;
}

.header-contacts {
    display: inline-table;
    margin-left: 1.5em;
}

.header_menu {
    background-color: rgba(0,0,0,0.2);
    padding-top: 1em;
    padding-bottom: 1em;
    z-index: 999;
    position: relative;
}

.navbar {
	padding: 1rem 1rem !important;
	margin-left: 5em;
	z-index: 999;
}

a.nav-link {
    font-size: 15px !important;
    color: #fff !important;
    margin-right: 0.4em;
}

a.nav-link:hover {
	text-decoration: underline !important;
}

.header-contacts a {
	font-size: 14px;
	color: #fff;
}

.header-logo span {
	font-size: 12px;
	color: #fff;
	text-decoration: none !important;
}

.header-contacts a:hover {
	text-decoration: underline !important;
	color: #fff;
}

.header-logo img {
	height: 50px;
    width: auto;
}

.sl_backimage_1 {
	background-image: url(images/slider_1.jpg);
	background-position: center center;
	border-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	z-index: 1;
}

.sl_backimage_2 {
	background-image: url(images/slider_2.jpg);
	background-position: center center;
	border-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	z-index: 1;
}
.sl_backimage_3 {
	background-image: url(images/slider_3.jpg);
	background-position: center center;
	border-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	z-index: 1;
}

button.btn.btn-primary.read {
    margin-bottom: 15em;
}

/*button.slick-prev.slick-arrow {
    display: none !important;
}*/

.header_slider h2 {
	font-size: 40px;
	color: #fff;
	margin-top: 7em;
	text-shadow: 2px 2px 2px #000;
	margin-bottom: 0.5em;
}

.sl_backimage {
    z-index: 1 !important;
}

.header_slider {
	text-align: center;
	margin-top: -125px;
	max-width: 100vw !important;
}

.header_slider span	{
	font-size: 16px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
	padding: 10px;
}

.read {
	background-color: rgba(0,0,0,0.7) !important;
	border-color: rgba(0,0,0,0.7) !important;
}

.read a {
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

.read a:hover {
	color: #fff;
}

.rooms-slider {
	max-width: 100vw !important;
	margin-top: 2em;
}

.rooms-slider-info img {
	width: 100%;
}

/*button.slick-next.slick-arrow {
    display: none !important;
}*/

.rooms {
	background-color: #272727;
	padding-top: 2em;
	padding-bottom: 5em;
}

.rooms-slider-info {
	border: 2px solid #fff;
	min-height: 470px;
	padding: 3%;
}

.rooms-slider-info h3 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-top: 1em;
}

.rooms-slider-info a {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

.rooms-slider-info a:hover {
	color: #fff;
}

.rooms-slider-info p {
    font-size: 12px;
    color: #fff;
    min-height: 85px;
}

button.btn.btn-outline-primary.rooms-button {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    border-color: #fff;
    margin: 0 auto;
    display: block;
    padding: 17px 15px;
}

button.btn.btn-outline-primary.rooms-button:hover {
	background-color: rgba(0,0,0,0.7);
}

.rooms_label h2 {
    font-size: 40px;
    color: #fff;
}

.rooms_label span {
    font-size: 12px;
    color: #aeaeae;
}

.rooms_label {
    margin-left: 2em;
}

.header_slider .slick-prev, .header_slider .slick-next {
    display: none!important;
}

.rooms-slider_mob .slick-prev, .rooms-slider_mob .slick-next {
    display: none!important;
}


.about {
	background-image: url(images/about-banner-utg-drk-grn-des.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 5em;
    padding-top: 4em;
}

.about-label h2 {
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}

.about-label p {
	font-size: 12px;
	color: #aeaeae;
}

.about-label span {
	font-size: 26px;
	color: #fff;
	font-weight: 700;
}

/**/

.accordion .ui-accordion-header {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #eee;
	cursor: pointer;
	outline: none;
}
.accordion .ui-accordion-content {
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #ddd;
	background: #fff;
}

.accordion .ui-accordion-header-icon:before {
	content: '+';
	padding: 0 8px;
	color: #000;
	background-color: #fff;
	margin-right: 10px;
}

.accordion .ui-accordion-header-active .ui-accordion-header-icon:before {
	content: '-';
	padding: 0 9px;
	color: #fff;
	background-color: #000;
	margin-right: 10px;
}

.accordion .ui-accordion-header {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 0px !important;
    background: none !important;
    cursor: pointer;
    outline: none;
}

.accordion .ui-accordion-content {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 0px;
    background: none !important;
}

.accordion h3 {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}

.acc-info img {
	width: 180px;
	margin-right: 20px;
	margin-bottom: 8px;
	float: left;
}

.acc-info p {
	font-size: 15px;
	color: #fff;
	font-weight: 500;
}

.acc-info {
	border-bottom: 1px solid #fff !important;
}

.footer {
	background-image: url(images/P3151082_lh-drk.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 4em;
}

.footer h2 {
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 15px;
}

.office_timing {
    margin-bottom: 30px;
}

.office_timing .time_row {
    border-bottom: 1px dashed #3b3b3b;
    padding: 12px 0;
}

.office_timing .time_row .fa {
    font-size: 18px;
    margin-right: 8px;
    vertical-align: text-bottom !important;
    color: #fff;
}

.office_timing .time_row .start_time {
    width: 55%;
    display: inline-block;
    text-align: right;
    color: #fff;
    font-size: 13px;
}

.office_timing .time_row .day {
    width: 35%;
    display: inline-block;
    color: #fff;
    font-size: 13px;
}

.footer ul {
    margin: 0;
    padding: 0;
}

.menu-footer-container ul li {
    background: url(images/menu-icon.png) no-repeat left center;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: 28px;
}

.footer ul li a {
    color: #fff;
    font-size: 13px;
}

.recent-post {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.recent-post li {
    line-height: 18px;
    padding: 0 0 20px 0px;
    background: none;
    margin-bottom: 20px;
    border-bottom: #3b3b3b dashed 1px;
}

.recent-post li img {
    float: left;
    margin: 0 20px 0 0;
    border: #2d2d2d solid 3px;
}

.recent-post p {
	color: #fff;
	font-size: 13px;
}

.phone-no {
    margin-top: 40px;
    line-height: 24px;
}

.phone-no strong {
    width: 35%;
    display: inline-block;
}

.contacts-footer p {
	color: #fff;
	font-size: 13px;
}

.phone-no a {
	color: #fff;
	font-size: 13px;
}

.phone-no a:hover {
	color: #fff !important;
}

.copyright-wrapper {
    background-color: #272727;
}

.copyright-wrapper {
    position: relative;
    padding: 20px 0;
}

.copyright {
    width: 1160px;
    margin: auto;
}

.copyright-txt {
    font-family: Arimo;
    color: #ffffff;
}

.copyright-txt {
    float: left;
    color: #fff;
    font-size: 15px;
}

.copyright-txt a {
	color: #fff !important;
	text-decoration: underline !important;
}


}

.copyright-txt a:hover {
	color: #fff !important;
}

.design-by {
    font-family: Arimo;
    color: #ffffff;
}

.design-by {
    float: right;
}

.copyright-wrapper {
	margin-top: 3em;
}

.design-by a {
	font-size: 15px;
	color: #fff;
	text-decoration: underline;
}

.design-by a:hover {
	color: #fff;
}

/**/

/*кнопка звонка*/

.callback-bt {
        background:#38a3fd;
        border:2px solid #38a3fd;
        border-radius:50%;
        box-shadow:0 8px 10px rgba(56,163,253,0.3);
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        right: 4%;
        bottom: 9%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

.mob_header_slider .slick-prev, .mob_header_slider .slick-next {
    display: none!important;
}

.mob_header_slider h2 {
	font-size: 18px;
	color: #fff;
	margin-top: 2em;
	text-shadow: 2px 2px 2px #000;
	margin-bottom: 0.5em;
	text-align: center;
}

.sl_backimage_1_mob {
	background-image: url(images/slider_1.jpg);
	background-position: center;
	border-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	max-height: 200px;
}

.sl_backimage_2_mob {
	background-image: url(images/slider_2.jpg);
	background-position: center;
	border-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	max-height: 200px;
}

.sl_backimage_3_mob {
	background-image: url(images/slider_3.jpg);
	background-position: center;
	border-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	max-height: 200px;
}

.read_mob {
	background-color: rgba(0,0,0,0.7) !important;
	border-color: rgba(0,0,0,0.7) !important;
}

button.btn.btn-primary.read_mob {
    display: block;
    margin: 0 auto;
    margin-bottom: 7em;
}

.read_mob a {
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

.read_mob a:hover {
	color: #fff;
}

.header-black {
	background-image: url(images/black.jpg);
	padding-bottom: 22em;
	background-position: center center;
	border-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
}

.gallery {
	background-color: #272727;
	padding-top: 3em;
	padding-bottom: 3em;
}

.gallery-photo img{
 margin:5px;
 border:3px solid #fff;
}
a.photo:hover img{
 border:3px solid #000;
}

.gallery h2 {
	color: #fff;
	font-size: 37px;
}

.gallery p {
	color: #fff;
	font-size: 18px;
}

.Instrument-name b {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.Instrument-desc-color a {
	color: #ddd;
	font-size: 18px;
	border-bottom: 1px dotted #b7b7b7;
}

.Instrument-desc-color a:hover {
	color: #b7b7b7;
	text-decoration: none !important;
}

span.Instrument-name {
    padding-right: 10px;
}

.Arenda-block_list-t b {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.Arenda-block_list-e span {
	color: #fff;
	font-size: 17px;
}

.Arenda-block_list-t {
    margin-top: 1em;
}

.Arenda-block-list-info {
	margin-top: 10px;
}

.Arenda-block_list-night {
	margin-top: 1em;
}