@font-face {
    font-family: 'Regular';
    src: url('../fonts/PTSans-Regular.eot');
    src: local('☺'), url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.ttf') format('truetype'), url('../fonts/PTSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Italic';
    src: url('../fonts/PTSans-Italic.eot');
    src: local('☺'), url('../fonts/PTSans-Italic.woff') format('woff'), url('../fonts/PTSans-Italic.ttf') format('truetype'), url('../fonts/PTSans-Italic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bold';
    src: url('../fonts/PTSans-Bold.eot');
    src: local('☺'), url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.ttf') format('truetype'), url('../fonts/PTSans-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}



html * {max-height: 999999px; box-sizing: border-box;}
html {font-size: 18px; font-family: 'Regular'; line-height: 22px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
}
b, strong {font-family: 'Bold';}
i, em {font-family: 'Italic';}

/*ul li {list-style: none; position: relative;}
ul li:after {content: '—'; position: absolute; left: -20px; top: 0px;}/**/

body, html {height: 100%; margin: 0px; padding: 0px; background-color: #ffffff;}
a {text-decoration: none; color: #1a823d;}
a:hover {color: #00796b;}
.clear {clear: both;}
body.noscroll {overflow: hidden;}
.center {text-align: center;}

h2 {font-size: 30px; font-weight: normal; font-family: 'Bold';}

header {padding: 40px;}
header .month {font-family: 'Bold'; display: inline-block; vertical-align: middle; margin-right: 20px;}
header .month .prev {display: inline-block; background: url('../i/str-left.png'); width: 10px; height: 21px; margin-right: 10px; vertical-align: text-bottom;}
header .month .next {display: inline-block; background: url('../i/str-left.png'); width: 10px; height: 21px; margin-left: 10px; vertical-align: text-bottom;
    -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}

header .left {float: left;}
header .right {float: right;}
header .right a{text-align: center; padding: 10px; border: 1px solid; border-radius: 15px; display: inline-block; width: 60px; margin-left: 18px;}
header .right .block-time svg{width: 21px; height: 24px; fill: #1a823d;}
header .right .add-tour svg{width: 24px; height: 24px; fill: white;}
header .right .add-tour {background-color: #1a823d;}
header .list-item svg {width: 13px; height: 16px; fill: #cccccc; position: absolute; z-index: 1; top: 17px; left: 17px;}
header .list-item {display: inline-block; width: 30vw; position: relative; margin-right: 20px;}

header .list-gid svg {width: 13px; height: 16px; fill: #cccccc; position: absolute; z-index: 1; top: 17px; left: 17px;}
header .list-gid {display: inline-block; width: 30vw; position: relative;}

.chosen-container {width: 100% !important; max-width: 600px !important; }
.chosen-single {border: 1px solid #1a823d !important; padding: 22px 20px !important; width: 100% !important; max-width: 600px !important; border-radius: 15px !important; font-size: 18px !important; font-family: 'Regular'; background: none !important; background-color: white !important;}
.chosen-container-single .chosen-single span {margin-top: -10px;}
.chosen-container-single .chosen-single div b {margin-top: 11px;}

.chosen-choices {border: 1px solid #1a823d !important; padding: 10px 40px !important; width: 100% !important; max-width: 600px !important; border-radius: 15px !important; font-size: 18px !important; font-family: 'Regular'; background: none !important; background-color: white !important;}
.chosen-container-multi .chosen-choices span {margin-top: -10px;}
.chosen-container-multi .chosen-choices div b {margin-top: 19px;}

#main {padding: 30px; padding-top: 0px;}
table.month {width: 100%;}
table.month th {width: calc(100% / 7);border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}
table.month td {border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px; vertical-align: top; height: 50px; position: relative; cursor: pointer;}
table.month td:hover {background-color: #f9f9f9;}
table.month td .attention {display: block; width: 26px; height: 24px; position: absolute; top: 10px; right: 10px;}
table.month td .attention svg {fill: #e5be01;}
table.month tr td:first-child,
table.month tr th:first-child
{border-left: 1px solid #cccccc;}
table.month .day {text-align: center; margin-top: 0px; margin-bottom: 15px;}
table.month .day.active {background-color: #cccccc; text-align: center;}
table.month .day span {background-color: #cccccc; display: inline-block; border-radius: 50%; padding: 3px 5px;}
table.month .item {margin-bottom: 5px; font-size: 14px;}
table.month .item img {border-radius: 50%; display: inline-block; vertical-align: sub;}
table.month .gray .day {color: #ccc;}
table.month .none {background: url('../i/blocked.png'); cursor: default; background-color: white !important;}
table.month .gray {cursor: default; background-color: white !important;}

#is-day {position: relative;}
#is-day .tm{border-bottom: 1px solid #cccccc; position: relative; margin-bottom: 59px;}
#is-day .tm span {position: absolute; background-color: white; padding-right: 40px; left: 0px; top: -10px; width: 80px;}
#is-day .item {position: absolute; width: 300px; padding: 15px; border: 2px solid #1a823d; border-radius: 15px; background-color: #f4f7f6; padding-right: 60px; cursor: pointer;}
#is-day .item:hover {background-color: #DDF7F2; opacity: 0.7;}
#is-day .item img {position: absolute; top: 20px; right: 15px; border-radius: 50%;}
#is-day .item .cap {margin-top: 0px; position: relative; padding-left: 30px; background: url('../i/ic4.png') no-repeat left center;}
#is-day .item .cap.type2 {background: url('../i/ic3.png') no-repeat left center;}
#is-day .item .time {font-size: 14px; padding-left: 30px; background: url('../i/ic1.png') no-repeat left center; margin-bottom: 10px;}
#is-day .item .start {font-size: 14px; padding-left: 30px; background: url('../i/ic2.png') no-repeat left center;}
#is-day .item .buf {display: block; position: absolute; width: 100%; border: 2px solid #ffa3aa; left: 0px; background: url('../i/blocked.png'); border-radius: 15px; opacity: 0.5; margin-bottom: -3px;}
#is-day .item .attention {display: block; width: 26px; height: 24px; position: absolute; top: 78px; right: 26px;}
#is-day .item .attention svg {fill: #e5be01;}

.bigA {display: inline-block; border: 1px solid; font-size: 18px; padding: 13px 20px; border-radius: 15px; display: inline-block; vertical-align: middle; margin-right: 20px;}
.bigA:hover {background-color: white;}
.bigA.active {background-color: #1a823d; color: white; border-color: transparent;}
.bigA2 {padding: 10px 20px;}

.calendar {display: inline-block; position: relative; padding-left: 45px; padding-right: 45px;}
.calendar .month {display: inline-block;/* margin-left: 25px; margin-right: 25px;/**/}
.calendar .month .cap {border-bottom: 1px solid #ccc; text-align: center;}
.calendar a.prev {display: block; width: 44px; height: 44px; background-color: white; border: 1px solid #1a823d; border-radius: 50%; color: black; line-height: 44px; text-align: center; font-size: 24px; position: absolute; left: 0px; top: 160px;}
.calendar a.next {display: block; width: 44px; height: 44px; background-color: white; border: 1px solid #1a823d; border-radius: 50%; color: black; line-height: 44px; text-align: center; font-size: 24px; position: absolute; right: 0px; top: 160px;}
.calendar a.next:hover,
.calendar a.prev:hover {background-color: #1a823d; color: white;}
.days th {font-weight: normal;}
.days {border: 0px;}
.days td, .form .days td{border: 0px;}
.days td a {display: block; text-align: center; border-radius: 15px; text-align: center; width: 43px; height: 40px; margin: 4px; line-height: 39px;}
.days td a.grey{color: #cccccc; border-color: #cccccc; border: 1px solid #cccccc;}
.days td a.blue{color: black; background-color: #7fc7ff;}
.days td a.green{color: white; background-color: #1a823d;}
.days td a.active{color: white; background-color: black;}
.days td a.blue:hover,
.days td a.green:hover
{color: white; background-color: black;}

.pdt {position: absolute; background-color: #f4f7f6; padding: 30px; border-radius: 15px;  box-shadow: 0 0 20px rgba(0,0,0,0.5); display: none; left: 20px; top: 30px; z-index: 5;}
.pdt .close {display: block; position: absolute; right: 0px; top: 0px; background: url('../i/close.png') center center no-repeat; width: 30px; height: 30px;}
.bx-wrapper {margin-bottom: 0px !important;}
.bx-wrapper .bx-prev {}
.calendar .month .cap {margin-top: 0px; padding-bottom: 10px;}
.bx-wrapper .bx-controls-direction a {top: 0px !important; margin-top: 0px !important; height: 30px !important; overflow: hidden !important;}
.bx-wrapper .bx-prev {background: url('../i/str-left.png') left center no-repeat !important;}
.bx-wrapper .bx-next {background: url('../i/str-left.png') left center no-repeat !important;
    -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.center {text-align: center;}

#blocktime {position: absolute; background-color: #f4f7f6; padding: 30px; border-radius: 15px;  box-shadow: 0 0 20px rgba(0,0,0,0.5); display: none; right: 20px; top: 30px; z-index: 5;}
#blocktime .close {display: block; position: absolute; right: 0px; top: 0px; background: url('../i/close.png') center center no-repeat; width: 30px; height: 30px;}


.form input[type="text"] {border: 1px solid #1a823d; padding: 10px 20px; width: 100%; max-width: 600px; border-radius: 15px; font-size: 18px; font-family: 'Regular';}
.form .gr {border-color: #cccccc !important;}
.form textarea {border: 1px solid #1a823d; padding: 20px 40px; width: 100%; max-width: 600px; border-radius: 15px; font-size: 18px; font-family: 'Regular'; height: 200px; resize: none;}
.form input[type="checkbox"] {font-size: 40px; font-family: 'Regular';}
.form .checkbox {position: relative; display: inline-block; vertical-align: middle;}
.form .checkbox label span{padding-left: 40px; position: relative; cursor: pointer; padding-top: 5px;}
.form .checkbox label span:before{content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 30px; height: 30px; left: 0; top: 0; border-radius: 5px; background-color: transparent; border: 1px solid #1a823d;}
.form .checkbox input {opacity: 1; position: absolute; left: 0px; top: 0px; z-index: -2; opacity: 0;}
.form .checkbox input:checked + span:before {background: #1a823d; color: white; content: '✔'; line-height: 30px; text-align: center; font-size: 25px;}
.form label.big {width: 100%;}
.form input[type="submit"] {border: 0px; background-color: #1a823d; padding: 20px 40px; border-radius: 15px; font-size: 18px; font-family: 'Regular'; color: white; cursor: pointer;}
.form .mask-time {width: 90px !important;}

fieldset {padding: 15px 15px; border: 2px solid #e7e7e7; border-radius: 15px; margin-top: 30px;}
fieldset legend {font-size: 24px; font-family: 'Bold';}
fieldset .column { display: inline-block; vertical-align: top; width: calc(100% / 3); padding-left: 30px; padding-right: 30px;}
fieldset.client:hover {background-color: #f4f7f6;}
fieldset.client {position: relative;}
fieldset.client .attention {display: block; width: 40px; height: 36px; position: absolute; top: -20px; left: -20px;}
fieldset.client .attention svg {fill: #e5be01;}

.item-m .cap{font-family: 'Bold'; text-align: center; margin-top: 0px;}
.ismainslider .bx-wrapper .bx-prev {left: 50%; margin-left: -130px;}
.ismainslider .bx-wrapper .bx-next {right: 50%; margin-right: -130px;}
.ishide {display: inline-block; position: relative;}
.ishide:after {display: block; content: ''; background-color: white; width: 100%; height: 100%; opacity: 0.8; position: absolute; left: 0px; top: 0px; z-index: 2;}
.ishide.active:after {display: none;}