@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

body{
    direction: ltr;
    font-family: 'Nanum Myeongjo', sans-serif !important;
    font-size: 17px;
    margin: 0;
    padding: 0px;
}


#call-window_catalogrj--footer {
    z-index: 3 !important; 
}

img{
    max-width: 100%;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    word-break: break-all;
}

.title-section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 32px;
}

.title-section h5{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    display: flex;
}

.ts h5:after {
    display: inline-block;
    width: 26px;
    content: "";
    height: 2px;
    background: #E07250;
    margin: auto 0 auto 4px;
  }

.nav-section-sticky {
    background-color: #fff;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}

.navbar a h2 {
    font-size: 24px;
    font-weight: 800;
    color: #01005E;
    display: flex;
    align-items: center;
    gap: 14px;
}

.navbar a h2 img{
    width: 32px!important;
    height: 32px!important;
}

.navbar .navbar-nav {
    padding: 17px 0;
}

.navbar .navbar-nav .nav-link {
    padding: 17px;
    color: #01005E;
    font-weight: 400;
    font-size: 17px;
    outline: none;
    transition: .4s;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active  {
    color: #E07250;
    transition: .4s ease-out;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 8px;
}

.dropdown-menu{
    left: 50% !important;
    transform: translateX(-50%) !important;
}
.dropdown-item:focus,.dropdown-item:hover {
    background-color: transparent !important;
    color: #E07250 !important;
}

.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    transition: .4s;
    opacity: 1;
}

.navbar-toggler {
    background: #E07250;
    color: #01005E !important;
    padding: 4px 14px;
    border: 1px solid #E07250 !important;
}

.hero-slider .hero-slider-block {
    width: 100%;
    position: relative;
}
.hero-slider .hero-slider-block.first {
    background: url(assets/images/overlay-bg-1920x10800.png),#01005E;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-slider .hero-slider-block.second {
    background: url(assets/images/overlay-bg-1920x10800.png),#212121;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-slider .hero-slider-block{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-slider .hero-slider-inner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 14px;
    z-index: 1;
}

.hero-slider .hero-slider-block h2 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    margin: 0 auto;
    max-width: 80%;
}



.hero-slider .slick-dots {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
}
.hero-slider .slick-dots li {
    list-style: none;
    margin: 17px 0;
}
.hero-slider .slick-dots button {
    width: 20px;
    height: 20px;
    border: none;
    background-color: #fff;
    text-indent: -9999px;
    outline: 0;
}

.hero-slider .slick-dots li.slick-active button {
    background-color:#E07250 !important;
}

.hero-slider .slick-dots button:hover {
    background-color: #01005E;
}
.hero-slider .slick-slide {
    height: 100vh !important;
}

.hero-slider .slick-slide,
.hero-slider .slick-slider .slick-track,
.hero-slider .slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hero-slider .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.hero-slider .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.hero-slider .slick-list:focus {
    outline: none;
}
.hero-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.hero-slider .slick-slider .slick-track, .hero-slider .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hero-slider .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.hero-slider .slick-track:before, .hero-slider .slick-track:after {
    content: "";
    display: table;
}
.hero-slider .slick-track:after {
    clear: both;
}
.hero-slider .slick-loading .slick-track {
    visibility: hidden;
}
.hero-slider .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir="rtl"] .hero-slider .slick-slide {
    float: right;
}
.hero-slider .slick-slide img {
    display: block;
}
.hero-slider .slick-slide.slick-loading img {
    display: none;
}
.hero-slider .slick-slide.dragging img {
    pointer-events: none;
}
.hero-slider .slick-initialized .slick-slide {
    display: block;
}
.hero-slider .slick-loading .slick-slide {
    visibility: hidden;
}
.hero-slider .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.hero-slider .slick-arrow.slick-hidden {
    display: none;
}

.stat-about{
    padding: 76px 0;
    background: #212121;
    color: #fff;
}

.section-container {
    align-items: stretch;
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.stat-section{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: calc(960px + 2rem);
    min-width: 0;
    padding: 2rem 3.5rem 4.5rem;
    width: 50%;
    border-radius: 25px;
    background: url(assets/images/overlay-bg-1920x10802.png), #E07250;
}

.information h2{
    font-size: 19px;
    font-weight: 400;
}

.information-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 23px 0;
}

.information-box img{
    width: 70px !important;
    height: 70px !important;
}

.information-text{
    display: flex;
    gap: 14px;
    width: 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 26px;
}

.stat-t span{
    font-size: 24px;
}

.stat-t p{
    font-size:17px;
    font-weight: 400;
}

.about-section{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: calc(960px + 2rem);
    min-width: 0;
    padding: 2rem 3.5rem 4.5rem;
    width: 50%;
}

.information-box-video video{
    width: 100%;
    object-fit: contain;
    border-radius: 25px;
    box-shadow: 14px 14px 4px 0px #f2edd7;
}

.osnova-area{
    padding: 76px 0;
    background: #212121;
    color: #fff;
}


.osnova-area__content{
    color: #fff;
}

.osnova-area__content h5{
    font-size: 19px !important;
    font-weight: 800;
    color: #fff !important;
}

.osnova-area .osnova-area__content ul{
    list-style: disc !important;
}




.main-content{
    border-radius: 25px;
    background: url(assets/images/overlay-bg-1920x10802.png), #E07250;
}


.main-img img{
    box-shadow: -14px 14px 4px 0px #f2edd7;
    border-radius: 25px;
}

.main-content strong{
    color: #fff !important;
}

.osnova-area__price h6{
    font-size: 19px;
    font-weight: 800;
    text-align: center;
    color: #fff !important;
    padding-bottom: 14px;
}


.servi{
    padding: 76px 0;
    background: #00000002; 
    color: #fff;
    overflow: hidden;
}

.servi-titles{
    color: #01005E!important;
}

.servi-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 0;
}

.servi .second{
    flex-direction: row-reverse;
}

.make-area-inn{
    display: flex;
    flex-direction: column;
    margin: 14px 0 14px 0;
}

.serv-image{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.serv-text{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 32px;
    background: url(assets/images/overlay-bg-1920x10802.png), #E07250; 
    height: 100%;
}

.serv-text a h2{
    font-size: 19px;
    font-weight: 800;
    color: #fff;
}

.serv-text a h2:hover{
    font-size: 19px;
    font-weight: 800;
    color: #01005E;
}

.servi-box img {
    width: 100% !important;
    height: 450px !important;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-filter: drop-shadow(23px 23px 6px #01005E);
    filter: drop-shadow(23px 23px 6px #01005E);
    border-radius: 25px;
}


.blog {
    padding: 76px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    background: #00000002;
}

.blog .section-container {
    align-items: stretch;
    display: flex;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    padding: 40px;
    gap: 26px;
}

.cont {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 100px 40px;
    padding: 100px 40px;
}

.blog-section-block{
    display: flex;
    flex-direction: column;
}

.blog-single-item {
    display: flex;
    flex-direction: column;
    flex: 1;
	position: relative;
	border-radius: 25px;
	overflow: hidden;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 4px 23px 0px rgb(82, 90, 101, 0.1);
	box-shadow: 0px 4px 23px 0px rgb(82, 90, 101, 0.1);
	-webkit-transition: 0.4s;
	transition: 0.4s;
    margin-bottom: 26px;
    padding: 17px;
}

.blog-image a img{
    width: 100% !important;
    object-fit: contain;
    height: 329px;
}


.blog-single-item .blog-description {
	padding: 23px 24px;
}

.blog-single-item .blog-description .blog-info {
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin-bottom: 0;
}

.blog-single-item .blog-description .blog-info li {
	color: #E07250;
	font-size: 14px;
	font-weight: 400;
	display: inline-block;
	list-style-type: none;
	margin-right: 17px;
}

.blog-single-item .blog-description .blog-info li:last-child {
	margin-right: 0;
}

.blog-single-item .blog-description .blog-info li i {
	position: relative;
	top: 0px;
	color: #E07250;
	margin-right: 2px;
}

.blog-single-item .blog-description .blog-info li i::before {
	font-size: 14px;
}

.blog-single-item .blog-description .blog-text {
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.blog-single-item .blog-description .blog-text h3 {
	font-size: 19px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
    margin: 14px 0px 14px 0px;
    word-break: break-all;
}

.blog-single-item .blog-description .blog-text h3:hover {
	color: #E07250;
	text-decoration: none;
	-webkit-transition: .4s;
	transition: .4s;
}

.blog-single-item .blog-description .blog-text p {
	color: #01005E;
	font-size: 17px;
	margin: 0;
}

.blog-single-item .blog-description .blog-text h3 a {
    color: #E07250;
	text-decoration: none;
}

.blog-single-item .blog-description .blog-text h3 a:hover {
    color: #01005E;
	text-decoration: none;
}

.blog-single-item .blog-description .blog-text .blog-btn {
	margin-top: 17px;
}

.blog-single-item:hover .blog-description {
	border-top: none;
}

.blog-single-item:hover .blog-text h3{
	color: #E07250;
}


.accardion{
    padding: 76px 0;
    background: #212121;
    color: #fff;
    display: none;
}

.accardion .title-section h5{
    color: #01005E;
}

.accardion-block, .accardion-image-block{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: calc(960px + 2rem);
    min-width: 0;
    padding: 2rem 3.5rem 4.5rem;
    width: 50%;
}


.accardion-box{
    min-height: 0;
    display: inline-block;
    position: relative;
    left: 50%;
    margin: 90px 0;
    transform: translate(-50%, 0);
    box-shadow: 0 14px 0 0 #E07250 inset;
    background-color: #fff;
    padding: 26px;
}

.transition, .accardion-box p, .accardion-box ul li i:before, .accardion-box ul li i:after {
    transition: all 0.25s ease-in-out; 
}
  
  .flipIn,.accardion-box h5, .accardion-box ul li {
    animation: flipdown 0.4s ease both; 
}
  
  .no-select, .accardion-box h2 {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

@media (max-width: 550px) {
    .accordion-box {
      box-sizing: border-box;
      transform: translate(0, 0);
      max-width: 100%;
      min-height: 100%;
      margin: 0;
      left: 0; } 
}

.accardion-box h2 {
  color: #E07250; 
}



.accardion-box h2 {
  font-size: 19px;
  letter-spacing: 1px;
  display: block;
  background-color: #fff;
  margin: 0;
  cursor: pointer;
 }

.accardion-box p {
  color: rgba(48, 69, 92, 0.8);
  font-size: 17px;
  line-height: 26px;
  letter-spacing: 1px;
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 14px;
  z-index: 2; 
}

.accardion-box ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0; 
}
 .accardion-box ul li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 4px;
    padding-top: 17px;
    border-top: 1px dotted #dce7eb; 
}
    .accardion-box ul li:nth-of-type(1) {
      animation-delay: 0.4s; 
    }
    .accardion-box ul li:nth-of-type(2) {
      animation-delay: 0.75s; 
    }
    .accardion-box ul li:nth-of-type(3) {
      animation-delay: 1.0s; 
    }
    .accardion-box ul li:last-of-type {
      padding-bottom: 0; 
    }
    .accardion-box ul li i {
      position: absolute;
      transform: translate(-6px, 0);
      margin-top: 16px;
      right: 0; 
    }
      .accardion-box ul li i:before, .accardion-box ul li i:after {
        content: "";
        position: absolute;
        background-color: #E07250;
        width: 2px;
        height: 9px; 
    }
      .accardion-box ul li i:before {
        transform: translate(-1px, 0) rotate(45deg);
     }
      .accardion-box ul li i:after {
        transform: translate(1px, 0) rotate(-45deg); 
    }
    .accardion-box ul li input[type=checkbox] {
      position: absolute;
      cursor: pointer;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0; 
    }
      .accardion-box ul li input[type=checkbox]:checked ~ p {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0, 50%); 
    }
      .accardion-box ul li input[type=checkbox]:checked ~ i:before {
        transform: translate(1px, 0) rotate(45deg); 
    }
      .accardion-box ul li input[type=checkbox]:checked ~ i:after {
        transform: translate(-1px, 0) rotate(-45deg); 
    }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } 
}

.accardion-image-block img{
    width: 100% !important;
    height: 574px;
    object-fit: cover;
    box-shadow: 14px 14px 4px 0px #f2edd7;
    border-radius: 25px;
}

.cards{
    padding: 76px 0;
    overflow: hidden;
    background: #212121;
    color: #fff;
    display: block;
}

.cards .row{
    padding: 2rem 3.5rem 4.5rem;
}

.cards .cards-mid{
    padding-top: 100px;
}

.cards .card {
    border-radius: 23px;
    min-height: 100%;
}

.cards .heading-border {
    position: absolute;
    width: 100%;
    top: 60%;
}

.cards .card .user-picture img {
    position: absolute;
    top: -40%;
    right: 10%;
    background: #E07250!important; 
    padding: 14px;
    width: 130px !important;
    height: 130px !important;
}

.cards .card .user-content .user-name {
    font-size: 19px;
    font-weight: 800;
    color: #E07250;
    margin-right: 150px;
}

.user-content p{
    font-size: 17px;
    color: #01005E;
}

.user-content .small{
    color: #E07250;
}

.gf-section{
    padding: 76px 0;
    background: #212121; 
    color: #fff;
}
  
.gallery {
    position: relative;
    min-width: 85vh;
    width: 550px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: calc(960px + 2rem);
    min-width: 0;
    padding: 2rem 3.5rem 4.5rem;
    width: 50%;
    -webkit-filter: drop-shadow(23px 23px 6px #f2edd7);
    filter: drop-shadow(23px 23px 6px #f2edd7);
}
.gallery img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.hero {
    aspect-ratio: 1.5;
}
.fadeIn {
    animation: fadeIn 0.4s;
}
@keyframes fadeIn {
    0% {
        opacity: 0.6;
   }
    90% {
        opacity: 1;
   }
}
.btns {
    list-style-type: none;
    display: flex;
    gap: 0.25rem;
}
.btns li {
    cursor: pointer;
    transition: opacity 0.2s;
}
.btns li:hover {
    opacity: 0.8;
}

.form-order__box{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: calc(960px + 2rem);
    min-width: 0;
    padding: 2rem 3.5rem 4.5rem;
    width: 50%;
}

.gf-section label{
    color: #fff;
}

.gf-section .form-order__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gf-section .field{
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding-top: 26px;
}

.gf-section .input-control__sectionitem{
    border: 1px solid #eee;
    border-radius: 4px;
    color: #333;
    height: 44px;
    padding: 14px 17px;
    transition: all 0.2s ease 0s;
}

.gf-section .textarea-control__sectionitem{
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    padding: 14px 17px;
    height: 100px;
}

.gf-section .form-check{
    align-items: flex-start;
    text-align: left;
    padding-top: 5px;
    padding-left: 32px;
}

.gf-section .form-check a{
    text-decoration: underline;
    color: #E07250;
}

.form-order__btn{
    display: inline-block;
}

.bottom-f-section {
    background: url(assets/images/overlay-bg-1920x10800.png),#01005E;
    color: #fff;
    padding: 76px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
 
 .bottom-f-section-links-block{
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .bottom-f-section-links-block a{
     font-size: 17px;
     color: #fff;
     white-space: break-spaces;
 }
 
 .bottom-f-section-links-block a:hover{
     color: #E07250;
 }
 
 .bottom-f-section-links-block a i{
     font-size: 17px;
     font-weight: 800;
     color: #fff;
     padding-right: 4px;
 }
 
 .bottom-f-section-block-adrs{
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
 }
 
 .bottom-f-section-adrs-info span {
     font-size: 17px;
     font-weight: 800;
     color: #fff;
 }
 
 .bottom-f-section-adrs-info span a{
     font-size: 17px;
     font-weight: 800;
     color: #fff;
 }
 
 .bottom-f-section-adrs-info span a:hover{
     color: #E07250;
 }

 .bottom-f-section-poli{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


 .bottom-f-section-poli ul{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
}

.bottom-f-section-poli ul li a{
    color: #fff;
}

.bottom-f-section-poli ul li a:hover{
    color: #E07250;
}


 .bottom-sec-c{
    padding: 23px 0;
    background: #01005E;
    border-top: 1px solid #E07250;
}

.bottom-sec-c-t{
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-sec-c-t p{
    padding: 0;
    margin: 0;
    color: #fff;
}

 .bottom-sec-c-logos{
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom-sec-c-logos-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

.bottom-sec-c-logos-inner a img{
    width: 26px !important;
    height: 26px !important;
}

.bottom-sec-c-logos-inner a h4{
    margin: 0;
    font-size: 17px;
    color: #fff;
}

.content-dop{
    background: #212121; 
    padding: 26px 0;
}

.content-dop .container{
    padding: 26px;
}

.content-dop .row{
    display: flex;
}

.content-dop__title{
    display: flex;
    padding-bottom: 23px;
    font-weight: 800;
    color: #fff;
    justify-content: center;
    text-align: center;
}

h5 .content-dop__title{
    font-size: 24px;
    font-weight: 800;
}

.content-dop__content h2{
    font-size: 17px;
}

.content-dop__image{
    float: left;
}

.content-dop__image img{
    object-fit: cover;
    -webkit-filter: drop-shadow(23px 23px 6px #f2edd7);
    filter: drop-shadow(23px 23px 6px #f2edd7);
    border-radius: 25px;
}

.content-dop__content{
    color: #fff !important;
}

.content-dop__content ul{
    list-style: disc !important;
}

.similar{
    padding: 92px 0px;
    background: #00000002;
}

.similar .row{
    display: flex;
    flex-wrap: wrap;
}

.similar__blocks{
    width: 100%;
}


.similar .similar__box {
    margin-bottom: 26px;
    transition: .4s;
    display: flex;
    flex: 1;
    border-radius: 25px;
    gap: 32px;
}


.similar .similar__box:hover{
  }
  .similar .similar__box:hover:before{
    opacity: 1;
    transform: scale(1.0);
  }
  .similar .similar__image {
      width: 50%;
      height: 370px !important;
      object-fit: contain;

  }

  .similar__image img{
      width: 100% !important;
      height: 370px !important;
      object-fit: cover;
      -webkit-filter: drop-shadow(23px 23px 6px #01005E);
      filter: drop-shadow(23px 23px 6px #01005E);
      border-radius: 25px;
  }

   .similar .similar__content {
      padding: 17px 17px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 50%;
      flex: 1;
      background: url(assets/images/overlay-bg-1920x10802.png), #E07250;
      height: 100%;
      color: #fff !important;
  }


  .similar .similar__link__title a h2:hover {
    color:#01005E;
  }

  .similar .similar__link__title a{
        text-decoration: none;
  }

  .similar .similar__link__title a h2 {
      font-size: 19px;
      font-weight: 800;
      margin: 14px 0 23px;
      color: #fff;
  }
 

.client-d{
    padding: 92px 0;
    display: none;
} 

.client-d-title-top{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: 32px;
}

.client-d-title-top h4{
    font-size: 24px;
    font-weight: 800;
    color: #01005E;
}

.client-d-box{
    display: flex;
    gap: 23px;
}


.client-d-block{
    display: flex;
    gap: 23px;
    padding: 26px;
}


.client-d-image img{
    width: 100px !important;
    height: 100px !important;
    object-fit: contain;
}

.client-d-title h5{
    font-size: 19px;
    font-weight: 800;
    color: #E07250;
}

.client-d-icon{
    display: flex;
    gap: 14px;
}

.client-d-icon span{
    font-size: 17px;
    font-weight: 800;
    color: #E07250;
}

.cnange__contact{
    display: flex;
    background: #212121;
}

.form-contact{
    padding: 26px 0;
}

.google__map{
    overflow: hidden;
}

.google__map iframe{
    display: flex;
    border: 0;
}

.if_row{
    display: none;
}

.form-contact .form-contact__box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.form-contact .form-contact__box h5{
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    display: flex;
}

.form-contact label{
    color: #fff;
}

.form-contact .form-contact__box {
    padding: 0 26px;
}

.form-contact .form{
    padding: 23px;
   
}

.form-contact .form-control:focus {
	border: none;
	outline: none;
	border: 1px solid #E07250;
    border-left: 1px solid #E07250;
}

.form-contact .form-groups .input{
    border: 1px solid #eee;
    border-radius: 4px;
    color: #333;
    height: 44px;
    padding: 14px 17px;
    transition: all 0.2s ease 0s;
}

.form-contact .field{
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 17px;
    padding-top: 26px;
}

.form-contact .form-groups .textarea{
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: none;
    color: #333;
    padding: 14px 17px;
    height: 100px;
}

.form-contact .form-check{
    align-items: flex-start;
    text-align: left;
    padding-top: 5px;
    padding-left: 32px;
}

.form-contact .form-check a{
    color: #E07250;
}

.form-contact___btn{
    display: inline-block;
}

.form-contact-adress-info {
    padding: 26px 0;
}

.form-contact-adress-info_block {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 40px 34px 44px;
    margin-bottom: 23px;
    flex: 1;
}

.form-contact-adress-info_block__content{
    color: #fff !important;
}

.form-contact-adress-info_block__content i {
    font-size: 27px;
    color: #E07250 !important;
}

.form-contact-adress-info_block__content a{
    text-decoration: none;
    font-size: 17px;
    color: #fff;
}

.form-contact-adress-info_block__content a:hover{
    color: #E07250;
}

.form-contact-adress-info_block_M{
    display: flex;
    justify-content: center;
}

.form-contact-adress-info .form-contact-adress-info_block h3 {
    color: #fff;
    font-weight: 800;
    padding: 17px 0 14px;
}

.polic-area{
    padding: 62px 62px;
	overflow: hidden;
}

.polic-area h1.politics__title{
    font-size: 24px;
    font-weight: 800;
}

.polic-area h1,h2,h3{
    font-size: 19px;
    font-weight: 800;
}

.polic-area  a{
    text-decoration: underline;
    color: #01005E !important;
}

.polic-area ol li {
    color: #01005E !important;
}

.polic-area ul{
    list-style: disc !important
}

.slick-slider .slick-track, .slick-slider .slick-list{
    direction: ltr;
}



.button-1{
    color: #01005E; 
    outline: none;
    background: transparent;
    padding: 8px 14px; 
    font-size: 17px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    text-decoration: none; 
    overflow: hidden;
    transition: all .4s;
    text-align: center;
    z-index: 1;
  }
  
  .button-1:before,
  .button-1:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: #E07250; 
    z-index: -1;
    transform: translate3D(0,-100%,0); 
    transition: all .4s;
  }
  
  .button-1:before{
    background: #fafcd6; 
    z-index: -2;
    transform: translate3D(0,0,0);
  }
  
  .button-1:hover{
      color: #212121; 
  }
  
  .button-1:hover:after{
    transform: translate3D(0,0,0);
    transition: all .4s;
  }

  .button-2 {
    font-size: 14px;
    padding: 17px 17px;
    text-align: center;
    transition: 0.4s;
    background-size: 200% auto;
    color: #fff;
    border-radius: 14px;
    border: 0px;
    box-shadow: 0px 0px 14px -7px #01005E;
    background-image: linear-gradient(45deg, #E07250 0%, #01005E  51%, #E07250  100%);
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
  }
  
  .button-2:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
  }

  .button-3 {
    font-size: 17px;
    text-align: center;
    display: inline-block;
    padding: 17px 17px;
    border: 1px solid #fff;
    cursor: pointer;
    letter-spacing: 1px;
    position:relative;
    overflow:hidden;
    background-color: #E07250;
    color: #fff;
  }
  
  .button-3:before {
    content: "";
    position: absolute;
    height: 150px;
    width: 40px;
    background : #fff;
    left: -55px;
    top: -32px;
    transform: rotate(37deg);
    transition: all .2s;
    opacity: 0.3;
  }
  
  .button-3:hover:before {
    left:95%;
  }
  
  .button-4 {
    font-size: 17px;
    text-align: center;
    display: inline-block;
    padding: 17px 17px;
    border: 1px solid #fff;
    cursor: pointer;
    letter-spacing: 1px;
    position:relative;
    overflow:hidden;
    background-color: #E07250;
    color: #fff;
  }
  
  .button-4:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    background : #fff;
    left: 0;
    bottom: 0;
    transition: all .2s;
    opacity: 0.3;
  }
  
  .button-4:hover:before {
    width: 100%;
  }

 
  .button-5 {
    font-size: 17px;
    padding: 17px 17px;
    text-align: center;
    transition: 0.4s;
    background-size: 200% auto;
    color: #fff;
    border-radius: 14px;
    border: 0px;
    box-shadow: 0px 0px 14px -7px #E07250;
    background-image: linear-gradient(45deg, #01005E 0%, #E07250  51%, #01005E  100%);
    cursor: pointer;
    user-select: none;
    touch-action: manipulation;
  }
  
  .button-5:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
  }

@media(max-width: 992px){
    .nav-section .dropdown-menu{
        left: 0 !important;
        transform: none !important;
    }
    
    .section-container{
        flex-direction: column !important;
    }

    .stat-section, .about-section, .main-img, .main-content{
        width: 100% !important;
    }

    .main-img{
        order: 2;
    } 
    .main-content{
        order: 1; 
    }

    .servi-box{
        flex-direction: column !important;
    }

    .servi-box .second{
        flex-direction: column-reverse !important;
    }
    
    .serv-image, .serv-text{
        width: 100% !important;
    }

    .accardion-block, .accardion-image-block{
        width: 100% !important;
    }

    .gallery, .form-order__box{
        width: 100% !important;
    }

    .cards-mid{
        width: 100% !important;
    }

    .blog-single-item{
        flex-direction: column !important;
    }

    .bottom-f-section-block-adrs{
        width: 100% !important;
        padding-top: 23px;
    }

    .bottom-f-section-block-adrs-inner{
        display: flex;
        flex-direction: column;
        gap: 14px;
    }

    .bottom-f-section-poli{
        width: 100% !important;
        padding-top: 23px;
    }

    .bottom-f-section-links-block{
        width: 100% !important;
    }

    .bottom-sec-c .row{
        display: flex;
        gap: 14px;
    }

    .similar .similar__box{
        flex-direction: column !important;
        width: 100% !important;
    }
    .similar .similar__image{
        width: 100% !important;
    }
    .similar .similar__content{
        width: 100% !important;
    }

    .client-d-block{
        width: 100%;
    }

    .client-d-box{
        flex-direction: column !important;
    }
    
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-orderigin: 0% 0%;
        transition: .4s;
        opacity: 0;
        background-color: #01005E;
    }

    .dropdown-item{
        color: #fff;
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex!important;
        flex-basis: auto;
        justify-content: center;
    }

   
}


@media(max-width: 768px){
    .blog-single-item .blog-description{
        padding: 23px 0px;
    }
}


@media(max-width: 600px){
    .polic-area {
        padding: 32px 17px;
    }

  
}

   

@media(max-width: 575px){
    .cards .card .user-picture img{
        position: static;
    }
    
    .card-body {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 23px;
        text-align: center;
    }

    .cards .card .user-content .user-name{
        margin: 0;
    }

    button{
        width: 100%;
    }
}

@media(max-width: 425px){
  
    .hero-slider .hero-slider-block h2{
        font-size: 18px;
    }

    .cards .card .user-content .user-name{
        margin: 0;
    }

    .cards .cards-mid{
        margin-bottom: 80px !important;
    }

    .cards .card .user-picture img{
        top: -61%;
        right: 25%;
    }

    .cards .row{
        padding: 40px 0;
    }

    .cards .cards-mid{
        padding-top: 32px;
    }

}

@media(max-width: 375px){
  
    .polic-area {
        padding: 26px 17px;
    }

    .dropdown-item{
        white-space: break-spaces;
    }

    .cards .card .user-content .user-name{
        margin: 0;
    }

   
}

.main-img{
    position: relative;
    float: left;
    margin: 32px;
    width: 40%;
    margin: 26px;
    border-radius: 25px;
  }
  
  .main-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  
  @media (max-width: 992px){
    .main-img{
      float: none !important;
      width: 100% !important;
      margin: 0 0 30px 0 !important;
    }
  }
  
  
  @media (max-width: 420px){
  
    .main-img, .blog-image a img{
      height: auto;
    }
  
  }

.footlinkWeight{
    font-weight: 400;
}

.dop-container{
    width: 80%;
    margin: 0 auto;
}

.dopPl{
    padding-left: 23px;
}