@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
html {
	width:100%;
	min-height:100%;
	height: 100vh;
	margin:0;
	padding:0;
}
body {
	font-family: "Montserrat" !important;
	font-size:0.85rem;
	width:100%;
	position:relative;
	margin:0;
	padding:0;
	color:#1b1b1b;
}
* { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
*::-webkit-scrollbar { width: 7px; height: 7px; position:absolute; z-index:9; border-radius:10px; }
*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(33, 37, 4,0.0); border-radius:10px; }
*::-webkit-scrollbar-thumb { background-color: rgba(128,128,128,0.25); outline: 0px solid rgba(33, 37, 4,0.25); border-radius:10px; }
input[type="number"].hide-arrows::-webkit-inner-spin-button,
input[type="number"].hide-arrows::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"].hide-arrows {
  -moz-appearance: textfield; /* Firefox */
  appearance: textfield; /* Firefox */
}
input, select, textarea, button {
	font-family: "Montserrat" !important;
	font-size:0.85rem !important;
}
.transition { -o-transition:all 150ms linear; -ms-transition:all 150ms linear; -moz-transition:all 150ms linear; -webkit-transition:all 150ms linear; transition:all 150ms linear; }
/* FONT STYLES */
.fs-body { font-size:0.85rem !important; }
.fs-6 { font-size:1rem !important; }
.fs-7 { font-size:0.8rem !important; }
.fs-8 { font-size:0.75rem !important;}
.fs-9 { font-size:0.7rem !important;}
.fw-500 { font-weight:500 !important;}
.ff-Lora { font-family: "Lora" !important; } 
.ff-Merriweather { font-family: "Merriweather" !important; }
/* BORDERS */
.border-radius-10px { -webkit-border-radius:10px;-moz-border-radius: 10px;border-radius: 10px;}
.border-radius-15px { -webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;}
.border-radius-20px { -webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 20px;}
.border-radius-25px { -webkit-border-radius:25px;-moz-border-radius: 25px;border-radius: 25px;}

/* CURSOR STYLES */
.cursor-alias, .cursor-alias * {cursor: alias !important;}
.cursor-all-scroll, .cursor-all-scroll * {cursor: all-scroll !important;}
.cursor-auto, .cursor-auto * {cursor: auto !important;}
.cursor-cell, .cursor-cell * {cursor: cell !important;}
.cursor-col-resize, .cursor-col-resize * {cursor: col-resize !important;}
.cursor-context-menu, .cursor-context-menu * {cursor: context-menu !important;}
.cursor-copy, .cursor-copy * {cursor: copy !important;}
.cursor-crosshair, .cursor-crosshair * {cursor: crosshair !important;}
.cursor-default, .cursor-default * {cursor: default !important;}
.cursor-e-resize, .cursor-e-resize * {cursor: e-resize !important;}
.cursor-ew-resize, .cursor-ew-resize * {cursor: ew-resize !important;}
.cursor-grab, .cursor-grab * {cursor: -webkit-grab; cursor: grab !important;}
.cursor-grabbing, .cursor-grabbing * {cursor: -webkit-grabbing !important; cursor: grabbing !important;}
.cursor-help, .cursor-help * {cursor: help !important;}
.cursor-move, .cursor-move * {cursor: move !important;}
.cursor-n-resize, .cursor-n-resize * {cursor: n-resize !important;}
.cursor-ne-resize, .cursor-ne-resize * {cursor: ne-resize !important;}
.cursor-nesw-resize, .cursor-nesw-resize * {cursor: nesw-resize !important;}
.cursor-ns-resize, .cursor-ns-resize * {cursor: ns-resize !important;}
.cursor-nw-resize, .cursor-nw-resize * {cursor: nw-resize !important;}
.cursor-nwse-resize, .cursor-nwse-resize * {cursor: nwse-resize !important;}
.cursor-no-drop, .cursor-no-drop * {cursor: no-drop !important;}
.cursor-none, .cursor-none * {cursor: none !important;}
.cursor-not-allowed, .cursor-not-allowed * {cursor: not-allowed !important;}
.cursor-pointer, .cursor-pointer * {cursor: pointer !important;}
.cursor-progress, .cursor-progress * {cursor: progress !important;}
.cursor-row-resize, .cursor-row-resize * {cursor: row-resize !important;}
.cursor-s-resize, .cursor-s-resize * {cursor: s-resize !important;}
.cursor-se-resize, .cursor-se-resize * {cursor: se-resize !important;}
.cursor-sw-resize, .cursor-sw-resize * {cursor: sw-resize !important;}
.cursor-text, .cursor-text * {cursor: text !important;}
.cursor-url, .cursor-url * {cursor: url(myBall.cur),auto !important;}
.cursor-w-resize, .cursor-w-resize * {cursor: w-resize !important;}
.cursor-wait, .cursor-wait * {cursor: wait !important;}
.cursor-zoom-in, .cursor-zoom-in * {cursor: zoom-in !important;}
.cursor-zoom-out, .cursor-zoom-out * {cursor: zoom-out !important;}

/* TEXT STYLES */
.ws-nowrap { white-space:nowrap; }
.ls-1 { letter-spacing:1px; } 
.ls-2 { letter-spacing:2px; } 
.text-shadow { text-shadow: 2px 2px 2px rgba(25, 25, 25, 1); }

/* SIZES */
.w-10 { width:10% !important; }
.w-15 { width:15% !important; }
.w-20 { width:20% !important; }
.w-25 { width:25% !important; }
.w-30 { width:30% !important; }
.w-35 { width:35% !important; }
.w-40 { width:40% !important; }
.w-45 { width:45% !important; }
.w-55 { width:55% !important; }
.w-60 { width:60% !important; }
.w-65 { width:65% !important; }
.w-70 { width:70% !important; }
.w-75 { width:75% !important; }
.w-80 { width:80% !important; }
.w-85 { width:85% !important; }
.w-90 { width:90% !important; }
.w-95 { width:95% !important; }
.h-10 { height:10% !important; }
.h-15 { height:15% !important; }
.h-20 { height:20% !important; }
.h-25 { height:25% !important; }
.h-30 { height:30% !important; }
.h-35 { height:35% !important; }
.h-40 { height:40% !important; }
.h-45 { height:45% !important; }
.h-55 { height:55% !important; }
.h-60 { height:60% !important; }
.h-65 { height:65% !important; }
.h-70 { height:70% !important; }
.h-75 { height:75% !important; }
.h-80 { height:80% !important; }
.h-85 { height:85% !important; }
.h-90 { height:90% !important; }
.h-95 { height:95% !important; }
.minw-5 { min-width:5% !important; }
.minw-10 { min-width:10% !important; }
.minw-15 { min-width:15% !important; }
.minw-20 { min-width:20% !important; }
.minw-25 { min-width:25% !important; }
.minw-30 { min-width:30% !important; }
.minw-35 { min-width:35% !important; }
.minw-40 { min-width:40% !important; }
.minw-45 { min-width:45% !important; }
.minw-50 { min-width:50% !important; }
.minw-55 { min-width:55% !important; }
.minw-60 { min-width:60% !important; }
.minw-65 { min-width:65% !important; }
.minw-70 { min-width:70% !important; }
.minw-75 { min-width:75% !important; }
.minw-80 { min-width:80% !important; }
.minw-85 { min-width:85% !important; }
.minw-90 { min-width:90% !important; }
.minw-95 { min-width:95% !important; }
.minh-10 { min-height:10% !important; }
.minh-15 { min-height:15% !important; }
.minh-20 { min-height:20% !important; }
.minh-25 { min-height:25% !important; }
.minh-30 { min-height:30% !important; }
.minh-35 { min-height:35% !important; }
.minh-40 { min-height:40% !important; }
.minh-45 { min-height:45% !important; }
.minh-50 { min-height:50% !important; }
.minh-55 { min-height:55% !important; }
.minh-60 { min-height:60% !important; }
.minh-65 { min-height:65% !important; }
.minh-70 { min-height:70% !important; }
.minh-75 { min-height:75% !important; }
.minh-80 { min-height:80% !important; }
.minh-85 { min-height:85% !important; }
.minh-90 { min-height:90% !important; }
.minh-95 { min-height:95% !important; }
.maxw-10 { max-width:10% !important; }
.maxw-15 { max-width:15% !important; }
.maxw-20 { max-width:20% !important; }
.maxw-25 { max-width:25% !important; }
.maxw-30 { max-width:30% !important; }
.maxw-35 { max-width:35% !important; }
.maxw-40 { max-width:40% !important; }
.maxw-45 { max-width:45% !important; }
.maxw-50 { max-width:50% !important; }
.maxw-55 { max-width:55% !important; }
.maxw-60 { max-width:60% !important; }
.maxw-65 { max-width:65% !important; }
.maxw-70 { max-width:70% !important; }
.maxw-75 { max-width:75% !important; }
.maxw-80 { max-width:80% !important; }
.maxw-85 { max-width:85% !important; }
.maxw-90 { max-width:90% !important; }
.maxw-95 { max-width:95% !important; }
.maxh-10 { max-height:10% !important; }
.maxh-15 { max-height:15% !important; }
.maxh-20 { max-height:20% !important; }
.maxh-25 { max-height:25% !important; }
.maxh-30 { max-height:30% !important; }
.maxh-35 { max-height:35% !important; }
.maxh-40 { max-height:40% !important; }
.maxh-45 { max-height:45% !important; }
.maxh-50 { max-height:50% !important; }
.maxh-55 { max-height:55% !important; }
.maxh-60 { max-height:60% !important; }
.maxh-65 { max-height:65% !important; }
.maxh-70 { max-height:70% !important; }
.maxh-75 { max-height:75% !important; }
.maxh-80 { max-height:80% !important; }
.maxh-85 { max-height:85% !important; }
.maxh-90 { max-height:90% !important; }
.maxh-95 { max-height:95% !important; }
@media (min-width: 768px) {
	.w-md-10 { width:10% !important; }
	.w-md-15 { width:15% !important; }
	.w-md-20 { width:20% !important; }
	.w-md-25 { width:25% !important; }
	.w-md-30 { width:30% !important; }
	.w-md-35 { width:35% !important; }
	.w-md-40 { width:40% !important; }
	.w-md-45 { width:45% !important; }
	.w-md-50 { width:50% !important; }
	.w-md-55 { width:55% !important; }
	.w-md-60 { width:60% !important; }
	.w-md-65 { width:65% !important; }
	.w-md-70 { width:70% !important; }
	.w-md-75 { width:75% !important; }
	.w-md-80 { width:80% !important; }
	.w-md-85 { width:85% !important; }
	.w-md-90 { width:90% !important; }
	.w-md-95 { width:95% !important; }
	.w-md-auto { width:auto !important; }
	.h-md-10 { height:10% !important; }
	.h-md-15 { height:15% !important; }
	.h-md-20 { height:20% !important; }
	.h-md-25 { height:25% !important; }
	.h-md-30 { height:30% !important; }
	.h-md-35 { height:35% !important; }
	.h-md-40 { height:40% !important; }
	.h-md-45 { height:45% !important; }
	.h-md-55 { height:55% !important; }
	.h-md-60 { height:60% !important; }
	.h-md-65 { height:65% !important; }
	.h-md-70 { height:70% !important; }
	.h-md-75 { height:75% !important; }
	.h-md-80 { height:80% !important; }
	.h-md-85 { height:85% !important; }
	.h-md-90 { height:90% !important; }
	.h-md-95 { height:95% !important; }
	.h-md-auto { height:auto !important; }
}
@media (min-width: 992px) {
	.w-lg-10 { width:10% !important; }
	.w-lg-15 { width:15% !important; }
	.w-lg-20 { width:20% !important; }
	.w-lg-25 { width:25% !important; }
	.w-lg-30 { width:30% !important; }
	.w-lg-35 { width:35% !important; }
	.w-lg-40 { width:40% !important; }
	.w-lg-45 { width:45% !important; }
	.w-lg-50 { width:50% !important; }
	.w-lg-55 { width:55% !important; }
	.w-lg-60 { width:60% !important; }
	.w-lg-65 { width:65% !important; }
	.w-lg-70 { width:70% !important; }
	.w-lg-75 { width:75% !important; }
	.w-lg-80 { width:80% !important; }
	.w-lg-85 { width:85% !important; }
	.w-lg-90 { width:90% !important; }
	.w-lg-95 { width:95% !important; }
	.w-lg-auto { width:auto !important; }
}
@media (min-width: 1200px) {
	.w-xl-10 { width:10% !important; }
	.w-xl-15 { width:15% !important; }
	.w-xl-20 { width:20% !important; }
	.w-xl-25 { width:25% !important; }
	.w-xl-30 { width:30% !important; }
	.w-xl-35 { width:35% !important; }
	.w-xl-40 { width:40% !important; }
	.w-xl-45 { width:45% !important; }
	.w-xl-50 { width:50% !important; }
	.w-xl-55 { width:55% !important; }
	.w-xl-60 { width:60% !important; }
	.w-xl-65 { width:65% !important; }
	.w-xl-70 { width:70% !important; }
	.w-xl-75 { width:75% !important; }
	.w-xl-80 { width:80% !important; }
	.w-xl-85 { width:85% !important; }
	.w-xl-90 { width:90% !important; }
	.w-xl-95 { width:95% !important; }
	.w-xl-auto { width:auto !important; }
}

/* COLOR PALETTE */
.text-eerie-black { color:#1b1b1b; }
.text-midnight-black { color:#0d0d0d; }
.text-charcoal { color:rgb(54,69,79); }
.text-anthracite { color:rgb(56,62,66); }
.text-ir-orange { color:rgba(246,134,31,1) !important; }
.text-ir-green { color:rgba(64,182,89,1) !important; }
.bg-anthracite { background-color:rgb(56,62,66); }
.bg-lb-orange { background-color: #ff8b69; }
.bg-lb-orange-op { background-color:rgba(199, 154, 135, 0.5); }
.bg-eerie-black { background-color:#1b1b1b; }
/* OPACITY */
.op-50 { opacity:0.5;}

/* OTHERS */
#contentLoader {
    display:flex;
    justify-content: center;
    align-items: center;    
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background: #fff;
}
.spinner {
    border: 5px solid rgba(0, 0, 0, 0.1); /* Светлый ободок */
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border-left-color: #ff8b69; /* Основной цвет спиннера - подберите под свой дизайн */
    animation: spin 1s linear infinite; /* Анимация вращения */
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#contentLoader.fade-out {
    opacity: 0;
}
.main-content {
	position:relative;
}
.main-content.hidden {
    opacity: 0;
}
.main-content.visible {
    opacity: 1;
    transition: opacity 0.5s ease;
}
.caption-button {
	color: #ff8b69;
	cursor:pointer;
	border:2px solid #ff8b69;
	background-color:#fff;
	transition:all 150ms linear;
	border-radius:10px;
	animation: caption-button ease-in-out 1500ms;
}
.caption-button:hover {
	color:#fff;
	background-color:#ff8b69;
}
@keyframes caption-button {
  0% { opacity:0; }
  100% { opacity:1; }
}
@font-face {
    font-family: 'font-logo';
    src: url('font-logo.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
header {
	font-size:0;
	width:100%;
	position: fixed !important;
	z-index:10;
	
}
header .logo .icon, footer .logo .icon {
      display: grid;
      grid-template-columns: 8px 5px 8px; /* Example column definition */
      grid-template-areas:
        "bl bl bl"
        "wt bl wt"
		"wt wt wt"
		"wt bl wt"
        "bl bl bl"
		;	
}
header .logo .icon .sq, footer .logo .icon .sq {
	height:5px;
}
header .logo .icon .sq.wt, footer .logo .icon .sq.wt {
	background-color: transparent;
}
header .logo .icon .sq.bl, footer .logo .icon .sq.bl {
	background-color: #1b1b1b;
}
header .logo .label, footer .logo .label {
	font-family:"font-logo";
	color:black;
	line-height: 25px;
	font-size:21px;
	letter-spacing: 1px;
}
header .logo .sub, footer .logo .sub {
	font-size:8px;
	font-weight: 500;
	letter-spacing: 1px;
	opacity:0.7;
	padding-top:3px;
}
header .navbar {
	padding:0 !important;
}
.index-banner .carousel-item {
	width:100%;
	height:100%;	
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;	
}
body > main {
	padding-top:72px;
}
.index-banner .caption.caption-slide-from-left { animation: caption-slide-from-left ease-in-out 500ms; }
.index-banner .caption.caption-slide-from-right { animation: caption-slide-from-right ease-in-out 500ms; }
.index-banner .caption.hidden { opacity:0; }
.index-banner .caption {
	max-width:50%;
}
.index-banner .caption h1 {
	text-shadow: 2px 2px 2px rgba(25, 25, 25, 1);
	transition:all 250ms linear;
	font-size:3rem;
	margin-bottom:1.5rem;
}
.index-banner .caption p {
	text-shadow: 2px 2px 2px rgba(25, 25, 25, 1);
	transition:all 250ms linear;
	font-size:1.15rem;
}
@keyframes caption-slide-from-left {
  0% { padding-top:5rem; opacity:0; }
  100% { padding-top:0; opacity:1; }
}
@keyframes caption-slide-from-right {
  0% { padding-top:5rem; opacity:0; }
  100% { padding-top:0; opacity:1; }
}
.index-about-us {
	position:relative;
}
.index-about-us .left {
	padding-top:40px;
	padding-bottom:80px;	
	position:relative;
}
.index-about-us .left img {
	position:relative;
	width:100%;
	z-index:2;
}
.index-about-us .left:after {
    content: '';
    position: absolute;
    top: 0;
    z-index: 1;
    bottom: 0;
    right: 0;
    width:calc(50% + 0.1rem);
    background: #c79a87;
	
}
.index-about-us .right {
	padding-bottom:0px;
	position:relative;
	z-index:2;
}
.navbar {
	justify-content: end;
}
@media (max-width: 768px) {
	.navbar .nav-item {
		text-align:right;
	}
	.index-banner .caption h1 {
		font-size:2rem;
	}
	.index-banner .caption p {
		font-size:1rem;
	}	
}
@media (min-width: 768px) {
	.index-about-us .right {
		padding-bottom:calc(100px + 1.5rem);
	}
	.index-about-us .left img {
		width:110%;
	}	
	.navbar {
		justify-content: space-between;
	}
}
.hair-has-texture {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
}
.hair-has-texture .top .text {
	font-size:0.7rem;
	color:#4b4b4b;
}
.hair-has-texture .bottom .text {
	font-size:0.7rem;
	color:#4b4b4b;
	top:-2px;
}
.hair-has-texture .top .text, .hair-has-texture .bottom .text {
	padding:0 0.5rem;
	background-color:#eee;
	position:relative;
	z-index:2;
}
.hair-has-texture .center {
	font-family:'font-logo';
	font-size:2.1rem;
	padding:0.5rem 3.5rem;
	border-left:1px solid #1b1b1b;
	border-right:1px solid #1b1b1b;
	letter-spacing:2px;
}
.hair-has-texture .top, .hair-has-texture .bottom {
	position:relative;
	text-align:center;
}
.hair-has-texture .top:before {
	content:'';
	display:block;
	position:absolute;
	border-top:1px solid #1b1b1b;
	border-left:1px solid #1b1b1b;
	border-right:1px solid #1b1b1b;
	width:100%;
	height:50%;
	bottom:0;
}
.hair-has-texture .bottom:before {
	content:'';
	display:block;
	position:absolute;
	border-bottom:1px solid #1b1b1b;
	border-left:1px solid #1b1b1b;
	border-right:1px solid #1b1b1b;
	width:100%;
	height:50%;
	top:0;
}
.about-caption {
	background-color:#eee;
}
#our-services {
	position:relative;
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url('/gfx/index-services-bg.jpg');
}
#our-services:before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:1;
}
#our-services > div {
	position:relative;
	z-index:2;
}
#our-experts {
	position: relative;
    background: url('/gfx/index-experts-bg.jpg') #f3f3f3;
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;	
}
.navbar-toggler {
	float:right;
}