@font-face {
    font-family: 'skazkaforserge';
    src: url('../fonts/skazkaforserge.otf') format('opentype'),
    	url('../fonts/skazkaforserge.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Akrobat */
@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/Akrobat-Regular.otf') format('opentype'),
    url('../fonts/Akrobat.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/Akrobat-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/Akrobat-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/Akrobat-Bold_0.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Akrobat';
    src: url('../fonts/AkrobatGl-ExtraBold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}


/* Lifehack Sans */

@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/Lifehack Sans.otf') format('opentype'),
    	url('../fonts/Lifehack Sans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/Lifehack Sans Medium.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/Lifehack Sans Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/Lifehack Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/Lifehack Italic Bold.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

.test_1 {
	font-family: 'Lifehack Sans', 'OpenSans', "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    
}

h1.test_1 {
    font-size: 55px;
}

h2.test_1 {
    font-size: 42px;
}

.test_2 {
	font-family: 'Akrobat', 'OpenSans', "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.test_2 p, .test_2 li {
    font-size: 21px;
}


.skaz {
    font-family: 'skazkaforserge';
}


/*Text*/
.semi-bold {
    font-weight: 600;
}

.bolder {
    font-weight: 500;
}

.bigger {
    font-size: 1.05em;
}

.smaller {
    font-size: 0.92em;
}

.bit-smaller {
    font-size: 0.96em;
}

.bit-small-space {
    letter-spacing: -2.2px;
}

.small-space {
    letter-spacing: -3.2px;
}

.ul-text li {
    margin-top: 10px;
    line-height: 1.4;
}

.ul-text-modal li {
    margin-top: 10px;
    line-height: 1.2;
}

.avoid-break {
    break-inside: avoid-column;
}

.avoid-before-break {
    break-before: avoid;
}



/*Access*/

._access-icon{
    background-color: #1da133!important;
    opacity: 0.8!important;
}


/*Button*/
.uk-button {
    padding-top: 10px;
    padding-bottom: 10px;
}

.uk-offcanvas-bar .uk-icon-button {
    margin-right: 5px;
}

/* Form */
/*.main-form {*/
/*    background-color: #FFF194;*/
/*    padding-right: 40px;*/
/*}*/


/*Cards*/
.round img {
	border-radius: 25px;
}

/*Buttom form*/

#modal-center-44 .uk-card-secondary {
    padding: 35px;
    background-color: #dff6e2;
}

#modal-center-44 .uk-card-secondary:hover {
	background-color: #FFF194;
}

#modal-center-44 input {
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #0DBEFF;
}

/**/
#modal-center-54 .uk-card-secondary {
    padding: 35px;
    background-color: #dff6e2;
}

#modal-center-54 .uk-card-secondary:hover {
	background-color: #FFF194;
}

#modal-center-54 input {
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #0DBEFF;
}

.uk-modal-dialog, .uk-modal-footer {
    border-radius: 25px;
}


/*Main form*/

.main-form input {
    margin-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #0DBEFF;
}

input[type=text]::placeholder {
  color:#FF5D3E;
}

input[type=phone]::placeholder {
  color:#FF5D3E;
}

.main-form .uk-card-secondary:hover {
	background-color: #FFF194;
}

.main-form h4 {
	margin-bottom: 30px;
}

.main-form .uk-card-secondary:hover h4 {
	color: #ff5d3e;
}

.main-form .uk-button-primary {
    margin-top: 20px;
}


.activities, .price {
    border-collapse: collapse;
    width: 100%;
    
}

.activities th, .price th {
    border: 1px solid #bbb;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #1da133;
    font-weight: 500;
}

.activities td, .price td {
    border: 1px solid #bbb;
    text-align: center;
    padding: 5px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 1.25em;
}

.activities th:first-child() {
    color: #ff5d3e;
}

.activities td .little {
    font-size: 0.8em;
    line-height: 1.1em;
}

.little {
    font-size: 0.8em;
    line-height: 1.1em;
}

.mon, .tue, .wed, .thu, .fri {
    width: 18%;
}

.middle, .right {
    width: 25%;
}

/*th.left {*/
/*    text-align: left;*/
/*    padding-left: 10px;*/
/*}*/


.price td:nth-child(1) {
    text-align: left;
    padding-left: 10px;
}


.big-phone h3 {
        font-size: 24px;
    }

@media (max-width: 359px) {
    .big-phone {
        display:none;
    }
    h1 {
        font-size: 36px;
    }
    
    h1.long-h1 {
        font-size: 32px;
        letter-spacing: -1px;
    }
    
    h3#long-h3 {
        font-size: 32px!important;
    }
    
    .price {
        font-size: 17px;
    }
    
    
   /*Cтиль будет применяться, если ширина окна браузера менее 480 пикселей*/
}

@media (min-width: 360px) {
    .small-phone {
        display:none;
    }
   /*Cтиль будет применяться, если ширина окна браузера более 480 пикселей*/
}



@media (max-width: 399px) {
    .very-big-phone {
        display:none;
    }
    
    h1.long-h1 {
        font-size: 34px;
        letter-spacing: -1px;
        
    }
}

@media (min-width: 400px) {
    .middle-phone {
        display:none;
    }
    
}


@media (min-width: 1200px) and (max-width: 1250px) {
    .small-space {
    letter-spacing: -0.2px;
    }
}

@media (min-width: 960px) and (max-width: 1200px) {
    .small-space {
    letter-spacing: -1.8px;
    }
}