@font-face {
    font-family: BricolageGrotesque-Regular;
    src: url(/fonts/BricolageGrotesque-Regular.ttf);
}
@font-face {
    font-family: BricolageGrotesque-Medium;
    src: url(/fonts/BricolageGrotesque-Medium.ttf);
}


/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 5px;
}
 
::-webkit-scrollbar-track {
    background-color: #EEEEEE;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #CAA76F; 
}

body {
  font-size: 20px;
  line-height: 1.5;
  font-family: BricolageGrotesque-Regular;
  max-width: 100vw;
  width: 100%;
  max-width: 100vw;
  width: 100%;
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: visible;
  /*background: rgb(38,173,254);
  background: linear-gradient(45deg, rgba(38,173,254,1) 0%, rgba(121,0,253,1) 25%, rgba(242,1,132,1) 50%, rgba(250,172,1,1) 75%);*/
}

h1 {
  font-size: 65px;
  line-height: 1.2;
  color: #ffffff;
  /*max-width: 1400px;*/
  /*text-align:center;*/
  font-family: BricolageGrotesque-Regular;
}
h2 {
  font-size: 35px;
  line-height: 1.2;
  margin-bottom: 20px;
  color: #ffffff;
  font-family: BricolageGrotesque-Regular;
}
h2.big {
  font-size: 60px;
  color: #ffffff;
  text-align:center;
  font-family: BricolageGrotesque-Regular;
}
h3 {
  font-size: 30px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1;
  margin-bottom: 10px;
  color: #000000;
}
h4 {
  font-size: 25px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1;
  margin-bottom: 0;
  color: #000000;
}
h4.white {
  font-size: 25px;
  font-family: BricolageGrotesque-Medium;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #ffffff;
}
h4.small {
  font-size: 15px;
  font-weight: 900;
}
h5 {
  font-size: 24px;
  font-family: BricolageGrotesque-Medium;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #ffffff;
}
h5.small {
  font-size: 20px;
  margin-top: 25px;
}

p {
  font-size: 24px;
  line-height: 1.5;
  /*margin-bottom: 20px;*/
}
p.big {
  font-size: 30px;
}
p.med {
  font-size: 22px
}
p.smal {
  font-size: 18px
}



a {
  color: #333;
  text-decoration: none;
}
a:hover,
a:focus{
  color: #666;
}


/*a {
  color: #ffffff;
}
a:hover,
a:focus{
  color: #ffffff;
}*/
strong {
  font-weight: 700;
}
*,
*:before,
*:after {
  /*transition: all 300ms ease-in-out;*/
}
.col-12 {
  /*margin-bottom: 15px*/
}
.color-main {
  color: #000000;
}
.color-white {
  color: #ffffff;
}
.color-grey {
  color: #999999;
}
.bg-black {
	background-color:#000000;
}
.bg-color-law {
	background-color:#282B3E;
}
.bg-white {
	background-color:#ffffff;
}

.container {
  max-width: 1600px !important;
    margin-right: auto;
    margin-left: auto;
}


.width1400 {
  max-width: 1450px !important;
}

.width1300 {
  max-width: 1350px !important;
  margin-right: auto;
  margin-left: auto;
}

.width1160 {
  max-width: 1160px !important;
}

.width1000 {
  max-width: 900px !important;
  margin-right: auto;
  margin-left: auto;
}

.width700 {
  max-width: 650px !important;
  margin-right: auto;
  margin-left: auto;
}


.padd50left {
	padding-left: 100px;
}


.padd25 {
	padding-bottom: 25px;
}

.padd35 {
	padding-bottom: 35px;
}
.padd45 {
	padding-top: 15px;
}

.padd50 {
	padding-bottom: 75px;
}
.padd50top {
	padding-top: 50px;
	padding-bottom: 25px;
}

.padd65 {
	padding-top: 35px;
}
.padd75 {
  padding-left: 75px;
}

.padd100 {
	padding-top: 50px;
	padding-bottom: 125px;
}

.padd120 {
	padding-top: 25px;
	padding-bottom: 75px;
}
.padd130 {
	padding-top: 150px;
}
.padd150 {
	padding-bottom: 150px;
}

.padd-home {
  margin-top: 200px;
  padding-bottom: 200px;
}
.padd-page {
  margin-top: 150px;
  padding-bottom: 100px;
}

.padd-contact {
  margin-top: 150px;
  padding-bottom: 350px;
}
.padd-black-friday {
  margin-top: 75px;
  /*padding-bottom: 25px;*/
}

.text-option {
  font-size: 20px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  margin-bottom: 0;
  color: #ffffff;
}

.text-black {
  font-size: 20px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  margin-bottom: 0;
  color: #333333;
}

.text-option-black {
  font-size: 20px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  padding: 5px;
  margin-bottom: 0;
  color: #666666;
}



.bg-secundary {
  background-color: #f5eee2
}
#main {
	background-image:url(/images/bg.webp);
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}

#main-page {
	background-image:url(/images/bg-page.jpg);
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}

#black-friday {
	background-image:url(/images/bg-black-friday.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	/*max-width: 100vw;
  	width: 100%;*/
    min-height: 100vh;
}

#law {
	background-image:url(/images/bg-law.jpg);
	background-color:#282B3E;
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}

.divider-white {
	content:url(/images/slash_white.png);
	padding-left: 30px;
}
.footer-text {
  font-size: 25px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  margin-bottom: 0;
  color: #ffffff;
}

.line-right {
    float: left;
	border-right: 3px solid #ffffff !important;
    background-position: left;
	padding-right: 50px;
    background-repeat: no-repeat;
}

.line-left {
    float: right;
	border-left: 3px solid #ffffff !important;
    background-position: right;
	padding-left: 50px;
    background-repeat: no-repeat;
}


.line-right-black {
    float: left;
	border-right: 3px solid #000000 !important;
    background-position: left;
	padding-right: 50px;
    background-repeat: no-repeat;
}

.line-left-black {
    float: right;
	border-left: 3px solid #000000 !important;
    background-position: right;
	padding-left: 25px;
    background-repeat: no-repeat;
}

.line-center-black {
	/*padding-top: 10px;
	padding-bottom: 0;*/
	border-top: 2px solid #000000 !important;
}

.line-center-black-end {
	/*padding-top: 10px;
	padding-bottom: 0;*/
	border-bottom: 2px solid #000000 !important;
}

/*.form-control {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #000000;
    padding-left: 0px;
	height:auto;
    font-family: BricolageGrotesque-Regular;
    font-size: 20px;
    color: #999999;
}*/
.form-control {
	display: inline;
  border-radius: 0;
  border: none;
  padding: 15px;
  /*padding: 10px;*/
  border-bottom: 2px solid #000000;
  font-size: 20px;
  color: #999999;
  background-color: #EEEEEE;
  box-shadow: none;
  /*margin-top: 5px;*/
  margin: 0;
}

.form-control:active,
.form-control:focus,
.form-control:focus:active {
  background-color: #eeeeee!important;
  border-color: #eeeeee;
  color: black;
}



.text-checkbox {
    text-align: left;
    font-family: BricolageGrotesque-Regular;
    font-size: 15px;
    line-height: 1.57;
    color: #999999;
    margin: auto;
}

.text-checkbox a:hover {
  color: #999999;
  text-decoration:underline;
}

u
{
	text-decoration: underline;
  	text-decoration-color: #ffffff;
	text-underline-offset: 10px;
	text-decoration-style: solid;
  	text-decoration-thickness: 6px;
}

.underline
{
	text-decoration: underline;
  	text-decoration-color: #000000;
	text-underline-offset: 8px;
	text-decoration-style: solid;
  	text-decoration-thickness: 4px;
}

.desktop {
	display: block;
}

.mobile {
	display:none;
}

.nav-but-wrap { 
	position: relative;
	display: none;
	
	/*display: inline-block;
	float: right;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 50px;
	margin-top: 26px;*/
	transition : all 0.3s ease-out;
}

.step {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000000;
    border: 0 solid transparent;
    border-radius: 9999px;
    color: #fff;
    font-family: BricolageGrotesque-Regular;
    font-size: 25px;
    line-height: 1.05;
    width: 225px;
    height: 225px;
}

.circle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
    border: 0 solid transparent;
    border-radius: 9999px;
    color: #282B3E;
    font-family: BricolageGrotesque-Regular;
    font-size: 30px;
    line-height: 1.05;
    width: 50px;
    height: 50px;
}

@media screen and (min-width: 1400px) {

  #main {
   display: block;
    position: relative;
	margin: auto;
	/*max-width: 2560px;*/
    min-height: calc(100vh - 90px);
  }

  #main-page {
    display: block;
    position: relative;
	margin: auto;
	max-width: 2560px;
    min-height: calc(100vh - 90px);
  }
  /*.row-double-spacing {
    margin-left: -30px;
    margin-right: -30px;
  }
  .row-double-spacing .col-12 {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 60px;
  }*/
}
/*HEADER*/
.navbar-light .navbar-nav li >.nav-link {
  font-family: BricolageGrotesque-Regular;
  font-size: 20px;
  color: #ffffff;
}
.navbar-expand-xl .navbar-nav .nav-link {
  padding-right: 2rem;
  padding-left: 1rem;
}

.ds-nav {
  /*min-width: 500px*/
}
.ds-nav-mobile {
  min-width: 100px
}

.navbar {
  padding: 30px;
}
.lng-menu > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-nav {
    margin-top: 10px;
}

@media screen and (min-width: 1200px) {  
  #ds-nav {
    display: none !important;
  }
  .navbar-expand-xl .navbar-nav li:first-child .nav-link {
    padding-left: 0;
  }
  .navbar-expand-xl .navbar-nav li:last-child .nav-link {
    padding-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  .ds-nav {
    display: none;
  }
  header {
    /*padding-left: 30px;
    padding-right: 30px;*/
  }
  #ds-nav { 
    /*padding: 30px;*/
    margin-left: -30px;
    margin-right: -30px;
    border-top: 3px solid #990000 !important;
    border: 0;
    box-shadow: 0 4px 15px rgba(0,0,0,.2);
    border-radius: 0;
    background-color: #f5eee2;
  }
}
/*GLOBAL*/
section {
  position: relative;
}
.ds-bg-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.ds-image-container.img-3d,
.ds-image-container.img-3d * {
  position: relative;
  z-index: 3
}
.ds-image-container.img-3d:before,
.ds-image-container.img-3d:after {
    position: absolute;
    bottom: 15px;
    left: 10px;
    z-index: 1;
    height: 20%;
    max-height: 100px;
    max-width: 460px;
    width: 60%;
    content: "";
    opacity: .7;
    -webkit-box-shadow: 0 17px 15px rgba(0,0,0,.7);
    box-shadow: 0 17px 15px rgba(0,0,0,.7);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.ds-image-container.img-3d:after {
      left: auto;
    right: 10px;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
}
.ds-content-container {
  overflow: hidden;  
}
.ds-content-inner {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-9-16 { 
    display: block; 
    position: relative; 
    width: 100%; 
    padding-top: 143.75%; /* 16:9 Aspect Ratio */ 
} 
.container-1-1 { 
    display: block; 
    position: relative; 
    width: 100%; 
    padding-top: 100%; /* 1:1 Aspect Ratio */ 
} 
.container-16-9 { 
    display: block; 
    position: relative; 
    width: 100%; 
    padding-top: 56.25%; /* 16:9 Aspect Ratio */ 
} 
.container-16-7 { 
    display: block; 
    position: relative; 
    width: 100%; 
    padding-top: 43.75%; /* 16:5 Aspect Ratio */ 
} 
.container-16-5 { 
    display: block; 
    position: relative; 
    width: 100%; 
    padding-top: 31.25%; /* 16:5 Aspect Ratio */ 
} 


/*TITLES*/
.ds-title {
  display: block;
  position: relative;
}
.text-underline {
  position:relative;
  display: inline-block;
}
.text-underline {
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.text-underline.color-black {
	text-decoration: underline;
  	text-decoration-color: #000000;
	text-underline-offset: 6px;
	text-decoration-style: solid;
  	text-decoration-thickness: 4px;

}



/*BUTTONS
.btn {
  border-radius: 0;
  text-transform: uppercase;
}
.btn i {
  display: inline-block;
  padding-left: 15px;
}
.btn-primary {
  background-color: #B8943B;
  border-color: #B8943B;
  color: #ffffff;
}
.btn-primary:hover {
  background-color: #2C2A27;
  border-color: #2C2A27;
  color: #ffffff;
 
}


.btn-footer {
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 50px;
	padding-right: 50px;
	border-radius: 250px;
    background-color: #B8943B;
  	border-color: #B8943B;
  	color: #ffffff;
}
.btn-footer:hover {
  background-color: #2C2A27;
  border-color: #B8943B;
  color: #ffffff;
}


.btn-circle {
  display:block;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  border: 1px solid red;
  
}*/

		
/*.btn-circle {
    width: 200px;
    height: 200px;
    padding: 6px 0px;
    border-radius: 35px;
    text-align: center;
    font-size: 25px;
    line-height: 1.42857;
}*/


/* ------------------------- Buttons -------------------------------------------------- */


/* ------------------------- Colors -------------------------------------------------- */

:root {

    --color-dark: #1C1D20;
    --color-dark-dark: #141517;
    --color-light: #FFFFFF;
    --color-blue: #455CE9;
    --color-blue-dark: #334BD3;
    --color-gray: #999D9E;
    --color-lightgray: #E9EAEB;
    --color-white: #FFFFFF;
    
    --color-border: rgba(28, 29, 32, 0.175);
    --color-border-solid: #D2D2D2;
    --color-border-light: rgba(255, 255, 255, 0.2);
    --color-border-solid-light: #545557;

    --color-text: #1C1D20;
    --color-text-light: #FFF;

    --alert-error: #ff4444;
    --alert-success: #24C958;

    --animation-primary: all .5s cubic-bezier(.7, 0, .3, 1);
    --animation-fast: all .3s cubic-bezier(.7, 0, .3, 1);
    --animation-smooth: all .7s cubic-bezier(.7, 0, .3, 1);
    --animation-slow: all .9s cubic-bezier(.7, 0, .3, 1);

    --section-padding: clamp(5em, 21vh, 12em);
    --container-padding: clamp(2.5em, 8vw, 8em);
    --gap-padding: clamp(1.5em, 4vw, 2.5em);
  
}


.btn {
    margin-bottom: calc(var(--gap-padding) / 2);
    position: relative;
    z-index: 5;
    border: 0;
    outline: 0;
}

.btn input {
    cursor: pointer;
}

.btn:hover {
    z-index: 15;
}

.btn:last-child {
    margin-bottom: 0;
}


.btn-header {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: BricolageGrotesque-Regular;
    font-size: 20px;
    background-color: #ffffff;
  	border-color: #ffffff;
  	color: #212529;
}
.btn-header:hover {
  background-color: #CAA76F;
  border-color: #CAA76F;
  color: #ffffff;
  text-decoration: none;
}

.icons {
    padding-left: 20px;
}
.btn-button-footer {
  border-radius: 0;
/*  padding: 10px 30px; 
  text-transform: uppercase;*/
}
.btn-button-footer i {
  display: inline-block;
  padding-left: 15px;
}


.btn-footer {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
    background-color: #ffffff;
  	border-color: #ffffff;
  	color: #000000;
}
.btn-footer:hover {
  background-color: #212121;
  border-color: #212121;
  color: #ffffff;
  text-decoration: none;
}

.btn-secondary {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;
    color: #fff;
    background-color: #BD9A56;
    border-color: #BD9A56;
}

.btn-secondary:hover {
  	background-color: #000000;
  	border-color: #000000;
  	color: #ffffff;
}

.btn-primary {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-primary:hover {
  	background-color: #BD9A56;
  	border-color: #BD9A56;
  	color: #ffffff;
}


.btn-button-header {
  border-radius: 0;
/*  border: 0;
  padding: 10px 30px; 
  text-transform: uppercase;*/
}
.btn-button-header i {
  display: inline-block;
  padding-left: 15px;
}



.btn-black {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: BricolageGrotesque-Regular;
    font-size: 20px;
    background-color: #212529;
  	/*border-color: #212529;*/
  	color: #ffffff;
}
.btn-black:hover {
  background-color: #ffffff;
  border-color: #212529;
  color: #212529;
  text-decoration: none;
}

.btn-white {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: BricolageGrotesque-Regular;
    font-size: 20px;
    background-color: #CAA76F;
	border-color: #CAA76F;
  	color: #ffffff;
}
.btn-white:hover {
  background-color: #212529;
  border-color: #212529;
  color: #ffffff;
}

.btn-law {
	display:block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: BricolageGrotesque-Regular;
    font-size: 20px;
    background-color: #CAA76F;
  	color: #ffffff;
}





/*.btn-primary {
    background-color: #212529;
    border-color: #212529;
    color: #ffffff;
	font-family: BricolageGrotesque-Regular;
    font-size: 20px;
}*/


.btn-button {
    display: inline-block;
	font-family: BricolageGrotesque-Regular;
    font-size: 20px;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn-click {
	cursor: pointer;
	border: 0;
	color: #1C1D20;
	background: transparent;
	border-radius: 2.125em;
	min-width: 1em;
	height: 4.25em;
	padding: 0;
	font-size: 1em;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
    position: relative;
    text-decoration: none;
    will-change: transform;
    outline: 0;
    transform: translateZ(0) rotate(0.001deg);
}

.btn-click:hover {
    cursor: pointer;
}

.btn-normal .btn-click {
    -webkit-box-shadow: inset 0px 0px 0px 1px #1C1D20; 
    box-shadow: inset 0px 0px 0px 1px #1C1D20;
}

.btn-fill {
    background: #455CE9;
	position: absolute;
	width: 150%;
	height: 200%;
	border-radius: 50%;
	top: -50%;
	left: -25%;
	transform: translate3d(0,-76%,0);
    will-change: transform;
    transition: background-color ease-in-out .25s;
}

/*.btn-text {
    display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
    padding: 0 2.5em;
    z-index: 2;
    color: var(--color-dark);
    position: relative;
    transform: rotate(0.001deg);
    pointer-events: none;
    will-change: transform, color;
}*/

.btn-click:hover {
    text-decoration: none;
}

/* --- Button Normal --- */


.btn-normal.active .btn-click .btn-text-inner {
    color: var(--color-white) !important;
}

.btn-normal.not-active .btn-click .btn-text-inner {
    transition: var(--animation-smooth);
}

.btn-normal.active .btn-click .btn-fill {
    transform: translate3d(0,0%,0) !important;
    background-color: var(--color-dark);
} 

.btn-normal.not-active .btn-click .btn-fill {
    background-color: var(--color-dark);
    transition: var(--animation-smooth);
}

.count-nr{
    display: inline-block;
    margin-left: .25em;
    opacity: .6;
    font-size: .7em;
    position: relative;
    transform: translate(20%, -15%);
    width: 0;
    position: absolute;
}

.btn-normal .arrow svg g {
    stroke: currentColor;
}

/* --- Button Normal - Theme Dark --- */

.theme-dark .btn-normal .btn-click {
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--color-border-light); 
    box-shadow: inset 0px 0px 0px 1px var(--color-border-light);
}

.theme-dark .btn-normal .btn-text .btn-text-inner {
    color: var(--color-white) !important;
}

/* --- Button Normal - Dark --- */

.btn-normal.btn-dark .btn-click {
    -webkit-box-shadow: inset 0px 0px 0px 0px var(--color-border); 
    box-shadow: inset 0px 0px 0px 0px var(--color-border);
    background: var(--color-dark);
}

.btn-normal.btn-dark .btn-text .btn-text-inner {
    color: var(--color-white) !important;
}


/* --- Button Link --- */

.btn-link {
    margin: 0;
}

.btn-link .btn-click {
    border: 0;
    height: 2.75em;
    border-radius: 0;
    overflow: visible;
}

.btn-link .btn-text {
    padding: 0 calc(var(--gap-padding) / 2);
    position: relative;
}

.btn-link .btn-click::after {
    content: "";
    position: absolute;
    bottom: -.5em;
    left: 50%;
    display: block;
    width: calc(clamp(16px, 1.2vw, 19px) / 2.75);
    height: calc(clamp(16px, 1.2vw, 19px) / 2.75);
    border-radius: 50%;
    background: var(--color-dark);
    transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
    transition: var(--animation-fast);
    will-change: transform;
}

.btn-link.active .btn-click::after {
    transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

.btn-link .btn-click:hover::after {
    transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

.links-wrap {
    display: flex;
}

.links-wrap:hover .btn-link .btn-click::after {
    transform: translate(-50%, -50%) scale(0) rotate(0.001deg);
}

.links-wrap:hover .btn-link .btn-click:hover::after {
    transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}

.theme-dark .btn-link .btn-text {
    color: var(--color-white);
}

.theme-dark .btn-link .btn-click::after {
    background: var(--color-white);
}


/* --- Button Link External --- */

.btn-link.btn-link-external .btn-click {
    border: 0;
    height: 2.25em;
    border-radius: 0;
    overflow: visible;
    margin: 0 calc(var(--gap-padding) / 3);
}

.btn-link.btn-link-external .btn-text {
    padding: 0;
}

.btn-link.btn-link-external .btn-click::after {
    bottom: 0;
    width: 100%;
    height: 1px;
    border-radius: 0;
    background: var(--color-dark);
    transform: translate(-50%, -50%) scale(0,1) rotate(0.001deg);
}

/* --- Button Link External - Theme Dark --- */

.theme-dark .btn-link.btn-link-external .btn-click::after {
    background: var(--color-white);
}

.theme-dark .btn-link .btn-click:hover::after {
    transform: translate(-50%, -50%) scale(1) rotate(0.001deg);
}


/* --- Button Circle --- */

.btn-round {
    margin: 0;
    z-index: 20;
}

.btn-round .btn-click {
    width: clamp(9em, 12vw, 11em);
    height: clamp(9em, 12vw, 11em);
    border-radius: 50%;
    border: 0;
    background: var(--color-dark);
}

.btn-round .btn-text {
    padding: 0 1em;
    text-align: center;
}

.btn-round .btn-text-inner {
    color: #fff;
}

.btn-round .btn-fill {
    background: var(--color-blue);
}

/* --- Button Circle - Theme Dark --- */

.theme-dark .btn-round .btn-click {
    background: var(--color-blue);
}

.theme-dark .btn-round .btn-fill {
    background: var(--color-blue-dark);
}


/* --- Button © Left Top --- */

.btn-link.btn-left-top .btn-click::after {
    display: none;
}

.btn-link.btn-left-top .credit {
    padding-right: .21em;
}

.btn-link.btn-left-top .credit span {
    position: relative;
    display: block;
    transform: translate(0, 0) rotate(0.001deg);
    transition: var(--animation-primary);
}

.btn-link.btn-left-top:hover .credit span {
    transform: translate(0, 0) rotate(360deg);
}

.btn-link.btn-left-top .cbd {
    overflow: hidden;
    position: relative;
}

.btn-link.btn-left-top .code-by {
    transform: translateX(0) rotate(0.001deg);
    position: relative;
    display: inline-block;
    transition: var(--animation-primary);
}

.btn-link.btn-left-top:hover .code-by {
    transform: translateX(-3.7em) rotate(0.001deg);
}

.btn-link.btn-left-top .dennis {
    transform: translateX(0) rotate(0.001deg);
    position: relative;
    display: inline-block;
    padding-left: .21em;
    padding-right: .2em;
    transition: var(--animation-primary);
}

.btn-link.btn-left-top:hover .dennis {
    padding-right: 2em;
    transform: translateX(-3.7em) rotate(0.001deg);
}

.btn-link.btn-left-top .snellenberg {
    position: absolute;
    opacity: 1;
    padding-left: .21em;
    transition: var(--animation-primary);
    top: 0;
    left: 0;
    transform: translateX(3.25em);
    white-space: nowrap;
}

@media screen and (max-width: 540px){ 
    .btn-link.btn-left-top:hover .credit span {
        transform: translate(0, 0) rotate(0.001deg);
    }

    .btn-link.btn-left-top:hover .code-by {
        transform: translateX(0) rotate(0.001deg);
    }
    
    .btn-link.btn-left-top:hover .dennis {
        padding-right: .2em;
        transform: translateX(0) rotate(0.001deg);
    }
}    

/* --- Button Hamburger --- */

.btn-hamburger {
    position: fixed;
    top: calc(var(--gap-padding) / 1.5);
    right: calc(var(--gap-padding) / 1.5);
    transition: transform .4s cubic-bezier(0.36, 0, 0.66, 0);
    transform: translateY(0%) scale(0) rotate(0.001deg);
    z-index: 105;
}

.btn-hamburger:hover {
    z-index: 105;
}

.btn-hamburger .btn-click,
.btn-hamburger .btn-text {
    width: clamp(4em, 5.5vw, 5em);
    height: clamp(4em, 5.5vw, 5em);
    border-radius: 50%;
}

.btn-hamburger .btn-click {
    border: 0;
    background-color: var(--color-dark);  
    transition: background-color .25s cubic-bezier(0.36, 0, 0.66, 0), box-shadow .25s cubic-bezier(0.36, 0, 0.66, 0);
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--color-border-light); 
    box-shadow: inset 0px 0px 0px 1px var(--color-border-light);
}

.nav-active .btn-hamburger .btn-click {
    -webkit-box-shadow: inset 0px 0px 0px 1px transparent !important; 
    box-shadow: inset 0px 0px 0px 1px transparent !important;
}

.btn-hamburger .btn-fill {
    background-color: var(--color-blue);
}

.btn-hamburger .btn-text-inner {
    color: var(--color-white);
    opacity: 0;
}

.btn-hamburger .btn-bars {
    position: absolute;
    width: 28%;
    height: 8%;
    opacity: 1;
}

.btn-hamburger .btn-text {
    position: relative;
}

.btn-hamburger .btn-bars::before,
.btn-hamburger .btn-bars::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    height: 1px;
    width: 100%;
    transform: translate(-50%, -50%) rotate(0.001deg);
    background: var(--color-white);
    transition: var(--animation-fast);
}

.btn-hamburger .btn-bars::before {
    top: 0;
    transform: translate(-50%, -50%);
}

.btn-hamburger .btn-bars::after {
    top: 100%;
    transform: translate(-50%, -50%);
}

.btn-hamburger.active .btn-bars::before {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.btn-hamburger.active .btn-click {
    background-color: var(--color-blue);  
}

.btn-hamburger.active .btn-bars::after {
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

main.scrolled .btn-hamburger {
    transition: transform .4s cubic-bezier(0.34, 1.5, 0.64, 1);
    transform: translateY(0%) scale(1) rotate(0.001deg);
}

main .btn-hamburger.active {
    transform: translateY(0%) scale(1) rotate(0.001deg);
}

#contact .btn-hamburger .btn-click {
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--color-border-light) !important;  
    box-shadow: inset 0px 0px 0px 1px var(--color-border-light) !important;
}

#contact .nav-active .btn-hamburger .btn-click {
    -webkit-box-shadow: inset 0px 0px 0px 1px transparent !important; 
    box-shadow: inset 0px 0px 0px 1px transparent !important;
}



/* --- Button Menu --- */

.btn-menu .btn-click::after,
.links-wrap:hover .btn-menu .btn-click:hover::after {
    left: 0;
    bottom: 50%;
    transform: translate(-50%, 50%) scale(1) rotate(0.001deg);
}

.theme-dark .btn-menu .btn-click::after,
.theme-dark .btn-menu .btn-click:hover::after {
    background: var(--color-white);
}


/* --- Button Icon --- */

.btn-icon .btn-click {
    width: 4.25em;
}

.btn-icon .btn-click .btn-text-inner {
    display: flex;
}



/*POSTS*/
.post-content.max-400 p{
  max-width: 400px;
}
article {
  position: relative;
}
article .post-content{
  padding: 20px 15px;
}
article .post-content.no-padding {
  padding: 0;
}
article .post-content .ds-address,
article .post-content .ds-pdf {
  position: relative;
}
article .post-content .ds-address img,
article .post-content .ds-pdf img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 30px;
}
article .post-content .ds-pdf img {
  top: 5px;
  bottom: auto;
}
article .post-content .ds-address span,
article .post-content .ds-pdf > div {
  padding-left: 45px;
  display: block;
}
article .post-content .ds-pdf h4 a {
  text-decoration: underline;
  color: #003874;
}
article .date-box {
  position: absolute;
  top: 15px;
  left: 15px;
  background: #fff;
  color: #003874;
  display: inline-block;
  padding: 5px 10px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: bold;
}
.controls-top {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
  right: 10px;
}
.controls-top a {
  width: 40px;
  height: 40px;
  background: #f5eee2;
  color: #990000;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
  border-radius: 50%;
  text-decoration: none !important;
  font-weight: bold; 
  opacity: 1;
}
.controls-top a:hover {
  opacity: 0.8
}



/*FOOTER*/
footer {
  position: relative;
  display: block;
}
.footer-content {
  position: relative;
  display: block;
  padding-top: 100px;
  padding-bottom: 30px
}
.footer-black {
  position: relative;
  background: #000000;
  display: block;
  /*height: 650px;*/
  background-image:url(/images/bg-footer.png);
  background-position:bottom center;
  background-repeat: no-repeat;
  padding-top: 100px;
}
.footer-law {
  position: relative;
  background: #282B3E;
  display: block;
  /*height: 650px;*/
  background-image:url(/images/bg-footer.png);
  background-position:bottom center;
  background-repeat: no-repeat;
  padding-top: 100px;
}

.footer-white {
  position: relative;
  background: #ffffff;
  display: block;
  padding-top: 50px;
  padding-bottom: 35px
}

/*RESPONISVE*/
@media screen and (max-width:1199px) {
  .controls-top a {
    margin-top: 25%;
  }
  .ds-content-container {
    padding: 0;
  }
  .ds-content-container .ds-content-inner {
    position: relative;
    margin-bottom: 30px;
    display: block;
  }
}
@media screen and (max-width: 991px) {
  h1 {
    font-size: 30px
  }
  h2 {
    font-size: 25px;
  }
h2.big {
  font-size: 30px;
}
  
  h3 {
    font-size: 25px;
  }

h4.white {
  font-size: 20px;
  font-family: BricolageGrotesque-Medium;
  line-height: 1.3;
  margin-bottom: 15px;
}
h5 {
  font-size: 18px;
  font-family: BricolageGrotesque-Medium;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #ffffff;
}
h5.small {
  font-size: 16px;
}



  p {
  font-size: 18px
  }
  p.med {
  font-size: 20px
  }

  p.big {
    font-size: 25px;
  }
  
  
  #banner .container-16-7 {
    min-height: 350px;
  }
  .banner-social {
    right: 30px;
  }
  #map {
    height: 400px;
  }
.divider-white {
    display: none;
  }  
.line-right {
    float: left;
	border-left: 3px solid #000000 !important;
    background-position: left;
	padding-right: 50px;
    background-repeat: no-repeat;
}

.line-left {
    float: right;
	border-left: 0px solid #000000 !important;
    background-position: right;
	padding-left: 50px;
    background-repeat: no-repeat;
}


.line-right-black {
    float: left;
	border-left: 3px solid #ffffff !important;
    background-position: left;
	padding-right: 50px;
    background-repeat: no-repeat;
}

.line-left-black {
    float: right;
	border-left: 3px solid #ffffff !important;
    background-position: right;
	padding-left: 25px;
    background-repeat: no-repeat;
}  

.desktop {
	display: none;
}

.mobile {
	display: block;
}
#main {
	background-image:url(/images/bg-mobile.jpg);
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}


#main-page {
	background-image:url(/images/bg-mobile.jpg);
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}
#black-friday {
	background-image:url(/images/bg-black-friday-mobile.png);
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}
#law {
	background-image:url(/images/bg-law-mobile.jpg);
	background-repeat:no-repeat;
	background-position:top center;
    min-height: 100vh;
}

.width1300 {
  max-width: 450px !important;
}
.width1000 {
  max-width: 450px !important;
}

.padd50left {
	padding-left: 25px;
}

.padd50 {
	padding-bottom: 50px;
}
.padd100 {
	padding-top: 50px;
	padding-bottom: 125px;
}
.padd120 {
	padding-bottom: 50px;
}
.padd130 {
	padding-top: 150px;
}

.padd150 {
	padding-bottom: 75px;
}
.padd-home {
  margin-top: 125px;
  padding-bottom: 100px;
}
.padd-page {
  margin-top: 150px;
  padding-bottom: 100px;
}

.padd-contact {
  margin-top: 75px;
  padding-bottom: 125px;
}

.nav-item {
  padding-left: 0px;
  padding-bottom: 10px;
}

u
{
	text-decoration: underline;
  	text-decoration-color: #ffffff;
	text-underline-offset: 6px;
	text-decoration-style: solid;
  	text-decoration-thickness: 3px;
}
.footer-content {
  position: relative;
  display: block;
  padding-top: 50px;
  padding-bottom: 30px
}
.footer-black {
  position: relative;
  background: #000000;
  display: block;
  /*height: 650px;*/
  background-image:url(/images/bg-footer-mobile.png);
  background-position:bottom center;
  background-repeat: no-repeat;
  padding-top: 75px;
}
.footer-law {
  position: relative;
  background: #282B3E;
  display: block;
  /*height: 650px;*/
  background-image:url(/images/bg-footer-mobile.png);
  background-position:bottom center;
  background-repeat: no-repeat;
  padding-top: 75px;
}

.footer-white {
  position: relative;
  background: #ffffff;
  display: block;
  padding-top: 50px;
  padding-bottom: 35px
}
.footer-text {
  font-size: 22px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  margin-bottom: 0;
  color: #ffffff;
}

.item__excerpt-link-header {position:relative;cursor:pointer;color:#ffffff;font-weight:500;line-height:1;overflow:hidden}
.item__excerpt-link-header span {display:inline-block;padding-bottom:3px;position:relative}
.item__excerpt-link-header span:after {content:"";width:100%;height:3px;top:calc(100% - 10px);position:absolute;left:0;background:#ffffff;color:#ffffff;transition:transform .2s;transform-origin:100% 0}
.item__excerpt-link-header span:hover:after {transform:scaleX(0)}

.btn-header {
	padding-top: 25px;
	padding-bottom: 15px;
}
.btn-footer {
	padding-top: 25px;
	padding-bottom: 15px;
}
.nav-but-wrap { 
	display: inline-block;
	float: right;
	padding-left: 0;
	padding-right: 35px;
	padding-top: 40px;
	margin-top: 0;
	transition : all 0.3s ease-out;
}


.form-control {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #000000;
    padding-left: 10px;
	height: 35px;
    font-size: 15px;
    color: #999999;
}

.text-option-black {
	padding-left: 10px;
  	font-size: 15px;
}

.text-option {
  font-size: 16px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  margin-bottom: 0;
  color: #ffffff;
}

.text-black {
  font-size: 16px;
  font-family: BricolageGrotesque-Regular;
  line-height: 1.5;
  margin-bottom: 0;
  color: #333333;
}

.navbar-brand>img {
      position: relative;
      max-width: 75%;
      float: left;
} 
.card-body {
    font-size: 16px;
}
.circle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 24px;
    line-height: 1.05;
    width: 35px;
    height: 35px;
}

}
@media screen and (max-width: 768px) {
  footer .nav.link-nav {
    flex-direction: column !important;
  }
}


@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}

/*a{text-decoration:none;color:#ffffff}
a,a:hover{color:#000000}
a:hover{color:#000000}
a:focus{outline:none;background:outline}
a:focus-visible,a:focus:not(:focus-visible){background:transparent}
a:focus-visible{outline:2px solid red}
.cursor{display:none}*/




.item__excerpt-link-black {position:relative;cursor:pointer;color:#000000;font-weight:500;line-height:1;overflow:hidden}
.item__excerpt-link-black span {display:inline-block;padding-bottom:10px;position:relative}
.item__excerpt-link-black span:after {content:"";width:100%;height:2px;top:calc(100% - 10px);position:absolute;left:0;background:#000000;color:#000000;transition:transform .2s;transform-origin:100% 0}
.item__excerpt-link-black span:hover:after {transform:scaleX(0)}

.item__excerpt-link-white {position:relative;cursor:pointer;color:#ffffff;font-weight:500;line-height:1;overflow:hidden}
.item__excerpt-link-white span {display:inline-block;padding-bottom:10px;position:relative;text-decoration: none;color:#ffffff;}
.item__excerpt-link-white span:after {content:"";width:100%;height:3px;top:calc(100% - 10px);position:absolute;bottom:0;left:0;background:#ffffff;color:#ffffff;transition:transform .2s ease-in-out;transform-origin:right;transform: scaleX(0);}
.item__excerpt-link-white span:hover:after {transform-origin:left;transform:scaleX(1)}

.item__excerpt-link-header {position:relative;cursor:pointer;color:#ffffff;font-weight:500;line-height:1;overflow:hidden}
.item__excerpt-link-header span {display:inline-block;padding-bottom:3px;position:relative}
.item__excerpt-link-header span:after {content:"";width:100%;height:6px;top:calc(100% - 10px);position:absolute;left:0;background:#ffffff;color:#ffffff;transition:transform .2s;transform-origin:100% 0}
.item__excerpt-link-header span:hover:after {transform:scaleX(0)}

a.item__excerpt-link-black:link {color: #000000; }
a.item__excerpt-link-black:visited {color: #000000; }
a.item__excerpt-link-black:hover {color: #000000; }
a.item__excerpt-link-black:active {color: #000000; }

a.item__excerpt-link-white:link {color: #ffffff; }
a.item__excerpt-link-white:visited {color: #ffffff; }
a.item__excerpt-link-white:hover {color: #ffffff; }
a.item__excerpt-link-white:active {color: #ffffff; }


.item__excerpt-link-social {position:relative;cursor:pointer;color:#000000;font-weight:500;line-height:1;overflow:hidden}
.item__excerpt-link-social span {display:inline-block;padding-bottom:10px;position:relative;text-decoration: none;color:#000000;}
.item__excerpt-link-social span:after {content:"";width:100%;height:3px;top:calc(100% - 10px);position:absolute;bottom:0;left:0;background:#000000;color:#000000;transition:transform .2s ease-in-out;transform-origin:right;transform: scaleX(0);}
.item__excerpt-link-social span:hover:after {transform-origin:left;transform:scaleX(1)}

.item__excerpt-link-menu {position:relative;cursor:pointer;color:#ffffff;line-height:1;overflow:hidden;}
.item__excerpt-link-menu span {display:inline-block;padding-bottom:10px;position:relative;text-decoration: none;color:#ffffff;}
.item__excerpt-link-menu span:after {content:"";width:100%;height:2px;top:calc(100% - 10px);position:absolute;bottom:0;left:0;background:#ffffff;color:#ffffff;transition:transform .2s ease-in-out;transform-origin:right;transform: scaleX(0);}
.item__excerpt-link-menu span:hover:after {transform-origin:left;transform:scaleX(1)}


.accordion {
  margin-top: 20px;
  .card {
    border: none;
    margin-bottom: 20px;
	background-color: #282B3E;
    h4.white {
      background: url(/images/arrow_top.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
      cursor: pointer;
      /*font-size: 30px;*/
      &.collapsed {
            background-image: url(/images/arrow_bottom.png);
      }
    }
    &-body {
      padding-left: 0;
      padding-right: 0;
    }
  }
}

.card-body {
	padding:0;
	padding-bottom: 30px;
    font-family: BricolageGrotesque-Regular;
    font-size: 20px;
	color:#ffffff;
}





.menu-icon {
	height: 50px;
	width: 50px;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: block;
}
.menu-icon__line {
	height: 2px;
	width: 50px;
	display: block;
	background-color: #fff;
	margin-bottom: 7px;
	cursor: pointer;
	-webkit-transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: background-color .5s ease, -webkit-transform .2s ease;
	transition: transform .2s ease, background-color .5s ease;
	transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;
}
.menu-icon__line-left {
	width: 50px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon__line-right {
	width: 22.5px;
	float: right;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	transition: all 200ms linear;
}
.menu-icon:hover .menu-icon__line-left,
.menu-icon:hover .menu-icon__line-right {
	width: 50px;
}




.nav-mobile {
	position: fixed;
	z-index: 1;
}
.nav-mobile:before, .nav-mobile:after {
	content: "";
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	border-bottom-left-radius: 200%;
	z-index: -1;
	-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.6s, border-radius linear 0.8s;
	-webkit-transform: translateX(100%) translateY(-100%);
          transform: translateX(100%) translateY(-100%);
}
.nav-mobile:after {
	background: rgba(0,0,0,0.9);
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.nav-mobile:before {
	-webkit-transition-delay: .2s;
          transition-delay: .2s;
}
.nav__content {
	position: fixed;
	visibility: hidden;
	top: 50%;
	margin-top: 20px;
	-webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
	width: 100%;
	text-align: center;
}
.nav__list {
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 2;
}
.nav__list-item {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
	opacity: 0;
	text-align: center;
	color: #fff;
	overflow: hidden; 
	font-family: BricolageGrotesque-Regular;
	font-size: 30px;
	line-height: 1.65;
/*	letter-spacing: 3px;*/
	-webkit-transform: translate(100px, 0%);
          transform: translate(100px, 0%);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, transform .3s ease;
	transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
	margin-top: 0;
	margin-bottom: 0;
}
.nav__list-item a{ 
	position: relative;
	text-decoration: none;
	color: rgba(255,255,255,0.6);
	overflow: hidden; 
	cursor: pointer;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 2;
	display: inline-block;
/*	text-transform: uppercase;*/
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}
/*.nav__list-item a:after{ 
	position: absolute;
	content: '';
	top: 50%;
	margin-top: 4px;
	left: 50%;
	width: 0;
	height: 0;
	opacity: 0;
	background-color: #D0AB6D;
	z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear; 
}*/
.nav__list-item a:hover:after{ 
	height: 4px;
	opacity: 1;
	left: 0;
	width: 100%;
}
.nav__list-item a:hover{
	color: #E6F1F9;
}
.nav__list-item.active-nav a{
	color: #E6F1F9;
}
.nav__list-item.active-nav a:after{ 
	height: 4px;
	opacity: 1;
	left: 0;
	width: 100%;
}
body.nav-active .nav__content {
	visibility: visible;
}
body.nav-active .menu-icon__line {
	background-color: #fff;
	-webkit-transform: translate(0px, 0px) rotate(-45deg);
          transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .menu-icon__line-left {
	width: 35px;
	-webkit-transform: translate(2px, 4px) rotate(45deg);
          transform: translate(2px, 4px) rotate(45deg);
}
body.nav-active .menu-icon__line-right {
	width: 35px;
	float: right;
	-webkit-transform: translate(-3px, -3.5px) rotate(45deg);
          transform: translate(-3px, -3.5px) rotate(45deg);
}
body.nav-active .menu-icon:hover .menu-icon__line-left,
body.nav-active .menu-icon:hover .menu-icon__line-right {
	width: 35px;
}
body.nav-active .nav-mobile {
	visibility: visible;
}
body.nav-active .nav-mobile:before, body.nav-active .nav-mobile:after {
	-webkit-transform: translateX(0%) translateY(0%);
          transform: translateX(0%) translateY(0%);
	border-radius: 0;
}
body.nav-active .nav-mobile:after {
	-webkit-transition-delay: .1s;
          transition-delay: .1s;
}
body.nav-active .nav-mobile:before {
	-webkit-transition-delay: 0s;
          transition-delay: 0s;
}
body.nav-active .nav__list-item {
	opacity: 1;
	-webkit-transform: translateX(0%);
          transform: translateX(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav__list-item:nth-child(0) {
	-webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav__list-item:nth-child(1) {
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav__list-item:nth-child(2) {
	-webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
body.nav-active .nav__list-item:nth-child(3) {
	-webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.nav-active .nav__list-item:nth-child(4) {
	-webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
body.nav-active .nav__list-item:nth-child(5) {
	-webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
body.nav-active .nav__list-item:nth-child(6) {
	-webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
body.nav-active .nav__list-item:nth-child(7) {
	-webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
body.nav-active .nav__list-item:nth-child(8) {
	-webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
body.nav-active .nav__list-item:nth-child(9) {
	-webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
body.nav-active .nav__list-item:nth-child(10) {
	-webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}



.button__fixed {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.button {
  position: relative;
  width: 200px;
  height: 200px;
  display: inline-block;
  background-color: #000000;
  color: #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.btn-text {
  text-align: center;
  color: #fff;
  /*line-height: 1.6;*/
}



/* [1] The container */
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.05);
}



/* Reveal block */
.reveal-holder {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.reveal-holder .reveal-block {
  position: absolute;
  top: 0;
  width: 100%;
  height: 101%;
/*  background: #ffffff;*/
  background: #ffffff;
}
.reveal-holder .reveal-block::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
/*  background: #ffffff;*/
  background: #ffffff;
  transition-property: transform;
  transition-duration: 0.5s;
}



.reveal-block.top.aos-animate::before,
.reveal-block.bottom.aos-animate::before {
  transform: scaleY(1);
}

.reveal-block.left.aos-animate::before,
.reveal-block.right.aos-animate::before {
  transform: scaleX(1);
}

.reveal-block.top::before {
  transform: scaleY(0);
  transform-origin: 0% 100%;
}

.reveal-block.left::before {
  transform: scaleX(0);
  transform-origin: 100% 0%;
}

.reveal-block.right::before {
  transform: scaleX(0);
  transform-origin: 0% 100%;
}

.reveal-block.bottom::before {
  transform: scaleY(0);
  transform-origin: 100% 0%;
}

/* AOS animate */
[data-aos=reveal-top],
[data-aos=reveal-left],
[data-aos=reveal-right],
[data-aos=reveal-bottom] {
  transition-property: transform;
  transition-delay: 0.5s;
}

[data-aos=reveal-top] {
  transform: scaleY(1);
}
[data-aos=reveal-top].aos-animate {
  transform: scaleY(0);
  transform-origin: 100% 0%;
}

[data-aos=reveal-left] {
  transform: scaleX(1);
}
[data-aos=reveal-left].aos-animate {
  transform: scaleX(0);
  transform-origin: 0% 100%;
}

[data-aos=reveal-right] {
  transform: scaleX(1);
}
[data-aos=reveal-right].aos-animate {
  transform: scaleX(0);
  transform-origin: 100% 0%;
}

[data-aos=reveal-bottom] {
  transform: scaleY(1);
}
[data-aos=reveal-bottom].aos-animate {
  transform: scaleY(0);
  transform-origin: 0% 100%;
}

[data-aos=reveal-item] {
  visibility: hidden;
  transition-property: visibility;
  transition-duration: 0s;
}
[data-aos=reveal-item].aos-animate {
  visibility: visible;
}




.content {
  display: block;
  height: 50px;
  margin-bottom:65px;
 }



@keyframes lineup {  
  0% {
    height: 0px;
  }
  100% {
    height: 80px;
  }
}

/* #Primary style
================================================== */

.section {
    position: relative;
	width: 100%;
	display: block;
}
.over-hide{
	overflow: hidden;
}
.full-height {
	height: 100vh;
}





.img-wrap:hover {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
  cursor: pointer;
}

.img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}


h1:after {
   content:'';
   display:block;
}

.animated {
   -webkit-animation-duration:0.75s;
   animation-duration:0.75s;
   -webkit-animation-fill-mode:both;
   animation-fill-mode:both;
}

.fadeInUp {
   -webkit-animation-name:fadeInUp;
   animation-name:fadeInUp;
}

@-webkit-keyframes fadeInUp  {
   0% {
      opacity:0;
      -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
   }
   
   100% {
      opacity:1;
      -webkit-transform:none;
      transform:none;
   }

}

@keyframes fadeInUp  {
   0% {
      opacity:0;
      -webkit-transform:translate3d(0, 100%, 0);
      transform:translate3d(0, 100%, 0);
   }
   
   100% {
      opacity:1;
      -webkit-transform:none;
      transform:none;
   }

}




.dynamic-headline {
  	width: 100%;
/*  	float: left;*/
text-align:center;
  	margin-bottom: 200px;
  	margin-top: 200px; }
.dynamic-headline .line {
	width: 100%;
	text-align:center;
    /*height: 3.8vw;*/
    position: relative;
    overflow: hidden; }
.dynamic-headline .line.thin h1 {
    font-family: BricolageGrotesque-Regular; }
.dynamic-headline .line h1 {
    /*position: absolute;*/
    font-size: 25px;
    line-height: 3.8vw;
	text-align:center; }



/* Reach usecase */
.usecase-header {
  width: 100%;
/*  float: left;*/
/*  background: #9FE7E4;*/
  padding: 60px 0px;
  position: relative;
  overflow: hidden; }
.usecase-header.menuland {
/*    background: #62094F; */
    color: #fff; }

		
/*Responsive*/
@media screen and (max-width: 1800px) {
.usecase.menuland .dynamic-headline .line {
    height: 5.2vw; }
.usecase.menuland .dynamic-headline .line h1 {
    font-size: 4.2vw;
    line-height: 5.2vw; }

.usecase.cartapp .dynamic-headline .line {
    height: 5.2vw; }
.usecase.cartapp .dynamic-headline .line h1 {
    font-size: 4.2vw;
    line-height: 5.2vw; } }
@media screen and (min-width: 1800px) {
.usecase-header.kontentino .dynamic-headline .line h1 {
    font-size: 25px;
    line-height: 90px; } }
@media screen and (max-width: 1400px) {
.dynamic-headline .line {
    height: 4.2vw; }
.dynamic-headline .line h1 {
    font-size: 3.2vw;
    line-height: 4.8vw; } }
	
.dynamic-headline .line {
    height: 4.2vw; }
.dynamic-headline .line h1 {
    font-size: 3.2vw;
/*    line-height: 4.8vw;*/ }
	




.cb-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  contain: layout style size;
  pointer-events: none;
  will-change: transform;
  -webkit-transition: opacity 0.3s, color 0.4s;
  -o-transition: opacity 0.3s, color 0.4s;
  -moz-transition: opacity 0.3s, color 0.4s;
  transition: opacity 0.3s, color 0.4s; }
  .cb-cursor:before {
    content: "";
    position: absolute;
    top: -24px;
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    background: currentColor;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
    -o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.1s;
    transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
  .cb-cursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: scale(0) rotate(10deg);
       -moz-transform: scale(0) rotate(10deg);
        -ms-transform: scale(0) rotate(10deg);
         -o-transform: scale(0) rotate(10deg);
            transform: scale(0) rotate(10deg);
    opacity: 0;
    color: white;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
    transition: opacity 0.4s, -webkit-transform 0.3s;
    -o-transition: opacity 0.4s, -o-transform 0.3s;
    -moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
    transition: opacity 0.4s, transform 0.3s;
    transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; }
  @supports (mix-blend-mode: exclusion) {
    .cb-cursor.-exclusion, .cb-cursor.-opaque {
      mix-blend-mode: exclusion; } }
  @supports (mix-blend-mode: exclusion) {
    .cb-cursor.-exclusion:before, .cb-cursor.-opaque:before {
      background: white; } }
  .cb-cursor.-normal, .cb-cursor.-text {
    mix-blend-mode: normal; }
    .cb-cursor.-normal:before, .cb-cursor.-text:before {
      background: currentColor; }
  .cb-cursor.-inverse {
    color: white; }
  .cb-cursor.-visible:before {
    -webkit-transform: scale(0.2);
       -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
         -o-transform: scale(0.2);
            transform: scale(0.2); }
  .cb-cursor.-visible.-active:before {
    -webkit-transform: scale(0.23);
       -moz-transform: scale(0.23);
        -ms-transform: scale(0.23);
         -o-transform: scale(0.23);
            transform: scale(0.23);
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s; }
  .cb-cursor.-pointer:before {
    -webkit-transform: scale(0.15);
       -moz-transform: scale(0.15);
        -ms-transform: scale(0.15);
         -o-transform: scale(0.15);
            transform: scale(0.15); }
  .cb-cursor.-text:before {
    opacity: 0.85;
    -webkit-transform: scale(1.7);
       -moz-transform: scale(1.7);
        -ms-transform: scale(1.7);
         -o-transform: scale(1.7);
            transform: scale(1.7); }
  .cb-cursor.-text .cb-cursor-text {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); }
  .cb-cursor.-text.-active:before {
    -webkit-transform: scale(1.6);
       -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
         -o-transform: scale(1.6);
            transform: scale(1.6);
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s; }
  .cb-cursor.-opaque:before {
    -webkit-transform: scale(1.32);
       -moz-transform: scale(1.32);
        -ms-transform: scale(1.32);
         -o-transform: scale(1.32);
            transform: scale(1.32); }
  .cb-cursor.-opaque.-active:before {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2); }
  .cb-cursor.-lg:before {
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
        -ms-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2); }
  .cb-cursor.-hidden:before {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0); }

.-color-red {
  color: red; }

.-color-green {
  color: #51c67d; }

.cb-demo {
  background: #fff; }
  .cb-demo-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh; }
  .cb-demo-container {
    padding: 0 20px; }
    @media (min-width: 1600px) {
      .cb-demo-container {
        padding: 0 120px; } }
  .cb-demo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin: 30px 0; }
    @media (min-width: 1600px) {
      .cb-demo-row {
        margin: 60px 0; } }
  .cb-demo-item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 50px 30px;
    margin: 0 20px;
    color: #000; }
    @media (min-width: 1600px) {
      .cb-demo-item {
        padding: 90px 30px;
        margin: 0 30px; } }
    .cb-demo-item-title {
      position: relative;
      margin: 0 0 25px 0;
      font-size: 30px;
      font-weight: bold; }
    .cb-demo-item-text {
      position: relative;
      max-width: 70%;
      margin: 0 auto;
      color: rgba(0, 0, 0, 0.5);
      font-size: 16px;
      font-weight: 300;
      line-height: 150%; }
    .cb-demo-item:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
              border-radius: 30px;
      background: #f8f8f8;
      -webkit-transition: -webkit-box-shadow 0.2s;
      transition: -webkit-box-shadow 0.2s;
      -o-transition: box-shadow 0.2s;
      -moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
      transition: box-shadow 0.2s;
      transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s; }
	
	
	
.zsiq_theme1.zsiq_floatmain {
    margin-bottom: 20px;
    margin-right: 20px;
}	



/*  Split Words  */

.split-words {
   display: inline-flex;
   flex-wrap: wrap;
   gap: 0 0.2em;
}

.default-header.center .split-words {
   justify-content: center;
}

.split-words .single-word {
   overflow: hidden;
   padding: 0.05em;
   margin: -0.05em;
}

.split-words em {
   display: inline-flex;
   line-height: 0.85em;
}

.split-words .single-word-inner {
   position: relative;
   transform-origin: left bottom;
}