@charset "utf-8";
/*
    Михаил Бабидов
    skype: compo_life
*/
:root {
	--font-body: 'Ubuntu', sans-serif;
	--font-title: 'Iskra', 'Ubuntu', sans-serif;
	--font-italic: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
html {
    font-size: 18px;
}
body {
    max-width: 1920px;
    margin: 0 auto;
}

body,
.font-body {
    font-family: var(--font-body);
}

img {max-width: 100%;}
b {font-weight: 700;}
.text-black {color: #000000;}
.no-margin-last-child > *:last-child {margin-bottom: 0;}
.rounded-xl  {border-radius: 0.5rem;}
.rounded-xxl {border-radius: 1rem;}

.border-reset {border-color: inherit !important;}

.fw-100 {font-weight: 100 !important;}
.fw-200 {font-weight: 200 !important;}
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
.fw-900 {font-weight: 900 !important;}

.bg-image {background-size: cover; background-position: center center;}
.bg-image-top {background-position: center top;}
.bg-image-bottom {background-position: center bottom;}
.bg-image-fixed {background-attachment: fixed;}

.text-shadow {
	text-shadow: 0 0 .5em rgba(0,0,0,.5);
}

.bg-mosaic {
 	background: url("../img/light.jpg") var(--bs-light);
}

ul.list-check,
ul.list-plus,
ul.list-minus {
    list-style: none;
    padding: 0;
}
ul.list-check li,
ul.list-plus li,
ul.list-minus li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: 1rem;
}
ul.list-check.mb-sm li,
ul.list-plus.mb-sm li,
ul.list-minus.mb-sm li {
    margin-bottom: 0.5rem;
}
ul.list-check li:before {
    content: "√";
    color: var(--bs-success);
    position: absolute;
    font-size: 1.35em;
    font-weight: 700;
    left: 0;
}
ul.list-plus li,
ul.list-minus li {
    padding-left: 1em;
}
ul.list-plus li:before,
ul.list-minus li:before {
    content: "+";
    color: var(--bs-success);
    position: absolute;
    font-weight: 700;
    left: 0;
}
ul.list-minus li:before {
    content: "-";
    color: var(--bs-danger);
}
ul.list-danger li:before {
	color: var(--bs-danger);
}

.btn {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.3));
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.font-title {
	font-family: var(--font-title);
}

.font-italic {
    font-family: var(--font-italic);
    font-style: italic;
}

.infinity-list .circle {
	display: inline-block;
	padding: 1em;
	border: 1px solid var(--bs-danger);
	border-radius: 100%;
}
.infinity-list .circle img {
	width: 4rem;
	padding: .5rem;
	border-radius: 100%;
	animation: radial-pulse 2s infinite;
}
@keyframes radial-pulse {
	0% {
		box-shadow: 0 0 0 0em rgba(var(--bs-danger-rgb),.20);
	}
	100% {
		box-shadow: 0 0 0 2em rgba(var(--bs-danger-rgb),.05);
	}
}

.scr-overlay {
    position: relative;
}
.scr-overlay > * {
    position: relative;
}
.scr-overlay:before {
    content: '';
    background-color: #000000;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.4;
}

#scr-programm {
    background-image: url(../img/scr-programm.jpg);
}

#scr1 {
	background-image: url("../img/scr1.jpg");
}
#scr1 .container {
	max-width: 1360px;
}
@media screen and (min-width: 767px) {
	#scr1 h1 {
		font-size: 4rem;
	}
}

#scr3 .card-deck > div {
	display: flex;
	flex-direction: column;
}
#scr3 .card-deck .card {
	height: 100%;
	box-shadow: 0 1rem 3rem rgba(0,0,0,0.0);
	transition: .3s;
}
#scr3 .card-deck .card:hover {
	height: 100%;
	box-shadow: 0 1.5rem 3rem rgba(0,0,0,0.175);
}

#scr9 .pak {
    background: url("../img/light.jpg");
    border: 1px solid rgba(0,0,0,.25);
}


#scr-footer {
	background-image: url("../img/scr-footer.png");
}


@media screen and (max-width: 767px) {
    html {
        font-size: 16px;
    }
	.bg-image.bg-image-fixed {
		background-attachment: scroll;
	}
	#scr1 {
		background-image: url("../img/scr1-mobile.jpg");
		background-position: center top;
	}
}