@charset "utf-8";

/** RESET **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}



:root {
  --textColor:#333;
	--textColor2:#ааа;
  --bgColor:#F5F9FF;
  --font-size:1em;
  --font-size-2:1.2em;
  --font-size-3:2em;
  --font:"Proxima Nova Thin", Helvetica, Arial, Sans-Serif;
  --letter-spacing:0.02em;
  --letter-spacing-2:-0.02em;
  --line-height-12:1.2em;
  --line-height-13:1.3em;
  
	--tw-bg-opacity:1
}

*{box-sizing:border-box}
body{font-family:var(--font);background:var(--bgColor);overflow-x:hidden;color:var(--textColor);}
@media (max-width: 1008px) {
  body{padding-top:104px}
}
@media (max-width: 428px) {
  body{padding-top:0}
}
a{color:#ec665f;text-decoration:none;cursor:pointer}
a:hover{color:#302e2d}

/* Анимация появления при скролле */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease-out, transform 0.8s ease-out;}
.fade-in.visible{opacity:1;transform:translateY(0);}



.push{margin-bottom:32px !important}
.push--mini{margin-bottom:10px !important}
.push--small{margin-bottom:20px !important}
.push--large{margin-bottom:45px !important}
.push--giant{margin-bottom:60px !important}
.push--pad-giant{padding-bottom:60px !important}

/* HEAD */
.tw-bg-white{;background-color: rgb(255 255 255/var(--tw-bg-opacity));width:100%;z-index:999;top:0;left:0;position:sticky;border-bottom-width:1px;border-style:solid}
.tw-border-brand-dark-gray{--tw-border-opacity:1;border-color:rgb(74 74 74/var(--tw-border-opacity))}
.container{width:1048px;margin:0 auto;padding:0 20px;background:#fff}
@media (max-width: 1008px) {
  .container,.container-tr{width:100%}
}
.tw-block{display:block}
.tw-flex{display:flex}
.tw-hidden{display:none}
.tw-items-center{align-items:center}
.tw-justify-between{justify-content:space-between}
@media (max-width: 428px) {
  .tw-justify-between{text-align:center;display:block}
}
.tw-duration-300{transition-duration:.3s}
.tw-transition {
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.tw-pt-4{padding-top:1rem}
.tw-pb-3{padding-bottom:.75rem}
.tw-opacity-50:hover{opacity:.5}
.hover\:tw-opacity-50:hover{opacity:.5}

@media (min-width:1024px) {
  .lg\:tw-block{display:block}
  .lg\:tw-hidden{display:none}
}
.tw-py-5{padding-top:1.85rem;padding-bottom:1.75rem}

.tw-gap-4{gap:1rem}
.tw-text-brand-black{--tw-text-opacity:1;color:rgb(48 46 45/var(--tw-text-opacity))}
.tw-uppercase{text-transform:uppercase}
.tw-font-medium{font-weight:500}
.tw-text-base{font-size:1.2rem;line-height:2.1rem}
.hover\:tw-text-brand-red:hover{--tw-text-opacity:1;color:rgb(236 102 95/var(--tw-text-opacity))}
/* /HEAD */

/* SECTION 1 */
.js-article--feature .dynamic-ads__container{width:100vw;margin:1em -100%; /* old browsers fallback */margin:1em calc(50% - 50vw);}
#section-162129{background:#000;color:#fff;padding-top:0;padding-bottom:0}
#section-162129 h2.article-header__title{color:#fff}
.feature-section{/*padding:50px 0;*/background:#fff}
.feature-section .rich-text__block--push{margin-bottom:40px !important}
.article-header--feature{padding-top:0;/*margin-top:-50px;*/width:100%}
@media (max-width: 1008px) {
  .article-header--feature{width:calc(100% - 20px);}
}
.article-header{text-align:center;/*padding:50px 0;*/border-bottom:#ccc 1px solid}
@media (max-width: 1008px) {
  .article-header{padding:32px 0}
  .ajax .article-header{border-top:#ccc 1px solid}
}
@media (max-width: 428px) {
  .article-header{padding:0;width:100%}
}

.article-header__media{margin-bottom:-12px;width:100%;height:auto;position:relative;z-index:1}
@media (max-width: 1008px) {
  .article-header__media{margin-left:-20px;width:calc(100% + 40px);}
}
@media (max-width: 428px) {
  .article-header__media{display:flex;margin:0;width:100%}
}
.overimg{font-size:2rem;color:#000;font-weight:bold;z-index:888;position:absolute;top:30rem;width:100%}
@media (max-width: 428px) {
  .overimg{display:block;position:inherit;padding:25px 0}
}
.container-tr{width:1048px;margin:0 auto;padding:0 20px;padding-left:20%;line-height:2.4rem;text-align:left}
@media (max-width: 428px) {
  .container-tr{width:100%;padding:0 10px;line-height:2.3rem;font-size:1rem}
}
.overimg h1{text-align:right}
.overimg h1>span{background:#004e68;color:#fff;padding:10px 20px;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.feature-container{width:933px;margin:0 auto;margin-bottom:3rem}
.fullWidthImage + .feature-container{margin-top:40px}
@media (max-width: 1008px) {
  .feature-container{width:100%;padding:0 20px}
}
.article-header__title--feature{margin-top:50px}
.article-header__title{margin:30px 0;font-family:"Campton-Medium", "Roboto", "Helvetica Neue", Helvetica, Arial, Sans-Serif;text-transform:uppercase;font-weight:500;font-size:53px;color:#fff;line-height:57px}
@media (max-width: 1008px) {
  .article-header__title{font-size:30px;line-height:28px}
}
/* /SECTION 1 */

/* SECTION 2 */
#section-285745{background:#004e68;color:#5bdeef}
.article-header--ajax{border-top:#979797 1px solid}
.article-header__excerpt{font-size:17px;line-height:22px;margin-bottom:30px}
.article-header__excerpt--large{font-size:22px;line-height:28px}
/* /SECTION 2 */

/* SECTION 3 */
#section-footer{background:#000;color:#fff}
.map-responsive{width:100%}
#section-footer .feature-container{display:flow-root}
.col-container{display:grid;gap:50px;grid-template-columns:auto auto auto;padding:10px}
.col-1,.col-2,.col-3{background-color:#000}
@media (max-width: 428px) {
	.col-container{display:block}
  .col-1,.col-2,.col-3{display:block;margin:0;width:100%}
}
.col-1 div{display:block}
/* /SECTION 3 */





/* Заголовки */
h1, h2 {
    color: #004E89; /* Глубокий морской синий */
    text-align: center;
}

/* Галерея */
.gallery {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.gallery-item {
    width: 250px;
    height: 180px;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.gallery-item:hover {
    transform: scale(1.05);
}

/* Модальное окно для галереи */
.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    text-align: center;
  z-index: 999;
}
.lightbox-content{max-width:80%;max-height:80%}
.close{position:absolute;top:15px;right:20px;font-size:30px;color:white;cursor:pointer}



/* Адаптивность */
@media (max-width: 768px) {
    .gallery {
        flex-direction: column;
        align-items: center;
    }

    .gallery-item {
        width: 90%;
    }
}



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

}