html {
	overflow-x: hidden;
	/* overflow-y: hidden; */
}

html,
body {
	width: 100vw
}

body {
	/* overflow-x: hidden; */
	/* overflow-y: scroll; */
	/* max-height: 100vh; */
	/* height: auto; */
}

html.modal-open,
body.modal-open {
	overflow: hidden
}



/* HERO */

section.hero {
	z-index: 2;
	background-image: var(--bg-hero-blur);
	background-size: cover;
	background-position: var(--pos-hero-bg);
	background-repeat: no-repeat;
	background-color: var(--c-hero-section-background);
	position: relative;
	margin-top: 7rem;
	display: block;
	height: 50rem
}

div.hero-bg {
	display: none;
	position: absolute;
	background-image: var(--bg-hero);
	background-size: cover!important;
	background-position: var(--pos-hero-bg)!important;
	background-repeat: no-repeat!important;
	width: 100%;
	height: 100%;
	z-index: -1
}

section.hero p.supheader {
	text-transform: uppercase;
    letter-spacing: .05rem;
	line-height: 1.6;
	color: var(--c-hero-sup);
	text-align: center;
	padding: 2rem;
    padding-bottom: 4rem;
	font-size: 10px;
}

section.hero h1.header {
	text-shadow: 2px 2px 1px #fff;
	color: var(--c-hero-header);
	font-family: 'ImpactRegular', Impact, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 24px;
	line-height: 1
}

section.hero h1.header span.bigger {
	display: block;
	font-size: 72px;
}

section.hero p.subheader {
	color: var(--c-hero-sub);
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
    letter-spacing: .05rem;
	padding: 2rem;
	padding-top: 5rem;
	line-height: 1.4
}

.timer_container {
    width: 20rem;
    text-align: center;
    position: absolute;
    bottom: 3rem;
    left: calc(50% - 10rem);
}

.time-left {
	font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05rem;
	padding-top: 3rem;
    padding-bottom: 1rem;
	color: var(--c-time-left)
}

div#timer {
    font-weight: bold;
    letter-spacing: .05rem;
	text-transform: uppercase;
	text-shadow: 0 6px 6px rgba(0, 0, 0, .3);
	color: #fff;
	line-height: 1;
	font-size: 40px
}

#timer span {
	text-shadow: 0 4px 4px rgba(0, 0, 0, .4);
	font-family: 'Manrope', sans-serif;
	text-align: center;
	display: block;
	font-size: 20px;
	color: #fff
}

/* END OF HERO */



/* FIRST THREE BOXES */

.box-container {
    margin: 0 auto;
	margin-top: 2rem;
	padding: 1rem;
	min-width: 10rem;
	min-height: 283px;
	border-radius: 16px
}

.weather-box {
	color: #fff;
	/* background-color: var(--c-weatherbox); */
	min-height: 283px;
	padding: 0 !important;
}

iframe.map-box {
	color: #fff;
	margin-top: 2rem;
	background-color: var(--c-mapbox);
	border-radius: 16px;
	min-height: 283px
}

.course-box {
	text-transform: uppercase;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* background-color: #DD3D31; */
	padding: 0 !important;
	overflow: hidden
}

.course-box span {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	white-space: nowrap;
	display: block
}

.course-box img {
	/* margin-top: .5rem;
	margin-bottom: 1.5rem;
	height: 200px; */
}

/* END OF FIRST THREE BOXES */


/* ABOUT BOX */

.about-box {
    max-width: 600px;
	padding: 1.5rem;
    padding-right: 1.75rem;
    font-size: 14px;
    line-height: 22px;
	font-weight: 700;
	background-color: var(--c-aboutbox-bg);
	color: #fff;
}

.about-box .tar {
    margin-top: 1rem;
}

.flag {
	height: 12px
}

/* END OF ABOUT BOX */


/* SHOYGU */

#shoygu .row {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

section.shoygu .idea {
	font-size: 18px;
}

section.shoygu {
	position: relative;
	background-size: 24rem!important;
	background-position: 100% 100%!important;
	background-repeat: no-repeat!important;
}

section#shoygu .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

div.img-shoygu {
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-image: url(../img/shoygu.png);
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.shoygu-photo {
	margin: 0 auto;
	max-width: 10rem;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	min-height: 8rem;
	background-position: 50% 0%
}

/* END OF SHOYGU */

/* COURSES SLIDER */

h2.course-header {
	text-transform: uppercase;
	font-size: 20px;
    line-height: 26px;
}

.course-subheader {
    padding-top:.2rem;
	color: red;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.6
}

ul.course-bullets {
	padding-left: 1.5rem;
	list-style-image: url(../images/bullet-star.svg)
}

.course-bullets ul {
	padding-left: 1.5rem;
	list-style-image: url(../images/bullet-star.svg)
}


ul.course-bullets li {
	font-size: 14px;
	color: #4F5362;
	line-height: 1.4;
	padding-bottom: .33rem
}

.courses-slider-backpack {
    margin-top: 1rem;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
    height: 6rem;
	/* background-position: 50% 0%; */
}

section#courses-slider {
	background-color: var(--c-courses-slider-background);
}

section#courses-slider .slider-container {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content
}

.warning {
    border-radius: 4px;
    padding: .5rem;
    padding-right: .75rem;
    font-size:11.5px;
    border: 1px solid red;
    color: red;
    max-width:20rem;
    line-height: 16px;
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
}

.slider-card-container {
	height: auto;
	padding: 2rem
}

.slider-card {
	max-width: 800px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .25);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .25);
	margin: 0 auto;
	background-color: #fff;
	border-radius: 16px;
	height: auto
}


/* END OF COURSES SLIDER */

/* FEATS */

section#feats {
    margin-top: -1.9rem;
	padding-top: 5rem;
	padding-bottom: 1rem;
	background-image: url(../images/kusok.svg);
	background-size: auto 110%;
	background-position: 0% 50%;
	background-repeat: no-repeat
}

.feats-header {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
    max-width: 28rem;
    margin: 0 auto;
}

.feat-caption {
	margin-top: 1rem;
	font-weight: 700;
	font-size: 16px;
    line-height: 18px;
}

.feat-container {
	max-width: 11rem;
	text-align: center;
	display: inline-block;
    padding: 1rem;
}

.feat-circle {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	background-color: var(--c-feat-circle);
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.feat-circle img {
    width: 3.5rem;
}


/* END OF FEATS */

/* GUESTS SLIDER */

.guests-slide .slider-card .row {
    padding: 1rem;
}

.guests-slider {
    margin-top: 2rem;
}

.guests-slider .slider-card {
	background-color: var(--c-guest-card-bg)
}

.director-subheader {
    padding: .5rem;
    margin-top: 1rem;
	line-height: 1.1;
	font-size: 24px;
	font-weight: 700
}

.guests-slider .paragraph {
    padding: .5rem;
    padding-bottom: 2rem;
	font-size: 15px;
	color: var(--c-guest-card-font)
}

.square {
	width: 100%
}

.square:after {
	content: "";
	display: block;
	padding-bottom: 100%
}

.guests-slider .caption {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase
}

.circle-director {
	margin: 0 auto;
	width: 100%;
	max-width: 12rem;
	border-radius: 50%;
	background-size: cover;
	background-repeat: no-repeat
}

.guest-photo_container {
    padding: 2rem;
}


/* END OF GUESTS SLIDER */

/* QUESTIONS SLIDER */


#questions {
    padding-top: 2rem;
	overflow: hidden;
	background-color: var(--c-questions-bg)
}

#questions .caption {
    margin-top:1rem;
	line-height: 1.2;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase
}

#questions .question {
	word-wrap: break-word;
	margin: 2rem;
	position: relative;
	padding: 2rem;
	background: #fff;
	border-radius: 0 16px 16px 16px;
	font-size: 16px;
	font-weight: 700
}

#questions .answer {
	word-wrap: break-word;
	margin: 2rem;
	position: relative;
	padding: 2rem;
	background: var(--c-answer-bubble-bg);
	border-radius: 16px 0 16px 16px;
	font-size: 16px;
	font-weight: 700
}

#questions .question::after {
	border-bottom: 40px solid transparent;
	border-right: 41px solid #fff;
	top: 0;
	left: -40px;
	content: "";
	position: absolute
}

#questions .answer::after {
	border-bottom: 40px solid transparent;
	border-left: 41px solid var(--c-answer-bubble-bg);
	top: 0;
	right: -40px;
	content: "";
	position: absolute
}

/* END OF QUESTIONS SLIDER */

@media (min-width: 768px) {
    .courses-slider-backpack {
        background-position: 50% 0%;
        height: 12rem;
        margin-top: 2rem;
    }
    h2.course-header {
        margin-top: 1rem;
    }
}

@media (max-width: 767px) {
    section.shoygu {
        background-size: 10rem!important;
    }
    .idea {
        text-align: center;
    }
    .course-box {
        min-height: 10rem;
    }
    .course-box img {
        margin-top: 1.25rem;
        height: auto;/*100px;*/
    }

    .circle-director {
        margin: unset;
        max-width: 10rem;
    }
        .guest-photo_container {
            padding: unset;
            padding-top: 1rem;
    }
    #security img {
        max-width: 10rem!important;
    }
}

@media (min-width: 600px) {
    section.hero p.supheader{
        font-size: 12px;
    }
    section.hero h1.header {
        font-size: 32px;
    }
    section.hero h1.header span.bigger {
        font-size: 100px;
    }
    .about-box {
        font-size: 16px;
        line-height: 24px;
    }
}



@media (min-width: 1200px) {
.bootstrap-wrapper .container {
    max-width: 960px;
}
    }
.phone-menu_button .fa-phone {
    font-size:1.5rem;
    color: white;
}

.phone-menu_button {
    border: 1px solid white;
    padding-left: 11px;
    padding-top: 13px;
	z-index: 9998;
	position: fixed;
    left: 10px;
    top: 25px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--c-aboutbox-bg);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.burger-menu_button {
	z-index: 9998;
	position: fixed;
	top: 25px;
	right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: var(--c-aboutbox-bg);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}


.burger-menu_lines::before,
.burger-menu_lines::after,
.burger-menu_lines {
	position: absolute;
	width: 30px;
	height: 3px;
	background-color: #fff;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.burger-menu_lines {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.burger-menu_lines::before {
	content: '';
	top: -8px
}

.burger-menu_lines::after {
	content: '';
	top: 8px
}

.burger-menu_active .burger-menu_lines {
	background-color: transparent
}

.burger-menu_active .burger-menu_lines::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.burger-menu_active .burger-menu_lines::after {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.burger-menu_nav {
	z-index: 9997;
	display: none;
	padding-top: 7rem;
	position: fixed;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	height: 100%;
	background-color: var(--c-aboutbox-bg);
	overflow-y: auto;
	right: -100%;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s
}

.burger-menu_active .burger-menu_nav {
	right: 0;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s
}

.burger-menu_link {
	cursor: pointer;
	padding: 18px 35px;
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff
}

.burger-menu_link:first-child {
	border-top: 1px solid #fff
}

.burger-menu_link:hover {
	-webkit-filter: brightness(.9);
	filter: brightness(.9)
}

.burger-menu_overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10
}

.burger-menu_active .burger-menu_overlay {
	display: block;
	background-color: rgba(0, 0, 0, .5)
}

.pattern {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: -1
}

img.logo-patriot {
	margin-top: 10px;
	width: 9rem
}

img.logo-kronshtadt {
	margin-top: 10px;
	width: 9rem;
	margin-bottom: 1rem
}

img.logo-vladivostok {
	margin-top: 14px;
	width: 9rem
}

@font-face {
	font-family: 'fontello';
	src: url(../fonts/fontello.eot);
	src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'), url(../fonts/fontello.woff2) format('woff2'), url(../fonts/fontello.woff) format('woff'), url(../fonts/fontello.ttf) format('truetype'), url('../images/fontello.svg#fontello') format('svg');
	font-weight: 400;
	font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-youtube-play:before {
	content: '\f16a'
}

.icon-instagram:before {
	content: '\f16d'
}

.icon-facebook-squared:before {
	content: '\f308'
}

@font-face {
	font-family: "ImpactRegular";
	src: url(../fonts/ImpactRegular.eot);
	src: url("../fonts/ImpactRegular.eot#iefix")format("embedded-opentype"), url(../fonts/ImpactRegular.woff) format("woff"), url(../fonts/ImpactRegular.ttf) format("truetype");
	font-style: normal;
	font-weight: 400
}

body {
	width: 100%;
	color: #222328;
	margin: 0;
	padding: 0;
	font-family: 'Manrope', sans-serif

}

a {
	color: inherit;
	text-decoration: none!important
}

h1,
h2,
h3,
h4,
p {
	font-weight: 400;
	margin: 0
}

br.v640 {
	display: none
}

br.v508 {
	display: none
}

@media screen and (min-width:508px) {
	br.v508 {
		display: block
	}
}

.dt {
	display: table
}

.mw9 {
	min-width: 9rem
}

.pr2 {
	padding-right: 2rem
}

.dib {
	display: inline-block!important
}

.pl4 {
	padding-left: 4rem
}

.w1px {
	width: 1px
}

.tac {
	text-align: center
}

.tar {
	text-align: right
}

.wsnw {
	white-space: nowrap
}

.m0 {
	margin: 0!important
}

.m0a {
	margin: 0 auto!important
}

.mt2 {
	margin-top: 2rem
}

.mb1 {
	margin-bottom: 1rem
}

.pt2 {
	padding-top: 2rem
}

.pt5 {
	padding-top: 5rem
}

.pb5 {
	padding-bottom: 5rem
}

.pb3 {
	padding-bottom: 3rem
}

.fz14 {
	font-size: 14px
}

.fz20 {
	font-size: 1.6vw
}

.fz25 {
	font-size: 2vw
}

.fz40 {
	font-size: 40px
}

.bold {
	font-weight: 700
}

.red {
	color: #E21E1E
}

.ttuc {
	text-transform: uppercase
}

.f-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.pre {
	white-space: pre
}

.ts {
	text-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

.ts-fix {
	text-shadow: 3px 4px 5px rgba(0, 0, 0, 1)
}

.vam {
	vertical-align: middle
}

header .phone {
    position: absolute;
    right: 6px;
    top: 0;
}

header {
	-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .25);
	box-shadow: 0 0 16px rgba(0, 0, 0, .25);
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 7rem
}

header a {
    letter-spacing: .05rem;
	cursor: pointer;
	text-transform: uppercase;
	color: var(--c-header-menu);
	font-weight: 700;
	font-size: 13px;
	padding: .75rem
}









a.button-green {
	width: 192px!important;
	color: #fff;
	background-color: var(--c-secondary-button)!important
}

a.button-light {
	background-color: white!important;
	color: #4F5362!important;
	outline: none;
	cursor: pointer;
	border: 1px solid #eee
}

a.button {
	position: relative;
	vertical-align: top;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	outline: none;
	cursor: pointer;
	margin: .25rem .5rem;
	font-size: 14px;
	color: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: .5rem 1rem;
	background-color: var(--c-primary-button);
	border-radius: 20px;
}

.button {
	border:none;
	position: relative;
	vertical-align: top;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	outline: none;
	cursor: pointer;
	margin: .25rem .5rem;
	font-size: 14px;
	color: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: .5rem 1rem;
	background-color: var(--c-primary-button);
	border-radius: 20px;
}





.divTable {
	display: table;
	width: 100%
}

.divTableRow {
	display: table-row
}

.divTableHeading {
	display: table-header-group
}

.divTableCell,
.divTableHead {
	display: table-cell
}

.divTableHeading {
	display: table-header-group;
	font-weight: 700
}

.divTableFoot {
	display: table-footer-group;
	font-weight: 700
}

.divTableBody {
	display: table-row-group
}










#gal .container-fluid,
#gal .col-md-4,
#gal .col-4 {
	padding: 0
}

#gal img {
	width: 100%
}

#gal .col-4 {
	min-height: 4rem;
	text-align: center
}

#documents {
	position: relative;
	padding-bottom: 3rem
}

#documents img {
	margin-top: -2rem;
	max-width: 3rem
}

#documents .title {
	padding-bottom: 2rem;
	font-size: 18px
}

#documents .header {
	padding-top: 5rem;
	padding-bottom: 2rem;
	font-weight: 700;
	font-size: 35px;
	text-transform: uppercase;
	text-align: center
}

#documents .row {
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase
}

#documents .col-md-6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	padding: 2rem
}

#callback {
	background-color: darkgrey;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 75% 75%;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

#callback h1 {
	padding-bottom: .75rem;
	font-size: 25;
	text-transform: uppercase;
	font-weight: 700
}

#callback h2 {
	padding-bottom: 2.5rem;
	font-size: 18px
}

#callback .phone-container {
	border: 2px solid #F4F4ED;
	background: #F4F4ED;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 16px;
	padding: .75rem 2rem;
	margin-bottom: 1.25rem;
	margin-left: -10px
}

#callback .phone-container.error {
	border: 2px solid red;
	background: pink
}

#callback input[type=tel] {
	background: transparent;
	width: 14rem;
	margin: 0 auto;
	outline: none;
	border: none;
	font-size: 25px
}

#callback input[type=tel]::-webkit-input-placeholder {
	color: #A99E9E
}

#callback input[type=tel]::-moz-placeholder {
	color: #A99E9E
}

#callback input[type=tel]:-ms-input-placeholder {
	color: #A99E9E
}

#callback input[type=tel]::-ms-input-placeholder {
	color: #A99E9E
}

#callback input[type=tel]::placeholder {
	color: #A99E9E
}

#callback .button-container {
	float: right;
	margin-right: 0
}

#partners {
    max-width: 600px;
    margin: 0 auto;
}

#partners h1 {
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 2rem
}

#partners .img-container {
	display: inline-block;
	margin: .5rem;
	width: 5rem;
	height: 5rem
}

#partners img {
	width: 100%;
	height: 100%
}

footer span.copy {
	font-size: 12px
}

footer {
	background-color: #EFF0F4;
	padding-bottom: 2rem
}

footer .logo {
	padding-top: 2rem
}

footer .logo-container {
	text-align: center
}

footer p {
	font-weight: 700;
	font-size: 14px
}

footer .supheader {
	font-size: 12px;
	/* text-transform: uppercase; */
	color: #A8ACB9;
	padding: 1.25rem 0 .5rem 0
}

.map {
	height: 18rem;
	width: 100%;
	background-color: #EFF0F4
}





@media screen and (max-width:767px) {

    #footer .pobeda {
        margin: 0 auto;
    }
    #footer .logo-container, #footer .row {
        text-align: center;
    }


    #news .row {
        max-width: 24rem;
        margin: 0 auto;
    }
#security .row {
    text-align: center;
    width: 20rem;
    margin: 0 auto;
}

	.fz20 {
		font-size: 15px
	}
	.fz25 {
		font-size: 17px
	}
	footer .logo-container {
		text-align: left
	}
	/* .square { */
	/* 	margin: 2rem 0; */
	/* 	width: 50% */
	/* } */
}

@media screen and (min-width:640px) {
	#courses-slider .row {
		width: 100%
	}
}

@media screen and (min-width:780px) {
	.burger-menu {
		display: none
	}
}

@media screen and (max-width:780px) {
	.hide {
		display: none
	}
}

@media screen and (max-width:640px) {
	br.v640 {
		display: block
	}
}

.overlay {
	z-index: 9998;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, .7);
	-webkit-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	transition: opacity 200ms;
	visibility: hidden;
	opacity: 0
}

.overlay.opened {
	visibility: visible;
	opacity: 1
}

.popup {
	max-width: 60rem;
	max-height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 70px auto;
	background: #fff;
	border-radius: 5px;
	width: 80%;
	position: relative
}

.popup h2 {
	margin-top: 0;
	color: #333
}

.popup .close {
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 30px;
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	color: #333
}

.popup .close:hover {
	color: #06D85F
}

.popup .content {
	overflow-x: hidden;
	overflow-y: auto
}

.popup img.top {
    padding-top: .25rem;
	padding-right: 1rem;
	width: 100%;
	max-width: 6rem
}

.popup .i {
	width: calc((100% / 2) - 20px);
	margin: .5rem
}

.popup .f {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: -10px
}

.popup .c {
	max-width: 40rem;
	/*background: var(--c-coursebox-bg);*/
	width: 90%;
	border-radius: 16px;
	padding: 2rem
}

.popup .m {
	margin: 2rem auto
}

.popup .c.m {
	max-width: 40rem;
	background: rgba(255, 255, 255, .85)!important
}

.popup .e {
	background: var(--c-hero-section-bakground);
	background-position: 50% 50%;
	background-size: cover;
	overflow: hidden;
	min-height: 4rem
}

.popup .container-fluid {
	padding: 0
}

.popup .d {
	height: 2rem
}

.popup .age {
	color: var(--c-weatherbox)
}

.popup .longevity {
	color: var(--c-secondary-button)
}

.popup .participants {
	color: var(--c-hero-header)
}

.popup .age,
.popup .longevity,
.popup .participants {
	line-height: 1;
	font-size: 38px;
	font-weight: 700
}

.popup .ptd5 {
	padding-top: .5rem
}

.popup .age span,
.popup .longevity span,
.popup .participants span {
	font-size: 24px;
	font-weight: 700
}

.popup .bbox {
    max-width: 24rem;
    margin: 2rem auto;
	border-radius: 16px;
	padding: 2rem;
	-webkit-box-shadow: 3px 4px 10px rgba(0, 0, 0, .5);
	box-shadow: 3px 4px 10px rgba(0, 0, 0, .5)
}

.popup ul {
    font-size: 14px;
    max-width: 20rem;
    margin: 0 auto;
    padding-left: 0;
	/* padding-left: 1.5rem; */
	list-style-type: none
}

.popup li {
	margin: 0;
	padding: 0px 0 18px 38px;
	list-style: none;
	background-image: url(../images/bullet-check.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px
}

.prog img {
	margin-bottom: -1rem;
	width: 2.5rem
}


@media screen and (max-width:431px) {
	.popup.i {
		width: 100%
	}
}

@media screen and (min-width:1216px) {
	.box {
		max-width: 40rem
	}
}

@media screen and (min-width:700px) {
	.popup {
		min-width: 28rem
	}
}

@media screen and (max-width:700px) {
	.popup {
		width: 100%;
		height: 100%;
		max-height: 100%;
		margin: 0;
		border-radius: 0
	}
}


.form-modal input, .modal-form input, .form-modal select, .form-modal textarea {
	font-size: 16px;
	font-family:'Manrope';
	outline: none;
	border: 1px solid grey;
	padding: .75rem;
	margin: 0;
	display: block;
	width: 100%
}

.form-modal textarea {height:140px;}

.form-modal .container {
	max-width: 40rem;
	padding: 2rem
}

.form-modal .col-12.h {
	margin-top: 2rem;
	margin-bottom: 1rem
}

* The container must be positioned relative:*/ .custom-select {
	position: relative
}

.custom-select select {
	display: none
}

.select-selected {
	position: relative
}

.select-selected:after {
	z-index: 999999;
	position: absolute;
	content: "";
	top: 19px;
	right: 14px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #000 transparent transparent transparent
}

.select-selected.select-arrow-active:after {
	border-color: transparent transparent #000 transparent;
	top: 13px
}

.select-items div,
.select-selected {
	margin-top: -1px;
	padding: .75rem;
	border: 1px solid grey;
	cursor: pointer
}

.select-items {
	top: 100%;
	left: 0;
	right: 0;
	z-index: 99
}

.select-hide {
	display: none
}

.select-items div:hover,
.same-as-selected {
	background-color: rgba(0, 0, 0, .1)
}

#btn-vacancy {
	margin: 0;
	margin-left: -.4rem
}

.send {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important
}

#buying img {
	height: 2rem
}

.ch-container {
	font-size: 12px;
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.ch-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee
}

.ch-container:hover input~.checkmark {
	background-color: #ccc
}

.ch-container input:checked~.checkmark {
	background-color: var(--c-primary-button)
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.ch-container input:checked~.checkmark:after {
	display: block
}

.ch-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 8px;
	height: 10px;
	border: solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.r-container {
	white-space: nowrap;
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.r-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 50%
}

.r-container:hover input~.checkmark {
	background-color: #ccc
}

.r-container input:checked~.checkmark {
	background-color: var(--c-primary-button)
}

.r-checkmark:after {
	content: "";
	position: absolute;
	display: none
}

.r-container input:checked~.checkmark:after {
	display: block
}

.r-container .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff
}

#feats_about .feat-caption {
	line-height: 1.3;
	font-size: 14px;
	text-transform: none;
	font-weight: 400;
	word-wrap: normal
}

#feats_about .feat-container {
	vertical-align: top;
    width: 10rem;
}

/* @media screen and (max-width:768px) { */
/* 	section.shoygu .idea { */
/* 		text-align: center; */
/* 		padding-bottom: 16rem */
/* 	} */
/* 	.shoygu-photo.square { */
/* 		margin: 0 auto */
/* 	} */
/* 	#feats_about .feat-container { */
/* 		max-width: 9rem; */
/* 		margin: unset */
/* 	} */
/* } */

#comfort.popup {
    margin-top: 0;
	margin-bottom: 0!important
}

#comfort.popup,
#food.popup {
	width: 100%;
	max-height: unset;
	max-width: unset;
	height: unset
}

.about-days span:first-child {
	margin-right: .75rem;
	font-size: 32px;
	color: var(--c-aboutbox-bg)
}

.about-days span {
	vertical-align: middle;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase
}

.about-days p {
	font-size: 16px;
	max-width: 40rem;
	margin: 0 auto
}

#big-feats {
	font-size: 18px;
	background-color: var(--c-aboutbox-bg);
	color: var(--c-bigfeats)
}

#big-feats img {
	display: block;
	max-height: 4rem;
	margin: 0 auto;
	margin-bottom: 1rem
}

#big-feats .col-md-4 {
	margin-top: 2rem
}

#big-feats .row {
	padding-bottom: 2rem
}

.buy-big {
    margin-top: 2rem!important;
    margin-bottom: 1rem;
	padding: 1rem 2rem!important;
	font-size: 24px!important;
}

ul.k-bullets {
	padding-left: 4rem;
	list-style-image: url(../images/star.svg)
}

ul.k-bullets li {
	font-size: 20px;
	line-height: 1.3;
	padding-bottom: .5rem
}

ul.p-bullets {
	padding-left: 4rem;
	list-style-image: url(../images/star_1.svg)
}

ul.p-bullets li {
	font-size: 14px;
	line-height: .5;
	padding-bottom: .5rem
}

.altc {
	display: block;
	color: var(--c-aboutbox-bg)
}


#security {
	position: relative
}

#security img {
	border-radius: 16px;
	width: 100%;
	max-width: 20rem;
}

#security p {
	font-size: 16px;
	font-weight: 700;
	padding: 2rem 0;
	padding-bottom: 3rem
}


.slick-dots li.slick-active button:before {
	color: var(--c-dot)!important
}

.overlay .error {
	background: pink;
	border: 1px solid red
}

#gal .row { margin-bottom: -7px; } #gal { margin-top: -7px; } @media screen and (max-width: 767px) { .adc .col-md-4 { padding-top: 2rem; } } .ttu {text-transform: uppercase; }
.order_desc { display: none; }
.ch-container a { color: #1169BA; text-decoration: underline!important; }
.ch-container a:hover { color: #338CD7; }
#news {
    max-width: 920px;
    padding-bottom: 1rem;
}
#news .card {
    transition: all 200ms ease;
    cursor: pointer;
    min-height: 280px;
    border-radius: 8px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.02);
    margin: 1rem 0;
    /* border: 1px solid green; */
}

#news .card:hover {

}


#news .card .card-image {
    border-radius: 8px 8px 0px 0px;
    background-color: #e5e5e5!important;
    background-size: cover!important;
    background-position: 50% 50%!important;
    background-repeat: no-repeat!important;
    padding-bottom: 50%;
    /* border: 1px solid red; */
}


#news .card-text {
    padding: 10px 14px 22px;
    min-height: 128px;
}

#news .card .card-text .title {
    font-size: 16px;
}

#news .date {
    padding-bottom: .4rem;
    font-size: 12px;
    font-weight: bold;
    color:var(--c-header-menu);
}

article p {
    margin-top: 1em;
    margin-bottom: 1em;
}

#more_articles.button.loading{
    opacity: .8;
}

.loader {
  border: 3px solid #ccc;
  border-radius: 50%;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  width: 18px;
  height: 18px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.select-items div::after {
    font-size: 12px;
    content: attr(data-content);
    margin-left: 8px;
    white-space: nowrap;
    /* content: 'test'; */
}

#big-feats .row {
    max-width: 600px;
    font-size: 14px;
    margin: 0 auto;
}
.nast {
    text-align: center;
    padding: 30px 0 0;
    font-size: 28px;
    font-family: 'Manrope';
    font-weight: 700;
    text-transform: uppercase;
}

.nast h3 {font-weight:700;color:#1f5d21}
.kr .nast h3 {font-weight:700;color:#004b7c}
.but-fix {
    position: fixed;
    right: 40px;
    bottom: 40px;
}

.but-fix a {background-color: var(--c-header-menu);color: white;display: inline-block;padding: 8px 15px;border-radius: 25px;}

#rev-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

section#rev-slider a.button {
    font-weight: 700;
    margin-top: 10px !important;
    margin-bottom: 40px !important;
}

.but-fix img {
    width: 120px;
}

.but-fix a {
    background: none;
}

.modal iframe {max-width:100%; height:auto }


.mother {position:absolute;top:50px;right:50px;width:100px;height:200px;background:url(../images/mother.png) 50% 50% no-repeat;background-size:100% auto;}


#daysheldue {
	background-color: var(--c-questions-bg);
	padding:35px 0;
}
#daysheldue h2 {
	text-align:center;margin:0 0 15px;
}
#daysheldue table {
	margin:0 auto 25px;
	width:100%;
	max-width:750px;
}
#daysheldue th, #daysheldue td {
	padding:10px;
}
#daysheldue th {
	border-bottom:1px solid #000
}
#daysheldue td {
	border-bottom:1px solid rgba(0,0,0,0.2);
}

@media only screen and (max-width: 500px) {
	.mother {
		display: none !important;
	}
}