* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,       
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed,   
figure, figcaption, footer, header, hgroup,  
menu, nav, output, ruby, section, summary, 
time, mark, audio, video {    
  margin: 0;  
  padding: 0; 
  border: 0; 
  font-size: 100%; 
  font: inherit; 
  vertical-align: baseline;  
} 
 
body {
	margin: 0 auto;
	line-height: 1;
	font-family: 'Nunito', sans-serif;
	background-color: #fafafa;
}

ol, ul {
  list-style: none;
}

.wrp {
	display: block;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0;
}

header{
	display: block;
	width: 100%;
	overflow: hidden;
	height: 60px;
	margin: 0px auto;
}

.headTitle {
    margin: 10px;
	margin-left: 26px;
    color: #333;
    font-size: 23px;
    float: left;
    text-decoration: none;
    font-weight: 800;
}

.headTitle::before {
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(../icons/logonew1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -5px;
    border-radius: 3px;
}

.scrollToEnter {
    margin: 10px;
    color: #333;
    overflow: hidden;
    font-size: 23px;
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
}

.mainBody {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 50px;
}

.mainBodyInfo {
	display: block;
	width: 100%;
	float: left;
	margin: 0;
	overflow: hidden;
}

.mainBodyInfo h1 {
	overflow: hidden;
    margin: 30px auto;
	text-align: center;
    margin-bottom: 10px;
    color: #333;
    font-size: 80px;
    font-weight: 800;
    line-height: 85px;
	background: linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: white;
}

.mainBodyInfo h2 {
	font-size: 33px;
    overflow: hidden;
    margin: 50px auto;
	text-align: center;
    line-height: 38px;
    margin-top: 20px;
    color: #6c6c6c;
    font-weight: 400;
}

.inputName {
    display: block;
    width: 85%;
    margin: 20px auto;
	height: 68px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: rgba(110, 120, 152, 0.22) 0px 2px 10px 0px;
    border-color: #b7b7b7;
	background-color: #fff;
}

.inputName h6 {
	float: left;
    font-size: 29px;
    margin: 18px -1px;
    color: #212529;
    font-weight: 600;
    margin-left: 15px;
}

.getNameFirst {
	display: block;
    width: 280px;
    overflow: hidden;
    height: 40px;
    border: none;
    border-radius: 6px;
    margin: 11px 10px;
    outline: none;
    font-size: 26px;
	font-family: 'Nunito', sans-serif;
    font-weight: 600;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.getNameFirst::placeholder {
	color: #c8c8c8;
	font-weight: 500;
}

.getMailFirst {
	display: block;
    width: 83%;
    overflow: hidden;
    height: 66px;
    border: none;
    font-size: 26px;
    font-weight: 600;
    margin: 10px auto;
    border-radius: 6px;
    box-shadow: rgba(110, 120, 152, 0.22) 0px 2px 10px 0px;
    border-color: #b7b7b7;
	font-family: 'Nunito', sans-serif;
	padding-left: 14px;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.getMailFirst::placeholder {
	color: #c8c8c8;
	font-weight: 500;
}

.frontInput {
	width: 46%;
	float: left;
	margin: 20px;
	margin-bottom: 50px;
}

.signUp {
	display: block;
    width: 300px;
    height: 58px;
    overflow: hidden;
    margin: 10px auto;
    border: none;
    border-radius: 6px;
    cursor: pointer;
	background: linear-gradient(135deg, #ff8450, #ff2976);
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.signUp:hover {
	background: linear-gradient(135deg, #f96222, #ff0861);
}

.signUpLink {
	display: block;
    width: 300px;
    text-align: center;
    overflow: hidden;
    margin: 10px auto;
    border: none;
    text-decoration: none;
    line-height: 58px;
    border-radius: 6px;
    cursor: pointer;
    background: linear-gradient(135deg, #ff8450, #ff2976);
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.signUpLink:hover {
	background: linear-gradient(135deg, #f96222, #ff0861);
}

.mainBodyImg img {
	display: block;
	width: 60%;
	overflow: hidden;
	margin: 30px auto;
}

.boxTitle {
	font-size: 55px;
	font-weight: 700;
	color: #212121;
	overflow: hidden;
	margin: 45px auto;
	text-align: center;
	background: linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: white;
	clear: both;
}

.promoPart{
	display: block;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
    background: #f0efff;
    border-radius: 6px;
}

.promoPart h4 {
	font-size: 25px;
    font-weight: 600;
    margin: 20px auto;
    margin-top: 10px;
}

.promoPart h4 a {
	background: linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: white;
}

.promoPart h5 {
	font-size: 30px;
    font-weight: 800;
    margin-bottom: 10px;
}

.partnOne {
	display: flex;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	justify-content: space-between;
	margin-bottom: 90px;
}

.mainFeatures {
	display: block;
	width: 30%;
	margin: 10px 20px;
}

.mainFeatures div {
	display: block;
	margin: 10px auto;
	overflow: hidden;
	height: 260px;
	width: 80%;
}

.mainFeatures h3 {
	font-size: 22px;
    color: #595959;
    text-align: center;
    margin: 25px auto;
    font-weight: 800;
}

.mainFeatures p {
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #7a7a7a;
    text-align: center;
    margin: 10px auto;
}

.partFive {
	display: flex;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	justify-content: space-between;
	margin-bottom: 90px;
}

.otherFeatures {
	display: block;
	width: 30%;
	margin: 10px 20px;
}

.otherFeatures div {
	display: block;
	margin: 10px auto;
	overflow: hidden;
	height: 260px;
	width: 80%;
}

.otherFeatures h3 {
	font-size: 22px;
    color: #595959;
    text-align: center;
    margin: 25px auto;
    font-weight: 800;
}

.otherFeatures p {
	font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #7a7a7a;
    text-align: center;
    margin: 10px auto;
}

.partTwo {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.partImg {
	display: block;
	width: 50%;
	float: left;
	height: 450px;
	margin: 0;
	overflow: hidden;
}

.partInfo{
	display: block;
	width: 50%;
	float: left;
	margin: 0;
	overflow: hidden;
}

.partInfo h3 {
    font-size: 42px;
    margin: 50px 10px 10px 10px;
}

.partInfo h4 {
    font-size: 20px;
    line-height: 24px;
    margin: 23px 10px;
    color: #828282;
}

.subPart {
	display: block;
	width: 90%;
	margin: 10px auto;
	overflow: hidden;
}

.subPart h6 {
	display: block;
    width: 30px;
    text-align: center;
    margin: 5px;
    padding: 20px 14px;
    font-size: 17px;
    font-weight: 700;
    float: left;
    border-radius: 6px;
}

.subPart p {
	font-size: 16px;
    float: left;
    line-height: 19px;
    overflow: hidden;
    font-weight: 600;
    display: block;
    width: 77%;
    margin: 5px 10px;
}

.partFour {
	display: block;
    margin-bottom: 90px;
    overflow: hidden;
    width: 100%;
}

.partSix {
    display: block;
    text-align: center;
    background: linear-gradient(135deg, #ff8b5a, #ff8db6);
    border-radius: 18px;
    padding: 20px 0;
	color: #fff;
}

.partSix h3 {
	font-size: 55px;
    margin: 30px;
    font-weight: 600;
}

.partSix h4 {
    font-size: 80px;
    margin: 30px auto;
    padding: 9px 0px;
    font-weight: 800;
}

.getCenter {
	margin: 10px auto !important;
}

.bottom {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}

.bottom p {
	text-align: center;
	margin: 10px auto;
	overflow: hidden;
	line-height: 16px;
	font-size: 12px;
}

.getPhoneFirst {
	display: block;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*Лоадер и уведомления*/

.loader {
    display: none;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 40px;
    left: 1%;
    border-radius: 4px;
    border: 2px solid #b2b2b2;
    margin: 0 auto;
    overflow: hidden;
    background-color: rgb(246, 247, 251);
}

.loader img {
	display: block;
	width: 50px;
	margin: 0px auto;
	overflow: hidden;
}

.noteMsg {
	display: none;
	width: 370px;
	height: 120px;
	overflow: hidden;
	border-radius: 5px;
	position: fixed;
	left: 20px;
	bottom: 45px;
	background-color: rgba(0,0,0,0.5);
}

.noteImg {
	display: block;
    width: 32%;
    height: 100%;
    margin: 0;
    background-color: rgba(0,0,0,0.5);
    float: left;
    overflow: hidden;
    background-image: url(../images/logo.png);
    background-size: 95%;
	background-position: center;
	background-repeat: no-repeat;
}

.noteBody {
	display: block;
	width: 68%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	float: left;
	background-color: rgba(0,0,0,0.5);
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.noteCl {
	display: block;
	float: right;
	width: 15px;
	height: 15px;
	border: none;
	background-color: transparent;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 500;
	text-align: center;
	outline: none;
	margin: 10px;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.noteBody h3 {
	font-size: 17px;
    font-weight: 700;
    margin: 28px 10px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.noteBody p{
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    margin: 11px;
    color: #fff;
}

.getSmaller {
	width: 98%;
    max-width: 500px;
}

.typeOne {
	background: #E4F5FD;
    color: #3A41FF;
}

.typeTwo {
	background: #E7D7FD;
    color: #6B01FF;
}

.typeThree {
	background: #FFF2D6;
    color: #f12395;
}

.typeFour {
	background: #FFE8FA;
    color: #FF1ED3;
}

.roundOne {
	background: #FFF2D6;
	padding: 10px 13px;
	border-radius: 6px;
}

.roundTwo {
	background: #E4F5FD;
	padding: 10px 13px;
	border-radius: 6px;
}

.roundThree {
	background: #E7D7FD;
	padding: 10px 13px;
	border-radius: 6px;
}

.calenImg {
    background-image: url(../images/calen.jpg);
    background-size: 130%;
    background-position: center;
    background-repeat: no-repeat;
}	

.linkImg {
    background-image: url(../images/links.png);
    background-size: 82%;
    background-position: center;
    background-repeat: no-repeat;
}

.regImg {
    background-image: url(../images/reg.png);
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
}

.workImg {
    background-image: url(../images/work.jpg);
    background-size: 95%;
    background-position: center;
    background-repeat: no-repeat;
}

.multyImg {
    background-image: url(../images/multy.png);
    background-size: 81%;
    background-position: center;
    background-repeat: no-repeat;
}

.webImg {
    background-image: url(../images/web.png);
    background-size: 62%;
    background-position: center;
    background-repeat: no-repeat;
}

.seoImg {
	background-image: url(../images/seo.png);
    background-size: 86%;
    background-position: center;
    background-repeat: no-repeat;
}

.mobImg {
	background-image: url(../images/mob.png);
    background-size: 62%;
    background-position: center;
    background-repeat: no-repeat;
}

.incImg {
	background-image: url(../images/inc.jpg);
    background-size: 89%;
    background-position: center;
    background-repeat: no-repeat;
}

.descView {
	display: block;
}

.mobileView {
	display: none;
}


/*Навигация*/

nav {
	display: block;
	width: 250px;
	float: left;
	overflow: hidden;
	margin: 0;
	background-color: transparent;
    padding: 5px 10px;
    border-radius: 6px;
}

nav a {
    text-decoration: none;
    display: block;
    font-size: 17px;
    padding: 7px 10px;
    border-left: 4px solid #fafafa;
    padding-top: 14px;
    padding-right: 23px;
    margin: 5px 10px;
    border-radius: 6px;
    font-weight: 700;
    float: left;
    clear: both;
    color: #434b53;
}

nav a:hover {
	background-color: #e3e3e3;
	border-left: 4px solid #c4c4c4;
}

.scrollNav {
	display: block;
	width: 111%;
    height: 100%;
    overflow-y: auto;
}

.homePage::before {
	content: '';
    width: 27px;
    height: 27px;
    background-image: url(../icons/Bookmark.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.addyPage::before {
	content: '';
    width: 27px;
    height: 27px;
    background-image: url(../icons/Shuffle.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.grafPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/calen.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.clientPage::before {
    content: '';
    width: 29px;
    height: 29px;
    background-image: url(../icons/User.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -7px;
    border-radius: 3px;
}

.notifyPage::before {
    content: '';
    width: 29px;
    height: 29px;
    background-image: url(../icons/Notification.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -7px;
    border-radius: 3px;
}

.historyPage::before {
    content: '';
    width: 29px;
    height: 29px;
    background-image: url(../icons/Userclock.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -7px;
    border-radius: 3px;
}

.linkPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Star.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -8px;
    border-radius: 3px;
}

.colsPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/prof.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -8px;
    border-radius: 3px;
}

.statsPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Stat.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -8px;
    border-radius: 3px;
}

.setPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Settings.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.exitPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Logout.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.keyPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Key.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.servPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Layout.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -7px;
    border-radius: 3px;
}

.postPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Edit.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -7px;
    border-radius: 3px;
}

.tagPage::before {
	content: '';
    width: 27px;
    height: 29px;
    background-image: url(../icons/Clipboard2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 5px;
    margin-top: -7px;
    border-radius: 3px;
}

.activePage {
    background-color: #dfdeff;
    border-left: 4px solid #9ebffa;
}

.tarifDo {
    font-size: 14px;
	margin: 10px 40px;
    font-weight: 700;
    padding: 15px 0;
    padding-bottom: 0px;
    border-radius: 6px;
}

.tarifDo span {
	color: #8f2bdb;
    font-weight: 900;
}

/*Страница настроек*/

.workingWin {
    display: block;
    width: 800px;
    overflow: hidden;
    margin: 0 30px;
    float: left;
}

.workingWin h2 {
	font-size: 45px;
    color: #333;
    font-weight: 800;
    margin: 0 20px;
	padding-bottom: 20px;
}

.sepBox {
	display: block;
	width: 96%;
	margin: 10px auto;
	overflow: hidden;
}

.workTimecalen {
	overflow: unset !important;
}

.userAva {
	display: block;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 6px;
	float: left;
	margin: 10px;
	margin-right: 25px;
}

#avatarUser {
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0;
}

#chooseArea {
	display: none;
	position: fixed;
    top: 10%;
    left: 39%;
    overflow: hidden;
    z-index: 99;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}

.shadow {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 89;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
}

#chooseArea h3 {
	font-size: 25px;
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	color: #333;
	text-align: center;
	margin: 40px auto;
}

.avatarLabel {
    display: block;
    width: 300px;
    height: 28px;
    background-color: #f4f4f4;
    float: left;
    text-align: center;
    font-size: 15px;
    padding: 10px 0;
    line-height: 28px;
    font-weight: 800;
    border-radius: 6px;
    color: #5d1395;
    cursor: pointer;
}

.avatarLabel:hover {
	background-color: #ccc6e3;
}

.inputSign {
    font-size: 18px;
    font-weight: 700;
    margin: 15px 10px;
    margin-bottom: 15px;
    margin-left: 165px;
}

.sepBoxTitle {
	font-size: 28px;
    color: #333;
    font-weight: 800;
    margin: 0 20px;
	padding-bottom: 20px;
}

.inputBlock {
	display: block;
	width: 100%;
	margin: 10px auto;
	overflow: hidden;
}

.fieldImg {
	display: block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 6px;
	background-position: center;
	background-repeat: no-repeat;
	float: left;
}

.inputBoxText {
	font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    width: 86%;
    height: 44px;
    padding-left: 15px;
    cursor: text;
    outline: none;
}

.inputBoxText::placeholder {
	font-weight: 500;
	color: #888;
}

.inputBoxArea {
	font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    width: 86%;
    height: 150px;
    padding-left: 15px;
	padding-top: 15px;
    cursor: text;
    outline: none;
}

.inputBoxText::placeholder {
	font-weight: 500;
	color: #888;
}

.inputBoxAreaSmall {
    display: block;
	width: 84%;
    margin: 10px auto;
    font-size: 14px;
    font-weight: 500;
}

.mailFiled {
	background-image: url(../icons/mail.png);
	background-size: 87%;
}

.userFiled {
	background-image: url(../icons/User.png);
	background-size: 87%;
}

.profFiled {
	background-image: url(../icons/prof.png);
	background-size: 87%;
}

.phoneFiled {
	background-image: url(../icons/Phone.png);
	background-size: 87%;
}

.editFiled {
	background-image: url(../icons/Edit.png);
	background-size: 87%;
}

.instaFiled {
	background-image: url(../icons/instagram.png);
	background-size: 87%;
}

.vkFiled {
	background-image: url(../icons/Vk.png);
	background-size: 87%;
}

.vkFiled {
	background-image: url(../icons/Vk.png);
	background-size: 87%;
}

.teleFiled {
	background-image: url(../icons/Telegram.png);
	background-size: 87%;
}

.tapFiled {
	background-image: url(../icons/taplink.png);
	background-size: 80%;
}

.ticFiled {
	background-image: url(../icons/tictoc.png);
	background-size: 87%;
}

.timeFiled {
	background-image: url(../icons/Clock1.png);
	background-size: 87%;
}

.pinFiled {
	background-image: url(../icons/Pin.png);
	background-size: 87%;
}

.fbFiled {
	background-image: url(../icons/facebook.png);
	background-size: 87%;
}

.yaFiled {
	background-image: url(../icons/chart.png);
	background-size: 87%;
}

.awardFiled {
	background-image: url(../icons/Award.png);
	background-size: 87%;
}

.cardFiled {
	background-image: url(../icons/Card.png);
	background-size: 87%;
}

.maplocation {
	background-image: url(../icons/maplocation.png);
	background-size: 87%;
}

.citylocation {
	background-image: url(../icons/Bank.png);
	background-size: 87%;
}

.saveBtn {
	display: block;
    width: 250px;
    height: 50px;
    overflow: hidden;
    border: none;
    border-radius: 6px;
    background-color: #f3f3f3;
    outline: none;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: #fff;
    margin: 30px 70px;
    background: linear-gradient(135deg, #ff8450, #ff2976);
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.saveBtn:hover {
	background: linear-gradient(135deg, #ff2976, #ff8450);
}

.fieldNote {
	font-size: 13px;
    margin: 10px auto;
    margin-bottom: 0;
    font-weight: 600;
    padding: 12px 10px;
    padding-bottom: 7px;
    background-color: transparent;
    border-radius: 6px;
    width: 87%;
    line-height: 16px;
    text-align: center;
	color: #a1a1a1;
}

.fieldNoteImp {
    background-color: #ff7c7c !important;
    text-align: center !important;
    color: #fff;
    font-weight: 700;
}
/*
.moreSpaceBottom {
	margin-bottom: 30px;
}*/

.openPage {
	background-color: #b6b2fe !important;
}

/*Страница записей клиентов*/

.dateBox {
	display: block;
	width: 95%;
	margin: 10px;
	overflow: hidden;
	position: relative;
}

.dateBox h4 {
    font-size: 24px;
    font-weight: 900;
    color: #333;
    margin: 20px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    overflow: hidden;
    border-bottom: 3.4px solid #434343;
}

.clientApp {
	display: block;
    width: 92%;
    margin: 10px auto;
    overflow: hidden;
    padding: 0px 16px;
    background-color: #fff;
    padding-top: 25px;
    border-radius: 6px;
    border: 3px solid #535353;
}

.workTimecalen .workSchedule {
	min-height: 750px;
}

.timeScBox {
    display: block;
    width: 90px;
    overflow: hidden;
    float: left;
    border: 2px solid #aeaeae;
    border-radius: 6px;
}

.signTime {
	display: block;
    border-radius: 6px;
    color: #8b8b8b;
    font-size: 13px;
    font-weight: 700;
    margin: 5px auto;
	margin-bottom: 0;
    line-height: 21px;
    text-align: center;
}

.signTimeLow {
	display: block;
    border-radius: 6px;
    color: #8b8b8b;
    font-size: 13px;
    font-weight: 700;
    margin: 5px auto;
	margin-top: 0;
    line-height: 21px;
    text-align: center;
}

.clientInfo {
    display: block;
    width: 84%;
    float: right;
    overflow: hidden;
}

.clientInfo h5 {
	font-size: 16px;
    font-weight: 600;
    color: #3c3c3c;
    margin: 0 15px;
    margin-bottom: 8px;
    line-height: 18px;
    background-color: #f8f8f8;
    padding: 10px;
    border-radius: 6px;
}

.clientInfo p {
    font-size: 13px;
    font-weight: 700;
    margin: 10px 15px;
    float: left;
    color: #848484;
	cursor: pointer;
}

.clientInfo p:hover {
	text-decoration: underline;
}

.clientCome {
	margin-bottom: 30px !important;
}

.clientName::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/User11.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 3px;
    margin-top: -6px;
    border-radius: 3px;
}

.clientPhone::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Phone1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 3px;
    margin-top: -6px;
    border-radius: 3px;
}

.actionBtn {
    display: flex;
    height: 50px;
    overflow: hidden;
    margin: 0;
    clear: both;
    justify-content: flex-end;
    align-items: center;
    margin-top: 70px;
    position: relative;
    box-shadow: 1px 0px 5px 1px #e9e9e9;
}

.actionBtn h6 {
    display: block;
    width: 24px;
    height: 20px;
    margin: 10px 2px;
    float: left;
    cursor: pointer;
    border-radius: 6px;
    padding: 9px 9px;
}

.actionBtn h6:hover {
	background-color: #e7e7e7;
}

.confirmSign {
	color: #1bb835;
}

.confirmSign::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Check1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 165%;
    float: left;
    margin-top: -4px;
    border-radius: 3px;
}

.sortSign::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Sort.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-top: -4px;
    border-radius: 3px;
}

.deleteSign {
	color: #f13131;
	position: absolute;
	left: 0;
    /*padding: 9px 13px !important;
    padding-top: 11px !important;*/
}

.deleteSign::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/trash.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
    float: left;
    margin-top: -4px;
    border-radius: 3px;
}

.editSign {
	color: #f13131;
	position: absolute;
	left: 40px;
    /*padding: 9px 13px !important;
    padding-top: 11px !important;*/
}

.editSign::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Edit.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-top: -3px;
    border-radius: 3px;
}

.confirmSendTo {
	font-size: 15px;
    width: 24px;
    height: 20px;
    font-weight: 700;
    text-decoration: none;
    margin: 10px 5px;
    float: left;
    cursor: pointer;
    border-radius: 6px;
    padding: 9px 9px;
    color: #1bb835;
}

.confirmSendTo:hover {
	background-color: #e7e7e7;
}

.confirmSendTo::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/whatsapp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 103%;
    float: left;
    margin-right: 5px;
    margin-top: -4px;
    border-radius: 3px;
}

.giftSign {
	color: #e74bb7;
}

.giftSign::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Gift1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 3px;
    margin-top: -4px;
    border-radius: 3px;
}

.popularSign {
	color: #ff9a02;
}

.popularSign::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Fire.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 1px;
    margin-top: -4px;
    border-radius: 3px;
}

.pageBtn {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
	margin-bottom: 0;
}

#newSignServ .scrollmoreWin {
	height: 65%;
}

#newSignServReg .serviceType {
	height: auto;
}

.clickBtn {
    display: block;
    font-size: 16px;
    border: 3px solid #333;
    width: fit-content;
    font-weight: 700;
    line-height: 15px;
    color: #333;
    margin: 10px;
    margin-bottom: 35px;
    padding: 15px 20px;
    padding-bottom: 13px;
    border-radius: 6px;
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.clickBtn:hover {
	background-color: #ededed;
}

.clickFreeBtn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 87%;
    line-height: 21px;
    text-align: center;
    margin: 10px auto;
    margin-top: 0;
    overflow: hidden;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #565656;
    cursor: pointer;
}

.clickFreeBtn:hover {
	background-color: #ededed;
}

.noCloat {
	float: none;
	width: 21%;
}

#showCalen, #showCalenOff {
    height: 46px;
    width: 46px;
    padding: 0;
    margin-bottom: 10px;
    float: left;
    margin-right: 5px;
}

#addUCalen {
	float: left;
	margin-left: 5px;
}

#showCalen::before, #showCalenOff::before {
    content: '';
    width: 23px;
    display: block;
    height: 23px;
    background-image: url(../icons/calen.png);
    background-position: center;
    margin: 10px 11.5px;
    background-repeat: no-repeat;
    background-size: 110%;
    border-radius: 3px;
}

#addUCalen::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/addplus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 115%;
    float: left;
    margin-right: 5px;
    margin-top: -5px;
    border-radius: 3px;
}

#newSign::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Edit.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
    float: left;
    margin-right: 5px;
    margin-top: -5px;
    border-radius: 3px;
}

#hiddenCalen {
	display: none;
    width: 400px;
    height: 600px;
    overflow: hidden;
    z-index: 99;
    position: fixed;
    top: 5%;
    left: 37%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    padding-bottom: 20px;
}

#hiddenCalen .workSchedule {
	border: none;
	box-shadow: none;
	padding-top: 0;
	min-height: 600px;
}

#hiddenCalen .scrollmoreWin {
	height: 99%;
}

#hiddenCalen .meDay li{
	flex: 0 0 calc(100% / 8.7) !important;
}

#hiddenCalen h3 {
	font-size: 20px;
    font-weight: 800;
    color: #333;
    margin: 20px;
	margin-top: 40px;
	margin-bottom: 0;
    overflow: hidden;
    text-align: center;
}

/*Боковое aside*/

.aside {
    display: none;
	float: left;
    width: 260px;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0;
    padding: 0 15px;
    z-index: 999;
    background-color: #fff;
    border-left: 3px solid #d9d9d9;
}

/*Календарь*/

#calen {
	display: block;
	margin: 10px auto;
	overflow: hidden;
	max-width: 270px;
}

#weekDays {
	display: block;
}

#weekDays div h5{
    display: block;
    height: 20px;
    border: 1px solid #333;
    margin: 2px;
    width: 32px;
    font-size: 14px;
    text-align: center;	
	float: left;
}

#wDays {
	display: block;
}

#wDays div h5{
    display: block;
    height: 20px;
    border: 1px solid #333;
    margin: 2px;
    width: 32px;
    font-size: 14px;
    text-align: center;	
	float: left;
}

#month-calendar{
    width: 94%;
    margin: 0 auto;
	clear: both;
	font-family: 'Nunito', sans-serif;
}

.month{
    margin: 0;
    text-align: center;
    width: 100%;
    color: #333;
    list-style: none;
}

.month li{
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #000;
    line-height: 1.4;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-weight: 700;
}

.monthSpace {
	display: block;
	overflow: hidden;
	float: none;
}

.month li.prevM,
.month li.nextM{
    cursor: pointer;
    width: 65px;
    height: 20px;
    margin: 5px;
}

.month li.prevM{
    float: left;
	background-image: url(../icons/back.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}

.month li.nextM{
    float: right;
	background-image: url(../icons/next.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
}

.month li.year-name{
    font-size: 1.2rem;
    font-weight: 400;
}

/* дни недели */
.weekdays{
    margin: 0;
    padding: 1rem 0;
    background-color: #fafafa;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
	border-radius: 4px;
	border: 1px solid #eaeaea;
}

.weekdays li{
    display: inline-block;
    flex: 0 0 calc(100% / 7.1);
    text-align: center;
    font-weight: 700;
}

.dayOff {
	color: #f80b2b;
}

/* дни */
.days{
    margin: 0;
    padding: 1rem 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-content: flex-start;
    height: 14rem;
}

.days li{
    list-style: none;
    display: inline-block;
    flex: 0 0 calc(100% / 8.6);
    text-align: center;
    color: #6e6d6d;
    font-size: 0.9rem;
	border: 3px solid #e9e9e9;
    line-height: 1rem;
	padding: 8px 0;
	margin: 10px 5px;
}

.days li.date-now{
    color: #000 !important;
    font-weight: 700;
}

.noDay {
	cursor: default;
	border: 3px solid #fff !important;
}

.canSelect {
	cursor: pointer;
}

.canSelect:hover {
	background-color: #70e183;
}

#selectedDay {
	display: none;
}

@keyframes hover {   
  0% {     
    background-color: #f5f4ff;   
  }   
  100% {
    background-color: transparent;
   }
}

.shadowShow {
	background-color: #f5f4ff;
	border-radius: 6px;
	transition: 4s;
	animation: hover 4s ease infinite;
}

/*Стили для бокового календаря*/

.calenVisible {
	display: block;
	overflow: hidden;
    border-radius: 6px;
	position: relative;
	padding-top: 40px;
	height: 100%;
}

.calenVisible h3 {
	font-size: 20px;
    font-weight: 800;
    color: #333;
    margin: 20px;
    overflow: hidden;
	text-align: center;
}

/*График работы*/

.workSchedule {
	display: block;
    overflow: hidden;
    min-height: 1040px;
    margin-top: 35px;
    border: 2px solid #7e7e7e;
    background-color: #fff;
    padding-top: 35px;
    padding-bottom: 20px;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 3px #d7d7d7;
}

.biggerName {
	font-size: 23px !important;
	margin-top: -35px !important;
}

.biggerYear {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin: 15px auto !important;
    margin-top: 0 !important;
}

.biggerWeekdays {
	font-size: 18px;
}

.biggerDays li{
	font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
    padding: 15px 0 !important;
	border-radius: 6px;
	margin: 10px 5px;
}

.mDay li {
	margin: 10px 2px !important;
	border: 3px solid #f3f3f3;
	 flex: 0 0 calc(100% / 7.8) !important;
}

.meDay li {
	margin: 10px 2px !important;
	flex: 0 0 calc(100% / 7.9) !important;
}

.workStyleOne {
	background-color: #333;
}

.cheduleStyle {
	display: block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 6px 10px;
    float: left;
    line-height: 27px;
    padding: 5px 12px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.cheduleStyle span {
	font-weight: 800;
}

.cheduleStyle::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Clock.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 105%;
    float: left;
    margin-right: 5px;
    margin-top: 0px;
    border-radius: 3px;
}

/*Страница мероприятия*/

.eventBox {
	display: block;
	overflow: hidden;
	margin: 10px auto;
	width: 100%;
}

.getList {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 20px;
    padding-top: 16px;
    border-radius: 6px;
    background-color: #383838a1;
    cursor: pointer;
    float: left;
	margin-bottom: 30px;
	text-decoration: none;
}

.getList span {
	font-weight: 800;
}

.getList:hover {
	background-color: #5b5b5b;
}

.getList::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/User1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 127%;
    float: left;
    margin-right: 7px;
    margin-top: -4px;
    border-radius: 3px;
}

.activeLinksBox h4, .eventBox h4 {
	font-size: 20px;
    font-weight: 800;
    color: #333;
    margin: 20px;
    overflow: hidden;
}

/*Страница услуг*/

.serviceCreate {
	display: block;
	overflow: hidden;
	height: 94%;
	margin-top: 30px;
}

.serviceCreate h3 {
	font-size: 20px;
    font-weight: 800;
    color: #333;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
}

.stInput {
	font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    width: 90%;
    margin: 10px auto;
    height: 40px;
    padding-left: 15px;
    cursor: text;
    outline: none;
}

.stInput::placeholder {
	font-weight: 500;
	color: #888;
}

.svBox .sepBox, .svBox .serviceApp {
	overflow: unset;
}

.stArea {
	font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    width: 90%;
    height: 100px;
    padding-left: 15px;
    padding-top: 15px;
    cursor: text;
    outline: none;
}

.stArea::placeholder {
	font-weight: 500;
	color: #888;
}

.serviceCreate h5 {
	font-size: 17px;
    font-weight: 600;
    color: #333;
    margin: 10px;
    overflow: hidden;
    text-align: center;
}

.serviceTime {
	font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    width: 98%;
    margin: 10px auto;
    height: 46px;
    padding-left: 15px;
    cursor: pointer;
    outline: none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.saveBtnSmall {
	display: block;
    width: 210px;
    height: 45px;
    overflow: hidden;
    border: none;
    border-radius: 6px;
    background-color: #f3f3f3;
    outline: none;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin: 20px auto;
    background: linear-gradient(135deg, #ff8450, #ff2976);
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.saveBtnSmall:hover {
	background: linear-gradient(135deg, #ff2976, #ff8450);
}

.closeBigBtn {
	display: block;
    width: 210px;
    height: 45px;
    overflow: hidden;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    outline: none;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #c0c0c0;
    margin: 20px auto;
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.closeBigBtn:hover {
	background-color: #ededed;
}

.servPrise::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Card.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 3px;
    margin-top: -5px;
    border-radius: 3px;
}

.servTime::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Clock1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 3px;
    margin-top: -5px;
    border-radius: 3px;
}

.serviceApp {
	display: block;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

.serviceType {
    width: 46% !important;
    height: 155px;
    box-shadow: 1px 6px 10px 1px #bcbcbc;
    border-radius: 6px;
    margin: 10px 3px;
    padding: 20px 10px;
    padding-bottom: 0;
    border: 2px solid #333;
    margin-bottom: 20px !important;
    background-color: #fff;
    float: left;
}

.serviceType .actionBtn {
	box-shadow: none;
	margin-top: 55px;
}

.serviceType h5 {
	font-size: 14px;
    height: 27px;
    overflow: hidden;
    line-height: 18px;
    font-weight: 800 !important;
    /*border-left: 3.4px solid #333;*/
    background-color: unset;
    padding-top: 7px;
    padding-bottom: 11px;
	padding-left: 0;
}

.serviceApp p {
	color: #646464 !important;
    margin-right: 4px;
    font-size: 12px;
}

/*Страница профиля*/

.profileInfo {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 10px auto;
	margin-bottom: 30px;
}

.photoBorder {
    display: block;
    float: left;
    width: 170px;
    height: 170px;
    margin: 10px;
    border-radius: 8px;
    margin-right: 50px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.profileAva {
	display: block;
    width: 170px;
    height: 240px;
    border-radius: 11px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.userInfo {
	display: block;
	float: left;
	width: 66%;
	overflow: hidden;
}

.userInfo h3 {
    font-size: 38px;
    font-weight: 400;
    margin: 10px;
    margin-bottom: 14px;
    margin-top: 25px;
}

.userInfo h4 {
    font-size: 18px;
    font-weight: 700;
    margin: -3px 12px;
    color: #767676;
}

.userInfo h5 {
	font-size: 16px;
    font-weight: 500;
    margin: 10px;
    margin-top: 20px;
    color: #5f5f5f;
    line-height: 22px;
    max-height: 86px;
    min-height: 70px;
    overflow: hidden;
}

.contactBtn {
	display: block;
	white-space: nowrap;
	width: 100%;
	height: 40px;
	overflow: hidden;
	margin: 15px 0;
}

.btnScroll {
	display: block;
    width: 100%;
    height: 142%;
    overflow-x: scroll;
}

.contactBtn a {
    display: inline-block;
    width: 105px;
    height: 22px;
    overflow: hidden;
    margin: 0 5px;
    cursor: pointer;
    background-repeat: no-repeat;
    border-radius: 6px;
    padding: 5px 5px;
    border: 2px solid #333;
    color: #000;
    text-decoration: none;
}

.contactBtn div p {
    margin: 8px 38px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.contactBtn a p {
	margin: 5px 33px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.bookBtn {
	background-image: url(../icons/Bookmark.png);
    background-size: 22%;
    background-position-y: 5px;
    background-position-x: 14px;
}

.bookBtn:hover {
	background-color: #f4f4f4;
}

.wtsBtn {
	background-image: url(../icons/whatsapp.png);
    background-size: 19%;
    background-position-y: 5px;
    background-position-x: 15px;
}

.wtsBtn:hover {
	background-color: #f4f4f4;
}

.tapyBton {
	background-image: url(../icons/taplink.png);
    background-size: 17%;
    background-position-y: 6px;
    background-position-x: 15px;
}

.tapyBton:hover {
	background-color: #f4f4f4;
}

.insBtn {
	background-image: url(../icons/instagram.png);
	background-size:19%;
    background-position-y: 5px;
    background-position-x: 14px;
}

.insBtn:hover {
	background-color: #f4f4f4;
}

.eventBtn {
	background-image: url(../icons/Fire.png);
	background-size:19%;
    background-position-y: 3px;
    background-position-x: 12px;
	width: 120px !important;
}

.eventBtn:hover {
	background-color: #f4f4f4;
}

.vkBtn {
	background-image: url(../icons/Vk.png);
	background-size: 19%;
    background-position-y: 5px;
    background-position-x: 12px;
}

.vkBtn:hover {
	background-color: #f4f4f4;
}

.tictocBtn {
	background-image: url(../icons/tictoc.png);
    background-size: 17%;
    background-position-y: 6px;
    background-position-x: 16px;
}

.tictocBtn:hover {
	background-color: #f4f4f4;
}

.telegramBtn {
	background-image: url(../icons/Telegram.png);
	background-size: 18%;
    background-position-y: 5px;
    background-position-x: 12px;
}

.telegramBtn:hover {
	background-color: #f4f4f4;
}

.moreBtn {
	background-image: url(../icons/Layout.png);
	background-size: 19%;
    background-position-y: 5px;
    background-position-x: 14px;
}

.moreBtn:hover {
	background-color: #ffe087a3;
}

.appoint {
	display: block;
    width: 48%;
    margin: 10px 5px;
    overflow: hidden;
    border: 2px solid #eaeaea;
    border-radius: 6px;
    background: #f4f4f4;
    float: left;
	margin-bottom: 40px;
}

.appointIcon {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 10px;
	background-image: url(../icons/calen.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	float: left;
}

.toApp {
	background-color: #ffdef3 !important;
	border: 2px solid #fc5bca !important;
}

.servIcon {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 10px;
	background-image: url(../icons/Star.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	float: left;
}

.appoint h3 {
	font-size: 21px;
	font-weight: 800;
	margin: 25px 15px;
	color: #333;
	overflow: hidden;
}

.myEvent {
	display: block;
    width: 95%;
    margin: 10px auto;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    padding: 10px;
}

.myEvent h3 {
	font-size: 27px;
	font-weight: 800;
	margin: 35px 15px;
	margin-top: 10px;
	color: #333;
	overflow: hidden;
}

.smallEvent {
	display: block;
	width: 98%;
	overflow: hidden;
	margin: 10px;
	position: relative;
}

.smallEventPic {
	display: block;
    width: 90%;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 15px auto;
}

.editEvent .smallEventPic {
	width: 34%;
    float: left;
    height: 120px;
	margin: 0;
}

#newSignEvent .scrollmoreWin {
	height: 90%;
    width: 104%;
}

#newSignEvent .signWin h4 span {
	font-size: 13px;
}

.smEventDesc {
    width: 85%;
    font-size: 12px;
    margin: 20px auto;
    overflow: hidden;
    font-weight: 600;
    line-height: 17px;
}

.smallEventInfo {
	display: block;
	width: 65%;
	overflow: hidden;
	position: relative;
}

.smallEventInfo h4 {
    font-size: 21px;
    font-weight: 800;
    margin: 0px 10px;
    color: #454545;
}

.smallEventInfo p {
    font-size: 15px;
    font-weight: 500;
    margin: 10px;
    margin-top: 20px;
    color: #83888d;
    line-height: 20px;
    max-height: 64px;
    overflow: hidden;
}

.smallEventInfo h5 {
    font-size: 15px;
    font-weight: 800;
    margin: 0px 10px;
    color: #454545;
	float: right;
}

.smallEventInfo h5::after {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/caret.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: right;
	margin-left: -3px;
    margin-top: 0px;
    border-radius: 3px;
}

.myLinks {
	display: block;
	width: 98%;
	margin: 10px auto;
	overflow: hidden;
}

.myLinks h3 {
	font-size: 27px;
	font-weight: 800;
	margin: 35px 15px;
	color: #333;
	overflow: hidden;
}

.linkBox {
    display: block;
    width: 95%;
    overflow: hidden;
    margin: 10px;
    border: 2px solid #333;
    padding: 15px 10px;
    cursor: pointer;
    background-color: #fff;
	border-radius: 6px;
	text-decoration: none;
	position: relative;
	box-shadow: 1px 6px 10px 1px #bcbcbc;
}

.linkBox h4 {
    font-size: 19px;
    line-height: 24px;
    font-weight: 600;
    margin: 21px 25px;
    color: #454545;
}

.linkBox h5 {
    font-size: 15px;
    font-weight: 800;
    margin: 0px 10px;
	margin-top: 10px;
    color: #454545;
	float: right;
}

.linkBox h5::after {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/caret.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: right;
	margin-left: -3px;
    margin-top: -4px;
    border-radius: 3px;
}

.linkBox p {
	font-size: 15px;
    font-weight: 500;
    margin: 15px 25px;
    color: #83888d;
    line-height: 20px;
    overflow: hidden;
}

.postBox {
	display: block;
	width: 92% !important;
	min-height: 125px;
	box-shadow: 1px 6px 10px 1px #bcbcbc;
	padding-bottom: 45px !important;
	border: 2px solid #333;
}

.postBio {
	display: block;
	width: 100%;
	height: 40px;
	margin: 0 auto;
}

.postBioAva {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 30px;
	margin: 10px;
	margin-right: 8px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.postBio h3 {
    float: left;
    margin: 15px 10px;
    overflow: hidden;
    margin-left: 0;
    font-size: 16px;
    font-weight: 600;
    color: #575757;
}

.postBio h6 {
	float: left;
    margin: 18px 10px;
    overflow: hidden;
    margin-left: 3px;
    font-size: 13px;
    font-weight: 600;
    color: #9b9b9b;
}

.postBox img {
	display: block;
	width: 94%;
	border-radius: 10px;
	margin: 20px auto;
	overflow: hidden;
}

.postBox.linkBox h4 {
	font-size: 24px;
    font-weight: 800;
    margin: 15px 20px;
}

.postBox.linkBox p {
	font-size: 17px;
    margin: 15px 25px;
    margin-right: 10px;
    line-height: 26px;
}

/*Календарь профиля*/

.profileCalen {
    border: 1px solid #eaeaea;
    border-radius: 6px;
    width: 97%;
    margin: 10px auto;
    margin-bottom: 30px !important;
	padding-top: 30px;
}

.profileCalen .sepBoxTitle {
	font-size: 27px;
    font-weight: 800;
    margin: 25px 15px;
    color: #333;
    overflow: hidden;
}

.profileCalen .biggerName {
	margin-top: -35px;
}

.sepTitle {
	font-size: 27px;
    font-weight: 800;
    margin: 15px 15px;
    margin-top: 10px;
    color: #333;
    overflow: hidden;
}

.popularServ {
	display: flex;
	justify-content: flex-start;
}

#showMoreStuff .popularServ {
	display: block;
}

#showMoreStuff .popularServ div {
	float: left;
	width: 29%;
}

#showMoreStuff .popularBox h5 {
	min-height: 50px;
}

.popularServ div {
    width: 25%;
    margin: 10px;
    height: 90px;
    overflow: hidden;
    background-color: #fbfeff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 10px 5px;
    padding-bottom: 0;
    cursor: pointer;
}

.popularServ div:hover {
	background-color: #ffdef396;
}

.popularBox h5 {
    font-size: 16px;
    font-weight: 700;
    color: #3c3c3c;
    margin: 0 10px;
    margin-bottom: 8px;
    max-height: 50px;
    line-height: 17px;
    overflow: hidden;
}

.popularBox p {
	font-size: 11px;
    font-weight: 800;
    margin: 10px 5px;
    float: left;
    color: #646464;
}

.popularBox .servPrise::before {
	background-size: 92%;
    margin-top: -7px;
}

.popularBox .servTime::before {
	background-size: 92%;
    margin-top: -7px;
}

.giftBox {
	/*background-color: #ffaddd !important;*/
	background-image: url(../images/backpic.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hotBox {
	/*background-color: #ffaddd !important;*/
	background-image: url(../images/backpic1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.servGift::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Gift.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 92%;
    float: left;
    margin-right: 3px;
    margin-top: -7px;
    border-radius: 3px;
}

/*Публичная страница*/

.publicWrp {
	width: 100%;
	max-width: 1320px;
}

.publicHead {
	height: 50px;
}

.publicPage {
    float: none !important;
    margin: 0 auto !important;
    border-radius: 6px;
    padding: 0 10px;
    width: 70%;
}

.publicPage .popularServ div {
	background-color: #d8edf3;
}

.publicPage .sepTitle {
	margin: 25px 15px;
    padding-bottom: 0;
    border-radius: 6px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.publicPage .profileInfo {
	width: 100%;
    float: none;
}

.publicPage .sepBoxPro {
	/*border: 1px solid #dbdbdb;*/
   /* box-shadow: 0px 0px 10px 1px #d7d7d7;*/
    margin-bottom: 20px;
    margin-top: 10px;
    border-radius: 6px;
    padding: 10px 20px;
}

.publicPage .profileAva {
	margin: 0px auto;
	width: 240px;
    height: 350px;
}

.publicPage .userInfo {
	width: 70%;
}

.publicPage .userInfo h5 {
	min-height: 65px;
	max-height: 70px;
}

.publicPage #getBigWin {
	width: 90%;
    margin: 0 auto;
}

.publicPage .wtsBtn {
	background-position-x: 12px;
}

.publicPage .tapyBton {
	background-position-x: 12px;
}

.publicPage .bookBtn {
	background-position-x: 11px;
}

.publicPage .insBtn {
	background-position-x: 12px;
}

.publicPage .vkBtn {
	background-position-x: 11px;
}

.publicPage .moreBtn {
	background-position-x: 11px;
}

.publicPage .publickLinks {
	display: block;
	float: left;
	width: 27%;
}

.publicPage .postBox {
	padding-bottom: 40px !important;
}

.publicPage .linkBox {
    width: 95% !important;
    padding: 10px;
    border: none;
    background-color: #fff;
    padding: 10px 10px;
    border: 2px solid #7e7e7e;
    box-shadow: none;
    border-radius: 2px;
}

.publicPage .linkBox .linkInfoBody {
	display: block;
	border: 1px solid #eaeaea;
	background-color: #fff;
    border-radius: 6px;
	overflow: hidden;
	box-shadow: 1px 2px 6px 1px #bcbcbc;
}

.publicPage .linkBox h4 {
    line-height: 17px;
    font-size: 22px;
    font-weight: 600;
    margin: 22px 15px;
    color: #565656;
}

.publicPage .linkBox p {
	font-size: 14px;
    margin: 10px 20px;
    line-height: 21px;
}

.pLink {
	border-radius: 50px !important;
	padding: 0 !important;
	margin: 20px auto;
}

.pLink h4 {
	font-size: 17px !important;
}

.pLink:hover {
	background-color: #f0f1f3;
}

.pLinkImg {
    display: block;
    border-radius: 50px;
    overflow: hidden;
    float: left;
    margin: 10px;
    background-color: #f4f4f4;
    padding: 24px;
    background-image: url(../icons/link.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 53%;
}

.publicPage .linkBox h5 {
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 9px 4px;
    padding-left: 14px;
    padding-bottom: 1px;
}

.publicNavBtn {
	display: flex;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
	margin:0 auto;
}

.publicNavBtn div {
    width: 100%;
    padding-bottom: 10px;
	padding-top: 5px;
    border-bottom: 2px solid #e3e3e3;
	cursor: pointer;
}

.publicNavBtn div:hover {
	background-color: #f4f4f4;
}

.publicNavBtn div p{
    display: block;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    margin: 0 auto;
}

.calenNavBtn {
	background-image: url(../icons/calen1.png);
	background-size: 100%;
}

.postNavBtn {
	background-image: url(../icons/Edit2.png);
	background-size: 100%;
}

.actionNavBtn {
	background-image: url(../icons/prof1.png);
	background-size: 100%;
}

.recNavBtn {
	background-image: url(../icons/User2.png);
	background-size: 100%;
}

.noteNavBtn {
	background-image: url(../icons/Notification1.png);
	background-size: 100%;
}

.activeNavBtn {
	border-bottom: 2px solid #333 !important;
}

.activeNavBtn .calenNavBtn {
	background-image: url(../icons/calen.png);
}

.activeNavBtn .noteNavBtn {
	background-image: url(../icons/Notification.png);
}

.activeNavBtn .recNavBtn {
	background-image: url(../icons/User.png);
}

.activeNavBtn .actionNavBtn {
	background-image: url(../icons/Prof.png);
}

.activeNavBtn .postNavBtn {
	background-image: url(../icons/Edit.png);
}

.headTitleLow {
	float: left;
    text-decoration: none;
    font-weight: 800;
    margin: 8px;
    color: #333;
    border-radius: 6px;
    padding: 10px 15px;
    padding-bottom: 7px;
}

.headTitleLow:hover {
	background-color: #f4f4f4;
}

.headTitleLow::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/User.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 2px;
    margin-top: -4px;
    border-radius: 3px;
}

/*Дополнения к странице Ссылок*/

.editEvent h6 {
	font-size: 16px;
    font-weight: 700;
    float: left;
    cursor: pointer;
    border-radius: 6px;
    padding: 10px 10px;
    float: right;
    position: unset;
    margin: 0;
}

.editEvent h6:hover {
	background-color: #f4f4f4;
}

.linkBox .deleteSign {
	font-size: 16px;
    font-weight: 700;
    margin: 10px;
    float: right;
    cursor: pointer;
    border-radius: 6px;
    padding: 10px 18px;
    float: right;
    margin-top: 0;
    right: 0;
    left: unset;
    bottom: 2px;
}

.linkBox .deleteSign:hover {
	background-color: #f4f4f4;
}

.linkSign {
	font-size: 16px;
    font-weight: 700;
    margin: 10px;
    float: left;
    cursor: pointer;
    border-radius: 6px;
    padding: 10px 18px;
	float: right;
	margin-top: 0 !important;
}

.linkSign:hover {
	background-color: #f4f4f4;
}

.linkBoxEdit {
	padding-bottom: 10px !important;
}

/*Добавление поста*/

.addNewPost {
    display: block;
    width: 94%;
    overflow: hidden;
    margin: 10px auto;
    background: #fbfeff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 10px;
	padding-left: 20px;
}

.addNewPost .inputBoxText {
	width: 96%;
	margin: 10px auto;
}

.addNewPost .inputBoxArea {
	width: 96%;
	margin: 10px auto;
	height: 250px;
	margin-bottom: 20px;
}

.addNewPost .saveBtn {
	margin: 10px 10px;
    margin-top: 0;
    float: right;
}

.hidePhotoBox {
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	opacity: 0;
}

.postLabel {
    display: block;
    width: 260px;
    height: 50px;
    overflow: hidden;
    background-color: #f4f4f4;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
	float: left;
}

.postLabel:hover {
	background-color: #ceddff;
}

/*Всплывающее для создания графика*/

.timeSelect {
	display: block;
    margin: 10px auto;
    width: 70%;
    height: 40px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    cursor: pointer;
	font-family: 'Nunito', sans-serif;
    border-radius: 6px;
	color: #262626;
	font-weight: 700;
	padding-left: 10px;
}

.timeSelect option:disabled {
	font-size: 15px;
	color: #999;
	font-weight: 500;
}

.timeSelect option:checked, .timeSelect option:focus {
	font-size: 16px;
	color: #262626;
	font-weight: 700;
}

.serviceCreate h6 {
    font-size: 15px;
    font-weight: 700;
    color: #898989;
    margin: 10px;
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
	clear: both;
}

.delTime {
    display: block;
    width: 30px;
    height: 30px;
    border: none;
    overflow: hidden;
    background-color: transparent;
    outline: none;
    background-image: url(../icons/trash.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85%;
    border-radius: 4px;
    margin: 8px 0;
	float: right;
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.delTime:hover {
	background-color: #ff858547;
}

.editTime {
    display: block;
    width: 30px;
    height: 30px;
    border: none;
    overflow: hidden;
    background-color: transparent;
    outline: none;
    background-image: url(../icons/Edit.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 85%;
    border-radius: 4px;
    margin: 8px 0;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.editTime:hover {
	background-color: #f4f4f4;
}

.timeBox {
	display: block;
	float: left;
	padding-right: 3px;
	border: 3px solid #fafafa;
}

.noSelect {
	color: #e3e3e3 !important;
}

#newSignServ, #newSignTime, #newSignClient, #newSignConfirm, #newFreeTime {
	display: none;
}

.chooseService {
	border: 2px solid #808080 !important;
    cursor: pointer;
    margin: 10px auto;
    width: 90% !important;
    float: none;
    border-radius: 6px;
    padding: 5px 3px;
    padding-top: 10px;
}
/*
.chooseService:hover {
	background-color: #f0efff;
}*/

.chooseService h5 {
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
}

.chooseService p {
	font-weight: 600;
	font-size: 13px;
}

.chooseService .servPrise::before {
	background-size: 93%;
}

.chooseService .servTime::before {
	background-size: 93%;
}

.servSelected {
	background-color: #e6e4ff !important;
	background-image: none;
}

.btnBox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	overflow: hidden;
}

.btnBox input {
	display: block;
	width: 110px;
	height: 30px;
	overflow: hidden;
	margin: 5px 10px;
	cursor: pointer;
	border: none;
	background-color: transparent;
	outline: none;
}

.backButton {
    background-image: url(../icons/back.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 27%;
    float: left;
}

.nextButton {
    width: 100px !important;
    background-image: url(../icons/next.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 33%;
	float: right;
}

.canChooseTime {
    display: block;
    padding: 9px 12px;
    border: 2px solid #a2a2a2;
    box-shadow: 1px 1px 0px 0.5px #a2a2a2;
    border-radius: 4px;
    float: left;
    margin: 10px 6px;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.canChooseTime:hover {
	background-color: #f0efff;
}

.signWinInfo {
    background-color: #fafafa;
    width: 86%;
    border: 1px solid #eaeaea;
    margin: 0 auto;
    margin-bottom: 10px;
}

#newSignClient .signWin h4 {
	display: block;
    font-size: 14px;
    font-weight: 600;
    color: #7c7c7c;
    overflow: hidden;
    margin: 10px auto;
    width: 90%;
    line-height: 17px;
	float: none;
}

.signWin h4 span {
	font-weight: 700;
    display: block;
    margin-left: 6px;
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.dateShow::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/calen.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 93%;
    float: left;
    margin-right: 3px;
    margin-top: -5px;
    border-radius: 3px;
}

.timeShow::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Clock1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 93%;
    float: left;
    margin-right: 3px;
    margin-top: -3px;
    border-radius: 3px;
}

.priseShow::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Card.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 93%;
    float: left;
    margin-right: 3px;
    margin-top: -3px;
    border-radius: 3px;
}

.dateShow span, .timeShow span, .priseShow span {
	display: inline !important;
}

.signWin h5 {
	display: block;
    font-size: 16px;
    font-weight: 500;
    color: #616161;
    overflow: hidden;
    margin: 10px auto;
    width: 90%;
    line-height: 20px;
    text-align: center;
}

.smallInput {
    height: 40px;
    width: 85%;
    margin: 14px auto;
    float: none;
    display: block;
    font-size: 14px;
}

.smallSave {
	height: 40px;
	margin: 10px auto;
	float: none;
	font-size: 17px;
}

.confirmImg {
	display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

.sendConf {
	display: block;
    width: 80%;
    margin: 30px auto;
    text-align: center;
    border: 1px solid #eaeaea;
    padding: 10px 6px;
    border-radius: 6px;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    color: #fff;
    background: #45c467;
    font-weight: 600;
    cursor: pointer;
}

.sendConf:hover {
	background-color: #0eb03a;
}

.workingDayShow, .workingDayShowNew {
	cursor: pointer !important;
}

#newLinkAdding h5 {
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 17px;
	color: #565656;
	overflow: hidden;
	margin: 10px auto;
	width: 80%;
}

.extraSmall {
    width: 37%;
    float: left;
    margin: 10px 0px;
    margin-left: 10px;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

.inputPic {
	display: block;
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
}

.labelField {
	display: block;
    width: 80%;
    margin: 10px auto;
    overflow: hidden;
    background-color: #f0efff;
    color: #333;
    text-align: center;
    border-radius: 6px;
    line-height: 45px;
    font-weight: 700;
	cursor: pointer;
}

.labelField:hover {
	background-color: #f4f4f4;
}

.imgAva {
	display: block;
    height: 150px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    border-radius: 10px;
	margin-bottom: 30px;
}

.partnerAva {
	display: block;
    height: 100%;
	margin: 0 auto;
}

.inputButton {
    display: block;
    height: 55px;
    width: 90%;
    font-size: 16px;
    background-color: #f0efff;
    font-weight: 700;
    color: #333;
    margin: 10px auto;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    cursor: pointer;
    outline: none;
    margin-bottom: 30px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.inputButton:hover {
	background-color: #f4f4f4;
}

.rowSign {
	background-color: #fcb7e3 !important;
}

.activeGift {
	color: #fff;
	background-color: #e74bb7;
}

.activeGift::before {
	background-image: url(../icons/Gift2.png);
}

.activeGift:hover {
	background-color: #ae428d  !important;
}

.activeHot {
	color: #fff;
	background-color: #ff9a02;
}

.activeHot::before {
	background-image: url(../icons/Fire1.png);
}

.activeHot:hover {
	background-color: #f19c1c  !important;
}

/*Всплывающее окно на главной*/

.moreWin {
	display: block;
	width: 400px;
	min-height: 500px;
	overflow: hidden;
	z-index: 99;
	position: fixed;
	top: 5%;
	left: 37%;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #eaeaea;
	padding-bottom: 20px;
}

.moreWin .calenVisible {
	border: none;
}

#getShowWin, #showMoreStuff, #showMoreColl {
	display: none;
}

.getShowBack {
    display: block;
    float: right;
    overflow: hidden;
    width: 250px;
    height: 45px;
    border: none;
    background-color: #f0efff;
    outline: none;
    color: #333;
    font-weight: 700;
    font-size: 18px;
    border-radius: 6px;
    margin: 0px 10px;
	margin-bottom: 40px;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.getShowBack:hover {
	background-color: #f4f4f4;
}


.setFloat {
	float: left;
}

/*Страница регистрации*/

.passBox {
	position: relative;
}

.password-control {
	position: absolute;
	display: inline-block;
	top: 14px;
	right: 47px;
	width: 20px;
	height: 20px;
	background: url(../images/view.svg) 0 0 no-repeat;
}

.password-control.view {
	background: url(../images/no-view.svg) 0 0 no-repeat;
}

.password-controlReg {
	position: absolute;
	display: inline-block;
	top: 14px;
	right: 47px;
	width: 20px;
	height: 20px;
	background: url(../images/view.svg) 0 0 no-repeat;
}

.password-controlReg.view {
	background: url(../images/no-view.svg) 0 0 no-repeat;
}

.password-controlRep {
	position: absolute;
	display: inline-block;
	top: 17px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(../images/view.svg) 0 0 no-repeat;
}

.password-controlRep.view {
	background: url(../images/no-view.svg) 0 0 no-repeat;
}

.sighBlock {
	max-width: 600px;
}

.signupTitle {
	display: block;
    float: left;
    margin: 10px;
    margin-right: 10px;
    color: #888;
    margin-top: 30px;
    font-weight: 700;
    font-size: 33px;
    overflow: hidden;
    padding: 10px 10px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 30px;
}

.signupTitle:hover {
	background-color: #f4f4f4;
	color: #333;
}

.activeTitle {
	color: #222;
	font-weight: 800;
	border-bottom: 3px solid #333;
}

#regBox {
	display: none;
}

.disclaimer {
	display: block;
    width: 80%;
    margin: 10px auto;
    text-align: center;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
}

.disclaimer a {
	display: block;
	margin-top: 5px;
}

.enterSave {
	margin-top: 30px;
}

#resetPass {
	display: none;
}

.content {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 10px auto;
	overflow: hidden;
}

.content h3 {
	font-size: 30px;
	margin: 10px;
	color: #333;
	font-weight: 700;
	margin-bottom: 30px;
}

.text-h {
	font-size: 20px;
	margin: 20px 10px;
	color: #333;
	font-weight: 600;
}

.text-p {
	font-size: 16px;
	margin: 10px;
	color: #333;
	font-weight: 500;
	line-height: 21px;
}

.policyLink {
	text-decoration: none;
    font-size: 14px;
    margin: 10px auto;
    color: #333;
    font-weight: 500;
    margin-top: 30px;
    width: 80%;
    display: block;
    text-align: center;
    line-height: 16px;
}

.hiddenField {
	opacity: 0;
	width: 0;
	height: 0;
	margin: 0;
}

.stSelect {
	font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    border: 2px solid #e7e7e7;
    border-radius: 6px;
    width: 60%;
    height: 44px;
    padding-left: 15px;
    cursor: text;
    outline: none;
	cursor: pointer;
}

.paymentBtn {
	margin-top: 10px !important;
}

.mobileTop {
	display: none;
}

.headerMenu {
	float: left;
	font-size: 19px;
	text-decoration: none;
	font-weight: 700;
	color: #565656;
	margin: 10px;
	cursor: pointer;
}

.headerMenu::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Layout.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 93%;
    float: left;
    margin-right: 3px;
    margin-top: -3px;
    border-radius: 3px;
}

.headerTitle {
	float: right;
    font-size: 19px;
    text-transform: none;
}

#thatLink {
	width: 90%;
	font-size: 30px;
    margin: 10px auto;
    overflow: hidden;
	font-weight: 700;
    text-align: center;
	padding: 15px 0;
    border-radius: 6px;
	background-color: #f0efff;
}

#qrcode {
    margin: 30px auto;
    margin-top: 0;
    display: block;
    width: 150px;
}

.toteBlock img{
	display: block;
	height: 300px;
	margin: 20px auto;
	border: 3px solid #333;
}

.toteBlock h3 {
    text-align: center;
    font-size: 33px;
    line-height: 43px;
    font-weight: 700;
    margin: 10px auto;
    overflow: hidden;
    color: #333;
}

.toteBlock p {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    margin: 10px auto;
    overflow: hidden;
    font-weight: 500;
    color: #919191;
}

.workNote {
	width: 90%;
	margin: 10px;
	clear: both;
}

.freeNote {
	width: 90%;
	margin: 10px;
	margin-left: 0;
	clear: both;
	text-align: left;
}

.telegramBot {
	display: block;
    height: 55px;
    width: 90%;
    font-size: 16px;
    background-color: #f0efff;
    font-weight: 800;
    color: #333;
    margin: 10px auto;
    line-height: 54px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid #eaeaea;
    cursor: pointer;
    outline: none;
    text-align: center;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.telegramBot:hover {
	background-color: #f4f4f4;
}

#goTime, #goTimes {
	display: none;
}

/*Update 16.02.2021*/

.checkBlock {
	display: block;
	width: 90%;
	margin: 0px auto;
	overflow: hidden;
}

#ifGroupBox, #ifGroupSame {
	width:0;
	height: 0;
	margin: 0;
	opacity: 0;
	position: absolute;
}

#ifGroup {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border: 2px solid #ccc;
	border-radius: 4px;
	float: left;
	margin: 10px;
	margin-right: 15px;
	cursor: pointer;
}

#ifGroup:hover {
	background-color: #f4f4f4;
}

#ifGroupSameTrue {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border: 2px solid #ccc;
	border-radius: 4px;
	float: left;
	margin: 10px;
	margin-right: 15px;
	cursor: pointer;
}

#ifGroupSameTrue:hover {
	background-color: #f4f4f4;
}

.hoverCheck {
	background-image: url(../icons/Check.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110%;
}

.activeCheck {
	background-image: url(../icons/Check.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110%;
}

.checkNote {
    font-size: 14px;
    line-height: 17px;
    color: #565656;
    overflow: hidden;
    margin: 15px 0;
}

.checkNoteBig {
    font-size: 14px;
    line-height: 18px;
    color: #565656;
    overflow: hidden;
    margin: 10px 0;
}

#moreGroupOption {
	display: block;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

#moreGroupOption .checkBlock {
	width: 100%;
}

.scrollWin {
	display: block;
	width: 106%;
	height: 100%;
	overflow: hidden;
	overflow-y: scroll;
}

.servPublic::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Apps.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 83%;
    float: left;
    margin-right: 3px;
    margin-top: -7px;
    border-radius: 3px;
}

.serviceType .servTime::before {
	margin-top: -6px;
}

.serviceType .servPrise::before {
	margin-top: -6px;
}

.scrollmoreWin {
	display: block;
	width: 106%;
	height: 76%;
	overflow: hidden;
	overflow-y: scroll;
}

.moreWin {
	height: 85%;
}

.nonchooseService {
	border: 1px solid #eaeaea !important;
    cursor: default;
    margin: 10px auto;
    width: 90% !important;
    float: none;
    border-radius: 6px;
    padding: 5px 3px;
    padding-top: 10px;
	background-color: #ffd3d3;
}

.nonchooseService h5 {
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
}

.nonchooseService p {
	font-weight: 600;
	font-size: 13px;
}

.nonchooseService .servPrise::before {
	background-size: 93%;
}

.nonchooseService .servTime::before {
	background-size: 93%;
}

.morePeople {
    display: block;
    height: 30px;
    width: 90%;
    overflow: hidden;
    padding: 5px;
    margin: 15px auto;
    margin-bottom: 15px;
	border: 2px solid #ccc;
    padding-bottom: 8px;
    border-radius: 6px;
}

.moreGroup {
    display: block;
    width: 25px;
    height: 25px;
    padding: 5;
    float: left;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    outline: none;
    font-size: 17px;
    font-weight: 500;
    line-height: 0;
    color: #31ca67;
    margin: 5px;
	cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.moreGroup:hover {
	background-color: #f4f4f4;
}

.countGroup {
	font-size: 14px;
    line-height: 16px;
    color: #333;
    font-weight: 700;
}

.fixBox {
    border-radius: 11px;
    cursor: pointer;
    height: 160px;
    width: 226px;
	position: relative;
}

.fixBox h3 {
    font-size: 15px;
    margin: 15px 15px;
    overflow: hidden;
    margin-bottom: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 700;
}

.fixBox h4 {
	padding: 0;
    float: none;
    font-weight: 500;
    margin: 10px 15px;
	margin-bottom: 5px;
    font-size: 14px;
}

.fixBox h4::before {
    margin-right: 2px;
    margin-top: 0px;
    background-size: 98%;
}

.fixBox h5 {
    padding: 0;
    float: none;
    font-weight: 700;
    margin: 16px 15px;
	margin-top: 5px;
    font-size: 14px;
    color: #fff;
}

.fixBox h5::before {
	content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/User1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 110%;
    float: left;
	margin-right: 4px;
    margin-top: -6px;
    border-radius: 3px;
}

.fixBox  .delTime {
    float: right;
    position: absolute;
    bottom: 7px;
    right: 7px;
    margin: 0;
	background-image: url(../icons/trash2.png);
}

.fixBox  .editTime {
    float: right;
    position: absolute;
    bottom: 7px;
    left: 7px;
    margin: 0;
	background-image: url(../icons/Edit1.png);
}

.fixBox  .editTime:hover {
	background-color: #ff858547;
}

.navServ {
    display: flex;
    width: 90%;
    justify-content: space-around;
	margin: 0 auto;
	overflow: hidden;
}

.navServ h6 {
    display: block;
    width: 90%;
    line-height: 21px;
    text-align: center;
    float: left;
    margin: 10px 5px;
    margin-top: 0;
    overflow: hidden;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #565656;
	cursor: pointer;
}

.navServ h6:hover {
	background-color: #f4f4f4;
}

.activeBtn {
	background-color: #f0efff;
}

#newSignServReg {
	display: none;
}
/*
.sendMailQ {
	margin-top: 30px;
}*/

.nobot {
	margin-bottom: 0px !important;
}

#userCity {
	text-transform: capitalize;
}

/*Блок клиентов*/

.tempBlock {
	margin-top: -30px !important;
}

.personClient, .personNoClient  {
    display: block;
    width: 46%;
    height: 42px;
    padding: 5px;
    border-radius: 4px;
    overflow: hidden;
    float: left;
    margin: 10px 5px;
	cursor: pointer;
    border: 1px solid #eaeaea;
    box-shadow: 1px 3px 5px 1px #e3e3e3;
    background-color: #fff;
}

.personClient:hover, .personNoClient:hover {
	background-color: #f4f4f4;
}

.clickFloat {
	float: left;
}

.tempTitle {
	font-size: 24px;
    font-weight: 800;
    margin: 15px 20px;
	line-height: 24px;
	color: #454545;
}

.personLeft {
	display: block;
    float: left;
    margin: 0;
    margin-right: 10px;
    width: 45px;
    height: 100%;
    overflow: hidden;
}

.personLeftAva {
	display: block;
    width: 30px;
    height: 30px;
    background-image: url(../icons/User.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    padding: 5px;
    overflow: hidden;
    border-radius: 4px;
}

.personRight h4 {
	font-size: 17px;
    font-weight: 700;
    margin: 12px 10px;
	float: left;
	border: unset;
}

.personIconSet {
	display: block;
    width: 30px;
    height: 30px;
    background-image: url(../icons/Settings.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
    padding: 5px;
    overflow: hidden;
	float: right;
	opacity: 0.4;
}

.startLetter {
	display: block;
	margin: 20px;
	font-size: 30px;
	font-weight: 700;
	color: #565656;
	overflow: hidden;
}

.letterBlock {
	display: block;
	width: 100%;
	overflow: hidden;
}

.personWinNav {
	display: block;
	width: 100%;
	overflow: hidden;
}

.personWinNav h6 {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	margin: 0;
	font-weight: 700;
	padding: 5px;
	cursor: pointer;
}

.personWinNav h6:hover {
	background-color: #f4f4f4;
}

.closePerson {
	float: left;
	background-image: url(../icons/Cross.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 95%;
}

.delPerson {
	float: right;
	background-image: url(../icons/trash.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	clear: unset !important;
}

.personCard h3 {
	margin-top: -25px;
}

.personMainInfo {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.personAvaBig {
	display: block;
    width: 100px;
    height: 100px;
    background-image: url(../icons/User.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    padding: 5px;
    overflow: hidden;
    border-radius: 4px;
	margin: 10px auto;
}

.personMainInfo h4 {
    font-size: 27px;
    font-weight: 600;
    text-align: center;
    margin: 30px auto;
    line-height: 30px;
}

.editPersonInfo {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	margin: 0;
	font-weight: 700;
	padding: 5px;
	cursor: pointer;
	float: right;
	background-image: url(../icons/Edit.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	position: absolute;
	bottom: 50%;
	right: 0px;
}

.editPersonInfo:hover {
	background-color: #f4f4f4;
}

.personCard .personNote {
    font-weight: 400;
    font-size: 16px;
    font-style: italic;
    background-color: #f2f6f8;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    margin: 0 auto;
}

.contactPerson {
	display: block;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	margin: 15px auto;
}

.contactPerson h4 {
    font-size: 13px;
    font-weight: 600;
    margin: 16px 10px;
    overflow: hidden;
    float: left;
}

.contactPerson a {
	float: right;
	text-decoration: none;
	display: block;
	width: 25px;
	height: 25px;
	padding: 5px;
	margin: 5px;
	overflow: hidden;
}

.contactPerson a:hover{
	background-color: #f4f4f4;
}

.whatsBtn {
	background-image: url(../icons/whatsapp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 65%;
}

.pnoneBtn {
	background-image: url(../icons/Phone.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 65%;
	border-right: 1px solid #eaeaea;
}

.fastSignPerson {
	display: block;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.fastSignPerson h4 {
	font-size: 13px;
    font-weight: 600;
    margin: 16px 10px;
    overflow: hidden;
    float: left;
}

.personCard .signCalendar {
	display: block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	margin: 0;
	font-weight: 700;
	padding: 5px;
	cursor: pointer;
	float: right;
	background-image: url(../icons/calen.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	clear: unset !important;
}

.signCalendar:hover {
	background-color: #f4f4f4;
}

.personCard .signBackCalendar {
	display: none;
	width: 25px;
	height: 25px;
	overflow: hidden;
	margin: 0;
	font-weight: 700;
	padding: 5px;
	cursor: pointer;
	float: right;
	background-image: url(../icons/back.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	margin-top: -40px;
}

.signBackCalendar:hover {
	background-color: #f4f4f4;
}

.personCard .personMainInfo h5 {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 10px auto;
    overflow: hidden;
    margin-top: -25px;
    margin-bottom: 20px;
}

.personCard .navServ {
	width: 100%;
}

.personCard .navServ h6 {
	width: 39%;
	font-size: 10px;
	clear: unset;
}

.personCard .chooseService {
	width: 95% !important;
}

.personCard .chooseService h5 {
    text-align: unset;
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 0;
    max-height: 33px;
    height: auto;
}

.personCard .chooseService p {
	font-size: 10px;
    margin: 10px 7px;
}

.personCard .servPrise::before {
	background-size: 84%;
	margin-right: 2px;
    margin-top: -7px;
}

.personCard .servGift::before {
	background-size: 83%;
    margin-right: 0px;
    margin-top: -9px;
}

.personCard .servTime::before {
	background-size: 87%;
    margin-right: 1px;
    margin-top: -8px;
}

.personCard .servPublic::before {
	background-size: 76%;
    margin-right: 1px;
    margin-top: -8px;
}

.absBtnNext {
    display: block;
    width: 90px;
    height: 40px;
    overflow: hidden;
    position: fixed;
    bottom: 16px;
    right: 17px;
    background-color: #bb6cdf;
    color: #fff;
    border: none;
    outline: none;
    font-size: 13px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.4px;
    cursor: pointer;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.absBtnNext:hover {
	background-color: #682f82;
}

#goToTime, #goToTimes, #backToTimes, #backToServ, #calenContain {
	display: none;
}

.personCard #timeContain {
	width: 100%;
	clear: both;
}

.personCard #newSignClient {
    clear: both;
    width: 98%;
}

.personCard .signWinInfo{
	overflow: hidden;
	width: 100%;
}

.personCard .signWinInfo h3 {
	margin-top: 20px;
}

.personCard .dateShow {
	margin-left: 33px !important;
    margin-top: -10px !important;
}

.personCard .timeShow {
	margin-left: 33px !important;
}

.personCard #confirmSign {
    width: 162px;
    float: left;
    margin: 5px 0;
    font-size: 14px;
}

.bookingBtn {
    display: block;
    width: 70%;
    overflow: hidden;
    line-height: 18px;
    font-size: 15px;
    margin: 15px auto;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #ff8450, #ff2976);
    cursor: pointer;
    padding: 10px;
    text-align: center;
    border-radius: 4px;
}

.bookingBtn:hover {
	background: linear-gradient(135deg, #ff2976, #ff8450);
}

.userListing .personClient, .userListing .personNoClient {
	width: 85%;
    margin: 4px auto;
    float: none;
}

#serviceNoBlock {
	display: none;
}

.signPage::before {
	content: '';
    width: 27px;
    height: 27px;
    background-image: url(../icons/addplus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 103%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.folderPage::before {
	content: '';
    width: 27px;
    height: 27px;
    background-image: url(../icons/Folderuser.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 103%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.fixPage::before {
	content: '';
    width: 27px;
    height: 27px;
    background-image: url(../icons/History.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 103%;
    float: left;
    margin-right: 5px;
    margin-top: -6px;
    border-radius: 3px;
}

.clientCome::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Apps1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-right: 3px;
    margin-top: -6px;
    border-radius: 3px;
}

.lessBot {
	margin-bottom: 10px !important;
}

.userEdit {
	display: none;
	overflow: hidden;
    border-radius: 5px;
    position: fixed;
	width: 310px;
	right: 20px;
    left: unset;
    bottom: 10px;
    height: 55px;
	background-color: rgba(0,0,0,0.7);
}
.userEdit .noteImg {
	display: block;
	float: left;
    overflow: hidden;
	height: 100%;
    background-image: url(../images/logo.png);
    background-size: 95%;
    background-position: center;
    background-repeat: no-repeat;
	width: 14%;
	margin: 1px 10px;
	background-color: unset;
}

.userEdit .noteBodyEdit {
	display: block;
    width: 68%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    float: left;
	background-color: unset;
	border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.userEdit h3 {
	font-size: 15px;
    margin: 19px auto;
    line-height: 16px;
	color: #fff;
    text-align: center;
	font-weight: 700;
}

.emptyArr {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
    width: 85%;
    display: block;
    background-color: #f4f4f4;
    margin: 10px auto;
    border-radius: 6px;
    font-weight: 600;
    line-height: 17px;
}

.clientCalen .days li {
    border: 3px solid #e9e9e9;
    flex: 0 0 calc(100% / 13);
    border-radius: 6px;
    font-size: 0.7rem;
}

.fixTimeCalen .days li {
    flex: 0 0 calc(100% / 9.9);
    margin: 5px 2px;
    border-radius: 6px;
}

.peoplePageCalen .days li {
	flex: 0 0 calc(100% / 13.4) !important;
    border-radius: 4px;
}

#newSignEvent .signWinInfo h4{
	font-size: 18px;
    margin: 10px 20px;
    font-weight: 600;
}

#newSignEvent .dateShow {
	font-size: 14px !important;
    color: #333;
	font-weight: 800 !important;
    margin-top: 15px !important;
}

#newSignEvent .timeShow {
	font-size: 14px !important;
    color: #333;
	font-weight: 800 !important;
	margin-bottom: 20px !important;
}

.compLinks {
	color: #848484;
    font-weight: 700;
    margin-left: 5px;
    font-size: 13px;
    margin-right: 7px;
}

.delClientSign {
	display: block;
    width: 20px;
    height: 20px;
    margin: 0px 5px;
    background-image: url(../icons/trash1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    float: right;
    margin-top: -5px;
    cursor: pointer;
}

.fontTitle {
	font-size: 11px;
    font-weight: 800;
    color: #727272;
    text-transform: uppercase;
    margin: 0px 15px;
    margin-bottom: 20px;
    border-top: 3.4px solid #333;
    padding-top: 30px;
}

.changeNikName {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.changeNikFiled {
    display: block;
    width: 90%;
    overflow: hidden;
    margin: 10px auto;
    padding: 5px 0;
    padding-bottom: 20px;
    background-color: #f0efff;
    border-radius: 6px;
}

.pageStart {
	float: left;
    font-size: 23px;
    font-weight: 600;
    margin-right: 3px;
    margin-top: 15px;
	margin-left: 25px;
}

.nikName {
    float: left;
    border: none;
    border-bottom: 3px solid #333;
    font-size: 23px;
    background-color: transparent;
    color: #333;
    width: 200px;
    font-weight: 600;
    cursor: text;
    margin-top: 10px;
    outline: none;
    padding-bottom: 1px;
}

.nikName::placeholder {
	font-weight: 500;
}

.monthNav {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 15px;
    border-bottom: 3.4px solid #333;
    margin-bottom: 45px;
	position: relative;
}

.monthNav h3 {
	font-size: 25px;
    font-weight: 800;
    color: #333;
    margin: 0px 10px;
    margin-bottom: 30px;
    overflow: hidden;
}

.monthNav h4 {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
    color: #8f8f8f;
	margin: 10px 10px;
	overflow: hidden;
}

.selectMonth, .selectWeek, .selectDay {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}

.selectOptionBtn {
	display: block;
	height: 40px;
	border: 2px solid #e5e5e5;
	background-color: transparent;
	outline: none;
	cursor: default;
	font-size: 13px;
	font-weight: 600;
	color: #bababa;
	text-align: center;
	overflow: hidden;
	border-radius: 6px;
}

.selectDay .selectOptionBtn {
	flex: 0 0 calc(100% / 7.6);
}

.selectWeek .selectOptionBtn {
	flex: 0 0 calc(100% / 6.3);
}

.selectMonth .selectOptionBtn {
	flex: 0 0 calc(100% / 2.1);
}

.monthNav .fieldNote {
	width: 66%;
	margin: 10px auto;
	text-align: center;
	float: left;
	background-color: transparent;
}

.btnNote {
	display: block;
	width: 100%;
	background-color: #ffddff91;
    border-radius: 6px;
	overflow: hidden;
}

.selectOptionSave {
	display: block;
	float: right;
	width: 200px;
	height: 50px;
	outline: none;
	background-color: transparent;
	border-radius: 6px;
	border: 2px solid #e5e5e5;
	margin: 21px 10px;
	font-size: 14px;
	font-weight: 700;
	color: #bababa;
	cursor: default;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.activeSelect:hover {
	background-color: #f4f4f4;
}

.activeSelect {
	border: 2px solid #333;
	color: #333;
	cursor: pointer;
}

.aside .monthNav h3 {
	font-size: 15px;
    text-align: left;
    margin-top: 5px;
}

.aside .selectOptionBtn {
	font-size: 10px;
}

.aside .monthNav .fieldNote {
	width: 90%;
    font-size: 11px;
    line-height: 14px;
    margin: 10px auto;
    margin-bottom: 0;
    text-align: center;
}

.aside .selectOptionSave {
	margin: 10px auto;
    float: none;
}

.aside .fixCalen {
	min-height: 1050px;
}


.aside .fixCalen .canSelect:hover{
	background-color: #f4f4f4;
}

/*Стили переключателей*/

.toggle-bg{
    background: #c5d0db;
    display: block;
    float: right; 
    height: 5px;
    position: relative;
    width: 35px;
	border-radius: 8px !important;
	padding: 0 !important;
    margin-left: 0 !important;
	margin: 6px;
}
 
.toggle-bg input{
    height: 28px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -10px;
    width: 36px;
    z-index: 2;
	cursor: pointer;
}
 
.switch{
	background: #ccc;
    display: block;
    float: left;
    height: 16px;
    left: -1px;
    position: relative;
    top: -6px;
    width: 16px;
    z-index: 1;
    padding: 0 !important;
    border-radius: 17px !important;
    transition: left .3s ease;
    margin-left: 0 !important;
}
 
.toggle-bg input:checked~.switch{ 
	left: -1px;
    background-color: #ccc;
}
 
.toggle-bg input~:checked~.switch{ 
	left: 22px; 
	background-color: #ef476f;
}
 
.toggle-bg input:checked{ z-index: 0; }

.onOffBlock {
	width: 98%;
    overflow: hidden;
    margin: 10px auto;
}

.onOffBlock p {
    font-size: 12px;
    font-weight: 800;
    color: #8f8f8f;
    margin: 8px 10px;
    overflow: hidden;
    float: left;
}

.timeCorrect {
    display: block;
    width: 98%;
    margin: 10px auto;
	border-bottom: 3px solid #333;
    border-top: 3px solid #333;
    overflow: hidden;
}

.timeCorrect h4{
    font-size: 12px;
    font-weight: 900;
    color: #535353;
    margin: 20px 10px;
    margin-bottom: 15px;
    overflow: hidden;
    text-transform: uppercase;
}

.trirtyPart, .fifteenPart {
	display: none;
}

.fixTimeCalen .timeCorrect {
	margin: 20px auto;
	float: left;
}

#timeContain {
	display: block;
    width: 98%;
    margin: 10px;
    float: none;
}

.dayOption {
    display: block;
    width: 96%;
    overflow: hidden;
    clear: both;
    border-bottom: 3px solid #333;
    margin-bottom: 35px;
}

.aside .dayOption h3 {
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: left;
    color: #565656;
}

.dayOption .signCalendar {
	display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    margin: 9px 10px;
	margin-bottom: 5px;
    font-weight: 700;
    padding: 5px;
    cursor: pointer;
    float: right;
    background-image: url(../icons/calen.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    clear: unset !important;
}

.dayOption .signCalendar:hover {
	background-color: #f4f4f4;
}

#newChooseTime {
	display: block;
    width: 96%;
    overflow: hidden;
    margin: 10px auto;
}

#newChooseTime .canChooseTime {
	padding: 7px 9px;
	margin: 5px 2px;
}

.clientCalen #month-calendar {
	min-height: 430px;
}

.hintBox {
	display: block;
	float: left;
    width: 260px;
    height: 92%;
    position: fixed;
    top: 0px;
    right: 0;
    padding: 0 15px;
    z-index: 88;
	margin-bottom: 30px;
	background-color: #fafafa;
}

.hintBox h3 {
	font-size: 20px;
    font-weight: 800;
    color: #333;
    margin: 10px auto;
    overflow: hidden;
	margin-top: 30px;
	text-align: center;
}

.hintBox .scrollWin {
	width: 112%;
}

.hintItem {
	display: block;
	width: 90%;
	margin: 10px auto;
	overflow: hidden;
	border-bottom: 3px solid #333;
    padding-bottom: 20px;
}

.hintItem h4 {
	font-size: 12px;
    font-weight: 900;
    color: #535353;
    margin: 20px 10px;
    margin-bottom: 15px;
    overflow: hidden;
    text-transform: uppercase;
	text-align: center;
}

.hintItem p {
    font-size: 13px;
    line-height: 16px;
    color: #9d9d9d;
    overflow: hidden;
    margin: 15px 0;
    text-align: center;
    font-weight: 600;
}

.hintItem img {
	display: block;
	width: 70%;
	margin: 10px auto;
	overflow: hidden;
}

#setNewSign {
	min-height: 560px;
}

#newSignServNew .serviceType {
	height: auto;
}

#newSignClient .scrollmoreWin {
	width: 104%;
	height: 95%;
}

#newSignCalen .month-name {
	margin-top: -27px;
}

.linksBtn .clickBtn{
	float: left;
}

.setMyPage .sepBox{
	box-shadow: 1px 6px 10px 1px #bcbcbc;
    background-color: #fff;
    border: 2px solid #7e7e7e;
    border-radius: 6px;
    padding: 30px;
    padding-top: 25px;
    width: 67%;	
	padding-bottom: 0;
}

.setMyPage .saveBtn {
	margin: 30px auto;
}

.payToMe .sepBox{
	box-shadow: 1px 6px 10px 1px #bcbcbc;
    background-color: #fff;
    border: 2px solid #7e7e7e;
    border-radius: 6px;
    padding: 30px;
    padding-top: 25px;
    width: 67%;	
	padding-bottom: 0;
}

.publicPage .workSchedule {
	min-height: 555px;
	padding-top: 45px;
	border: 2px solid #7e7e7e;
	box-shadow: none;
}

.publicPage .month {
	margin-bottom: 30px;
    border-bottom: 3.4px solid #333;
}

.sepEv {
	box-shadow: 1px 6px 10px 1px #bcbcbc;
    background-color: #fff;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 30px;
    padding-top: 25px;
    width: 89%;
    padding-bottom: 0;
}

#calenContain {
	min-height: 540px;
}

#calenContain .month-name {
	margin-top: -27px;
}

header h6 {
	display: none;
	padding: 5px 7px;
    margin-top: 4px;
    margin-right: 14px;
    color: #333;
    font-size: 23px;
    float: right;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 800;
    border: 3px solid #333;
    border-radius: 4px;
}

header h6:hover {
	background-color: #e1e1e1;
}

#bookedFreeTime {
	display: block;
    border-bottom: 3px solid #333;
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

#freeContain h4 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    color: #8f8f8f;
    margin: 10px 10px;
    margin-bottom: 25px;
    overflow: hidden;
}

#bookedFreeTime .timeScBox {
	height: auto;
    border: 3px solid #333;
    width: auto;
    margin: 10px 5px;
}

#bookedFreeTime h4 {
	margin-bottom: 5px !important;
}

#bookedFreeTime .signTime {
	float: left;
    margin: 5px;
	margin-right: 0;
}

#bookedFreeTime .signTimeLow {
	float: left;
    margin: 5px;
}

#freeContain {
	display: block;
    width: 90%;
    margin: 0 auto;
}

#freeContain .timeCorrect {
	width: 83%;
    margin-top: 20px;
    margin-bottom: -10px;
    border-bottom: 2px solid #dfdfdf;
    border-top: 2px solid #dfdfdf;
}

#newFreeTime .scrollmoreWin{
	height: 86%;
}

#newFreeTime .inputBoxAreaSmall {
	height: 70px;
    padding-top: 9px;
    padding-left: 9px;
}

#freeContain h6 {
	font-size: 15px;
    font-weight: 700;
    color: #898989;
    margin: 10px;
    overflow: hidden;
    text-align: center;
    margin-top: 30px;
    clear: both;
}

.gotToTop {
	margin-top: 20px !important;
}

.foldMonth {
	display: none;
	overflow: hidden;
}

.folderBtn {
    position: absolute;
    top: -3px;
    right: 10px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background-image: url(../icons/Expand1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.statItem {
    display: block;
    float: left;
    width: 31%;
    height: 130px;
    overflow: hidden;
    background-color: #fff;
    border: 3px solid #333;
    border-radius: 6px;
    margin: 10px 5px;
    position: relative;
}

.statItem h3 {
    text-transform: uppercase;
    font-size: 10px;
    color: #a1a1a1;
    font-weight: 700;
    margin: 10px;
    overflow: hidden;
}

.statItem h4 {
    font-size: 50px;
    text-align: center;
    margin: 20px auto;
    overflow: hidden;
    color: #333;
    font-weight: 600;
}

.statItem h6, .statItem a {
    display: block;
	text-decoration: none;
    position: absolute;
    bottom: 5px;
    right: 7px;
    width: 25px;
    height: 25px;
    background-image: url(../icons/Download.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}

.statLong {
    display: block;
    width: 63%;
    height: 130px;
    overflow: hidden;
    background-color: #fff;
    border: 3px solid #333;
    border-radius: 6px;
    margin: 10px 10px;
    position: relative;
    float: left;
}

.statLong h3 {
    text-transform: uppercase;
    font-size: 10px;
    color: #a1a1a1;
    font-weight: 700;
    margin: 10px;
    overflow: hidden;
}

.statLong h4 {
    font-size: 40px;
    text-align: center;
    margin: 20px 10px;
    overflow: hidden;
    border-right: 1px solid #bcbcbc;
    color: #333;
    font-weight: 600;
    float: left;
    padding-right: 10px;
}

.approveBox {
	height: auto !important;
    width: 47% !important;
    float: left !important;
    margin: 10px 5px !important;
}

.longApprove {
	display: block;
	width: 90%;
	clear: both;
	margin: 10px auto;
	overflow: hidden;
}

.longApprove h4 {
	font-size: 14px !important;
	float: left;
	margin: 10px !important;
}

.longApprove a {
	float: left;
	font-size: 14px;
	margin: 10px !important;
}

.approveBonus {
	display: block;
    margin: 5px 10px;
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    width: 50px;
    height: 25px;
    font-weight: 600;
    background-color: #e3e3e3;
    color: #727272;
	outline: none;
	font-size: 12px;
	float: left;
}

.sepBonus h4 {
	font-size: 17px;
    font-weight: 700;
    line-height: 21px;
    color: #434343;
    margin: 0 10px;
}

.sepBonus h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #434343;
    margin: 20px 20px;
}

.sepBonus h6 {
	font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #434343;
    margin: 20px;
    text-align: center;
}

.sepBonus .inputBlock {
	background-color: #fff;
    border: 2px solid #7e7e7e;
    border-radius: 6px;
	padding-bottom: 10px;
}

.sepBonus .saveBtn {
	width: 115px;
    height: 35px;
    font-size: 12px;
    margin: 10px;
    float: right;
}

.sepBonus .inputBoxText {
    width: 90%;
    height: 40px;
    margin: 10px auto;
    float: none;
    display: block;
}

.colBox {
	display: block;
	width: 33%;
	margin: 10px 10px;
	overflow: hidden;
	border: 2px solid #333;
	background-color: #fff;
	border-radius: 4px;
	float: left;
	position: relative;
	text-decoration: none;
}

.colImg {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-color: #eee8ff;
    margin: 10px;
    float: left;
}

.colBox h5 {
	font-size: 17px;
    font-weight: 700;
    margin: 15px 0px;
	text-decoration: none;
    margin-bottom: 0;
	color: #333;
}

.colBox h6 {
	text-decoration: none;
	font-size: 14px;
    font-weight: 700;
    color: #a7a7a7;
    margin-top: 4px;
}

.colBox p {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-decoration: none;
	float: right;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	background-image: url(../icons/trash.png);
}

.colBox span {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-decoration: none;
	float: right;
	width: 30px;
	height: 30px;
	overflow: hidden;
	border-radius: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	background-image: url(../icons/Login.png);
}

.addAction {
	font-size: 13px;
    float: left;
    margin: 20px 20px;
    margin-bottom: 25px;
    line-height: 21px;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #454545;
    border-left: 2px solid #b0b0b0;
    border-right: 2px solid #b0b0b0;
    border-radius: 4px;
    padding: 10px 10px;
}

.addActionBtn {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background-image: url(../icons/addplus.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    margin: 0 10px;
    margin-top: -6px;
    cursor: pointer;
}

/*Стили для нового промо*/

.headTitleUpd {
    display: block;
    text-decoration: none;
    font-size: 20px;
    color: #333;
    margin: 15px 15px;
    font-weight: 700;
}

.headTitleUpd span {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 5px;
    margin-top: -4px;
    overflow: hidden;
    background-image: url(../images/logo.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.mainBodyUpd {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
}

.mainBodyInfoUpd {
	display: block;
	width: 70%;
	float: left;
	overflow: hidden;
}

.grid {
	pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.gridBox {
	background-image: url(../images/grid.svg);
    background-repeat: repeat;
}

.gridShadow {
    background: radial-gradient(at top left,rgba(255,255,255,0),rgb(254 254 254 / 90%) 90%);
}

.mainBodyInfoUpd h1 {
    font-size: 57px;
    line-height: 63px;
    font-weight: 700;
    margin: 30px 20px;
    margin-top: 60px;
}

.mainBodyInfoUpd h1 span {
	font-weight: 800;
	font-size: 70px;
	color: #565656;
	-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -o-linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -moz-linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: linear-gradient(63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(255, 200, 7) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainBodyInfoUpd h2 {
    font-size: 24px;
    width: 70%;
    line-height: 28px;
    font-weight: 700;
    margin: 20px 20px;
    color: #8f8f8f;
}

.mainBodyAction {
	display: block;
    width: 22%;
    padding: 0 10px;
    overflow: hidden;
    border: 2px solid #323232;
    border-radius: 6px;
    padding-bottom: 30px;
    padding-top: 10px;
    margin-top: 0px;
    box-shadow: 0px 1px 5px 2px #c6c6c6;
    background-color: #fff;
}

.userIcon {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 30px auto;
	background-image: url(../images/logo.png);
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}

.mainBodyAction h3 {
	color: #3f3f3f;
	text-align: center;
	font-size: 20px;
	overflow: hidden;
	margin: 20px auto;
	font-weight: 700;
}

.mainBodyAction h4 {
    color: #9d9d9d;
    line-height: 19px;
    width: 90%;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
    margin: 20px auto;
    font-weight: 600;
    margin-bottom: 35px;
}

.selectFront {
    display: block;
    width: 90%;
    height: 50px;
    margin: 20px auto;
	margin-bottom: 30px;
    border-radius: 4px;
    font-size: 15px;
    padding-left: 10px;
	border: 2px solid #333;
    cursor: pointer;
}

.startReg {
    display: block;
    width: 80%;
    text-align: center;
    overflow: hidden;
    margin: 10px auto;
    border: none;
    text-decoration: none;
    line-height: 46px;
    border-radius: 6px;
    cursor: pointer;
    background: linear-gradient(135deg, #ff8450, #ff2976);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.startReg:hover {
	background: linear-gradient(135deg, #f96222, #ff0861);
}

.mainPhotoUpd {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}

.mainPhotoUpd div {
	display: block;
	width: 50%;
	margin: 10px 0px;
	float: left;
	overflow: hidden;
}

.mainPhotoUpd div img {
	display: block;
	width: 90%;
	overflow: hidden;
	margin: 20px auto;
}

.mainPhotoUpd h2 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 900;
    margin: 10px auto;
    color: #333;
    text-align: center;
}

.mainPhotoUpd h3 {
    font-size: 38px;
    font-weight: 900;
    margin: 10px auto;
    margin-bottom: 25px;
    color: #333;
    text-align: center;
}

.mainPhotoUpd h4 {
    font-size: 25px;
    width: 80%;
    font-weight: 600;
    margin: 10px auto;
    margin-top: 0;
    color: #a7a7a7;
    text-align: center;
    line-height: 33px;
}

.mainFeatureUpd {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}

.mainFeatureUpd h2 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 900;
    margin: 10px auto;
    color: #333;
    text-align: center;
	margin-bottom: 50px;
}

.mainFeatureUpd div {
	display: block;
	width: 33%;
	margin: 10px 0;
	overflow: hidden;
	float: left;
}

.mainFeatureUpd div span {
	display: block;
	width: 58px;
    height: 58px;
	margin: 10px auto;
    margin-bottom: 17px;
    border: 2px solid #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 4px 4px 0 #eee;
    box-shadow: 4px 4px 0 #eee;
    border-radius: 50%;
    background-color: #eee;
	background-position: center;
    background-repeat: no-repeat;
}

.mainFeatureUpd div h3 {
    font-size: 25px;
    font-weight: 900;
    margin: 25px auto;
    margin-bottom: 25px;
    color: #333;
    text-align: center;
}

.mainFeatureUpd div p {
	font-size: 17px;
    width: 80%;
    font-weight: 600;
    margin: 10px auto;
    margin-top: 0;
    color: #a7a7a7;
    text-align: center;
    line-height: 24px;
}

.featureUpdOne {
	background-image: url(../icons/User.png);
	background-size: 73%;
}

.featureUpdTwo {
	background-image: url(../icons/Star.png);
	background-size: 68%;
}

.featureUpdThree {
	background-image: url(../icons/Apps.png);
	background-size: 59%;
}

.mainWhatUpd {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}

.mainWhatUpd h2 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 900;
    margin: 10px auto;
    color: #333;
    text-align: center;
	margin-bottom: 50px;
	clear: both;
}

.mainWhatUpd h3 {
    display: block;
	float: left;
	margin: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #f3f3f3;
}

.mainWhatUpd div {
	display: block;
	width: 33%;
	margin: 10px 0;
	overflow: hidden;
	float: left;
}

.mainWhatUpd div span {
    display: block;
    width: 58px;
    height: 58px;
    margin: 10px auto;
    margin-bottom: 17px;
    border: 2px solid #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 4px 4px 0 #ffe8fa;
    box-shadow: 4px 4px 0 #ffe8fa;
    border-radius: 50%;
    background-color: #FFE8FA;
    text-align: center;
    line-height: 54px;
    font-size: 25px;
    font-weight: 900;
    float: left;
}

.mainWhatUpd div h4 {
	font-size: 19px;
    font-weight: 900;
    margin: 14px 24px;
    color: #333;
    text-align: center;
    float: left;
}

.mainWhatUpd div p {
	font-size: 14px;
    width: 80%;
    font-weight: 600;
    margin: 10px 20px;
    margin-top: 0;
    color: #a7a7a7;
    width: 76%;
    line-height: 20px;
    float: left;
}

.mainPriseUpd {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 100px;
}

.mainPriseUpd h2 {
    font-size: 50px;
    line-height: 55px;
    font-weight: 900;
    margin: 10px auto;
    color: #333;
    text-align: center;
	margin-bottom: 50px;
	clear: both;
}

.featuresList {
	display: block;
	width: 40%;
	float: left;
	overflow: hidden;
	margin: 10px 0;
}

.priseList {
	display: block;
	width: 60%;
	float: right;
	overflow: hidden;
	margin: 10px 0;
}


.featuresList p {
    font-size: 19px;
    font-weight: 600;
    margin: 10px;
    color: #565656;
    clear: both;
    line-height: 25px;
}

.featuresList p span {
	background-image: url(../icons/Check.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 5px;
    margin-top: -17px;
}

.mainPriseUpd h3 {
    font-size: 60px;
    font-weight: 900;
    margin: 25px auto;
    margin-bottom: 25px;
    margin-top: 110px;
    color: #333;
    text-align: center;
}

.mainPriseUpd h4 {
    font-size: 17px;
    font-weight: 600;
    margin: 10px auto;
    margin-top: 0;
    color: #a7a7a7;
    text-align: center;
    line-height: 24px;
}

.priseList .selectFront {
	width: 70%;
}

.priseList .startReg {
	width: 70%;
}

.videoBlock {
	overflow:hidden;
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	margin: 35px auto;
}

.videoBlock iframe {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

#actPromo {
	width: 300px;
    margin-left: 20px;
}

.paymentNote {
    display: block;
    max-width: 90%;
    padding: 10px;
    line-height: 17px;
    border-radius: 4px;
    font-size: 14px;
    border: 2px solid #ee5656;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
}



/*Чекбоксы*/

.switchBox {
    position: absolute;
    right: 22px;
    top: 32px;
}

.switch-btn {
	display: inline-block;
    width: 32px;
    height: 9px;
    border-radius: 12px;
    background: #e1e1e1;
    z-index: 0;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    position: relative;
    transition-duration: 300ms;
}
.switch-btn::after {
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 18px;
    background: #4f4f4f;
    top: -4px;
    left: -6px;
    transition-duration: 300ms;
    /*box-shadow: 0 0 10px 0 #999999;*/
    position: absolute;
    z-index: 1;
}
.switch-on {
    background: #dfdeff;
    /*box-shadow: inset 0 0 10px 0 #999999; /* тень */
}
.switch-on::after {
    left: 18px;
    background: #a3b6d9;
}

.switchBoxServ {
    position: absolute;
    left: 98px;
}

.actionBtn .switchBoxServ {
	top: 12px;
}

.tagBox .cheduleStyle::before {
	background-image: url(../icons/Clipboard.png) !important;
}

.tagBox {
	border: none !important;
}

.tagBox:hover {
	border: none !important;
    border-radius: 4px;
}

.tagSign::before {
    content: '';
    width: 23px;
    height: 23px;
    background-image: url(../icons/Clipboard1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
    margin-top: -4px;
    border-radius: 3px;
}

#tagBlock {
	display: block;
	margin: 15px auto;
    margin-bottom: 20px;
    overflow: hidden;
}

#tagBlock h5 {
	display: block;
    font-size: 14px;
    text-align: center;
    line-height: 17px;
    color: #565656;
    overflow: hidden;
    margin: 10px auto;
    width: 80%;
}

#tagBlock h4 {
	font-size: 11px;
	padding: 2px 8px;
}

#tagBlock .cheduleStyle::before {
	width: 18px;
}

#tagBlock .timeBox {
	border: 3px solid #fff;
	margin: 1px 3px;
}

.secondTitle {
	margin-top: -10px !important;
}

#tagBlock .switch-tags {
	border: 3px solid #787878;
}

.noteBlock {
	display: block;
	width: 98%;
	margin: 10px auto;
	overflow: hidden;
	background-color: #fff;
    border-radius: 6px;
    border: 3px solid #535353;
}

.noteIds {
	display: block;
	width: 150px;
	float: left;
	margin-right: 15px;
}

.noteText {
	display: block;
	width: calc(100% - 165px);
	float: left;
	position: relative;
}

.noteBlock h5 {
	font-size: 13px;
    font-weight: 700;
    margin: 10px auto;
	text-align: center;
    color: #848484;
}

.noteText .deleteSign {
    right: 2px;
    top: 5px;
    left: unset;
	border-radius: 6px;
    padding: 9px 9px;
	cursor: pointer;
}

.noteText .deleteSign::before {
	width: 17px;
    height: 18px;
}

.noteText .deleteSign:hover {
	background-color: #e7e7e7;
}

.noteText h5 {
	text-align: left;
}

.noteBlock h4 {
	font-size: 13px;
    font-weight: 700;
    margin: 10px auto;
    color: #acacac;
    line-height: 16px;
}

.noteBlock p {
	font-size: 13px;
    font-weight: 700;
    margin: 10px auto;
    color: #acacac;
    text-align: center;
    line-height: 19px;
}

.lowerTitle {
	clear: both;
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}

.separId {
	cursor: pointer;
}

.separId:hover {
	border-bottom: 2px solid #565656;
}

.toggleBox {
	display: block;
	width: 98%;
	overflow: hidden;
	margin: 10px auto;
	background-color: #fff;
    border-radius: 6px;
    border: 3px solid #839fd1;
}

.toggleBox h5 {
	font-size: 13px;
    font-weight: 700;
    margin: 10px auto;
    text-align: center;
    color: #848484;
}

.toggleBox p{
	font-size: 13px;
    font-weight: 700;
    margin: 10px auto;
    color: #acacac;
    text-align: center;
    line-height: 19px;
}

.toggleBox h4{
	font-size: 13px;
    font-weight: 700;
    margin: 10px auto;
    color: #acacac;
    line-height: 16px;
}

.toggleBox .noteIds {
	width: 100px;
}

.toggleBox .noteText {
	width: calc(100% - 230px);
}

.toggleBox .noteText h5 {
	text-align: left;
}

.smallIds {
	width: 60px !important;
    margin-left: -10px;
}

.toggleBox .noteText p {
	text-align: unset;
}

.noteText .clientName::before {
	margin-top: -3px;
}

.noteText .clientName .compLinks {
	color: #acacac !important;
}

#tagsJoint {
	display: none;
	position: relative;
	overflow: hidden;
    width: 100%;
}

.tagTextBox {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 10px;
    background-color: #fff;
    border-radius: 6px;
    border: 3px solid #839fd1;
    padding-bottom: 6px;
	padding-right: 20px;
}

.tagSignId {
	color: #acacac;
	font-weight: 700;
	font-size: 13px;
}

.tagSignId p {
    display: block;
    float: left;
    cursor: pointer;
    padding: 2px 2px;
    padding-top: 9px;
    margin: 0 7px;
    border-bottom: 2px solid #fff;
}

.tagSignId p:hover {
	border-bottom: 2px solid #333;
}

.tagTextBox .deleteSign {
    left: unset;
    right: 4px;
    top: 9px;
	cursor: pointer;
}

.tagTextBox .deleteSign::before {
	width: 17px;
    height: 17px;
}

.backToSign {
    font-size: 11px;
    font-weight: 800;
    color: #727272;
    text-transform: uppercase;
    margin: 0px 15px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 53px;
	cursor: pointer;
}

.backToSign:hover {
	border-bottom: 2px solid #333;
}

.totalVisits {
	display: block;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
}

.totalVisits h5 {
	display: block;
    width: 29%;
    margin: 10px 2px;
    overflow: hidden;
    font-size: 10px;
    color: #333;
    line-height: 15px;
    float: left;
    text-align: center;
}

.totalVisits h5 span {
	font-weight: 700;
    display: block;
    margin: 10px auto;
    font-size: 25px;
    margin-top: 20px;
}

.primeClientWin .scrollWin {
	width: 107%;
}

.littleTutor {
	display: block;
    margin: 10px auto;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    font-weight: 800;
    padding: 15px 0;
    border-radius: 6px;
    background-color: #f0efff;
}

#getNav h6 {
	font-size: 12px;
    margin: 10px 0;
    margin-top: 20px;
    float: left;
    font-weight: 900;
    color: #8d8d8d;
	clear: both;
}

.btnFloat {
	float: left;
}

#overTwo, #overFour {
	display: none;
}

.lightType {
	width: 90% !important;
}

.lightType .editSign {
	float: right;
    right: 0px;
    left: unset;
}

.lightCreate .smallInput{
	text-align: center;
}

.moreTimeSet {
    display: block;
    font-size: 10px;
    border: 2px solid #333;
    width: fit-content;
    font-weight: 700;
    line-height: 7px;
    color: #333;
    margin: 10px;
    margin-bottom: 15px;
    background-color: transparent;
    padding: 11px 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
}

.moreTimeSet:hover {
	background-color: #f4f4f4;
}

.timeSetUp {
	overflow: hidden;
	position: relative;
}

.timeSetUp .newTime {
	width: 70%;
	float: left;
	margin-left: 10px;
}

.timeSetUp .deleteSign {
    float: right;
    left: unset;
    right: 5px;
    margin: 0px 3px;
    top: 16px;
    cursor: pointer;
    padding: 8px 5px;
    padding-top: 10px;
    border-radius: 4px;
}

.timeSetUp .deleteSign:hover {
	background-color: #f4f4f4;
}

.timeSetUp .deleteSign::before {
	background-size: 90%;
	width: 25px;
	height: 25px;
}

.timeSetUp .deleteSignD {
	float: right;
    width: 23px;
    height: 23px;
    position: absolute;
    background-image: url(../icons/Trash.png);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    left: unset;
    right: 5px;
    margin: 0px 3px;
    top: 16px;
    cursor: pointer;
    padding: 8px 5px;
    padding-top: 10px;
    border-radius: 4px;
}

.timeSetUp .deleteSignD:hover {
	background-color: #f4f4f4;
}

.timeSetUp .deleteSignD::before {
	background-size: 90%;
	width: 25px;
	height: 25px;
}

.lightModes .userInfo h3, .lightModes .userInfo h4{
	color: #fff;
}

.lightModes .userInfo h5{
	color: #b0b0b0;
	clear: both;
}

.lightModes .contactBtn a {
	border: 2px solid #eaeaea;
	color: #fff;
	box-shadow: 1px 1px 0px 0.5px #eaeaea;
}

.lightModes .contactBtn a:hover {
	background-color: #f9f9f959 !important;
}

.lightModes .wtsBtn {
	background-image: url(../icons/whatsapp2.png);
}

.lightModes .insBtn {
	background-image: url(../icons/instagram2.png);
}

.lightModes .vkBtn {
	background-image: url(../icons/Vk2.png);
}

.lightModes .telegramBtn {
	background-image: url(../icons/Telegram1.png);
}

.lightModes .fancyBor {
	border-radius: 4px;
    border: 4px solid #82f4ff;
    overflow: hidden;
    width: 170px;
    height: 170px;
    padding: 12px;
    float: left;
    margin: 10px;
    margin-right: 25px;
}

.lightModes .photoBorder {
    border-radius: 4px;
    background-size: cover;
    float: none;
    margin: 0;
}

.publicPage .lightModes  .sepTitle {
	margin-top: 0;
	color: #b0b0b0;
	font-size: 18px; 
}

.lightBlock {
	display: block;
	width: 80%;
	margin: 10px auto;
	margin-bottom: 15px;
	overflow: hidden;
}

.lightBlock h4 {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    margin: 20px;
    margin-bottom: 0px;
    font-weight: 800;
}

.lightBlockTime {
	padding: 10px;
	overflow: hidden;
}

.lightBlock .canChooseTime {
    border: 2px solid #69afb6;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 1px 1px 0px 0.5px #69afb6;
}

.lightBlock .canChooseTime:hover {
	background-color: #f9f9f959 !important;
}

.lightTitle {
	color: #fff !important;
}

.lightTitle::before {
	background-image: url(../icons/logonew2.png) !important;
}

.lightModes .userInfo h4 {
	border-bottom: 2px solid #fff;
    padding-bottom: 7px;
    float: left;
    clear: both;
    margin-bottom: 15px;
}

.lightModes .tapyBton {
	background-image: url(../icons/taplink1.png) !important;
}

.getBor {
	border: 4px dashed #fff;
    padding-top: 20px;
}

.lightWrp {
	background-color: #1a1b1c !important;
}

.uderonfirmImg {
	display: block;
    height: 150px;
    margin: 0 auto;
    overflow: hidden;
}

.regBoxNote {
    font-size: 12px;
    clear: both;
    width: 84%;
    margin: 10px auto;
    background-color: #ffedc6;
    border: 1px solid #eaeaea;
    padding: 10px 10px;
    line-height: 16px;
    color: #373737;
    font-weight: 600;
    text-align: center;
    border-radius: 4px;
}

#showMeToday, #showMeTomorrow {
	display: none;
}

.notifyBtns .clickBtn {
	float: left;
}

.actionBtn p{
	cursor: default !important;
	margin-right: 0;
}

.actionBtn p:hover {
	text-decoration: unset !important;
}

.clientRespond {
	float: left;
    position: absolute;
    left: 0;
}

.goodResp {
	background-color: #39b43c;
    padding: 3px 8px;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
}

.badResp {
	background-color: #c54545;
    padding: 3px 8px;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
}

.misResp {
	background-color: #ffa140;
    padding: 3px 8px;
    color: #fff;
    border-radius: 3px;
    margin-left: 8px;
}

.notifyB {
	display: block;
    width: 70%;
    margin: 20px auto;
    overflow: hidden;
    padding: 17px 10px;
    border: 2px solid #333;
    border-radius: 4px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
	cursor: pointer;
}

#confirmNoteB {
	background-color: #83ff64;
}

#confirmNoteB:hover {
	background-color: #48c628;
}

#cancelNoteB {
	background-color: #f4f4f4;
    border: none;
    color: #333;
}

#cancelNoteB:hover {
	background-color: #dadada;
}

.resConf {
	background-color: #83ff64;
    text-align: center;
    padding: 40px 10px;
    width: 70%;
    margin: 10px auto;
    border: 2px solid #333;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    background-image: url(../icons/Check.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: left;
}

.resCanc {
	background-color: #ffbfbf;
    text-align: center;
    padding: 40px 10px;
    width: 70%;
    margin: 10px auto;
    border: 2px solid #333;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 600;
    color: #333;
    background-image: url(../icons/Cross.png);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: left;
}

.notifyBcange {
	font-size: 12px;
    color: #333;
    margin: 25px auto;
    text-align: center;
    width: 90%;
    line-height: 17px;
}

@media only screen and (min-device-width : 1450px){

.activeTime, .timeBox:hover {
    border: 3px solid #787878;
    border-radius: 4px;
}

}

@media only screen and (min-device-width : 1181px) and (max-device-width : 1220px) {

.publicPage .mDay li {
	flex: 0 0 calc(100% / 7.9) !important;	
}
}

@media only screen and (min-device-width : 1181px) and (max-device-width : 1260px) {

.mainWhatUpd div {
	width: 31%;
    margin: 10px 10px;
    margin-right: 0;
}

.mainWhatUpd div span {
	width: 47px;
    height: 47px;
	line-height: 44px;
}

.mainWhatUpd div h4 {
	font-size: 17px;
}

.mainWhatUpd, .mainPriseUpd {
	width: 96%;
	margin: 0 auto;
	margin-top: 100px;
}

.mainBodyUpd {
	width: 96%;
	margin: 0 auto;
}

}

@media only screen and (min-device-width : 0px) and (max-device-width : 1450px) {
	
.hintBox {
	right: -260px;
	height: 100%;
}

header h6 {
	display: block;
}

}

@media only screen and (min-device-width : 900px) and (max-device-width : 1180px) {
	
header h6 {
	margin-right: 32px;
	font-size: 18px;
	margin-top: 8px;
}

#getNav {
	width: 75px;
}

nav a {
	padding-right: 10px;
}

.mobileShort {
	display: none;
}

.workingWin {
    max-width: calc(100% - 125px);
    margin: 0 10px;
}

.meDay li {
	flex: 0 0 calc(100% / 7.9) !important;
}

.scrollmoreWin {
	width: 100%;
}

.navServ h6 {
	margin-top: 2px;
}

#newSignClient .scrollmoreWin {
	width: 100%;
}

.clientInfo {
	width: 82%;
	float: left;
}

.scrollWin {
	width: 103%;
}

.biggerDays li {
	flex: 0 0 calc(100% / 8.5);
}

.workSchedule {
	min-height: 1140px;
}

.monthNav .fieldNote {
	width: 56%;
}

.scrollmoreWin {
    width: 98%;
}

.personCard .navServ {
	width: 97%;
}

#calenContain {
	min-height: 540px;
}

#calenContain .month-name {
	margin-top: -27px;
}

.personCard .signWinInfo {
	width: 98%;
}

.absBtnNext {
	bottom: 4px;
}

.linkBox {
	width: 93%;
}

.setMyPage .sepBox {
	width: 88%;
}

.payToMe .sepBox {
	width: 88%;
}

.publicPage {
	width: 90% !important;
}

.publicPage .userInfo {
	width: 67%;
}

#horizontal-scroller .mobileShort {
	display: block;
}

.publicPage .publickLinks {
	display: block;
    float: left;
    width: 30%;
}

.userInfo h3 {
	font-size: 26px;
}

.contactBtn div {
	padding-bottom: 0;
}

.publicPage .linkBox .linkInfoBody {
	width: 98%;
}

.myLinks {
	width: 100%;
}

.publicPage .linkBox {
	width: 94%;
}

.linkBox {
	margin: 20px auto;
}

.myLinks h3 {
	font-size: 20px;
	margin-top: 10px;
}

.popularServ div {
	width: 33%;
	margin: 10px 5px;
}

.colBox {
	width: 47%;
    margin: 10px 5px;
}

.publicPage .mDay li {
	flex: 0 0 calc(100% / 8.16) !important;
}

.sepEv {
	width: 85%;
}

.publicPage .smallEventPic {
	width: 130px;
    height: 90px;
}

.publicPage  .smallEventInfo {
	width: 68%;
}

.publicPage .smallEventInfo h4 {
	font-size: 17px;
}

.publicPage .smallEventInfo p {
	font-size: 13px;
	line-height: 16px;
}

/*Стили для нового промо*/

.mainBodyInfoUpd {
	width: 65%;
}

.mainBodyAction {
	width: 30%;
}

.mainBodyUpd {
	margin-top: 0;
}

.mainBodyInfoUpd h1 span {
	font-size: 40px;
}

.mainBodyInfoUpd h1 {
    font-size: 38px;
    line-height: 47px;
	text-align: center;
	margin-top: 110px;
}

.mainBodyInfoUpd h2 {
	font-size: 17px;
    width: 90%;
    line-height: 21px;
	margin-top: -10px;
	text-align: center;
}

.mainPhotoUpd {
	margin-top: 20px;
}

.mainPhotoUpd h2, .mainFeatureUpd h2, .mainWhatUpd h2, .mainPriseUpd h2 {
	font-size: 38px;
    line-height: 48px;
    margin-top: 30px;
    width: 80%;
}

.mainPhotoUpd h3 {
	font-size: 29px;
    margin-bottom: 15px;
}

.mainPhotoUpd h4 {
    font-size: 20px;
    line-height: 26px;
}

.mainFeatureUpd, .mainWhatUpd, .mainPriseUpd {
	margin-top: 20px;
}

.mainWhatUpd div {
    margin: 10px 0px;
    margin-left: 27px;
    width: 47%;
    height: 120px;
}

.mainWhatUpd div span {
	width: 36px;
	height: 36px;
	line-height: 36px;
    font-size: 17px;
}

.mainFeatureUpd div p {
	font-size: 15px;
	line-height: 21px;
}

.mainWhatUpd div h4 {
    width: 80%;
    margin: 9px 5px;
    margin-left: 15px;
    font-size: 17px;
	text-align: left;
}

.mainWhatUpd div p {
	font-size: 14px;
    line-height: 19px;
    width: 80%;
    text-align: left;
    margin: 10px 5px;
    margin-top: -3px;
    margin-left: 15px;
}

.featuresList p span {
	width: 40px;
	height: 40px;
    margin-top: -8px;
}

.featuresList p {
	font-size: 15px;
}

.featuresList {
	width: 47%;
}

.priseList {
	width: 53%;
}

.mainFeatureUpd div h3 {
	font-size: 23px;
}

.mainPriseUpd h3 {
	margin-top: 20px;
    font-size: 28px;
}

.mainPriseUpd h4 {
	width: 90%;
    font-size: 14px;
    line-height: 18px;
}

}

@media only screen and (min-device-width : 721px) and (max-device-width : 899px) {

.mainBodyInfo h1 {
	font-size: 59px;
}

.mainBodyInfo h2 {
	font-size: 26px;
    line-height: 30px;
	margin-bottom: 30px;
}

.frontInput {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.inputName h6 {
	font-size: 21px;
    margin: 14px -1px;
	padding-left: 15px;
}

.getNameFirst {
	width: 175px;
	font-size: 21px;
	margin: 4px 10px;
}

.getMailFirst {
	width: 85% !important;
	font-size: 21px;
}

.signUp {
    width: 90%;
    height: 55px;
    font-size: 19px;
}

.mainBody {
	margin-bottom: 20px;
}

.promoPart {
    width: 96%;
    border-radius: 10px;
    margin: 10px auto;
}

.promoPart h4 {
	font-size: 17px;
}

.promoPart h5 {
	width: 96%;
    font-size: 18px;
    line-height: 23px;
    font-weight: 800;
    margin: 10px auto;
    margin-bottom: 10px;
}

.boxTitle {
	font-size: 29px;
	margin-bottom: 0;
}

.partnOne {
	display: block;
	width: 98%;
	margin: 10px auto;
}

.mainFeatures {
	width: 98%;
	margin: 10px auto;
}

.partTwo {
	width: 98%;
	margin: 10px auto;
}

.partImg {
	width: 98%;
	float: none;
	margin: 10px auto;
	height: 200px;
}

.partInfo {
	width: 98%;
	float: none;
	margin: 10px auto;
}

.partInfo h3 {
	font-size: 26px;
    margin: 5px 10px 10px 10px;
	text-align: center;
}

.partInfo h4 {
	text-align: center;
	font-size: 17px;
    line-height: 21px;
}

.subPart {
	width: 98%;
}

.subPart p {
	font-size: 13px;
    width: 62%;
    margin: 1px 10px;
    line-height: 15px;
}

.descView {
	display: none;
}

.mobileView {
	display: block;
}

.webImg {
	background-size: 59%;
}

.partFour {
	margin-bottom: 20px;
}

.partFive {
	display: block;
	margin-bottom: 20px;
}

.otherFeatures {
	width: 98%;
	margin: 10px auto;
}

.otherFeatures p {
	width: 90%;
	margin: 0 auto;
}

.partSix {
	width: 98%;
	margin: 10px auto;
}

.partSix h3 {
	font-size: 20px;
    margin: 10px;
}

.partSix h4 {
	font-size: 40px;
}

.getSmaller {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.partSix h5 {
	width: 90%;
	margin: 10px auto;
	font-size: 14px;
	margin-top: 20px;
}

.noteMsg {
    width: 94%;
    height: 104px;
    left: 3%;
    bottom: 15px;
}

.noteBody h3 {
	margin: 21px 10px;
	font-size: 15px;
}

.noteImg {
	background-size: 87%;
}

/*Стили для сайта*/

header {
	height: 50px;
}

.headTitle::before {
	margin-top: -2px;
}

.blockWrp {
	background-color: #f9f9f9;
}

.moreWrp {
	background-color: #f9f9f9;
	height: 100vh;
}

.signupTitle {
	margin-right: 4px;
	font-size: 20px;
}

.policyLink {
	font-size: 11px;
	line-height: 13px;
}

.disclaimer {
	font-size: 13px;
    line-height: 15px;
}

.password-control {
	right: 40px;
}

.password-controlReg {
	right: 40px;
}

.content h3 {
	font-size: 20px;
    text-align: center;
    line-height: 23px;
}

.text-p {
    display: block;
    width: 85%;
    margin: 10px auto;
    font-size: 12px;
    line-height: 16px;
}

.text-h {
	font-size: 18px;
    line-height: 21px;
    margin-left: 20px;
}

.workingWin {
	width: 100%;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

.imgAva {
	float: none;
	margin: 20px auto;
}

.partnerAva {
    height: 100%;
    margin: 10px auto;
}

.inputSign {
	float: left;
    margin: 10px;
    margin-top: 18px;
    margin-left: 5px;
}

.avatarLabel {
	width: 170px;
    height: 25px;
	font-size: 13px;
    line-height: 26px;
}

.inputBlock {
	margin: 10px auto;
	overflow: hidden;
}

.sepBoxTitle {
    font-size: 21px !important;
    padding-bottom: 10px;
    margin: 10px 15px !important
}

.sepBoxMore {
	margin: 30px auto;
}

.eventBox {
	margin: 0 auto;
}

.fieldNote {
    width: 93%;
    margin: 5px auto;
    background-color: #ebe8e891;
    font-size: 11px;
    padding-bottom: 12px;
}

.inputButton {
	width: 96%;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.fieldImg {
    width: 35px;
    height: 35px;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 0;
}

.inputBoxText {
	width: 89%;
	font-size: 15px;
	height: 40px;
}

.inputBoxArea {
	width: 89%;
	border: 2px solid #c6c6c6;
}

.saveBtn {
    margin: 10px auto;
    margin-top: 20px;
}

#addUCalen {
	width: 64%;
	float: left !important;
}

.addAction {
	font-size: 12px;
    float: left;
    margin: 20px 5px;
    line-height: 15px;
}

#showCalen, #showCalenOff {
	margin-left: 10px;
	float: left !important;
}

#hiddenCalen {
	position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

#hiddenCalen .meDay li {
	flex: 0 0 calc(100% / 7.9) !important;
}

#hiddenCalen h3 {
	margin-bottom: 20px;
}

.smallSave {
	margin: 10px auto !important;
    margin-top: 20px !important;
    width: 185px !important;
}

.getList {
	margin: 10px auto;
    float: none;
    width: 76%;
    text-align: center;
}

.personCard .signWinInfo {
	width: 98%;
}

.clickBtn {
	width: 80%;
	float: none !important;
	margin: 10px auto;
	text-align: center;
}

.serviceApp {
	width: 100%;
    margin: 10px auto;
}

.serviceType {
	width: 90% !important;
	padding: 0 10px;
}

.smallEvent {
	margin: 10px auto;
	margin-bottom: 0;
}

.smallEventPic, .editEvent .smallEventPic {
	width: 90%;
	margin: 10px auto;
	float: none;
	height: 250px;
}

.smallEventInfo {
	width: 98%;
    margin: 10px auto;
	margin-bottom: 0;
}

.linkBox {
    margin: 10px auto;
    padding: 10px 0;
}

.aside {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    left: 0%;
    float: none;
	background-color: #fff;
	padding: 0;
}

.actionBtn {
	display: block;
    justify-content: space-between;
    margin: 5px auto;
    float: none;
    width: 98%;
	height: auto;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    border: none;
    border-radius: 6px;
    margin-top: 65px;
    box-shadow: none;
    background-color: transparent;
	padding-bottom: 2px;
	border-top: 1px solid #eaeaea;
}

.actionBtn h6 {
    font-size: 9px;
    text-align: center;
    padding: 8px 3px;
    padding-top: 1px;
    margin: 5px 5px;
    white-space: nowrap;
    margin-bottom: 0;
    float: right;
    flex: 0 0 15%;
}

.actionBtn h6::before {
	margin-top: 0px;
    padding-bottom: 5px;
	display: block;
    float: none;
    margin: 0 auto;
}

.deleteSign {
	margin-top: 3px !important;
	flex-shrink: 3;
}

.giftSign {
	flex-shrink: 2;
}

.popularSign {
	flex-shrink: 2;
}

.serviceType p {
	width: 12%;
	font-size: 12px;
}

.photoBorder {
	margin: 0 auto;
    float: none;
}

.profileAva {
	margin: 0 auto;
}

.userInfo {
	width: 96%;
	text-align: center;
}

.cheduleStyle {
    font-size: 16px;
    margin: 10px;
    padding: 16px 16px;
    padding-bottom: 12px;
    margin-right: 5px;
    width: 72%;
}

.delTime {
    margin: 23px 0;
    margin-bottom: 0;
	float: left;
}

.editTime {
    margin: 11px;
    margin-top: 24px;
	float: left;
}

.timeBox {
	max-width: 96%;
	margin: 0px auto;
	float: none;
	overflow: hidden;
}

.noMoreTop {
	margin-top: 5px !important;
}

.biggerDays li {
	flex: 0 0 calc(100% / 7 - 2px);
	margin: 10px 1px;
	padding: 12px 0 !important;
}

.popularServ {
	display: block;
    overflow: hidden;
}

.publicPage .servGift::before {
	margin-right: 4px;
}

.colBox {
	width: 48%;
    margin: 10px 5px;
}

.smallEventInfo h5::after {
	margin-top: -1px;
}

.linkSign {
	margin-right: 0px !important;
}

.popularBox {
	width: 200px !important;
    display: inline-block;
	height: 80px;
}

.popularBox h5 {
	min-height: 33px;
	white-space: normal;
}

.publicPage .profileInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage .userInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage #getBigWin {
	width: 98%;
    margin: 0 auto;
	float: none;
}

.myEvent {
	padding: 10px 0;
}

.publicPage .publickLinks {
	width: 98%;
    margin: 0 auto;
    float: none;
}

.mobileTop {
	display: block;
	margin: 20px 15px;
	color: #565656;
	font-weight: 700;
}

.descTop {
	display: none !important;
}


nav {
	height: 100%;
    position: fixed;
    top: 0;
    left: -270px;
	z-index: 999;
	float: none;
}

.tarifDo {
	margin: 10px auto;
	margin-top: 30px;
	width: 80%;
}

.closeBigBtn {
	margin-top: 20px;
}

.extraSmall {
	float: none;
	margin: 10px auto;
}

.calenVisible {
	padding-top: 10px;
	overflow-y: auto;
    height: 100%;
}

.moreTop {
	padding-top: 40px;
}

.moreWin {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

.sepBox {
	width: 99%;
    border-radius: 6px;
}

.dateBox {
	width: 100%;
	margin: 10px auto;
}

#thatLink {
    font-size: 26px;
    margin: 20px auto;
    text-align: center;
    width: 96%;
}

#qrcode {
	margin: 30px auto;
    display: block;
    text-align: center;
}

.stSelect {
	width: 92%;
	background-color: transparent;
}

.clientApp {
    padding: 10px 0;
    margin: 10px auto;
    padding-bottom: 00px;
    margin-bottom: 0;
    width: 99%;
}

.signTime {
	padding: 14px 14px;
    font-size: 15px;
}

.signTimeLow {
	padding: 14px 14px;
    font-size: 15px;
}

.timeScBox {
	display: flex;
    justify-content: space-around;
    border: none;
    width: 90%;
    margin: 0 auto;
    float: none;
    border-radius: 0;
    margin-top: -10px;
}

.clientInfo {
    width: 98%;
    margin-bottom: 0;
    float: none;
	margin: 0 auto;
}

.personCard .navServ h6 {
	font-size: 13px;
}

.timeScBox span {
    float: right;
    width: auto;
    margin: 0px 3px;
    text-align: center;
	padding-bottom: 5px;
}

.clientInfo h5 {
	padding: 10px;
    width: 97%;
    margin: 10px auto;
    font-size: 15px;
    line-height: 19px;
	margin-bottom: 20px;
	margin-left: 0;
}

#newChooseTime .canChooseTime {
	margin: 5px 5px;
}

.clientInfo p {
	font-size: 11px;
    white-space: nowrap;
    text-align: center;
    margin: 10px 4px;
}

.clientName {
	margin-left: 15px !important;
}

.confirmSendTo {
    font-size: 9px;
    text-align: center;
    padding: 10px 5px;
    padding-top: 5px;
    margin: 0px 5px;
    margin-bottom: 0;
    flex: 0 0 15%;
	float: right;
}

.confirmSendTo::before {
	margin-top: 0px;
    padding-bottom: 5px;
    display: block;
    float: none;
    margin: 0 auto;
}

.sepTitle {
	font-size: 21px;
    padding-bottom: 10px;
    margin: 10px 15px !important;
}

.profileInfo {
	margin-bottom: 10px;
}

.sepBoxPro {
	margin-top: 20px;
}

.insBtn {
	background-image: url(../icons/instagram1.png);
}

.bookBtn {
	background-image: url(../icons/Bookmark1.png);
}

.wtsBtn {
	background-image: url(../icons/whatsapp1.png);
}

.vkBtn {
	background-image: url(../icons/Vk1.png);
}

.moreBtn {
	background-image: url(../icons/Layout1.png);
}

.getShowBack {
	width: 29%;
    height: 40px;
}

.publicPage .linkBox {
	width: 94%;
}

.justPost {
	padding: 10px !important;
}

.toteBlock h3 {
	font-size: 24px;
}

.toteBlock p {
	width: 84%;
    font-size: 14px;
    line-height: 22px;
}

.telegramBot {
	width: 95%;
	line-height: 51px;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.sepAva {
	padding-bottom: 20px;
}

#chooseArea {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contactBtn {
	justify-content: center;
}

.days li {
	flex: 0 0 calc(100% / 7.7);
}

.mobileTitle {
	border: none;
	background-color: unset;
}

.workSchedule {
	min-height: 1085px;
}

.weekdays li {
	font-weight: 700;
}

.navServ {
	width: 98%;
}

.navServ h6 {
	width: 90%;
	font-size: 15px;
}

.scrollmoreWin {
	width: 100%;
}

.giftBox {
	background-size: cover;
}

.chooseService h5 {
	font-size: 14px;
	line-height: 13px;
}

.canChooseTime {
	margin: 10px 6px;
}

.servGift {
	margin-right: 0 !important;
}

.chooseService .servPrise::before {
	background-size: 86%;
	margin-top: -7px;
}

.servGift::before {
	background-size: 85%;
    background-position-x: 5px;
    margin-right: -11px;
}

.chooseService .servTime::before {
    background-size: 88%;
    margin-top: -7px;
    margin-right: -5px;
}

.countGroup {
	width: auto !important;
}

.morePeople p:first-child {
	white-space: unset !important;
    width: 51% !important;
}

.servPublic::before {
    background-size: 70%;
    margin-top: -8px;
    margin-right: -16px;
}

.emptyArr {
	width: 90%;
}

.btnBox {
	overflow: unset;
}

#goTime, #goTimes {
	background-color: #f0efff;
    border-radius: 4px;
    margin-bottom: 5px;
}

.userListing .personClient, .userListing .personNoClient {
	width: 89%;
    margin: 14px auto;
}

.fixBox {
	width: 98%;
}

.scrollWin {
	width: 100%;
}

.personCard {
	width: 94%;
    margin: 0 auto;
    padding: 10px 0;
}

.fastSignPerson {
	margin-bottom: 21px;
}

.personCard #newSignClient {
	clear: both;
    width: 100%;
    margin: 0 auto;
}

.servPrise::before {
	background-size: 90%;
	margin-right: 2px;
    margin-top: -8px;
}

.servTime::before {
	background-size: 90%;
	margin-right: 0px;
    margin-top: -8px;
}

.servGroup::before {
	margin-right: -2px !important;
    margin-top: -7px;
}

.dateBox .servGroup {
	margin-left: -3px;
}

.dateBox .serviceType p {
	width: 25%;
}

.meDay li {
	flex: 0 0 calc(100% / 7.8) !important;
}

.fixTimeCalen .days li {
	flex: 0 0 calc(100% / 7.8);
}

.peoplePageCalen .days li {
	flex: 0 0 calc(100% /8.4) !important;
}

.linksBtn .clickBtn {
	float: none !important;
}

.publicPageCalen .days li {
	flex: 0 0 calc(100% / 7.9) !important;
}

.toteBlock img {
	width: 90%;
    height: auto;
}

.activeTime {
	border: 3px solid #787878
}

.headTitle  {
	display: none;
}

header h6 {
    font-size: 11px;
	padding: 6px 7px;
    margin-top: 14px;
    margin-right: 12px;
}

.hintBox {
	padding: 0;
}

.hintBox .scrollWin {
	width: 100%;
}

#setNewSign {
	min-height: 505px;
	margin-top: 0;
}

.moreWin .signWin {
	width: 97%;
}

nav {
	background-color: #fafafa;
	border-radius: 0;
}

.dayOption {
	margin: 10px auto;
}

.clientCalen .days li {
	flex: 0 0 calc(100% / 8.2);
}

.clientCalen .days li {
	font-size: 1rem;
}

.serviceCreate {
	width: 94%;
    margin: 0 auto;
}

.fontTitle {
	font-size: 10px;
}

.selectOptionBtn {
	font-size: 11px;
}

.monthNav .fieldNote {
	width: 90%;
	margin: 10px auto;
	float: none;
}

.selectOptionSave {
	width: 90%;
	float: none;
	margin: 10px auto;
}

#newSignServNew .serviceType {
	height: auto;
    width: 89% !important;
    box-shadow: 1px 3px 5px 1px #d5d5d5;
}

.peoplePageCalen .canChooseTime {
	margin: 10px 5px;
}

.setMyPage .sepBox {
	width: 89%;
    padding: 20px 10px;
}

.changeNikFiled {
	width: 96%;
}

.pageStart {
    font-size: 24px;
    margin-left: 200px;
}

.nikName {
	font-size: 24px;
    max-width: 118px;
	margin-top: 12px;
}

.payToMe .sepBox {
	padding: 20px 10px;
    width: 89%;
}

.publicPage .workSchedule {
	min-height: 525px;
}

.publicPage .mDay li {
	border: 3px solid #e9e9e9;
}

.sepEv {
	padding: 10px 0;
}

/*Стили для нового промо*/

.mainBodyInfoUpd {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainBodyAction {
	float: none;
	margin: 10px auto;
	width: 85%;
    margin-top: 50px;
}

.mainBodyUpd {
	margin-top: 0;
}

.mainBodyInfoUpd h1 span {
	font-size: 40px;
}

.mainBodyInfoUpd h1 {
    font-size: 38px;
    line-height: 47px;
	text-align: center;
}

.mainBodyInfoUpd h2 {
	font-size: 17px;
    width: 90%;
    line-height: 21px;
	margin-top: -10px;
	text-align: center;
}

.mainPhotoUpd {
	margin-top: 20px;
}

.mainPhotoUpd h2, .mainFeatureUpd h2, .mainWhatUpd h2, .mainPriseUpd h2 {
    font-size: 33px;
    line-height: 42px;
	margin-top: 30px;
	width: 80%;
	-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -o-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -moz-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainPhotoUpd h3 {
	font-size: 29px;
    margin-bottom: 15px;
}

.mainPhotoUpd h4 {
    font-size: 20px;
    line-height: 26px;
}

.mainWhatUpd, .mainPriseUpd {
	width: 96%;
	margin: 0 auto;
}

.mainFeatureUpd, .mainWhatUpd, .mainPriseUpd {
	margin-top: 20px;
}

.mainFeatureUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainFeatureUpd div p {
    font-size: 17px;
    width: 90%;
    line-height: 23px;
}

.mainWhatUpd div {
    margin: 10px 14px;
    width: 46%;
	height: 134px;
}

.mainWhatUpd div span {
	width: 36px;
	height: 36px;
	line-height: 36px;
    font-size: 17px;
}

.mainWhatUpd div h4 {
    width: 80%;
    margin: 9px 5px;
    margin-left: 15px;
    font-size: 17px;
	text-align: left;
}

.mainWhatUpd div p {
	font-size: 14px;
    line-height: 19px;
    width: 80%;
    text-align: left;
    margin: 10px 5px;
    margin-top: -3px;
    margin-left: 15px;
}

.featuresList p span {
	width: 40px;
	height: 40px;
    margin-top: -8px;
}

.featuresList p {
	font-size: 15px;
}

.featuresList {
	width: 47%;
}

.priseList {
	width: 53%;
}

.mainFeatureUpd div h3 {
	font-size: 23px;
}

.mainPriseUpd h3 {
	margin-top: 20px;
    font-size: 28px;
}

.mainPriseUpd h4 {
	width: 90%;
    font-size: 14px;
    line-height: 18px;
}

.tagBox {
	max-width: unset;
	float: left;
}

.tagBox .cheduleStyle{
	display: block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 6px 10px;
	width: unset;
    line-height: 27px;
    padding: 5px 12px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.delTag {
	margin: 8px 0;
}

#tagBlock .timeBox{
	max-width: unset;
	float: left;
}

#tagBlock .cheduleStyle {
	display: block;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 6px 10px;
	width: unset;
    float: left;
    line-height: 27px;
    padding: 5px 12px;
    border-radius: 6px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
}

.lightModes .fancyBor {
	width: 140px;
	height: 140px;
	float: none;
	padding: 6px;
	margin: 20px auto;
}

.lightModes .photoBorder {
	width: 140px;
	height: 140px;
}

.lightModes .userInfo h4 {
	float: none;
	width: 50%;
	margin: 10px auto;
    margin-top: 25px;
    margin-bottom: 30px;
}

.getBor {
	width: 94%;
    border: 3px dashed #fff;
    padding-top: 0;
}

.publicPage .lightModes .sepTitle {
	font-size: 14px !important;
}

.lightBlock {
	width: 98%;
}

.lightBlock .canChooseTime {
	font-weight: 800;
}

.lightType .canChooseTime {
	width: unset;
}

#showCalen, #addUCalen {
	float: left !important;
}

.lightType .actionBtn {
	height: 50px !important;
	margin-top: 70px !important;
}

}

@media only screen and (min-device-width : 480px) and (max-device-width : 720px) {

.mainBodyInfo h1 {
	font-size: 59px;
}

.mainBodyInfo h2 {
	font-size: 26px;
    line-height: 30px;
	margin-bottom: 30px;
}

.frontInput {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.inputName h6 {
	font-size: 21px;
    margin: 14px -1px;
	padding-left: 15px;
}

.getNameFirst {
	width: 175px;
	font-size: 21px;
	margin: 4px 10px;
}

.getMailFirst {
	width: 85% !important;
	font-size: 21px;
}

.signUp {
    width: 90%;
    height: 55px;
    font-size: 19px;
}

.mainBody {
	margin-bottom: 20px;
}

.promoPart {
    width: 96%;
    border-radius: 10px;
    margin: 10px auto;
}

.promoPart h4 {
	font-size: 17px;
}

.promoPart h5 {
	width: 96%;
    font-size: 18px;
    line-height: 23px;
    font-weight: 800;
    margin: 10px auto;
    margin-bottom: 10px;
}

.boxTitle {
	font-size: 29px;
	margin-bottom: 0;
}

.partnOne {
	display: block;
	width: 98%;
	margin: 10px auto;
}

.mainFeatures {
	width: 98%;
	margin: 10px auto;
}

.partTwo {
	width: 98%;
	margin: 10px auto;
}

.partImg {
	width: 98%;
	float: none;
	margin: 10px auto;
	height: 200px;
}

.partInfo {
	width: 98%;
	float: none;
	margin: 10px auto;
}

.partInfo h3 {
	font-size: 26px;
    margin: 5px 10px 10px 10px;
	text-align: center;
}

.partInfo h4 {
	text-align: center;
	font-size: 17px;
    line-height: 21px;
}

.subPart {
	width: 98%;
}

.subPart p {
	font-size: 13px;
    width: 62%;
    margin: 1px 10px;
    line-height: 15px;
}

.descView {
	display: none;
}

.mobileView {
	display: block;
}

.webImg {
	background-size: 59%;
}

.partFour {
	margin-bottom: 20px;
}

.partFive {
	display: block;
	margin-bottom: 20px;
}

.otherFeatures {
	width: 98%;
	margin: 10px auto;
}

.otherFeatures p {
	width: 90%;
	margin: 0 auto;
}

.partSix {
	width: 98%;
	margin: 10px auto;
}

.partSix h3 {
	font-size: 20px;
    margin: 10px;
}

.partSix h4 {
	font-size: 40px;
}

.getSmaller {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.partSix h5 {
	width: 90%;
	margin: 10px auto;
	font-size: 14px;
	margin-top: 20px;
}

.noteMsg {
    width: 94%;
    height: 104px;
    left: 3%;
    bottom: 15px;
}

.noteBody h3 {
	margin: 21px 10px;
	font-size: 15px;
}

.noteImg {
	background-size: 87%;
}

/*Стили для сайта*/

header {
	height: 50px;
}

.headTitle::before {
	margin-top: -2px;
}

.blockWrp {
	background-color: #f9f9f9;
}

.moreWrp {
	background-color: #f9f9f9;
	height: 100vh;
}

.signupTitle {
	margin-right: 4px;
	font-size: 20px;
}

.policyLink {
	font-size: 11px;
	line-height: 13px;
}

.disclaimer {
	font-size: 13px;
    line-height: 15px;
}

.password-control {
	right: 40px;
}

.password-controlReg {
	right: 40px;
}

.content h3 {
	font-size: 20px;
    text-align: center;
    line-height: 23px;
}

.text-p {
    display: block;
    width: 85%;
    margin: 10px auto;
    font-size: 12px;
    line-height: 16px;
}

.text-h {
	font-size: 18px;
    line-height: 21px;
    margin-left: 20px;
}

.workingWin {
	width: 100%;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

.imgAva {
	float: none;
	margin: 20px auto;
}

.partnerAva {
    height: 100%;
    margin: 10px auto;
}

.inputSign {
	float: left;
    margin: 10px;
    margin-top: 18px;
    margin-left: 5px;
}

.avatarLabel {
	width: 170px;
    height: 25px;
	font-size: 13px;
    line-height: 26px;
}

.inputBlock {
	margin: 10px auto;
	overflow: hidden;
}

.sepBoxTitle {
    font-size: 21px !important;
    padding-bottom: 10px;
    margin: 10px 15px !important
}

.sepBoxMore {
	margin: 30px auto;
}

.eventBox {
	margin: 0 auto;
}

.fieldNote {
    width: 93%;
    margin: 5px auto;
    background-color: #ebe8e891;
    font-size: 11px;
    padding-bottom: 12px;
}

.inputButton {
	width: 99%;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.fieldImg {
    width: 35px;
    height: 35px;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 0;
}

.inputBoxText {
	width: 76%;
	font-size: 15px;
	height: 40px;
}

.inputBoxArea {
	width: 76%;
	border: 2px solid #c6c6c6;
}

.saveBtn {
    margin: 10px auto;
    margin-top: 20px;
}


.smallSave {
	margin: 10px auto !important;
    margin-top: 20px !important;
    width: 185px !important;
}

.getList {
	margin: 10px auto;
    float: none;
    width: 76%;
    text-align: center;
}

.personCard .signWinInfo {
	width: 98%;
}

.clickBtn {
	width: 80%;
	float: none !important;
	margin: 10px auto;
	text-align: center;
}

#addUCalen {
	width: 64%;
}

.addAction {
	font-size: 12px;
    float: left;
    margin: 20px 5px;
    line-height: 15px;
}

#showCalen, #showCalenOff {
	margin-left: 10px;
	float: left !important;
}

#hiddenCalen {
	position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

#hiddenCalen .meDay li {
	flex: 0 0 calc(100% / 8.4) !important;
}

#hiddenCalen h3 {
	margin-bottom: 20px;
}

.serviceApp {
	width: 100%;
    margin: 10px auto;
}

.serviceType {
	width: 90% !important;
	padding: 0 10px;
}

.smallEvent {
	margin: 10px auto;
	margin-bottom: 0;
}

.smallEventPic, .editEvent .smallEventPic {
	width: 90%;
	margin: 10px auto;
	float: none;
	height: 250px;
}

.smallEventInfo {
	width: 98%;
    margin: 10px auto;
	margin-bottom: 0;
}

.linkBox {
    margin: 10px auto;
    padding: 10px 0;
}

.aside {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    left: 0%;
    float: none;
	background-color: #fff;
	padding: 0;
}

.actionBtn {
	display: block;
    justify-content: space-between;
    margin: 5px auto;
    float: none;
    width: 98%;
	height: auto;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    border: none;
    border-radius: 6px;
    margin-top: 65px;
    box-shadow: none;
    background-color: transparent;
	padding-bottom: 2px;
	border-top: 1px solid #eaeaea;
}

.actionBtn h6 {
    font-size: 9px;
    text-align: center;
    padding: 8px 3px;
    padding-top: 1px;
    margin: 5px 5px;
    white-space: nowrap;
    margin-bottom: 0;
    float: right;
    flex: 0 0 15%;
}

.actionBtn h6::before {
	margin-top: 0px;
    padding-bottom: 5px;
	display: block;
    float: none;
    margin: 0 auto;
}

.deleteSign {
	margin-top: 3px !important;
	flex-shrink: 3;
}

.giftSign {
	flex-shrink: 2;
}

.popularSign {
	flex-shrink: 2;
}

.serviceType p {
	width: 20%;
	font-size: 12px;
}

.photoBorder {
	margin: 0 auto;
    float: none;
}

.profileAva {
	margin: 0 auto;
}

.userInfo {
	width: 96%;
	text-align: center;
}

.cheduleStyle {
    font-size: 16px;
    margin: 10px;
    padding: 16px 16px;
    padding-bottom: 12px;
    margin-right: 5px;
    width: 72%;
}

.delTime {
    margin: 23px 0;
    margin-bottom: 0;
}

.editTime {
    margin: 11px;
    margin-top: 24px;
}

.timeBox {
	max-width: 96%;
	margin: 0px auto;
	float: none;
	overflow: hidden;
}

.noMoreTop {
	margin-top: 5px !important;
}

.biggerDays li {
	flex: 0 0 calc(100% / 7 - 2px);
	margin: 10px 1px;
	padding: 12px 0 !important;
}

.popularServ {
	display: block;
    overflow: hidden;
}

.publicPage .servGift::before {
	margin-right: 4px;
}

.colBox {
	width: 47%;
    margin: 10px 5px;
}

.smallEventInfo h5::after {
	margin-top: -1px;
}

.linkSign {
	margin-right: 0px !important;
}

.popularBox {
	width: 200px !important;
    display: inline-block;
	height: 80px;
}

.popularBox h5 {
	min-height: 33px;
	white-space: normal;
}

.publicPage .profileInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage .userInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage #getBigWin {
	width: 98%;
    margin: 0 auto;
	float: none;
}

.myEvent {
	padding: 10px 0;
}

.publicPage .publickLinks {
	width: 98%;
    margin: 0 auto;
    float: none;
}

.mobileTop {
	display: block;
	margin: 20px 15px;
	color: #565656;
	font-weight: 700;
}

.descTop {
	display: none !important;
}


nav {
	height: 100%;
    position: fixed;
    top: 0;
    left: -270px;
	z-index: 999;
	float: none;
}

.tarifDo {
	margin: 10px auto;
	margin-top: 30px;
	width: 80%;
}

.closeBigBtn {
	margin-top: 20px;
}

.extraSmall {
	float: none;
	margin: 10px auto;
}

.calenVisible {
	padding-top: 10px;
	overflow-y: auto;
    height: 100%;
}

.moreTop {
	padding-top: 40px;
}

.moreWin {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

.sepBox {
	width: 99%;
    border-radius: 6px;
}

.dateBox {
	width: 100%;
	margin: 10px auto;
}

#thatLink {
    font-size: 26px;
    margin: 20px auto;
    text-align: center;
    width: 98%;
}

#qrcode {
	margin: 30px auto;
    display: block;
    text-align: center;
}

.stSelect {
	width: 82%;
}

.clientApp {
    padding: 10px 0;
    margin: 10px auto;
    padding-bottom: 00px;
    margin-bottom: 0;
    width: 98%;
}

.signTime {
	padding: 14px 14px;
    font-size: 15px;
}

.signTimeLow {
	padding: 14px 14px;
    font-size: 15px;
}

.timeScBox {
	display: flex;
    justify-content: space-around;
    border: none;
    width: 90%;
    margin: 0 auto;
    float: none;
    border-radius: 0;
    margin-top: -10px;
}

.clientInfo {
    width: 98%;
    margin-bottom: 0;
    float: none;
	margin: 0 auto;
}

.personCard .navServ h6 {
	font-size: 13px;
}

.timeScBox span {
    float: right;
    width: auto;
    margin: 0px 3px;
    text-align: center;
	padding-bottom: 5px;
}

.clientInfo h5 {
	padding: 10px;
    width: 88%;
    margin: 10px auto;
    font-size: 15px;
    line-height: 19px;
	margin-bottom: 20px;
}

#newChooseTime .canChooseTime {
	margin: 5px 5px;
}

.clientInfo p {
	font-size: 11px;
    white-space: nowrap;
    text-align: center;
    margin: 10px 4px;
}

.clientName {
	margin-left: 15px !important;
}

.confirmSendTo {
    font-size: 9px;
    text-align: center;
    padding: 10px 5px;
    padding-top: 5px;
    margin: 0px 5px;
    margin-bottom: 0;
    flex: 0 0 15%;
	float: right;
}

.confirmSendTo::before {
	margin-top: 0px;
    padding-bottom: 5px;
    display: block;
    float: none;
    margin: 0 auto;
}

.sepTitle {
	font-size: 21px;
    padding-bottom: 10px;
    margin: 30px 15px !important;
}

.publicPage .linkBox h4 {
	line-height: 21px;
}

.linkBox .deleteSign {
	margin-left: 0;
}

.profileInfo {
	margin-bottom: 10px;
}

.sepBoxPro {
	margin-top: 20px;
}

.insBtn {
	background-image: url(../icons/instagram1.png);
}

.bookBtn {
	background-image: url(../icons/Bookmark1.png);
}

.wtsBtn {
	background-image: url(../icons/whatsapp1.png);
}

.vkBtn {
	background-image: url(../icons/Vk1.png);
}

.moreBtn {
	background-image: url(../icons/Layout1.png);
}

.getShowBack {
	width: 29%;
    height: 40px;
}

.publicPage .linkBox {
	width: 94%;
}

.justPost {
	padding: 10px !important;
}

.toteBlock h3 {
	font-size: 24px;
}

.toteBlock p {
	width: 84%;
    font-size: 14px;
    line-height: 22px;
}

.telegramBot {
	width: 99%;
	line-height: 51px;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.sepAva {
	padding-bottom: 20px;
}

#chooseArea {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contactBtn {
	justify-content: center;
}

.days li {
	flex: 0 0 calc(100% / 8.1);
}

.mobileTitle {
	border: none;
	background-color: unset;
}

.workSchedule {
	min-height: 1085px;
}

.weekdays li {
	font-weight: 700;
}

.navServ {
	width: 98%;
}

.navServ h6 {
	width: 90%;
	font-size: 15px;
}

.scrollmoreWin {
	width: 100%;
}

.giftBox {
	background-size: cover;
}

.chooseService h5 {
	font-size: 14px;
	line-height: 13px;
}

.canChooseTime {
	margin: 10px 6px;
}

.servGift {
	margin-right: 0 !important;
}

.chooseService .servPrise::before {
	background-size: 86%;
	margin-top: -7px;
}

.servGift::before {
	background-size: 85%;
    background-position-x: 5px;
    margin-right: -11px;
}

.chooseService .servTime::before {
    background-size: 88%;
    margin-top: -7px;
    margin-right: -5px;
}

.countGroup {
	width: auto !important;
}

.morePeople p:first-child {
	white-space: unset !important;
    width: 51% !important;
}

.servPublic::before {
    background-size: 70%;
    margin-top: -8px;
    margin-right: -16px;
}

.emptyArr {
	width: 90%;
}

.btnBox {
	overflow: unset;
}

#goTime, #goTimes {
	background-color: #f0efff;
    border-radius: 4px;
    margin-bottom: 5px;
}

.userListing .personClient, .userListing .personNoClient {
	width: 89%;
    margin: 14px auto;
}

.fixBox {
	width: 98%;
}

.personClient, .personNoClient {
	width: 93%;
}

.scrollWin {
	width: 100%;
}

.personCard {
	width: 94%;
    margin: 0 auto;
    padding: 10px 0;
}

.fastSignPerson {
	margin-bottom: 21px;
}

.personCard #newSignClient {
	clear: both;
    width: 100%;
    margin: 0 auto;
}

.servPrise::before {
	background-size: 90%;
	margin-right: 2px;
    margin-top: -8px;
}

.servTime::before {
	background-size: 90%;
	margin-right: 0px;
    margin-top: -8px;
}

.servGroup::before {
	margin-right: -2px !important;
    margin-top: -7px;
}

.dateBox .servGroup {
	margin-left: -3px;
}

.dateBox .serviceType p {
	width: 25%;
}

.meDay li {
	flex: 0 0 calc(100% / 8.5) !important;
}

.fixTimeCalen .days li {
	flex: 0 0 calc(100% / 8.3);
}

.peoplePageCalen .days li {
	flex: 0 0 calc(100% / 9.7) !important;
}

.linksBtn .clickBtn {
	float: none !important;
}

.publicPageCalen .days li {
	flex: 0 0 calc(100% / 8.4) !important;
}

.toteBlock img {
	width: 90%;
    height: auto;
}

.activeTime {
	border: 3px solid #787878
}

.headTitle  {
	display: none;
}

header h6 {
    font-size: 11px;
	padding: 6px 7px;
    margin-top: 14px;
    margin-right: 12px;
}

.hintBox {
	padding: 0;
}

.hintBox .scrollWin {
	width: 100%;
}

#setNewSign {
	min-height: 505px;
	margin-top: 0;
}

.moreWin .signWin {
	width: 97%;
}

nav {
	background-color: #fafafa;
	border-radius: 0;
}

.dayOption {
	margin: 10px auto;
}

.clientCalen .days li {
	flex: 0 0 calc(100% / 9.4);
}

.clientCalen .days li {
	font-size: 1rem;
}

.serviceCreate {
	width: 94%;
    margin: 0 auto;
}

.fontTitle {
	font-size: 10px;
}

.selectOptionBtn {
	font-size: 11px;
}

.monthNav .fieldNote {
	width: 90%;
	margin: 10px auto;
	float: none;
}

.selectOptionSave {
	width: 90%;
	float: none;
	margin: 10px auto;
}

#newSignServNew .serviceType {
	height: auto;
    width: 89% !important;
    box-shadow: 1px 3px 5px 1px #d5d5d5;
}

.peoplePageCalen .canChooseTime {
	margin: 10px 5px;
}

.setMyPage .sepBox {
	width: 89%;
    padding: 20px 10px;
}

.changeNikFiled {
	width: 100%;
}

.pageStart {
    font-size: 18px;
    margin-left: 85px;
}

.nikName {
	font-size: 18px;
    max-width: 118px;
	margin-top: 12px;
}

.payToMe .sepBox {
	padding: 20px 10px;
    width: 89%;
}

.publicPage .workSchedule {
	min-height: 525px;
}

.publicPage .mDay li {
	border: 3px solid #e9e9e9;
}

.sepEv {
	padding: 10px 0;
}

/*Стили для нового промо*/

.mainBodyInfoUpd {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainBodyAction {
	float: none;
	margin: 10px auto;
	width: 85%;
}

.mainBodyUpd {
	margin-top: 0;
	margin-bottom: 60px;
}

.mainBodyInfoUpd h1 span {
	font-size: 40px;
}

.mainBodyInfoUpd h1 {
    font-size: 38px;
    line-height: 47px;
	margin-top: 20px;
	text-align: center;
}

.mainBodyInfoUpd h2 {
	font-size: 17px;
    width: 90%;
    line-height: 21px;
	margin-top: -10px;
	text-align: center;
}

.mainPhotoUpd {
	margin-top: 20px;
}

.mainPhotoUpd h2, .mainFeatureUpd h2, .mainWhatUpd h2, .mainPriseUpd h2 {
    font-size: 25px;
    line-height: 34px;
	width: 80%;
	-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -o-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -moz-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainPhotoUpd div {
	width: 100%;
	float: none;
	margin: 10px auto;
}

.mainPhotoUpd h3 {
	font-size: 23px;
	margin-bottom: 15px;
}

.mainPhotoUpd h4 {
	font-size: 16px;
	line-height: 21px;
}

.mainFeatureUpd, .mainWhatUpd, .mainPriseUpd {
	margin-top: 20px;
}

.mainFeatureUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainFeatureUpd div p {
	font-size: 15px;
    width: 90%;
	line-height: 19px;
}

.mainWhatUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainWhatUpd div span {
	width: 36px;
	height: 36px;
	line-height: 36px;
    font-size: 17px;
}

.mainWhatUpd div h4 {
    width: 80%;
    margin: 9px 5px;
    margin-left: 15px;
    font-size: 17px;
	text-align: left;
}

.mainWhatUpd div p {
	font-size: 14px;
    line-height: 19px;
    width: 80%;
    text-align: left;
    margin: 10px 5px;
    margin-top: -3px;
    margin-left: 15px;
}

.featuresList {
	float: none;
	width: 71%;
	margin: 10px auto;
}

.featuresList p span {
	width: 40px;
	height: 40px;
    margin-top: -8px;
}

.featuresList p {
	font-size: 15px;
}

.priseList {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainFeatureUpd div h3 {
	font-size: 23px;
}

.mainPriseUpd h3 {
	margin-top: 20px;
    font-size: 28px;
}

.mainPriseUpd h4 {
	width: 90%;
    font-size: 14px;
    line-height: 18px;
}

.dateBox h4 {
	max-width: 81%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toggleBox {
	width: 94%;
}

#tagBlock .timeBox {
	max-width: unset;
	float: left;
}

#tagBlock .timeBox .cheduleStyle {
	width: unset;
	margin: 0;
}

#tagBlock {
	margin-bottom: 40px;
}

.noteBlock {
	width: 94%;
}

.noteIds {
	width: 120px;
}

.noteText {
	width: calc(100% - 135px);
}

.delTag {
	margin-top: 20px;
	float: left;
}

.tagTextBox {
	margin: 10px 5px;
}

.toggleBox .noteText {
    width: 90%;
    margin: 10px auto;
    margin-bottom: 0;
    overflow: hidden;
    float: none;
}

.toggleBox .noteIds {
	width: 50% !important;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.tagTextBox .deleteSign {
	top: 6px;
}

.lightModes .fancyBor {
	width: 140px;
	height: 140px;
	float: none;
	padding: 6px;
	margin: 20px auto;
}

.lightModes .photoBorder {
	width: 140px;
	height: 140px;
}

.lightModes .userInfo h4 {
	float: none;
	width: 50%;
	margin: 10px auto;
    margin-top: 25px;
    margin-bottom: 30px;
}

.getBor {
	width: 94%;
    border: 3px dashed #fff;
    padding-top: 0;
}

.publicPage .lightModes .sepTitle {
	font-size: 14px !important;
}

.lightBlock {
	width: 98%;
}

.lightBlock .canChooseTime {
	font-weight: 800;
}

.lightType .canChooseTime {
	width: unset;
}

#showCalen, #addUCalen {
	float: left !important;
}

.lightType .actionBtn {
	height: 50px !important;
	margin-top: 70px !important;
}

.notifyB {
	width: 80%;
}

}

@media only screen and (min-device-width : 360px) and (max-device-width : 479px) {
	
.mainBodyInfo h1 {
	font-size: 59px;
}

.mainBodyInfo h2 {
	font-size: 26px;
    line-height: 30px;
	margin-bottom: 30px;
}

.frontInput {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.inputName h6 {
	font-size: 21px;
    margin: 14px -1px;
	padding-left: 15px;
}

.getNameFirst {
	width: 175px;
	font-size: 21px;
	margin: 4px 10px;
}

.getMailFirst {
	width: 85% !important;
	font-size: 21px;
}

.signUp {
    width: 90%;
    height: 55px;
    font-size: 19px;
}

.mainBody {
	margin-bottom: 20px;
}

.promoPart {
    width: 96%;
    border-radius: 10px;
    margin: 10px auto;
}

.promoPart h4 {
	font-size: 17px;
}

.promoPart h5 {
	width: 96%;
    font-size: 18px;
    line-height: 23px;
    font-weight: 800;
    margin: 10px auto;
    margin-bottom: 10px;
}

.boxTitle {
	font-size: 29px;
	margin-bottom: 0;
}

.partnOne {
	display: block;
	width: 98%;
	margin: 10px auto;
}

.mainFeatures {
	width: 98%;
	margin: 10px auto;
}

.partTwo {
	width: 98%;
	margin: 10px auto;
}

.partImg {
	width: 98%;
	float: none;
	margin: 10px auto;
	height: 200px;
}

.partInfo {
	width: 98%;
	float: none;
	margin: 10px auto;
}

.partInfo h3 {
	font-size: 26px;
    margin: 5px 10px 10px 10px;
	text-align: center;
}

.partInfo h4 {
	text-align: center;
	font-size: 17px;
    line-height: 21px;
}

.subPart {
	width: 98%;
}

.subPart p {
	font-size: 13px;
    width: 62%;
    margin: 1px 10px;
    line-height: 15px;
}

.descView {
	display: none;
}

.mobileView {
	display: block;
}

.webImg {
	background-size: 59%;
}

.partFour {
	margin-bottom: 20px;
}

.partFive {
	display: block;
	margin-bottom: 20px;
}

.otherFeatures {
	width: 98%;
	margin: 10px auto;
}

.otherFeatures p {
	width: 90%;
	margin: 0 auto;
}

.partSix {
	width: 98%;
	margin: 10px auto;
}

.partSix h3 {
	font-size: 20px;
    margin: 10px;
}

.partSix h4 {
	font-size: 40px;
}

.getSmaller {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.partSix h5 {
	width: 90%;
	margin: 10px auto;
	font-size: 14px;
	margin-top: 20px;
}

.noteMsg {
    width: 94%;
    height: 104px;
    left: 3%;
    bottom: 15px;
}

.noteBody h3 {
	margin: 21px 10px;
	font-size: 15px;
}

.noteImg {
	background-size: 87%;
}

/*Стили для сайта*/

header {
	height: 50px;
}

.headTitle::before {
	margin-top: -2px;
}

.blockWrp {
	background-color: #f9f9f9;
}

.moreWrp {
	background-color: #f9f9f9;
	height: 100vh;
}

.signupTitle {
	margin-right: 4px;
	font-size: 20px;
}

.policyLink {
	font-size: 11px;
	line-height: 13px;
}

.disclaimer {
	font-size: 13px;
    line-height: 15px;
}

.password-control {
	right: 40px;
}

.password-controlReg {
	right: 40px;
}

.content h3 {
	font-size: 20px;
    text-align: center;
    line-height: 23px;
}

.text-p {
    display: block;
    width: 85%;
    margin: 10px auto;
    font-size: 12px;
    line-height: 16px;
}

.text-h {
	font-size: 18px;
    line-height: 21px;
    margin-left: 20px;
}

.workingWin {
	width: 100%;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

.imgAva {
	float: none;
	margin: 20px auto;
}

.partnerAva {
    height: 100%;
    margin: 10px auto;
}

.inputSign {
	float: left;
    margin: 10px;
    margin-top: 18px;
    margin-left: 5px;
}

.avatarLabel {
	width: 170px;
    height: 25px;
	font-size: 13px;
    line-height: 26px;
}

.inputBlock {
	margin: 10px auto;
	overflow: hidden;
}

.sepBoxTitle {
    font-size: 15px !important;
    padding-bottom: 10px;
    margin: 10px 15px !important
}

.sepBoxMore {
	margin: 30px auto;
}

.eventBox {
	margin: 0 auto;
}

.fieldNote {
    width: 93%;
    margin: 5px auto;
    background-color: #ebe8e891;
    font-size: 11px;
    padding-bottom: 12px;
}

.inputButton {
	width: 99%;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.fieldImg {
    width: 35px;
    height: 35px;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 0;
}

.inputBoxText {
	width: 76%;
	font-size: 15px;
	height: 40px;
}

.inputBoxArea {
	width: 76%;
	border: 2px solid #c6c6c6;
}

.saveBtn {
    margin: 10px auto;
    margin-top: 20px;
}


.smallSave {
	margin: 10px auto !important;
    margin-top: 20px !important;
    width: 185px !important;
}

.getList {
	margin: 10px auto;
    float: none;
    width: 76%;
    text-align: center;
}

.personCard .signWinInfo {
	width: 98%;
}

.clickBtn {
	width: 80%;
	float: none !important;
	margin: 10px auto;
	text-align: center;
}

#addUCalen {
	width: 64%;
}

.addAction {
	font-size: 12px;
    float: left;
    margin: 20px 5px;
    line-height: 15px;
}

.addActionBtn {
	margin-top: 5px;
}

#showCalen, #showCalenOff {
	margin-left: 10px;
	float: left !important;
}

#hiddenCalen {
	position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

#hiddenCalen .meDay li {
	flex: 0 0 calc(100% / 9.3) !important;
}

#hiddenCalen h3 {
	margin-bottom: 20px;
}

.serviceApp {
	width: 100%;
    margin: 10px auto;
}

.serviceType {
	width: 90% !important;
	padding: 0 10px;
}

.smallEvent {
	margin: 10px auto;
	margin-bottom: 0;
}

.smallEventPic, .editEvent .smallEventPic {
	width: 90%;
	margin: 10px auto;
	float: none;
	height: 250px;
}

.smallEventInfo {
	width: 98%;
    margin: 10px auto;
	margin-bottom: 0;
}

.linkBox {
    margin: 10px auto;
    padding: 10px 0;
}

.aside {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    left: 0%;
    float: none;
	background-color: #fff;
	padding: 0;
}

.actionBtn {
	display: block;
    justify-content: space-between;
    margin: 5px auto;
    float: none;
    width: 98%;
	height: auto;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    border: none;
    border-radius: 6px;
    margin-top: 65px;
    box-shadow: none;
    background-color: transparent;
	padding-bottom: 2px;
	border-top: 1px solid #eaeaea;
}

.actionBtn h6 {
    font-size: 9px;
    text-align: center;
    padding: 8px 3px;
    padding-top: 1px;
    margin: 5px 5px;
    white-space: nowrap;
    margin-bottom: 0;
    float: right;
    flex: 0 0 15%;
}

.actionBtn h6::before {
	margin-top: 0px;
    padding-bottom: 5px;
	display: block;
    float: none;
    margin: 0 auto;
}

.deleteSign {
	margin-top: 3px !important;
	flex-shrink: 3;
}

.giftSign {
	flex-shrink: 2;
}

.popularSign {
	flex-shrink: 2;
}

.serviceType p {
	width: 26%;
	font-size: 12px;
}

.photoBorder {
	margin: 0 auto;
    float: none;
	width: 100px;
    height: 100px;
}

.fancyBor .photoBorder {
	width: 120px;
    height: 120px;
}

.userInfo h3 {
	font-size: 28px;
}

.userInfo h4 {
	font-size: 16px;
}

.calenNavBtn {
	background-size: 94%;
}

.postNavBtn {
	background-size: 94%;
}

.actionNavBtn {
	background-size: 94%;
}

.recNavBtn {
	background-size: 94%;
}

.profileAva {
	margin: 0 auto;
}

.userInfo {
	width: 96%;
	text-align: center;
}

.cheduleStyle {
    font-size: 16px;
    margin: 10px;
    padding: 16px 16px;
    padding-bottom: 12px;
    margin-right: 5px;
    width: 72%;
}

.delTime {
	margin: 7px 0;
    margin-bottom: 0;
}

.editTime {
	margin: 0;
    margin-top: 1px;
}

.timeBox {
	max-width: 96%;
	margin: 0px auto;
	float: none;
	overflow: hidden;
}

.noMoreTop {
	margin-top: 5px !important;
}

.biggerDays li {
	flex: 0 0 calc(100% / 7 - 2px);
	margin: 10px 1px;
	padding: 12px 0 !important;
}

.popularServ {
	display: block;
    overflow: hidden;
}

.smallEventInfo h5::after {
	margin-top: -1px;
}

.linkSign {
	margin-right: 0px !important;
}

.popularBox {
	width: 90% !important;
    display: inline-block;
	height: 80px;
}

.publicPage .servGift::before {
	margin-right: 4px;
}

.popularBox h5 {
	min-height: 33px;
	white-space: normal;
}

.publicPage .profileInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage .userInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage #getBigWin {
	width: 98%;
    margin: 0 auto;
	float: none;
}

.myEvent {
	padding: 10px 0;
}

.publicPage .publickLinks {
	width: 98%;
    margin: 0 auto;
    float: none;
}

.mobileTop {
	display: block;
	margin: 20px 15px;
	color: #565656;
	font-weight: 700;
}

.descTop {
	display: none !important;
}


nav {
	height: 100%;
    position: fixed;
    top: 0;
    left: -270px;
	z-index: 999;
	float: none;
}

.tarifDo {
	margin: 10px auto;
	margin-top: 30px;
	width: 80%;
}

.closeBigBtn {
	margin-top: 20px;
}

.extraSmall {
	float: none;
	margin: 10px auto;
}

.calenVisible {
	padding-top: 10px;
	overflow-y: auto;
    height: 100%;
}

.moreTop {
	padding-top: 40px;
}

.moreWin {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

.sepBox {
	width: 99%;
    border-radius: 6px;
}

.dateBox {
	width: 100%;
	margin: 10px auto;
}

#thatLink {
    font-size: 26px;
    margin: 20px auto;
    text-align: center;
    width: 98%;
}

#qrcode {
	margin: 30px auto;
    display: block;
    text-align: center;
}

.stSelect {
	width: 82%;
}

.clientApp {
    padding: 10px 0;
    margin: 10px auto;
    padding-bottom: 00px;
    margin-bottom: 0;
    width: 98%;
}

.signTime {
	padding: 14px 14px;
    font-size: 15px;
}

.signTimeLow {
	padding: 14px 14px;
    font-size: 15px;
}

.timeScBox {
	display: flex;
    justify-content: space-around;
    border: none;
    width: 90%;
    margin: 0 auto;
    float: none;
    border-radius: 0;
    margin-top: -10px;
}

.clientInfo {
    width: 98%;
    margin-bottom: 0;
    float: none;
}

.timeScBox span {
    float: right;
    width: auto;
    margin: 0px 3px;
    text-align: center;
	padding-bottom: 5px;
}

.clientInfo h5 {
	padding: 10px;
    width: 88%;
    margin: 10px auto;
    font-size: 13px;
    line-height: 13px;
	margin-bottom: 20px;
}

.clientInfo p {
	font-size: 9px;
    white-space: nowrap;
    text-align: center;
    margin: 10px 4px;
}

.clientName {
	margin-left: 15px !important;
}

.confirmSendTo {
    font-size: 9px;
    text-align: center;
    padding: 10px 5px;
    padding-top: 5px;
    margin: 0px 5px;
    margin-bottom: 0;
    flex: 0 0 15%;
	float: right;
}

.confirmSendTo::before {
	margin-top: 0px;
    padding-bottom: 5px;
    display: block;
    float: none;
    margin: 0 auto;
}

.sepTitle {
	font-size: 21px;
    padding-bottom: 10px;
    margin: 30px 15px !important;
}

.profileInfo {
	margin-bottom: 10px;
}

.sepBoxPro {
	margin-top: 20px;
}

.insBtn {
	background-image: url(../icons/instagram1.png);
}

.bookBtn {
	background-image: url(../icons/Bookmark1.png);
}

.wtsBtn {
	background-image: url(../icons/whatsapp1.png);
}

.vkBtn {
	background-image: url(../icons/Vk1.png);
}

.moreBtn {
	background-image: url(../icons/Layout1.png);
}

.getShowBack {
	width: 29%;
    height: 40px;
}

.publicPage .linkBox {
	width: 92% !important;
}

.pLinkImg {
	padding: 18px;
}

.pLink h4 {
	margin: 19px 15px !important;
}

.justPost {
	padding: 5px !important;
}

.publicPage .linkBox h4 {
	line-height: 20px;
}

.postBio h3 {
	font-size: 15px;
}

.postBio h6 {
	margin: 16px 10px;
}

.toteBlock h3 {
	font-size: 24px;
}

.toteBlock p {
	width: 84%;
    font-size: 14px;
    line-height: 22px;
}

.telegramBot {
	width: 99%;
	line-height: 51px;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.sepAva {
	padding-bottom: 20px;
}

#chooseArea {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contactBtn {
	justify-content: center;
}

.days li {
	flex: 0 0 calc(100% / 8.7);
}

.mobileTitle {
	border: none;
	background-color: unset;
}

.workSchedule {
	min-height: 1085px;
}

.weekdays li {
	font-weight: 700;
}

.navServ {
	width: 98%;
}

.navServ h6 {
	width: 90%;
	font-size: 12px;
}

.scrollmoreWin {
	width: 100%;
}

.giftBox {
	background-size: cover;
}

.chooseService h5 {
	font-size: 13px;
	line-height: 13px;
}

.canChooseTime {
	margin: 10px 2px;
}

.servGift {
	margin-right: 0 !important;
}

.chooseService .servPrise::before {
	background-size: 86%;
	margin-top: -7px;
}

.servGift::before {
	background-size: 85%;
    background-position-x: 5px;
    margin-right: -11px;
}

.chooseService .servTime::before {
    background-size: 88%;
    margin-top: -7px;
    margin-right: -5px;
}

.countGroup {
	width: auto !important;
}

.morePeople p:first-child {
	white-space: unset !important;
    width: 51% !important;
}

.servPublic::before {
    background-size: 70%;
    margin-top: -8px;
    margin-right: -16px;
}

.emptyArr {
	width: 90%;
}

.btnBox {
	overflow: unset;
}

#goTime, #goTimes {
	background-color: #f0efff;
    border-radius: 4px;
    margin-bottom: 5px;
}

.userListing .personClient, .userListing .personNoClient {
	width: 89%;
    margin: 14px auto;
}

.fixBox {
	width: 98%;
}

.personClient, .personNoClient {
	width: 93%;
}

.scrollWin {
	width: 100%;
}

.personCard {
	width: 94%;
    margin: 0 auto;
    padding: 10px 0;
}

.fastSignPerson {
	margin-bottom: 21px;
}

.personCard #newSignClient {
	clear: both;
    width: 100%;
    margin: 0 auto;
}

.servPrise::before {
	background-size: 90%;
	margin-right: 2px;
    margin-top: -8px;
}

.servTime::before {
	background-size: 90%;
	margin-right: 0px;
    margin-top: -8px;
}

.servGroup::before {
	margin-right: -2px !important;
    margin-top: -7px;
}

.dateBox .servGroup {
	margin-left: -3px;
}

.dateBox .serviceType p {
	width: 25%;
}

.meDay li {
	flex: 0 0 calc(100% / 9.02) !important
}

.fixTimeCalen .days li {
	flex: 0 0 calc(100% /8.9);
}

.peoplePageCalen .days li {
	flex: 0 0 calc(100% / 10.9) !important;
}

.publicPageCalen .days li {
	flex: 0 0 calc(100% / 9) !important;
}

.toteBlock img {
	width: 90%;
    height: auto;
}

.activeTime {
	border: 3px solid #787878
}

.headTitle  {
	display: none;
}

header h6 {
    font-size: 11px;
	padding: 6px 7px;
    margin-top: 14px;
    margin-right: 12px;
}

.hintBox {
	padding: 0;
}

.hintBox .scrollWin {
	width: 100%;
}

#setNewSign {
	min-height: 505px;
	margin-top: 0;
}

.moreWin .signWin {
	width: 97%;
}

nav {
	background-color: #fafafa;
	border-radius: 0;
}

.dayOption {
	margin: 10px auto;
}

.clientCalen .days li {
	flex: 0 0 calc(100% / 10.6);
}

.serviceCreate {
	width: 94%;
    margin: 0 auto;
}

.fontTitle {
	font-size: 10px;
}

.selectOptionBtn {
	font-size: 11px;
}

.monthNav .fieldNote {
	width: 90%;
	margin: 10px auto;
	float: none;
}

.selectOptionSave {
	width: 90%;
	float: none;
	margin: 10px auto;
}

#newSignServNew .serviceType {
	height: auto;
    width: 89% !important;
    box-shadow: 1px 3px 5px 1px #d5d5d5;
}

.peoplePageCalen .canChooseTime {
	margin: 10px 5px;
}

.setMyPage .sepBox {
	width: 89%;
    padding: 20px 10px;
}

.changeNikFiled {
	width: 100%;
}

.pageStart {
    font-size: 18px;
    margin-left: 25px;
}

.nikName {
	font-size: 18px;
    max-width: 118px;
	margin-top: 12px;
}

.payToMe .sepBox {
	padding: 20px 10px;
    width: 89%;
}

.publicPage .workSchedule {
	min-height: 525px;
}

.publicPage .mDay li {
	border: 3px solid #e9e9e9;
}

.sepEv {
	padding: 10px 0;
}

.colBox {
	width: 90%;
	float: none;
	margin: 10px auto;
}

/*Стили для нового промо*/

.mainBodyInfoUpd {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainBodyAction {
	float: none;
	margin: 10px auto;
	width: 85%;
}

.mainBodyUpd {
	margin-top: 0;
	margin-bottom: 60px;
}

.mainBodyInfoUpd h1 span {
	font-size: 35px;
}

.mainBodyInfoUpd h1 {
    font-size: 28px;
    line-height: 33px;
	margin-top: 20px;
	text-align: center;
}

.mainBodyInfoUpd h2 {
	font-size: 17px;
    width: 90%;
    line-height: 21px;
	margin-top: -10px;
	text-align: center;
}

.mainPhotoUpd {
	margin-top: 20px;
}

.mainPhotoUpd h2, .mainFeatureUpd h2, .mainWhatUpd h2, .mainPriseUpd h2 {
	font-size: 19px;
    line-height: 25px;
	width: 80%;
	-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -o-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -moz-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainPhotoUpd div {
	width: 100%;
	float: none;
	margin: 10px auto;
}

.mainPhotoUpd h3 {
	font-size: 23px;
	margin-bottom: 15px;
}

.mainPhotoUpd h4 {
	font-size: 16px;
	line-height: 21px;
}

.mainFeatureUpd, .mainWhatUpd, .mainPriseUpd {
	margin-top: 20px;
}

.mainFeatureUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainFeatureUpd div p {
	font-size: 15px;
    width: 90%;
	line-height: 19px;
}

.mainWhatUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainWhatUpd div span {
	width: 36px;
	height: 36px;
	line-height: 36px;
    font-size: 17px;
}

.mainWhatUpd div h4 {
	width: 80%;
    margin: 11px 5px;
    margin-left: 15px;
    font-size: 14px;
	text-align: left;
}

.mainWhatUpd div p {
	font-size: 13px;
    line-height: 16px;
    width: 80%;
    text-align: left;
    margin: 10px 5px;
    margin-top: -3px;
    margin-left: 15px;
}

.featuresList {
	float: none;
	width: 100%;
	margin: 10px auto;
}

.featuresList p span {
	width: 40px;
	height: 40px;
    margin-top: -8px;
}

.featuresList p {
	font-size: 15px;
}

.priseList {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainFeatureUpd div h3 {
	font-size: 23px;
}

.mainPriseUpd h3 {
	margin-top: 20px;
    font-size: 28px;
}

.mainPriseUpd h4 {
	width: 90%;
    font-size: 14px;
    line-height: 18px;
}

.dateBox h4 {
	max-width: 75%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tagBlock .timeBox {
	max-width: unset;
	float: left;
}

#tagBlock .timeBox .cheduleStyle {
	width: unset;
	margin: 0;
}

#tagBlock {
	margin-bottom: 40px;
}

.noteBlock {
	width: 94%;
}

.noteIds {
	width: 120px;
}

.noteText {
	width: calc(100% - 135px);
}

.delTag {
	margin-top: 20px;
}

.tagTextBox {
	margin: 10px 5px;
}

.toggleBox .noteText {
    width: 90%;
    margin: 10px auto;
    margin-bottom: 0;
    overflow: hidden;
    float: none;
}

.toggleBox .noteIds {
	width: 50% !important;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.tagTextBox .deleteSign {
	top: 6px;
}

.toggleBox {
	width: 94%;
}

.lightModes .fancyBor {
	width: 120px;
	height: 120px;
	float: none;
	padding: 6px;
	margin: 20px auto;
	margin-top: 0;
}

.lightModes .userInfo h4 {
	float: none;
	width: 50%;
    margin: 10px auto;
}

.getBor {
	width: 94%;
    border: 3px dashed #fff;
    padding-top: 0;
}

.publicPage .lightModes .sepTitle {
	font-size: 14px !important;
}

.lightBlock {
	width: 98%;
}

.lightBlock h4 {
	font-size: 12px;
}

.lightBlock .canChooseTime {
	font-size: 12px;
	font-weight: 800;
}

.lightType .canChooseTime {
	width: unset;
}

#showCalen, #addUCalen {
	float: left !important;
}

.lightType .actionBtn {
	height: 50px !important;
	margin-top: 70px !important;
}

.notifyB {
	width: 80%;
}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 359px) {
	
.mainBodyInfo h1 {
	font-size: 59px;
}

.mainBodyInfo h2 {
	font-size: 26px;
    line-height: 30px;
	margin-bottom: 30px;
}

.frontInput {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.inputName h6 {
	font-size: 21px;
    margin: 14px -1px;
	padding-left: 15px;
}

.getNameFirst {
	width: 175px;
	font-size: 21px;
	margin: 4px 10px;
}

.getMailFirst {
	width: 85% !important;
	font-size: 21px;
}

.signUp {
    width: 90%;
    height: 55px;
    font-size: 19px;
}

.mainBody {
	margin-bottom: 20px;
}

.promoPart {
    width: 96%;
    border-radius: 10px;
    margin: 10px auto;
}

.promoPart h4 {
	font-size: 17px;
}

.promoPart h5 {
	width: 96%;
    font-size: 18px;
    line-height: 23px;
    font-weight: 800;
    margin: 10px auto;
    margin-bottom: 10px;
}

.boxTitle {
	font-size: 29px;
	margin-bottom: 0;
}

.partnOne {
	display: block;
	width: 98%;
	margin: 10px auto;
}

.mainFeatures {
	width: 98%;
	margin: 10px auto;
}

.partTwo {
	width: 98%;
	margin: 10px auto;
}

.partImg {
	width: 98%;
	float: none;
	margin: 10px auto;
	height: 200px;
}

.partInfo {
	width: 98%;
	float: none;
	margin: 10px auto;
}

.partInfo h3 {
	font-size: 26px;
    margin: 5px 10px 10px 10px;
	text-align: center;
}

.partInfo h4 {
	text-align: center;
	font-size: 17px;
    line-height: 21px;
}

.subPart {
	width: 98%;
}

.subPart p {
	font-size: 13px;
    width: 62%;
    margin: 1px 10px;
    line-height: 15px;
}

.descView {
	display: none;
}

.mobileView {
	display: block;
}

.webImg {
	background-size: 59%;
}

.partFour {
	margin-bottom: 20px;
}

.partFive {
	display: block;
	margin-bottom: 20px;
}

.otherFeatures {
	width: 98%;
	margin: 10px auto;
}

.otherFeatures p {
	width: 90%;
	margin: 0 auto;
}

.partSix {
	width: 98%;
	margin: 10px auto;
}

.partSix h3 {
	font-size: 20px;
    margin: 10px;
}

.partSix h4 {
	font-size: 40px;
}

.getSmaller {
	width: 90%;
    float: none;
    height: 50px;
    margin-bottom: 10px;
}

.partSix h5 {
	width: 90%;
	margin: 10px auto;
	font-size: 14px;
	margin-top: 20px;
}

.noteMsg {
    width: 94%;
    height: 104px;
    left: 3%;
    bottom: 15px;
}

.noteBody h3 {
	margin: 21px 10px;
	font-size: 15px;
}

.noteImg {
	background-size: 87%;
}

/*Стили для сайта*/

header {
	height: 50px;
}

.headTitle::before {
	margin-top: -2px;
}

.blockWrp {
	background-color: #f9f9f9;
}

.moreWrp {
	background-color: #f9f9f9;
	height: 100vh;
}

.signupTitle {
	margin-right: 4px;
	font-size: 20px;
}

.policyLink {
	font-size: 11px;
	line-height: 13px;
}

.disclaimer {
	font-size: 13px;
    line-height: 15px;
}

.password-control {
	right: 40px;
}

.password-controlReg {
	right: 40px;
}

.content h3 {
	font-size: 20px;
    text-align: center;
    line-height: 23px;
}

.text-p {
    display: block;
    width: 85%;
    margin: 10px auto;
    font-size: 12px;
    line-height: 16px;
}

.text-h {
	font-size: 18px;
    line-height: 21px;
    margin-left: 20px;
}

.workingWin {
	width: 100%;
    margin: 0 auto !important;
    float: none !important;
    padding: 0 !important;
}

.imgAva {
	float: none;
	margin: 20px auto;
}

.partnerAva {
    height: 100%;
    margin: 10px auto;
}

.inputSign {
	float: left;
    margin: 10px;
    margin-top: 18px;
    margin-left: 5px;
}

.avatarLabel {
	width: 170px;
    height: 25px;
	font-size: 13px;
    line-height: 26px;
}

.inputBlock {
	margin: 10px auto;
	overflow: hidden;
}

.sepBoxTitle {
    font-size: 11px !important;
    padding-bottom: 10px;
    margin: 10px 15px !important
}

.sepBoxMore {
	margin: 30px auto;
}

.eventBox {
	margin: 0 auto;
}

.fieldNote {
    width: 93%;
    margin: 5px auto;
    background-color: #ebe8e891;
    font-size: 11px;
    padding-bottom: 12px;
}

.inputButton {
	width: 99%;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.fieldImg {
    width: 35px;
    height: 35px;
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 0;
}

.inputBoxText {
	width: 76%;
	font-size: 15px;
	height: 40px;
}

.inputBoxArea {
	width: 76%;
	border: 2px solid #c6c6c6;
}

.saveBtn {
    margin: 10px auto;
    margin-top: 20px;
}


.smallSave {
	margin: 10px auto !important;
    margin-top: 20px !important;
    width: 185px !important;
}

.getList {
	margin: 10px auto;
    float: none;
    width: 76%;
    text-align: center;
}

.personCard .signWinInfo {
	width: 98%;
}

.clickBtn {
	width: 80%;
	float: none !important;
	margin: 10px auto;
	text-align: center;
}

#addUCalen {
	width: 64%;
}

.addAction {
	font-size: 12px;
    float: left;
    margin: 20px 5px;
    line-height: 15px;
}

.addActionBtn {
	margin-top: 5px;
}

#hiddenCalen {
	position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

#hiddenCalen .meDay li {
	flex: 0 0 calc(100% / 9.3) !important;
}

#hiddenCalen h3 {
	margin-bottom: 20px;
}

.serviceApp {
	width: 100%;
    margin: 10px auto;
}

.serviceType {
	width: 90% !important;
	padding: 0 10px;
}

.smallEvent {
	margin: 10px auto;
	margin-bottom: 0;
}

.smallEventPic, .editEvent .smallEventPic {
	width: 90%;
	margin: 10px auto;
	float: none;
	height: 250px;
}

.smallEventInfo {
	width: 98%;
    margin: 10px auto;
	margin-bottom: 0;
}

.linkBox {
    margin: 10px auto;
    padding: 10px 0;
}

.aside {
    position: fixed;
    top: 0%;
    width: 100%;
    height: 100%;
    left: 0%;
    float: none;
	background-color: #fff;
	padding: 0;
}

.actionBtn {
	display: block;
    justify-content: space-between;
    margin: 5px auto;
    float: none;
    width: 98%;
	height: auto;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    border: none;
    border-radius: 6px;
    margin-top: 65px;
    box-shadow: none;
    background-color: transparent;
	padding-bottom: 2px;
	border-top: 1px solid #eaeaea;
}

.actionBtn h6 {
    font-size: 9px;
    text-align: center;
    padding: 8px 3px;
    padding-top: 1px;
    margin: 5px 5px;
    white-space: nowrap;
    margin-bottom: 0;
    float: right;
    flex: 0 0 15%;
}

.actionBtn h6::before {
	margin-top: 0px;
    padding-bottom: 5px;
	display: block;
    float: none;
    margin: 0 auto;
}

.deleteSign {
	margin-top: 3px !important;
	flex-shrink: 3;
}

.giftSign {
	flex-shrink: 2;
}

.popularSign {
	flex-shrink: 2;
}

.serviceType p {
	width: 26%;
	font-size: 12px;
}

.photoBorder {
	margin: 0 auto;
    float: none;
	width: 100px;
    height: 100px;
}

.publicPage .userInfo h3 {
	font-size: 25px;
}

.publicPage .userInfo h4 {
	font-size: 15px;
}

.publicPage .userInfo h5 {
	font-size: 13px;
    line-height: 17px;
}

.publicPage .sepBoxPro {
	margin-bottom: 0;
}

.publicPage .calenNavBtn {
	background-size: 87%;
}

.publicPage .postNavBtn {
	background-size: 87%;
}

.publicPage .actionNavBtn {
	background-size: 87%;
}

.publicPage .recNavBtn {
	background-size: 87%;
}

.profileAva {
	margin: 0 auto;
}

.userInfo {
	width: 96%;
	text-align: center;
}

.cheduleStyle {
    font-size: 16px;
    margin: 10px;
    padding: 16px 16px;
    padding-bottom: 12px;
    margin-right: 5px;
    width: 72%;
}

.delTime {
	margin: 7px 0;
    margin-bottom: 0;
}

.editTime {
	margin: 0;
    margin-top: 1px;
}

.timeBox {
	max-width: 96%;
	margin: 0px auto;
	float: none;
	overflow: hidden;
}

.noMoreTop {
	margin-top: 5px !important;
}

.biggerDays li {
	flex: 0 0 calc(100% / 7 - 2px);
	margin: 10px 1px;
	padding: 12px 0 !important;
}

.popularServ {
	display: block;
    overflow: hidden;
}

.smallEventInfo h5::after {
	margin-top: -1px;
}

.linkSign {
	margin-right: 0px !important;
}

.popularBox {
	width: 90% !important;
    display: inline-block;
	height: 80px;
	border: 2px solid #333 !important;
}

.popularBox h5 {
	min-height: 33px;
	white-space: normal;
}

.publicPage .profileInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage .userInfo {
	width: 98%;
    float: none;
    margin: 0 auto;
}

.publicPage #getBigWin {
	width: 98%;
    margin: 0 auto;
	float: none;
}

.myEvent {
	padding: 10px 0;
}

.publicPage .publickLinks {
	width: 98%;
    margin: 0 auto;
    float: none;
}

.mobileTop {
	display: block;
	margin: 20px 15px;
	color: #565656;
	font-weight: 700;
}

.descTop {
	display: none !important;
}


nav {
	height: 100%;
    position: fixed;
    top: 0;
    left: -270px;
	z-index: 999;
	border-radius: 0;
	float: none;
}

.tarifDo {
	margin: 10px auto;
	margin-top: 30px;
	width: 80%;
}

.closeBigBtn {
	margin-top: 20px;
}

.extraSmall {
	float: none;
	margin: 10px auto;
}

.calenVisible {
	padding-top: 10px;
	overflow-y: auto;
    height: 100%;
}

.moreTop {
	padding-top: 40px;
}

.moreWin {
    position: fixed;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    margin: 0;
    border-radius: 14px;
}

.sepBox {
	width: 99%;
    border-radius: 6px;
}

.dateBox {
	width: 100%;
	margin: 10px auto;
}

#thatLink {
    font-size: 26px;
    margin: 20px auto;
    text-align: center;
    width: 98%;
}

#qrcode {
	margin: 30px auto;
    display: block;
    text-align: center;
}

.stSelect {
	width: 82%;
}

.clientApp {
    padding: 10px 0;
    margin: 10px auto;
    padding-bottom: 00px;
    margin-bottom: 0;
    width: 98%;
}

.signTime {
	padding: 14px 14px;
    font-size: 15px;
}

.signTimeLow {
	padding: 14px 14px;
    font-size: 15px;
}

.timeScBox {
	display: flex;
    justify-content: space-around;
    border: none;
    width: 90%;
    margin: 0 auto;
    float: none;
    border-radius: 0;
    margin-top: -10px;
}

.clientInfo {
    width: 98%;
    margin-bottom: 0;
    float: none;
}

.timeScBox span {
    float: right;
    width: auto;
    margin: 0px 3px;
    text-align: center;
	padding-bottom: 5px;
}

.clientInfo h5 {
	padding: 10px;
    width: 88%;
    margin: 10px auto;
    font-size: 13px;
    line-height: 13px;
	margin-bottom: 20px;
}

.clientInfo p {
	font-size: 9px;
    white-space: nowrap;
    text-align: center;
    margin: 10px 4px;
}

.clientName {
	margin-left: 15px !important;
}

.confirmSendTo {
    font-size: 9px;
    text-align: center;
    padding: 10px 5px;
    padding-top: 5px;
    margin: 0px 5px;
    margin-bottom: 0;
    flex: 0 0 15%;
	float: right;
}

.confirmSendTo::before {
	margin-top: 0px;
    padding-bottom: 5px;
    display: block;
    float: none;
    margin: 0 auto;
}

.sepTitle {
	font-size: 21px;
    padding-bottom: 10px;
    margin: 10px 15px !important;
	margin-top: 30px !important;
}

.pLinkImg {
	padding: 16px;
}

.publicPage .linkBox h4 {
	margin: 16px 15px;
}

.profileInfo {
	margin-bottom: 10px;
}

.sepBoxPro {
	margin-top: 20px;
}

.insBtn {
	background-image: url(../icons/instagram1.png);
}

.bookBtn {
	background-image: url(../icons/Bookmark1.png);
}

.wtsBtn {
	background-image: url(../icons/whatsapp1.png);
}

.vkBtn {
	background-image: url(../icons/Vk1.png);
}

.moreBtn {
	background-image: url(../icons/Layout1.png);
}

.getShowBack {
	width: 29%;
    height: 40px;
}

.publicPage .linkBox {
	width: 92% !important;
}

.justPost {
	padding: 0px !important;
}

.postBio h3 {
	font-size: 15px;
}

.postBio h6 {
	margin: 16px 10px;
}

.publicPage .postBox h4 {
	font-size: 19px;
    line-height: 21px;
}

.linkBox .deleteSign {
	margin: 10px 0px;
}

.toteBlock h3 {
	font-size: 24px;
}

.toteBlock p {
	width: 84%;
    font-size: 14px;
    line-height: 22px;
}

.telegramBot {
	width: 99%;
	line-height: 51px;
    margin: 10px auto;
    float: none;
    margin-top: 20px;
}

.sepAva {
	padding-bottom: 20px;
}

#chooseArea {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contactBtn {
	justify-content: center;
}

.days li {
	flex: 0 0 calc(100% / 8.7);
}

.mobileTitle {
	border: none;
	background-color: unset;
}

.workSchedule {
	min-height: 1085px;
}

.weekdays li {
	font-weight: 700;
}

.navServ {
	width: 98%;
}

.navServ h6 {
	width: 39%;
	font-size: 12px;
}

.scrollmoreWin {
	width: 100%;
}

.giftBox {
	background-size: cover;
}

.chooseService h5 {
	font-size: 13px;
	line-height: 13px;
}

.servGift {
	margin-right: 0 !important;
}

.chooseService .servPrise::before {
	background-size: 86%;
	margin-top: -7px;
}

.publicPage .servGift::before {
	background-size: 85%;
    background-position-x: 5px;
    margin-right: 4px;
}

.servGift::before {
	background-size: 85%;
    background-position-x: 5px;
    margin-right: 4px;
}

.chooseService .servTime::before {
    background-size: 88%;
    margin-top: -7px;
    margin-right: -5px;
}

.colBox {
	width: 90%;
	float: none;
	margin: 10px auto;
}

.countGroup {
	width: auto !important;
}

.morePeople p:first-child {
	white-space: unset !important;
    width: 51% !important;
}

.servPublic::before {
    background-size: 70%;
    margin-top: -8px;
    margin-right: -16px;
}

.emptyArr {
	width: 90%;
}

.btnBox {
	overflow: unset;
}

#goTime, #goTimes {
	background-color: #f0efff;
    border-radius: 4px;
    margin-bottom: 5px;
}

.userListing .personClient, .userListing .personNoClient {
	width: 89%;
    margin: 14px auto;
}

.fixBox {
	width: 98%;
}

.personClient, .personNoClient {
	width: 93%;
}

.scrollWin {
	width: 100%;
}

.personCard {
	width: 94%;
    margin: 0 auto;
    padding: 10px 0;
}

.fastSignPerson {
	margin-bottom: 21px;
}

.personCard #newSignClient {
	clear: both;
    width: 100%;
    margin: 0 auto;
}

.servPrise::before {
	background-size: 90%;
	margin-right: 2px;
    margin-top: -8px;
}

.servTime::before {
	background-size: 90%;
	margin-right: 0px;
    margin-top: -8px;
}

.servGroup::before {
	margin-right: -2px !important;
    margin-top: -7px;
}

.dateBox .servGroup {
	margin-left: -3px;
}

.dateBox .serviceType p {
	width: 25%;
}

.meDay li {
	flex: 0 0 calc(100% / 9.4) !important;
}

.fixTimeCalen .days li {
	flex: 0 0 calc(100% / 9.2);
}

.peoplePageCalen .days li {
	flex: 0 0 calc(100% / 11.7) !important;
}

.publicPageCalen .days li {
	flex: 0 0 calc(100% / 9.4) !important;
}

.toteBlock img {
	width: 90%;
    height: auto;
}

.activeTime {
	border: 3px solid #787878
}

.headTitle  {
	display: none;
}

header h6 {
    font-size: 11px;
	padding: 6px 7px;
    margin-top: 14px;
    margin-right: 12px;
}

.hintBox {
	padding: 0;
}

.hintBox .scrollWin {
	width: 100%;
}

#setNewSign {
	min-height: 505px;
	margin-top: 0;
}

.moreWin .signWin {
	width: 97%;
}

nav {
	background-color: #fafafa;
	border-radius: 0;
}

.dayOption {
	margin: 10px auto;
}

.clientCalen .days li {
	flex: 0 0 calc(100% / 11.5);
}

.fontTitle {
	font-size: 10px;
}

.selectOptionBtn {
	font-size: 11px;
}

.monthNav .fieldNote {
	width: 90%;
	margin: 10px auto;
	float: none;
}

.selectOptionSave {
	width: 90%;
	float: none;
	margin: 10px auto;
}

#newSignServNew .serviceType {
	height: auto;
    width: 89% !important;
    box-shadow: 1px 3px 5px 1px #d5d5d5;
}

.peoplePageCalen .canChooseTime {
	margin: 10px 5px;
}

.setMyPage .sepBox {
	width: 89%;
    padding: 20px 10px;
}

.changeNikFiled {
	width: 100%;
}

.pageStart {
    font-size: 18px;
    margin-left: 14px;
}

.nikName {
	font-size: 18px;
    max-width: 118px;
	margin-top: 12px;
}

.payToMe .sepBox {
	padding: 20px 10px;
    width: 89%;
}

.publicPage .workSchedule {
	min-height: 525px;
}

.publicPage .mDay li {
	border: 3px solid #e9e9e9;
}

.sepEv {
	padding: 10px 0;
}

/*Стили для нового промо*/

.mainBodyInfoUpd {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainBodyAction {
	float: none;
	margin: 10px auto;
	width: 85%;
}

.mainBodyUpd {
	margin-top: 0;
	margin-bottom: 40px;
}

.mainBodyInfoUpd h1 span {
	font-size: 35px;
}

.mainBodyInfoUpd h1 {
	font-size: 30px;
	line-height: 37px;
	margin-top: 20px;
	text-align: center;
}

.mainBodyInfoUpd h2 {
	font-size: 17px;
    width: 90%;
    line-height: 21px;
	margin-top: -10px;
	text-align: center;
}

.mainPhotoUpd {
	margin-top: 20px;
}

.mainPhotoUpd h2, .mainFeatureUpd h2, .mainWhatUpd h2, .mainPriseUpd h2 {
	font-size: 19px;
    line-height: 25px;
	width: 80%;
	-webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -o-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: -moz-linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    background: linear-gradient( 63.74deg, rgb(255, 25, 247) 0%, rgb(255, 46, 93) 40%, rgb(51 77 202) 87.53%, rgb(230, 185, 116) 122.25%, rgb(230, 185, 116) 122.25%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mainPhotoUpd div {
	width: 100%;
	float: none;
	margin: 10px auto;
}

.mainPhotoUpd h3 {
	font-size: 23px;
	margin-bottom: 15px;
}

.mainPhotoUpd h4 {
	font-size: 16px;
	line-height: 21px;
}

.mainFeatureUpd, .mainWhatUpd, .mainPriseUpd {
	margin-top: 20px;
}

.mainFeatureUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainFeatureUpd div p {
	font-size: 15px;
    width: 90%;
	line-height: 19px;
}

.mainWhatUpd div {
	float: none;
	margin: 10px auto;
	width: 90%;
}

.mainWhatUpd div span {
	width: 36px;
	height: 36px;
	line-height: 36px;
    font-size: 17px;
}

.mainWhatUpd div h4 {
	width: 80%;
    margin: 11px 5px;
    margin-left: 15px;
    font-size: 14px;
	text-align: left;
}

.mainWhatUpd div p {
	font-size: 13px;
    line-height: 16px;
    width: 80%;
    text-align: left;
    margin: 10px 5px;
    margin-top: -3px;
    margin-left: 15px;
}

.featuresList {
	float: none;
	width: 100%;
	margin: 10px auto;
}

.featuresList p span {
	width: 40px;
	height: 40px;
    margin-top: -8px;
}

.featuresList p {
	font-size: 15px;
}

.priseList {
	float: none;
	margin: 10px auto;
	width: 100%;
}

.mainFeatureUpd div h3 {
	font-size: 23px;
}

.mainPriseUpd h3 {
	margin-top: 20px;
    font-size: 28px;
}

.mainPriseUpd h4 {
	width: 90%;
    font-size: 14px;
    line-height: 18px;
}

.dateBox h4 {
	max-width: 71%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tagBlock .timeBox {
	max-width: unset;
	float: left;
}

#tagBlock .timeBox .cheduleStyle {
	width: unset;
	margin: 0;
}

#tagBlock {
	margin-bottom: 40px;
}

.noteBlock {
	width: 94%;
}

.noteIds {
	width: 120px;
}

.noteText {
	width: calc(100% - 135px);
}

.delTag {
	margin-top: 20px;
}

.tagTextBox {
	margin: 10px 5px;
}

.toggleBox .noteText {
    width: 90%;
    margin: 10px auto;
    margin-bottom: 0;
    overflow: hidden;
    float: none;
}

.toggleBox .noteIds {
	width: 50% !important;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}

.toggleBox {
	width: 94%;
}

.lightModes .fancyBor {
	width: 100px;
	height: 100px;
	float: none;
	padding: 6px;
	margin: 20px auto;
	margin-top: 0;
}

.lightModes .userInfo h4 {
	float: none;
	width: 50%;
    margin: 10px auto;
}

.getBor {
	width: 94%;
    border: 3px dashed #fff;
    padding-top: 0;
}

.publicPage .lightModes .sepTitle {
	font-size: 14px !important;
}

.lightBlock {
	width: 98%;
}

.lightBlock h4 {
	font-size: 12px;
}

.lightBlock .canChooseTime {
	font-size: 12px;
	font-weight: 800;
}

.lightType .canChooseTime {
	width: unset;
}

#showCalen, #addUCalen {
	float: left !important;
}

.lightType .actionBtn {
	height: 50px !important;
	margin-top: 70px !important;
}

.notifyB {
	width: 80%;
}
	
}