@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=510c39b7-836e-49eb-8277-113e93d550d2");

@font-face{font-family:'TT Norms W01 Regular';src:url('../webfonts/35406d8e-39ba-4b17-a795-746fd04b670d.woff2') format('woff2'),url('../webfonts/0ee99cb6-2e0b-4de2-83c6-8f1f8e107bf1.woff') format('woff');font-display: swap;}

@font-face{font-family:'Cirka-Light';src:url('../webfonts/Cirka-Light.woff2') format('woff2'),url('../webfonts/Cirka-Light.woff') format('woff');font-display: swap;}

@font-face{font-family:'Cirka-Regular';src:url('../webfonts/Cirka-Regular.woff2') format('woff2'),url('../webfonts/Cirka-Regular.woff') format('woff');font-display: swap;}

@font-face{font-family:'Cirka-Medium';src:url('../webfonts/Cirka-Medium.woff2') format('woff2'),url('../webfonts/Cirka-Medium.woff') format('woff');font-display: swap;}

@font-face{font-family:'Cirka-Bold';src:url('../webfonts/Cirka-Bold.woff2') format('woff2'),url('../webfonts/Cirka-Bold.woff') format('woff');font-display: swap;}



/* font-display: swap; */

html {
width: 100%;
font-size: 100%;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: 100%;
background-color: #ffffff;
}

body {
width: 100%;
max-width: 100%;
box-sizing: border-box;
border: 0;
color: #000000;
font-family: 'TT Norms W01 Regular', sans-serif;
font-size: 1em;
font-weight: normal;
letter-spacing: 0.05em;
line-height: 1.5;
background-color: #ffffff;
padding: 0;
margin: 0 auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}

img {
max-width: 100%;
height: auto;
border: 0px;
}

*:focus {
outline: none;
}

a {
color: inherit;
text-decoration: none;
border: 0px;
outline: none;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

a:link {
outline: none;
}

a:visited {
outline: none;
}

a:hover {
outline: none;
}

a[href^="tel"] {
text-decoration: none;
outline: none;
color: inherit;
}

a[href^="tel"]:hover {
text-decoration: none;
outline: none;
}

div, a, span, p, h1, h2, h3, em {
box-sizing: border-box;
border: 0;
}

b, strong {
font-family: 'TT Norms W01 Regular', sans-serif;
font-weight: normal;
}

h1 b, .h1Style b, h1 strong, .h1Style strong, 
h2 b, .h2Style b, h2 strong, .h2Style strong, 
h3 b, .h3Style b, h3 strong, .h3Style strong, 
h4 b, .h4Style b, h4 strong, .h4Style strong {
font-family: 'Cirka-Bold', sans-serif;
}

sup, sub {
vertical-align: baseline;
position: relative;
top: -0.2em;
}

sub { 
top: 0.2em; 
}

h1, .h1Style, 
h2, .h2Style {
font-family: Cirka-Light, sans-serif;
}

h1 {
font-weight: normal;
margin-top: 0;
margin-bottom: 1em;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}

h2 {
font-weight: normal;
margin-top: 0;
margin-bottom: 1em;
}

h3, h4 {
font-family: Cirka-Regular, sans-serif;
font-weight: normal;
margin-top: 0;
margin-bottom: 0.5em;
}

p {
margin-top: 0;
margin-bottom: 1em;
}

hr {
width: 100%;
height: 0;
border: 0;
background-color: #FF00FF;
border-color: #FF00FF;
border-top: 1px solid #FF00FF;
margin: 1.5em 0 1.5em 0;
}


ul {
padding: 0 0 0 1em;
margin-top: 0;
box-sizing: border-box;
}

input, select, textarea {
font-family: 'TT Norms W01 Regular', sans-serif;
font-size: inherit;
}

input, select {
padding: 12px;
margin: 0;
box-sizing: border-box;
border: 1px solid #dddddd;
border-radius: 0;
color: #181831;
outline: none;
}

select {
width: 100%;
height: 45px;
margin: 0;
box-sizing: border-box;
padding: 12px 30px 12px 10px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #ffffff;
background-image: url(../images/select-arrow-right.svg);
background-repeat: no-repeat;
background-size: auto 8px;
background-position: right 10px top 17px;
cursor: pointer;
}

select option {
padding: 10px;
border: 0;
outline: 0;
}

select::-ms-expand {
display: none;
}


select:-moz-focusring {
border: 0;
outline: 0;
color: transparent;
text-shadow: 0 0 0 #000;
}

select:-moz-focus-inner {
border: 0;
outline: 0;
}


input[type="text"] {
width: 100%;
box-sizing: border-box;
margin: 0;
-webkit-appearance: none;
}

input[type="submit"] {
box-sizing: border-box;
margin: 0;
-webkit-appearance: none;
}

input[type="checkbox"] {
float: left;
width: 20px;
height: 20px;
box-sizing: border-box;
border: 0;
border-radius: 0;
padding: 5px;
margin: 0 10px 0 0;
}

textarea {
float: left;
width: 100%;
height: 200px;
box-sizing: border-box;
border: 1px solid #dddddd;
border-radius: 0;
padding: 10px;
margin: 0;
color: #000000;
-webkit-appearance: none;
resize: none;
}

.checkboxStyle {
display: inline-block;
width: 20px;
height: 20px;
margin: 2px 10px 5px 0;
border: 1px solid #000000;
background-color: #ffffff;
vertical-align: middle;
overflow: hidden;
position: relative;
}

.checkboxStyle label {
cursor: pointer;
position: absolute;
width: 20px !important;
height: 20px !important;
top: 0px;
left: 0px;
background: transparent none repeat scroll 0% 0%;
border: 0;
}

.checkboxStyle label::after {
opacity: 0;
content: "";
position: absolute;
width: 9px;
height: 5px;
background: transparent none repeat scroll 0% 0%;
top: 3px;
left: 4px;
border-width: medium medium 2px 2px;
border-style: none none solid solid;
border-color: #FF00FF #FF00FF;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.checkboxStyle input[type="checkbox"] {
width: 20px;
height: 20px;
visibility: hidden;
}

.checkboxStyle input[type="checkbox"]:checked + label::after {
opacity: 1;
}

.radioboxStyle {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
margin: 0 10px 5px 0;
background-color: #ffffff;
vertical-align: middle;
overflow: hidden;
position: relative;
}

.radioboxStyle label {
position: absolute;
top: 2px;
left: 2px;
width: 16px !important;
height: 16px !important;
border: 1px solid #000000;
border-radius: 50%;
box-sizing: border-box;
background: transparent none repeat scroll 0% 0%;
cursor: pointer;
}

.radioboxStyle label:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
box-sizing: border-box;
border-radius: 50%;
background-color: #000000;
top: 4px;
left: 4px;
opacity: 0;
}

.radioboxStyle input[type="radio"] {
width: 20px;
height: 20px;
visibility: hidden;
}

.radioboxStyle input[type="radio"]:checked + label:after {
opacity: 1;
}


video {
width: 100%;
max-width: 100%;
}


.autoHyphens {
word-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

.noHyphens {
white-space: nowrap;
-webkit-hyphens: none !important;
   -moz-hyphens: none !important;
    -ms-hyphens: none !important;
        hyphens: none !important;
}

/* ------------- over all ------------ */

.overAllWrapper {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.8);
z-index: 10000;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}

.overAllWrapper-darker {
background: rgba(0,0,0,0.75);
}

.overAllWrapper.overAllWrapperSearch {
height: 100vh;
}

/* ------------- loading ani ------------ */
.overAllWrapperLoading {
background: rgba(255,255,255,0.2);
}


.loader {
margin: -2em 0 0 -2em;
font-size: 1em;
position: fixed;
top: 50%;
left: 50%;
text-indent: -9999em;
border-top: 0.75em solid rgba(0,0,0,0.5);
border-right: 0.75em solid rgba(0,0,0,0.5);
border-bottom: 0.75em solid rgba(0,0,0,0.75);
border-left: 0.75em solid rgba(0,0,0,1);
-webkit-transform: translateZ(0);
-moz-transform:    translateZ(0);
-ms-transform:     translateZ(0);
-o-transform:      translateZ(0);
transform:         translateZ(0);
-webkit-animation: load8 1s infinite linear;
animation: load8 1s infinite linear;
}

.loader, .loader:after {
border-radius: 50%;
width: 4em;
height: 4em;
}

@-webkit-keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}

@keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}

.nouserSelect {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
/* desable saving */
-webkit-touch-callout: none;
}

.noscriptStyle {
position: fixed;
top: 0;
left: 0;
z-index: 20001;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 0;
padding: 1em;
margin: 0 auto;
font-size: 1em;
background-color: rgba(232,0,47,0.8);/*red opaque*/
color: #ffffff;
text-align: center;
}

.noscriptStyle a {
display: block;
}

/* IE9 < */
.getNewerbrowser {
display: none;
position: fixed;
left: 0;
bottom: 0;
z-index: 20002;
width: 100%;
box-sizing: border-box;
border: 0;
padding: 0.6em 2em 0.6em 2em;
margin: 0;
text-align: center;
background-color: #e8002f;/*red*/
color: #ffffff;
font-size: 0.9em;
}

.getNewerbrowser a {
color: #ffffff;
}
