body {
	letter-spacing: 1.4px;
    line-height: 1.4;
    font-family: Helvetica Neue,arial,sans-serif;
	margin: 0;
    padding: 0;
}
.header-top {
	position: fixed;
    top: 0;
    left: 0;
    width: calc(100% - 0px);
    font-weight: 100;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    background-color: #fff;
    padding: 10px 10px 0 10px;
}
.header-top a, .header-top a span {
	color: #777;
    text-decoration: none;
}
.header-top i {
	margin: 0px 5px;
}

.header-top-l {
	letter-spacing: 0.1px;
}
.header-top-l a {margin: 0px 5px;}
.header-top-l a:nth-child(1) {
	border: 1px solid #777;
    padding: 2px 5px;
    border-radius: 10px;
    margin-left: 15px;
}
.header-top-r {
	padding-right: 10px;
}
.header {
	position: fixed;
    top: 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
	border-bottom: 2px solid #5cb85c;
    padding-bottom: 10px;
	z-index: 100;
}
.header-button {
	margin: 18px 0 0 15px;
    font-size: 20px;
	display: none;
}
.button1 {
	border: 1px solid #5cb85c;
    border-radius: 5px;
    padding: 10px;
    font-size: 20px;
    color: #5cb85c;
}
.button2 {
	border: 1px solid #ff3752;
    border-radius: 5px;
    padding: 10px;
    font-size: 20px;
    color: #ffffff;
    background-color: #ff3752;
}
.logo-box {
	font-size: 45px;
	font-weight: 600;
	width: 213px;
	margin-left: 20px;
}
.logo {
	font-family: Colonna MT;
	letter-spacing: 0px;
}
.menu{	
	margin: 23px 10px 17px 10px;
	font-size: 16px;
	font-weight: 600;
}
.menu-list a {
	margin: 0px 10px;
	color: #000;
    text-decoration: none;
	padding: 10px 0;
}
.menu-list a:hover { border-bottom: 2px solid #5cb85c;
}



.menu-small{
	margin: 20px 10px 0 0;
	display: none;
}
.body {
	margin-top: 105px;

}
.bootz,.boott, .butg, .bootс{display: inline-block;
    margin: 5px;
    border: 1px solid #5cb85c;
    padding: 10px 20px;
    border-radius: 12px;
	color: #fff;
    text-shadow: 1px 1px 3px black;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
}
.bootz{ background-color:#5cb85c ;
}
.boott, .butg, .bootс{}
.main-block {
	background-image: url(/img/mainblock.jpg);
    background-position-x: center;
    background-position-y: bottom;
    background-size: cover;
    text-decoration: none!important;
    color: #fff;
    text-shadow: 1px 1px 3px black;
    text-align: center;
    font-weight: 600;
}
.main-block-f{
    background-color: rgb(0 0 0 / 65%);
    padding: 10% 10px;
}
.main-block-txt{
	max-width: 599px;
    display: inline-block;

}
.pride{margin: 50px 0;text-align: center;}
.pride-flex{ display: flex;}
.pride-block{margin: 10px 14px;width: 33%;}
.pride-block i{display: block;font-size: 77px;}
.pride-block b{display: block;
    font-size: 20px;
    margin: 20px 0;}

.gallery {
	padding: 30px 10% 60px 10%;
	text-align: center;
	background: linear-gradient(to top, #fefcea, #fbb4d4);
}
.gallery h1 {
	margin-bottom: 30px;
}
.gallery > .gallerybox  {
    width: 640px;
    margin: auto;
	margin-bottom: 20px;
}
.gallery > .gallerybox div {     
	width: 104px;
	margin: -2px 1px;
	display: inline-block;
	background-position-x: center;
	background-position-y: center;
	background-size: cover;
	height: 104px;
	cursor: pointer;
}
.imgx:hover {
    transform: scale(1.2);
	transition: 1s
}
#bigimg { width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0 0 0 / 75%);
	z-index: 101;
}
#bigimg div {vertical-align: middle;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;}
#bigimg img{
	max-width: 95%;
    max-height: 95%;
	margin: auto;
}
#bigimg img:before{}
.price {
	background-image: url(/img/price.jpg);
	background-position-x: center;
	background-position-y: center;
	background-size: cover ;
	padding: 20px 5px;
    
}
.vidx{
	border-radius: 15px;
	max-width:90%;
	max-height:600px;
}

.price .price-list {
	max-width: 550px;
	margin: auto;
	padding: 10px;
	background-color: rgb(255 255 255 / 77%);
	border-radius: 50px 0 50px 0;
}
.price .st0 {
	margin: 15px;
	clear: both;
}
.price .st1 {
	margin: 10px 0 5px 0;
    font-weight: 600;
    font-size: 20px;
}
.price .st11 {
	display: table-cell;
}
.price .st11 span{
	color: blue;
    cursor: pointer;
}
.stdescription { 
	display:none;
	font-size: smaller;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-left: 5px solid red;
}
.price .st2 {
	width: 100%;
	border-bottom: 1px dotted black;
	display: table;
}
.price .st3 {
	text-align: right;
	width: 70px;
	display: table-cell;
	vertical-align: bottom;
	
}
.st4 {
	
	font-size: small;
	color: #888;
}


.vopros{
	display: none;
}
.calculation {
	background-image: url(/img/gallery/33.jpg);
	background-position-x: center;
	background-position-y: bottom;
	background-size: cover;
	position: fixed;
	background-color: rgba(255, 255, 255, 0.95);
	color: #000;
	top: 2%;
	width: 95%;
	left: 2.5%;
	height: 96%;
	padding: 20px;
	border-radius: 50px 0;
	overflow-y: auto;
	overflow-x: hidden;
	box-shadow: 0 0 6px 5px rgb(0 0 0 / 50%);
	z-index: 9; 
}
.calculation:before {
	content: '';
	display: block;
	width: 95%;
	height: 96%;
	position: fixed;
	top: 2%;
	left: 2.5%;
	/*right: 0;*/
	/*bottom: 0;*/
	background-color:rgba(255, 255, 255, 0.82);
	border-radius: 50px 0;
	z-index: -1;
}
.calculation h1{
	border-bottom: 2px solid red;
    margin: 0 15px 20px 15px;
    font-size: 20px;
    padding-bottom: 10px;
    text-align: center;
}
#xbootс{
	float: right;color: red;
}
.calculation > div:nth-child(2){
	max-width: 800px;
	margin: auto;
	text-align: center;
}
.calculation > div:nth-child(2) div{
	margin: 20px 0;
}
.button3{
	border: 2px solid rgb(0, 0, 0);
	margin: 5px;
	padding: 5px 11px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	display: inline-block;
}
#otvet{
	max-width: 500px;
	margin: auto;
}
#otvet div div { 
	display: inline;
	margin: 10px;
}
#otvet div div:nth-child(1) { text-align: left; }
#otvet div div:nth-child(2) { text-align: right; }
#otvet div  { 
	margin: 0px;
	display: flex;
    justify-content: space-between;}
.alinpu {
	width: 300px;
	display: inline-block;
}
#vopros10 input {
	border: 0px;
	text-align: center;
	width: 60px;
	margin: 5px;
	padding: 5px;
	border-radius: 10px;
	background-color: rgb(0 0 0 / 54%);
	color: #fff;
}

.master {
	background: linear-gradient(to top, #fefcea, #7662d3);
	padding: 30px 20px;
	text-align: center;
}

.master h1{text-align: center;}
.master .boxMaster{
	width: 400px;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    padding: 15px;
    box-shadow: 0 0 6px 5px rgb(0 0 0 / 50%);
    background-color: rgb(255 255 255 / 50%);
    border-radius: 50px 0;
	max-width: 90%;
}
.masterFoto {    
	width: 250px;
    margin: -2px 1px;
    display: inline-block;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    height: 249px;
    cursor: pointer;
    border-radius: 50%;
}
.masterName{
	font-size: 35px;
    font-weight: 600;
    margin-bottom: 20px;
}
.masterDescription{
	text-align: justify;
    overflow-x: auto;
    max-height: 400px;
	padding-right: 10px;
}

.contacts{padding: 30px 10px;     background-color: #ccc;}
.contacts-block{    margin: 0 10%;}
.contacts-t{display: flex;justify-content: space-between;margin: 30px 0;}
.contacts-l{min-width: 250px;}
.contacts-l div {display: block;clear: both;margin: 0 0 25px 0;}
.contacts-l i {    
	display: inline-block;
    float: left;
    font-size: 26px;
    border-radius: 15px;
    padding: 10px;
    margin: 10px 15px 10px 0px;
    background-color: #999;
    color: #fff;
    }
.contacts-l b { font-size: 20px;
    display: block;
    padding-top: 10px;}
.contacts-r{    margin: 0 0 0 30px;
    width: 100%;}

.sign-up{padding: 30px 10%;}

#online_registration_form {
	max-width: 777px;
	margin:40px auto;
	margin-top: 5px;
}
#online_registration_form h2{
	border-bottom: 2px solid #5cb85c;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
@media (max-width: 575px) {
	#online_registration_form .row label { display: none; }
}

.orfo	{text-align: center;
    border: 2px solid green;
    margin: 10px;
    padding: 10px;
    color: green;
    border-radius: 10px;
}
/* *********** стиль для smartmsg */
.smartmsg-border1 {border:2px solid #008000 !important;}
.smartmsg-border2 {border:2px solid #0000ff !important;}
.smartmsg-border3 {border:2px solid #ffff00 !important;}	
.smartmsg-border4 {border:2px solid #ff0000 !important;}

.smartmsg-color1 {color:#008000 !important;}
.smartmsg-color3 {color:#0000ff !important;}
.smartmsg-color5 {color:#ffff00 !important;}	
.smartmsg-color7 {color:#ff0000 !important;}
/* *********** стиль для smartmsg */

.footer {
	color: #fff;
	background-color: #333;
	font-size: 14px;
}
.footer > div:nth-child(1){
	display: flex;
    justify-content: space-around;
	padding: 20px 21px;
	border-bottom: 1px solid hsla(0,0%,100%,.15);
}
.footer > div:nth-child(2){
	display: flex;
    justify-content: space-around;
	padding: 20px 21px;
}
.footer > div:nth-child(1) > div b{ font-size: 20px; margin-bottom: 10px; }
.footer > div:nth-child(1) > div p{ margin: 0 }
.footer > div:nth-child(1) > div a{ color: #ccc; text-decoration: none; }
.footer > div:nth-child(1) > div i{      margin-right: 10px}
.footer > div:nth-child(2) > div a{ color: #ccc; text-decoration: none; margin: 10px; }
@media (max-width: 834px) {
	.header-top-l span {display: none;}
	.header-top {justify-content: flex-end;}
	.header-top-l { margin: 0 20px}
	.header-top-l a:nth-child(1) {border:0}
	.contacts-t {flex-direction: column;}
	.contacts-r {margin:0;}
	.contacts-l div{display: inline-block;min-width: 240px;}
}
@media (max-width: 700px) {
	.menu {display: block;}
}
@media (max-width: 699px) {
	.contacts {	padding: 30px 5px;}
	.contacts-block {margin: 0 5%;}
	.menu-small{display: block;}
	.header-top a, .header-top a span {color: #000;}
	.header-button {display: block;}
	.logo-box { width: calc(100% - 133px); }
	.header {position: fixed;top: 0px;z-index:7;}
	.body { margin-top: 99px;}
	.menu {
		text-align: center;
		position: fixed;
		top: 99px;
		width: 100%;
		bottom: 0;
		background-color: rgb(255 255 255 / 95%);
		display: none;
		margin: 0;}
	.menu-list a {     margin: 5px 15px;display: block;}
	.header-top { position: initial; display: block; background-color: rgb(255 255 255 / 0%);}
	.header-top-l a  {display: block;     margin: 10px;}
	.header-top-l .txt { display: inline;}
	.header-top-r { margin-top: 30px;}
	.main-block-f{padding: 10% 5px;}
	.pride-flex {display: block;}
	.pride-block {
			min-width: 300px;
			display: inline-grid;}
}
@media (max-width: 549px) {
	.footer > div:nth-child(1){ flex-direction: column;}
	.footer > div:nth-child(1) > div:nth-child(1){    margin-bottom: 15px;}
	.footer > div:nth-child(2) > div:nth-child(2){ display: none;}
}
@media (max-width: 329px) {
	.footer > div:nth-child(2) > div:nth-child(1){ display: none;}
}

@media (max-width: 799px) {
	.gallerybox  div { width :104px ; height: 104px;}
	.gallery > .gallerybox  { width: 535px;}
}
@media (max-width: 699px) {
	.gallerybox  div { width :118px ; height: 118px;}
	.gallery > .gallerybox  { width: 480px;}
}
@media (max-width: 599px) {
	.gallerybox  div { width :131px ; height: 131px;}
	.gallery > .gallerybox  { width: 340px;}
}
@media (max-width: 499px) {
	.gallerybox  div { width :100px ; height: 100px;}
	.gallery > .gallerybox  { width: 320px;}
	.gallery {padding: 30px 0 60px 0;}
	
}
body::-webkit-scrollbar, .masterDescription::-webkit-scrollbar{
	width: 5px;
  }
  
 body::-webkit-scrollbar-track, .masterDescription::-webkit-scrollbar-track{
	-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
	background-color: #f9f9fd;
	border-radius: 5px;
  }
  
  body::-webkit-scrollbar-thumb, .masterDescription::-webkit-scrollbar-thumb{
	border-radius: 5px;
	background: linear-gradient(180deg, #00c6fb, #5cb85c);
  }