:root {
    --primary-color: rgb(51, 51, 51);

    --bg-dark-88-color: rgba(15, 11, 8, 0.88);

    --zeus-color: rgb(31, 24, 21);
    --zeus-70-color: rgb(31, 24, 21, 0.7);
    --driftwood-color: rgb(164, 124, 74);
    --driftwood-06-color: rgba(164, 124, 74, 0.6);
    --kabul-color: rgb(90, 74, 63);
    --old-copper-color: rgb(124, 90, 51);
    --tobacco-brown:rgb(107, 90, 72);

    --dawn-pink-color:rgb(244, 239, 230);



    --night-rider-90-color:rgba(15, 11, 8, 0.90);

    
    --double-spanish-white-color: rgb(232, 217, 190);
    --double-spanish-white-white-color: rgb(251, 248, 242);
    --double-spanish-white-white-white-color: rgb(239, 231, 216);
    --double-spanish-browb-color:rgb(209, 200, 188);
    
    --double-spanish-light-color:rgb(246, 241, 232);
        
    --driftwood-80-color: rgba(164, 124, 74, 0.8);    
    --driftwood-55-color: rgba(164, 124, 74, 0.55);


    --white-color: rgb(255, 255, 255);
    --white-92-color: rgb(255, 255, 255, 0.92);
    --white-85-color: rgb(255, 255, 255, 0.85);
    --white-80-color: rgb(255, 255, 255, 0.80);
    --white-60-color: rgb(255, 255, 255, 0.60);
    --white-50-color: rgb(255, 255, 255, 0.50);
    --white-40-color: rgb(255, 255, 255, 0.40);
    --white-10-color: rgb(255, 255, 255, 0.10);
    --white-05-color: rgb(255, 255, 255, 0.05);

    --black-01-color: rgb(0, 0, 0, 0.15);    
    --black-05-color: rgb(0, 0, 0, 0.5);
    --btn-vk-color:rgb(0, 119, 255);

    --font-inter: "Inter", sans-serif;
    --font-garamond: "Cormorant Garamond", serif;

    --small-size:10.5px;
}

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

.h1{
    font-size:76px;
}

.h2{
    font-size:64px;
}

.h3{
    font-size: 46px;
}

.h4{
    font-size: 30px;
}

.fs-2{    
    font-size: 54px !important;
}

.fs-22{    
    font-size: 52px !important;
}



.fs-5{
    font-weight: 300;
    font-size: 18px !important;
}

.fs-6{
    font-size: 12px !important;
}

.fs-13{
    font-size: 13px !important;
}

.fs-7{
    font-size: 16px !important;
}

.fs-8{
    font-size: 18px !important;
}

.fs-9{
    font-size: 14px !important;
}

.fs-10{
    font-size: 22px !important;
}


.line-height-25{
    line-height:25px;
}

.line-height-30{
    line-height:30px;
}

.font-garamond{
    font-family: var(--font-garamond) !important;
}

body{
    font-family: var(--font-inter);
    font-optical-sizing: auto;    
    font-style: normal;
    background-color: var(--white-color);
}

i{
    color:var(--driftwood-color);
}

p{
    font-size:14.5px;
    color:var(--zeus-color);
}

img{
    max-width:100%;
}


a.white-color{
    text-decoration: none !important;
    border-color:var(--white-40-color) !important;
}

.white-color{
    color:var(--white-color) !important;
}

.white-40-color{
    color:var(--white-40-color) !important;
}

.white-10-color{
    color:var(--white-10-color);
}

.old-copper-box-shadow{
    box-shadow: 0px 14px 36px -8px rgba(124, 90, 51, 0.65), inset 0px 1px 0px rgba(255, 255, 255, 0.18);
}

.z-3{
    z-index:1000;
}

.kabul-color{
    color: var(--kabul-color);
}

.driftwood-color{
    color: var(--driftwood-color);
}

a.driftwood-color:hover{
    color: var(--driftwood-80-color);
}

.old-copper-color{
    color:var(--old-copper-color) !important;
}

.white-85-color{
    color:var(--white-85-color) !important;
}

.white-60-color{
    color:var(--white-60-color) !important;
}

.white-50-color{
    color:var(--white-50-color) !important;
}

.tobacco-brown{
    color:var(--tobacco-brown);
}

.black-05-color-background{
    background-color:var(--black-05-color) !important;
    box-shadow: 0px 40px 100px -30px var(--black-05-color);
}

.night-rider-90-color-background{
    background-color:var(--night-rider-90-color) !important;
}

.dawn-pink-color-background{
    background: var(--dawn-pink-color)
}


.btn.zeus-70-color{
    background-color:var(--zeus-70-color) !important; 
    color:#ffffff;
}

.btn.driftwood-70-color{
    background-color:var(--driftwood-color) !important; 
    color:#ffffff;
}


.btn.driftwood-70-color:hover,
.btn.zeus-70-color:hover{
    color:#ffffff;
    opacity:0.8;
}

.btn.driftwood-70-color{
    background-color:var(--driftwood-color) !important; 
    color:#ffffff;
}


.zeus-color{
    color:var(--zeus-color);
}

.letter-spacing-2{
    letter-spacing: 2.3px;
}

.letter-spacing-2-6{
    letter-spacing: 2.6px;
}

.letter-spacing-4{
    letter-spacing: 4.4px;
}

.bg-dark{
    background:var(--bg-dark-88-color) !important;
}

.bg-light{
    background:var(--double-spanish-light-color) !important;
}

.bg-light-light{
    background:var(--double-spanish-white-white-white-color) !important;
}

.bg-05-white{
    background:var(--white-05-color) !important;
}

.bg-white{
    background:var(--double-spanish-white-white-color) !important;
}

.bg-white.border{
    box-shadow: 0px 40px 100px -30px rgba(31, 24, 21, 0.4), 0px 0px 0px 1px rgba(217, 207, 188, 0.6);
}

.old-copper-color-border{
    border-color:var(--old-copper-color) !important;
}

.tobacco-brown-border{
    border-color:var(--tobacco-brown) !important;
}

.double-spanish-browb-color{
    border-color:var(--double-spanish-browb-color) !important;
}

.double-spanish-white-color{
    border-color:var(--double-spanish-white-color) !important;
}

.border-white-10-color,
.white-10-color{
    border-color:var(--white-10-color) !important;
}

.container{
    max-width:1920px;
}

.container-max-1280{
    max-width:1360px;
}

.container-max-1080{
    max-width:1260px;
}

.index .container-max-1280{
    max-width:none;
}

.bg-white .border-bottom{
    border-color: var(--double-spanish-white-color) !important;
}

.bg-light.border,
.bg-light.border-end,
.bg-light.border-bottom{
    border-color: var(--double-spanish-white-color) !important;
}

.border.dashed{
    border-style: dashed !important;
}

.border-driftwood-start-3{
    border-left:3px solid var(--driftwood-color);
}


.btn{
    border:0;
    border-radius:0;
    padding: 15px 30px;
    letter-spacing: 2.3px;
    font-size:13px;
    align-items: center;
    text-align: center;    
}


.card-top-btn{
    position:absolute;
    margin-top:18px;
    margin-left:18px;
    padding:7px 12px 5px 12px;
    display:inline-block;
    letter-spacing: 1.7px;
}


.arrow-small, .arrow-small-driftwood{
    background:url(/images/arrow-small.svg) right center no-repeat !important;
    background-size:9px !important;
    padding-right:15px !important;
}

.arrow-small-driftwood{
    background-image:url(/images/arrow-small-driftwood.svg);   
}

.double-spanish-white-color{
    color:var(--double-spanish-white-color) !important;
}

.bg-light a.white-color,
.bg-light-light a.white-color{
    color:var(--driftwood-color);
}

.bg-dark .white-color:hover{
    color:var(--driftwood-color);
}

.btn:hover{
}

.btn-primary{
    background: var(--driftwood-color);
    border: 1px solid var(--driftwood-color);
    color: var(--white-color);
    box-shadow: 0px 18px 40px -12px var(--driftwood-55-color);
}

.btn-primary:hover{
    background: var(--driftwood-80-color);
    border: 1px solid var(--driftwood-80-color);
    color: var(--white-color);
}

.btn-primary:active,    
.btn-primary:focus{    
    background: var(--driftwood-80-color);
    border: 1px solid var(--driftwood-80-color);
    box-shadow:0 0 0 .25rem var(--driftwood-55-color) !important;
}

.btn-secondary{
    background: var(--white-05-color);
    border: 1px solid var(--zeus-color);
    color: var(--zeus-color);
    backdrop-filter: blur(3px);
}

.btn-secondary:hover{
    background: var(--white-05-color);
    border: 1px solid var(--driftwood-color);
    color: var(--driftwood-color);
}

.btn-secondary:active,    
.btn-secondary:focus{    
    background: var(--white-05-color);
    border: 1px solid var(--driftwood-color);
    box-shadow:0 0 0 .25rem var(--double-spanish-browb-color) !important;
    color: var(--driftwood-color);
}

.btn-dark{
    background: var(--zeus-color);
    border: 1px solid var(--zeus-color);
    color: var(--white-color);
    backdrop-filter: blur(3px);
    box-shadow: 0px 18px 40px -12px var(--driftwood-55-color);
}



.bg-dark .btn-secondary{
    background: var(--white-05-color);
    border: 1px solid var(--white-60-color);
    color: var(--white-color);
    backdrop-filter: blur(3px);
}

.bg-dark .btn-secondary:hover{
    background: var(--white-05-color);
    border: 1px solid var(--white-40-color);
    color: var(--white-color);
}

.bg-dark .btn-secondary:active,    
.bg-dark .btn-secondary:focus{    
    background: var(--white-05-color);
    border: 1px solid var(--white-40-color);
    box-shadow:0 0 0 .25rem var(--white-60-color) !important;
}

.btn, a{
    transition: all 0.3s ease;    
}

.small{        
    font-size: var(--small-size);
}

.w-color{
    color: var(--white-color);
}

.menu-top{
    
}

.menu-top a{
    font-size: var(--small-size);    
    text-transform: uppercase;
    color: var(--white-color);
    text-decoration:none;    
}

.menu-top a:hover{
    color: var(--driftwood-color);
}

.menu-top a.active{
    color: var(--driftwood-color);
}

.menu-top a:hover.active{
    color: var(--white-color);
}

.menu-top a.active::after {
    content: "";
    position: absolute;
    display: inline-block;
    margin-top:-4px;
    margin-left:2px;
    width: 5px;
    height: 5px;
    background-color: var(--driftwood-color);
    border-radius: 50%;
}

.rotate-180 {
  transform: rotate(180deg);
}

.gradient{
    background: linear-gradient(92.3deg, rgba(15, 11, 8, 0.78) 0%, rgba(15, 11, 8, 0.55) 35%, rgba(15, 11, 8, 0.15) 65%, rgba(15, 11, 8, 0) 100%), linear-gradient(180deg, rgba(15, 11, 8, 0) 30%, rgba(15, 11, 8, 0.35) 70%, rgba(15, 11, 8, 0.65) 100%);    
}

.gradient-full{
    background-color: rgba(15, 11, 8, 0.70);
}

.banner{    
    background-size: cover;
    background-repeat: no-repeat;    
}

.banner .gradient{    
    display:block;    
    color:var(--white-color);
}

.banner.first .gradient{
    padding:90px 0px 140px 0px;
}

.banner .h1{
    font-style: normal;
    font-weight: 300;
    font-size: 76px;
    line-height: 78px;
    letter-spacing: -1.52px;   
}

.banner .text{
    color:var(--white-92-color);
    font-size: 17px;
    line-height: 28px;
}

.banner .small{
    color:var(--white-85-color);    
}

.banner .h1 i,
.banner .h2 i,
.banner .h3 i,
.banner .h4 i{
    color:var(--double-spanish-white-color);
}

.banner .inner-text{
    max-width:600px;
}

.block-search{    
    position:relative;
    margin-top:-120px;
    border-color:var(--black-01-color) !important;
    box-shadow: 0px 40px 100px -30px rgba(31, 24, 21, 0.4), 0px 0px 0px 1px rgba(217, 207, 188, 0.6);
}



.bull::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--driftwood-color);
  margin-bottom:3px;
  margin-right:15px;
  border-radius:50%;
}


.text-line-start::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 1px;
  background-color: var(--white-60-color);
  margin-bottom:3px;
  margin-right:20px;
}

.bg-light .text-line-start::before,
.bg-light-light .text-line-start::before {
    background-color: var(--old-copper-color);
}

.text-line-start-small::before{
    height: 1px;
    width: 14px;
    margin-right:10px;
    background-color: var(--driftwood-80-color) !important;
}

.text-line-start.text-line-small::before {
    width: 14px;
    height: 1px;
    margin-right:10px;
}

.text-line-end::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 1px;
  background-color: var(--white-60-color);
  margin-bottom:3px;
  margin-left:15px;
}

.bg-light .text-line-end::after,
.bg-light-light .text-line-start::after {
    background-color: var(--old-copper-color);

}

.text-line-end.text-line-small::after {
    width: 14px;
    height: 1px;
    margin-left:5px;
}

.text-line-start.double-spanish-white-color::before,
.text-line-end.double-spanish-white-color::after{
    background-color: var(--white-40-color);
}



.bg-dark.border-top{
    border-color:var(--driftwood-color) !important;
    border-width:2px !important;
}

.a-90::before{
    content:"";
    width:29px;
    height:29px;
    border-left:1px solid var(--driftwood-color);
    border-top:1px solid var(--driftwood-color);
    position:absolute;
    left:0px;
    margin:17px;
}

.a-90::after{
    content:"";
    width:29px;
    height:29px;
    border-right:1px solid var(--driftwood-color);
    border-bottom:1px solid var(--driftwood-color);
    position:absolute;
    bottom:0px;
    right:0px;
    margin:17px;
}
    
input.form-control,
textarea.form-control{
    background:transparent;
    border:0px;
    border-radius:0px;
    border-bottom:1px solid var(--double-spanish-browb-color);
    padding:10px 10px;
    color:var(--primary-color);
}

input.form-control:focus,
textarea.form-control:focus{
    box-shadow:0 2px 0 0 var(--driftwood-55-color) !important;
    background:transparent;
    border-bottom:1px solid var( --double-spanish-browb-color);
}

input.form-control:-webkit-autofill,
input.form-control:-webkit-autofill:hover,
input.form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--primary-color); /* Цвет текста */
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important; /* Скрывает фон */
  transition: background-color 5000s ease-in-out; /* Плавный переход */
}


.collapse-link{
    border-bottom:1px solid var( --double-spanish-browb-color);
}

.collapse-link a{
    text-decoration:none;
    color:var(--old-copper-color);
}

.collapse-link p:after{
    content: "+";
    font-size:25px;
    line-height:20px;
    float:right;
    color:var(--old-copper-color);
}

.collapse-link .collapse{    
    background-color:var(--double-spanish-white-white-white-color);
    color:var(--tobacco-brown);
}


.blur-3{
    backdrop-filter: blur(3px);
}

.text-box{
    max-width:500px;
}

.text-box-2{
    max-width:740px;
}

.text-box-3{
    max-width:600px;
}

.text-box-4{
    max-width:800px;
}

.text-box-5{
    max-width:980px;
}

.text-box-6{
    max-width:660px !important;
}

.dotted-top{
    float:left;
    padding:12px 40px;
}

.dotted-top .h4{
    line-height:12px;
}

.dotted-top .col-auto{
    padding:6px 10px 0px 10px;
}

.bg-dark p, .bg-dark p i{
    color:#ffffff;
}

.container-middle .row{
    max-width:1200px;
}

.height-300{
    min-height:380px;
}

.height-250{
    min-height:300px;
}

.height-200{
    min-height:240px;
}

.background-image{
    background:center center no-repeat;
    background-size:cover;
}

.card{
    border-radius:0px;
    border:1px solid var(--double-spanish-white-color);
}

.card .card-img img{
    border-radius:0px;
}

.card .h3{
    font-size:34px;
}

.tags{
    
}

.tags .btn{
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 0.24px;
    color: var(--zeus-color);
    background: var(--double-spanish-light-color);
    padding:5px 9px;
    margin:0px 3px 7px 0px;
}

.tags .btn:hover{
}

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



@media (min-width: 992px) {   
    .border-lg-end{
        border-right:1px solid #dee2e6;
    }

    .col-md-6-auto{
        width:100%;
        flex: 1 0 auto;
    }
}

@media (min-width: 768px) {   
    .border-md-end{
        border-right:1px solid #dee2e6;
    }
}

@media (max-width: 768px) { 
    .col-sms-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}