* {
    margin: 0;
    padding: 0
}

@font-face {
    font-family: 'OpenSans-Regular';
    font-style: normal;
    font-weight: 400;
    src: local('OpenSans-Regular'), url('/fonts/open-sans-v23-latin_cyrillic-regular.woff2') format('woff2'),
        url('/fonts/open-sans-v23-latin_cyrillic-regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'OpenSans-Light';
    font-style: normal;
    font-weight: normal;
    src: local('OpenSans-Light'), local('Open Sans Light'), url('/fonts/OpenSans-Light.woff2') format('woff2'), url('/fonts/OpenSans-Light.woff') format('woff'), url('/fonts/OpenSans-Light.ttf') format('ttf');
    font-display: auto;
}

/* open-sans-600 - latin_cyrillic */

@font-face {
    font-family: 'OpenSans-Bold';
    font-style: normal;
    font-weight: 700;
    src: local('OpenSans-Bold'), url('/fonts/open-sans-v23-latin_cyrillic-700.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('/fonts/open-sans-v23-latin_cyrillic-700.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    font-display: swap;
}

.wrapper {
    width: 1170px;
    margin: auto;
	text-align: center;
}

a {
    color: #006699;
}

a img {
    border: none;
}

.fl-l {
    float: left;
}

.fl-r {
    float: right;
}

#header .logo {
    text-align: center;
	padding: 30px 10px;
}

#header .navShowMenu {
	display: none;
}

#header {
    /*padding: 41px 0 0 0;*/
}

.logoBlock {
	text-align: center;
}
.logoBlock>div {
	padding: 30px 10px;
	display: inline-block;
}

body {
    font-size: 100%;
	font-family: 'OpenSans-Regular', sans-serif;
    /*overflow-y: hidden;*/
}

ol li {
    list-style-type: decimal;
    padding-left: 16px;
    list-style-position: inside;
}

input:focus {
    outline: none;
}

.main-menu {
    text-align: center;
    /* margin: 38px 0 0 0; */
    position: relative;
    z-index: 11;
	padding: 10px 0;
}

.main-menu li {
    display: inline-block;
    border-right: 1px solid #BEC3C7;
    line-height: 17px;
    padding-left: 0;

}

.main-menu li a {
    text-transform: uppercase;
	font-family: 'OpenSans-Regular', sans-serif;
    color: #252525;
    font-size: 13px;
    text-decoration: none;
    padding: 0 22px;
}

.main-menu li a.active {
	font-family: 'OpenSans-Bold', sans-serif;
}

.main-menu li a img {
    vertical-align: top;
}

.main-menu li a:hover {
    text-decoration: underline;
}

.main-menu li:last-child {
    border-right: none;
}

input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

.portfolio-slider-box {
    min-width: 1170px;
    width: 100%;
    height: 655px;
    position: relative;
    overflow: visible;
    margin-top: 4px;
    z-index: 0;
}

#footer {
    background: #F0F0F0;
    margin: 20px 0 0 0;
    height: 52px;
    min-height: 60px;
    padding: 1px;
    bottom: 0;
	position: relative;
	width: 100%;
}

#footer .copy {
    font-size: 12px;
    margin: 17px 0 0 0;
}

#footer .copy span {
	font-family: 'OpenSans-Bold', sans-serif;
}

#footer .footer-menu {
    text-align: center;
    margin: 13px 0 0 0;
    padding: 0 156px 0 0;
}

.footer-menu .main-menu {
    margin: 0;
}

#footer .footer-menu li {
    display: inline-block;
    border-right: 1px solid #646464;
    line-height: 10px;
    padding-left: 0;
}

#footer .footer-menu li:last-child {
    border: none;
}

#footer .footer-menu li a {
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    padding: 0 11px;
    line-height: 9px;
    display: inline-flex;
}

#footer .footer-menu li a:hover {
    text-decoration: underline;
}

#footer .social {
    margin: -19px 0 0 0;
}

.textUpperNotice {
	font-size: 25px;
	margin: 0 0 10px 0;
}

.content {
    overflow: visible;
    position: relative;
    /*padding: 23px 0 0 0;*/
    /*margin:  -22px 0 52px 0;*/
	min-height: calc(100% - 120px);
}

.content .title {
    text-align: center;
    letter-spacing: 1px;
    font-size: 22px;
    color: #252525;
    margin-bottom: 21px;
    text-transform: uppercase;
}

#main {
	padding: 0;
	width: 100%;
	position: absolute;
	height: 100%;
	/*bottom:0px;*/
}

/*
styles for timer
 */
.fontGrey {
	font-family: OpenSans-Regular, sans-serif;
	color: #747474;
}
.timerBlock {
	margin: 30px;
	color: #747474;
	font-size: 12px;
}
.timerBlock .timerTitle {
	margin: 5px;
}
.timerBlock .timerNumber {
	margin: 0 5px;
}
.timerBlock .timerTime>div {
	display: inline-block;
	vertical-align: text-top;
}
.timerBlock .tDigits, .timerBlock .timerDelimiter {
	font-size: 22px;
}

.myBtn {
	--bs-border-radius: 1.5rem;
	/*border-radius: 20px;*/
	/*padding: 5px 50px;*/
	--bs-btn-padding-x: 1rem;
	--bs-btn-padding-y: 0.6rem;
	--bs-btn-font-size: 0.9rem;
	min-width: 270px;
}
.myBtn-dark {
	/*background-color: #232f3f;*/
	--bs-btn-bg: #232f3f;
	--bs-btn-hover-bg: #314157;
	--bs-btn-active-bg: #445b79;
}
.myBtnRainbow {
	background: linear-gradient(80deg, rgba(209,107,165,1) 0%, rgba(44,83,124,1) 40%, rgba(95,251,241,1) 130%);
	--bs-btn-hover-border-color: linear-gradient(41deg, rgba(209,107,165,1) 0%, rgba(44,83,124,1) 50%, rgba(95,251,241,1) 130%);
	--bs-btn-hover-bg: #314157;
	--bs-btn-active-bg: #445b79;
}
.myBtnRainbow:hover {
	background: linear-gradient(60deg, rgba(209,107,165,1) 0%, rgba(44,83,124,1) 60%, rgba(95,251,241,1) 130%);
}
.myBtnRainbow:active {
	background: linear-gradient(260deg, rgba(209,107,165,1) 0%, rgba(44,83,124,1) 60%, rgba(95,251,241,1) 130%);
}
.myBtnSmall {
	--bs-btn-padding-y: .2rem;
	--bs-btn-padding-x: .4rem;
	--bs-btn-font-size: .65rem;
	white-space: nowrap;
	border-radius: 1.5rem;
}

/*
add styles for lozad (lazy load images)
*/

img.lozad {
	transition: all .35s ease
}

img.lozad:not(.fade_in) {
	opacity: 0
}

img.lozad.fade_in {
	opacity: 1
}

.content {
	overflow: hidden;
}

.sticky {
	left: 0;
	right: 0;
	width: 100%;
	min-width: 0;
	z-index: 500;
}

.wrapper .wrapper {
	width: 100%;
	padding: 0;
}
.greetImg {
	font-family: "OpenSans-Light", sans-serif;
	width: 100%;
	overflow-x: visible;
	overflow-y: hidden;
	height: 800px;
}
.greetImg .imgBlock {
	width: 1920px;
	position: absolute;
	overflow: hidden;
	height: 800px;
	left: calc(50% - 960px);
}
.greetImg img {
	width: 100%;
	position: absolute;
	left: 0;
	top: calc(-25%);
	z-index: 250;
}
.greetImg .greetText {
	z-index: 1000;
	color: white;
	position: relative;
	text-transform: uppercase;
	top: calc(50% - 5vw);
	font-size: 6vw;
	font-weight: lighter;
	max-width: 72%;
	left: 14%;
}
.greetImg .imgFade {
	z-index: 500;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(100, 100, 100, 0.4);
	/*padding-top: 200px;*/
}

.mainDescr p {
	text-align: left;
	padding: 10px;
}

.myRainbowText {
	background-image: linear-gradient(80deg, rgba(209,107,165,1) 0%, rgba(209,107,165,1) 10%, rgba(44,83,124,1) 40%, rgba(95,251,241,1) 90%, rgba(95,251,241,1) 130%);
	color: transparent !important;
	-webkit-background-clip: text;
	background-clip: text;
}

@media screen and (max-width: 1262px) {
	.greetImg .imgBlock {
		width: 1262px;
		height: 600px;
		left: calc(50% - 631px);
	}
	.greetImg {
		height: 600px;
	}
    .wrapper {
        width: 980px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 980px) {
    .main-slider .bx-controls,
    .wrapper {
		width: 640px;
    }
	.greetImg .imgBlock {
		width: 980px;
		height: 400px;
		left: calc(50% - 480px);
	}
	.greetImg {
		height: 400px;
	}
}

@media screen and (max-width: 640px) {
    .wrapper {
		width: 100%;
		padding: 0 5%;
    }

	.wrapper td, .wrapper th {
		font-size: 0.7rem;
	}

	.greetImg .imgBlock {
		width: 640px;
		height: 200px;
		left: calc(50% - 320px);
	}
	.greetImg {
		height: 200px;
	}

    /* header */
    #header .logo {
        max-width: calc(100% - 70px);
        max-height: 100%;
        width: auto;
        height: auto;
		float: left;
		padding-left: 5%;
    }
    /* header */
    #header .logo img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }

    #header .main-menu li {
        border: 0;
        padding: 0 2px;
    }

    #header .main-menu li a {
        padding: 0;
        font-size: 11px;
    }

	.main-menu {
		display: none;
	}

	#header .navShowMenu {
		display: inline-block;
		padding-right: 5%;
	}

	.logoBlock {
		text-align: right;
	}
}

@media screen and (max-width: 420px) {
	.nav__showmenu {
		vertical-align: -8px;
	}
}

@media screen and (max-width: 385px) {
	.nav__showmenu {
		vertical-align: -7px;
		font-size: x-large;
	}
}

@media screen and (max-width: 340px) {
	.nav__showmenu {
		vertical-align: -5px;
	}
}

@media screen and (max-width: 320px) {
	.nav__showmenu {
		vertical-align: -3px;
		font-size: large;
	}
}