::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:5px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ecedee
}

::-webkit-scrollbar-thumb {
border-radius: 0px;
background-color:#6dc0c8;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:2px;
height:0px
}

::-webkit-scrollbar{
width: 15px;
}

*{
	margin: 0;
	padding: 0;
}

body { 
	background-color: #f0ffff;	
	font-size: 1.2em;
	color: #555;
}

.header	{
	background-color: #003457;
	color: #fff;
	width: 100%;
	padding: 15px;
}

.navbar {
	background-color: #337ab7;
	font-weight: 400;
	padding: .5rem !important;
}

.navbar-nav .nav-link {
	color: #fff !important;
	height: 41px;
}

.navbar-nav .nav-link:hover {
	border-bottom: 1px solid #fff;
}

.title-text-about {
	margin-top: 35px;
}

.table {
	width: 100%;
}

.table, tbody, tr, th, td { 
	border: 1px solid #e2e2e2;
}

.table td, .table th {
    vertical-align: middle;
}

.timetable {
    margin-top: 25px;
}

.title-image img {
	width: 100%;
	height: auto;
}

.title-text {
	font-size: 36px;
    font-weight: 600;
    text-align: right;
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e2e2e2;
}

.quote{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 100%;
	width: 100%;
}

.quote span{
	margin-top: 15px;
	-ms-flex-item-align: end;
	align-self: flex-end;
    font-style: italic;
}

.mt {
	margin-top: 25px;
}

.ul-bold ul{
	margin-left: 20px;
}

.ul-bold p {
	font-weight: 700;
	margin: 5px 0;
}

.news {
	max-height: 500px;
	overflow-x: auto;
}

.block-news {
	margin-right: 20px;
}

.date p {
	font-weight: 700;
	margin-bottom: 5px;
}

.text-news p {
	border: 1px solid #e2e2e2;
	padding: 5px;
}

.block-gallary {
	width: 100%;
	height: auto;
}

.block-photos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow-x: auto;
	max-height: 185px;
	margin-bottom: 25px;
}

.photos-img {
	margin: 5px 10px 10px 0;
	width: auto;
	height: auto;
	max-width: 200px;
	max-height: 150px;
}

.block-massage-help {
	text-align: center;
}

.wallet{
	display: flex;
	justify-content: center;
}

.block-contact {
	text-align: center;
}

.txt { 
	display: inline-block;
    color: #676767;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px 9px;
    font-size: 15px!important;
    line-height: 1.4em;
}
.txtarea { 
    color: #676767;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 5px 9px;
    font-size: 15px!important;
    line-height: 1.4em;
    height: 80px;
}
.txt:focus, .txtarea:focus {
	 border-style: solid; 
	 border-color: #bababa; 
	 color: #444; 
 }
input.error, textarea.error { 
    border-color: #973d3d; 
    border-style: solid; 
    background: #f0bebe; 
    color: #a35959; 
    }
input.error:focus, textarea.error:focus { 
    border-color: #973d3d; 
    color: #a35959;
    }

#send { 
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 11px;
    font-size: 1.2em;
    border: solid 1px #F9F9F9;
    border-radius: 2px;
    background: #6dc0c8;
    width: 210px;
    margin-bottom: 20px;
}

.emailDone {
	text-align: center;
}

.block-footer-1 {
	height: 60px;
	margin-top: 50px;
	background-color: #337ab7;
}

.block-footer-2 {
	padding: 25px;
	background-color: #003457;
	text-align: center;
	color: #fff;
}

@media (max-width: 992px) {

	.navbar {
	    -webkit-box-pack: end !important;
	    -ms-flex-pack: end !important;
	    justify-content: flex-end !important;
	}

	.navbar-nav {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
    	font-size: 19px;
	}

	.title-image img {
		max-width: 500px;
	}

	.title-text {
		font-size: 28px;
	}
}

@media (max-width: 768px) {

	.title-text-header {
		font-size: 28px
	}

	.text-header {
		font-size: 16px
	}

	.title-image {
		margin-bottom: 25px;
		text-align: center
	}

	.title-text {
		text-align: center;
	}

}

@media (max-width: 576px) { 
	.header {
		text-align: center;
	}

	.title-image {
		text-align: center;
	}

	.mt {
		margin-top: 35px;ß
	}

	#send {
		width: 100%;
	}

	.block-contact, .block-massage-help {
		text-align: left;
	}

	.block-contact h3, .block-massage-help h3 {
		font-size: 22px;
	}

	.block-footer-1 {
		margin-top: 25px;
	}
}