@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icons/icomoon.eot?uf0732');
  src:  url('../fonts/icons/icomoon.eot?uf0732#iefix') format('embedded-opentype'),
    url('../fonts/icons/icomoon.ttf?uf0732') format('truetype'),
    url('../fonts/icons/icomoon.woff?uf0732') format('woff'),
    url('../fonts/icons/icomoon.svg?uf0732#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
  content: "\e912";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-cart:before {
  content: "\e93a";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location:before {
  content: "\e947";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubble2:before {
  content: "\e96e";
}
.icon-menu:before {
  content: "\e9bd";
}
.icon-star-empty:before {
  content: "\e9d7";
}
.icon-star-full:before {
  content: "\e9d9";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-telegram:before {
  content: "\ea95";
}
.icon-vk:before {
  content: "\ea98";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-behance:before {
  content: "\eaa8";
}
.icon-behance2:before {
  content: "\eaa9";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-pinterest2:before {
  content: "\ead2";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}




.main h1, .main .display-1, .main .display-2, .main .display-3, .main .display-4, .main .lead {
//    color:#fff;
}

.navbar-toggler {
    border:none;
    font-size: 2rem;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28100, 100, 100, 1%29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

nav a {
    font-size:1.3em;
}


a.tel-link, a.tel-link:hover, a.tel-link:visited, a.tel-link:active {
text-decoration:none;
color:#444;
}

a.contact-link, a.contact-link:hover, a.contact-link:visited, a.contact-link:active {
text-decoration:none;
color:#fff;
}




.border-gradient {
  border: 10px solid;
  border-image-slice: 1;
  border-width: 5px;
}

.border-gradient-purple {
  border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}

.background-gradient-purple {
    background:linear-gradient(to left, #743ad5, #d53a9d);
}

.border-gradient-white {
    border-image-source: linear-gradient(to top, #b7b3bf, #fff);
}

.btn-main {
font-size: 2rem;
}

.btn-text-white {
color:#fff;
}

a.btn-text-white:hover {
color:#ccc;
}

.navbar-dark .navbar-nav .nav-link {
    color: #444 !important;
    font-size: 1rem !important;
    white-space: nowrap !important;
}

.index-slider {
background: #e7dbfd;
color:#444;
}

.index-slider .container-fluid {
padding-left: 0;
padding-right: 0;
}

.z-999 {
z-index:999;
} 

.display-4 {
    font-size: 2.4rem;
}	

.card {
	border:none;
    border-radius: 1.3rem;
}

.card-img {
border-bottom-left-radius: 1.3rem;
border-bottom-right-radius: 1.3rem;
}

.card-horizontal img {
border-top-right-radius: 1.3rem;
border-bottom-right-radius: 1.3rem;
}

.bg-grey-one {
    background-color:#f6f6f6;
}

.color-white {
	color:#fff;
}

.service-link:hover {
	text-decoration:none !important;
}


.col-service {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.col-service:hover a, .col-service:hover h3, .col-service:hover p {
	text-decoration:none !important;
}

.screen-1 {
border-radius: 10px;
border: 10px solid #222;
}

.white {
color:#fff;
}


.card-price {
    font-weight:bold;
    color: #333;
}


.card-title {
    margin-bottom: 0.5rem;
}


.card-point {
	background-color: #2d2d2d;
	background-image: linear-gradient(0deg, rgb(4, 7, 17) 18%, rgb(51, 27, 43) 75%);
	color:#fff;
}

.card-point .card-title span {
	color:#222;
	background: #f98c00;
}

.card-point .card-num {
	text-shadow: 3px 3px 0px rgba(255, 45, 84, 1);
}

.mob-contact-line {
text-align: center;
margin-bottom: 0;
padding-top: 1.3rem; 
font-size: 1.2rem;
}


.btn-one {
    border-radius: 10000px;
    padding: 0.7rem 1.5rem;
    font-size: 1.2rem;
}

.btn-one-red {
    background: #dd2828;
}


.btn-one-green {
    background: #9e0e2b;
}

.btn-one-blue {
    background: #0a6aae;
}


.btn-two {
background: #dd2828;
border-radius: 10000px;
padding: 0.5rem 1.2rem;
font-size: 1.2rem;
}


.btn-three {
background: #555;
border-radius: 10000px;
padding: 0.5rem 1.2rem;
font-size: 1rem;
}


.whatsapp-round-icon {
    background: #51ae0a;
    color: #fff;
    padding: 0.5rem;
    border-radius: 10000px;
}



.color-dg {
color:#333;
}



.contrast-round-icon {
    background: #444;
    color: #fff;
    padding: 0.5rem;
    border-radius: 10000px;
}


.phone-round-icon {
    background: #dd2828;
    color: #fff;
    padding: 0.5rem;
    border-radius: 10000px;
}


.feature-round-icon {
    background: #d3903a;
    color: #fff;
    padding: 0.5rem;
    border-radius: 10000px;
    margin-right:1rem;
}


.rounded-circle {
    border-radius: 50%!important;
}


.vk-round-icon {
    background: #0a6aae;
    color: #fff;
    padding: 0.5rem;
    border-radius: 10000px;
}


.back-to-top, .back-to-top:hover, .back-to-top:active, .back-to-top:visited {
    background:#dd2828;
    color:#fff;
    position: fixed;
    bottom: 25px;
    right: 0.5rem;
    display: none;
    z-index:9995 !important;
    border-radius:1.3rem;
    border:none;
}


.text-dark, .text-dark:hover {
color:#444 !important;
text-decoration:none !important;
}

.card a, .card a:hover {
text-decoration:none !important;
}


.up-text {
font-size:0.9rem;
}


.sub-header {
    font-size:1.9rem;
}


.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}


.br13 {
    border-radius:1.3rem;
}


.shadow-2 {
    -webkit-box-shadow: 4px 4px 8px 0px rgb(2 5 7 / 33%);
    -moz-box-shadow: 4px 4px 8px 0px rgba(2, 5, 7, 0.33);
    box-shadow: 4px 4px 8px 0px rgb(2 5 7 / 33%);
}


.carousel-control-next, .carousel-control-prev {
    width: 3rem;
}

.e-figure {
    color:#dd2828;
}

.card-red-hover {
    background-color:#fff;
    color:#111;
    transition: all 0.3s ease 0s;
-webkit-box-shadow: 8px 8px 0px 0px #dd2828;
    -moz-box-shadow: 8px 8px 0px 0px #dd2828;
    box-shadow: 8px 8px 0px 0px #dd2828;
}

.card-red-hover:hover {
    background-color: #dd2828;
    color:#fff !important;
-webkit-box-shadow: 8px 8px 0px 0px #333;
    -moz-box-shadow: 8px 8px 0px 0px  #333;
    box-shadow: 8px 8px 0px 0px  #333;
}

.card-red-hover:hover .e-figure {
    color:#333 !important;
}

a.a-color, a.a-color:hover, a.a-color:visited, a.a-color:active {
    color:#dd2828;
}

a.a-grey, a.a-grey:hover, a.a-grey:visited, a.a-grey:active {
    color:#212529 !important;
    text-decoration: underline !important;
}



.e-figure {
    font-size:4rem;
    font-weight:bold;
    margin-right:1rem;
}



.modal-content {
	border:none;
	border-radius: 1rem;
}

.modal-header {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}


.label-action {
    color:#fff;
    background: #dd2828;
    display: inline-block;
    padding: 0.5rem;
    border-top-right-radius:1rem;
    border-bottom-left-radius:1rem;
}


.main-screen {
    margin-top: 5rem;
}



.rounded-cube {
border-radius:10% !important;
}



.contrast-round-icon {
display:none;
}



.btn-flare:before {
  content: '';
  width: 100%;
  height: 200%;
  position: absolute;
  top: 0; left: 0;
  opacity: 0.5;
  filter: blur;
  background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
  transform: translate(-100%, -25%) rotate(10deg);
  animation: blick 5s infinite;
}


.btn-flare-2:before {
    content: ""; /* отображает псевдоэлемент */
    position: absolute; /* абсолютное позиционирование */
    top: 0; /* верхняя координата */
    left: 0; /* левая координата */
    width: 2em; /* относительная ширина */
    height: 100%; /* высота как у оригинала */
    background-color: rgba(255, 255, 255, 0.3); /* белый цвет с полупрозрачностью */
    transform: translateX(-0.5em) skewX(-45deg);
    animation: moveLight 0.5s
}




@keyframes moveLight {
from {
    transform: translateX(-4em) skewX(-45deg);
}
to {
    transform: translateX(10em) skewX(-45deg);
}
}


@keyframes blick {
  0% {
    transform: translate(-100%, -25%) rotate(10deg);
  }
  20% {
    transform: translate(100%, -25%) rotate(10deg);
  }
  100% {
    transform: translate(100%, -25%) rotate(10deg);
  }
}

.img-icon-wrapper img {
    width:50px;
    height:50px;
    margin-left:auto;
    margin-right:auto;
}

.img-icon-wrapper {
    background:#fff;
    height:100px;
    width:100px;
    padding-top:25px;
    text-align:center;
    border-radius:10000px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:2rem;
}


.doors-row {
    margin-left:auto;
    margin-right:auto;
    margin-top:2rem;
}



.section-styles {
    background: rgb(235 235 235);
    background-image: url(images/illustrations-ru/donuts-min.png),linear-gradient(180deg, rgb(235 235 235) 25%, rgb(151 151 151) 100%);
}


.gradient1 {

    background: rgb(255 231 196);

}


.a-white {
    color:#fff !important;
}


.section-why {
    background: rgb(235 235 235);
    background-image: url('interior.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center center;
}


.card-qa {
    padding: 0.5rem;
    border-radius:0;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    background:#ddd;
}

.qa-card-body {
    margin:0 !important;
    padding:0 !important;
    background:transparent;
}

.qa-link {
    color:#333;
}

.qa-link:hover {
    color:#dd2828;
}


.font-bold {
    font-weight:bold;
}


.card-img-gallery {
    border-radius:1rem;
}


.mob-contact-line-mob {
    display:none;
}


#carouselExampleControls2 .carousel-item img {
    border-radius:1rem;
}

.radius-1 {
    border-radius:1rem;
}


.qa-card-body {
font-size:1.2rem;
}


.font-size-48 {
font-size:1.2rem;
}


.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
}



.rst {
    color: #a50245;
    font-size: 2rem;
}


.card-red-hover .lead {
font-size:1.4rem;
}

.mt-4 .text-body {
font-size:1.2rem;
font-weight:bold;
}

.btn-tertiary {
font-size:0.9rem;
}

.vp {
cursor:pointer;
}


.custom-btn {
    display: inline-block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}
.custom-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 300px;
    margin-left: 60px;
    background: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
    position: absolute;
    left: -40px;
    top: -150px;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
 
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}







@media(max-width:576px) {

.mt-4 .text-body {
font-size:0.9rem;
font-weight:bold;
}

     .h1, h1 {
        font-size: 2rem;
     }

    .sub-header {
        font-size: 1.3rem;
    }

     .btn-main {
        font-size: 1rem;
     }
      .display-1 {
      font-size:4rem;
     }
     .display-3 {
      font-size:2rem;
     }

    .display-4 {
        font-size: 1.4rem;
    }

    .w-sm-100 {
        max-width:100% !important;
    }

    .main-screen {
        padding-top:2rem;
    }

    .screen-1 {
    border-radius: 10px;
    border: 5px solid #222;
    }


    .service-link, .card-text {
        font-size:1rem;
    }


    .card-red-hover .lead {
            font-size:1rem;
    }

    .card {
        margin: 0.5rem;
    }

    .carousel-item .display-4 {
        font-size: 1.8rem;
    }


    .mob-contact-line {
        display:none;
    }


    .mob-contact-line-mob {
        display: block;
        position: absolute;
        right: 2rem;
        top: 2.2rem;
    }


    .lead {
        font-size: 1rem;
    }


    .btn-three {
        background: #555;
        border-radius: 10000px;
        padding: 0.3rem 1.1rem;
        font-size: 0.9rem;
    }

    .btn-first {
        padding:0.5rem 0.7rem;
        font-size:0.8rem;
    }

    .main-screen {
        padding-right: 0 !important;
    }

    .sub-header {
        font-size: 1.2rem;
    }


}

@media(max-width:375px) {
    .mob-contact-line {
        font-size: 1.2rem;
    }
}