/* - - - Fonts - - - */
/*
.ffd {font-family:Arial, Helvetica, sans-serif;}
.ffdl {font-family:Arial, Helvetica, sans-serif;}
*/

/*
@font-face {font-family:"def"; src:url("/media/fonts/def_font.ttf") format("opentype");}
@font-face {font-family:"def_l"; src:url("/media/fonts/def_font_light.ttf") format("opentype");}
*/

.f_i {font-family: 'Nunito', sans-serif; font-weight:200; font-style:italic;}
.f_l {font-family: 'Nunito', sans-serif; font-weight:300; font-style:normal;}
.f_n {font-family: 'Nunito', sans-serif; font-weight:400; font-style:normal;}
.f_b {font-family: 'Nunito', sans-serif; font-weight:600; font-style:normal;}
.f_xb {font-family: 'Nunito', sans-serif; font-weight:800; font-style:normal;}

::-moz-selection, ::selection {color:#fff; background:#e38125;}

/* - - - Classes - - - */
.zoomContainer{z-index:9999;}
.none {display:none;}
.noselect {-webkit-tap-highlight-color:rgba(0,0,0,0) !important; -webkit-focus-ring-color:rgba(0,0,0,0) !important; outline:none !important; -webkit-tap-highlight-color:transparent; /*user-select:none;*/ -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none;}
.select {-webkit-tap-highlight-color:rgba(255,0,0,1); /*user-select:text;*/ -moz-user-select:text; -o-user-select:text; -khtml-user-select:text; -webkit-user-select:text; -ms-user-select:text;}
.selectall {-webkit-tap-highlight-color:rgba(0,0,0,1); /*user-select:all;*/ -moz-user-select:all; -o-user-select:all; -khtml-user-select:all; -webkit-user-select:text; -ms-user-select:element;}
.ghost {pointer-events:none;}
.border_box {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.flex {display:-webkit-box; display:-moz-box; /*display:-ms-flexbox;*/ display:-webkit-flex; display:flex; flex-flow:row wrap; justify-content:space-around;}
.anim0_25 {transition:0.25s;}
.anim0_5 {transition:0.5s;}
.anim1 {transition:1s;}
.anim1_5 {transition:1.5s;}
.anim2 {transition:2s;}
.anim3 {transition:3s;}
.anim5 {transition:5s;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.center {margin:0 auto !important;}
.skew {	-webkit-transform:skewX(-15deg); -moz-transform:skewX(-15deg); -o-transform:skewX(-15deg);}
.skew_none {-webkit-transform:skewX(15deg); -moz-transform:skewX(15deg); -o-transform:skewX(15deg);}
.shadow {box-shadow:0 0 7px rgba(0,0,0,1);}
.shadow_close {box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);}
.shadow_far {box-shadow: 0 5px 10px 2px rgba(0, 0, 0, 0.2);}
.blink {animation: blinker 1.5s linear infinite;}
.blur {filter:blur(.33rem) !important; transition:none !important;}
.er {border:1px solid red !important;}
@keyframes blinker {50% { opacity: 0.2;}}

.u_scroll,
.u_scroll * {
  pointer-events: none !important;
}

/* - - - Default - - - */
body {
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
	background-color:#fefefe;
	font-size:1em;
}

html, body {width:100%; min-height:100vh;}

*, *::before, *::after {box-sizing:border-box;}
*:focus {outline:none;}
select::-ms-expand {display:none;}
body, a, input, button {color:#333;}
a, a:visited {text-decoration:none;}
a:active {outline:none;}
a[href^="tel:"], a[href^="mailto:"] {transition:0.3s;}
a[href^="tel:"]:hover, a[href^="mailto:"]:hover {color:#e2001a;}
input {outline:none; border:none;}
#top_contacts > a[href^="tel:"]:hover, #top_contacts > a[href^="mailto:"]:hover {color:#efefef; transition:0.5s;}
select, button {cursor:pointer;}
select {-webkit-appearance:none; appearance:none;}
sub, sup {font-size:.6em;}
textarea {resize:vertical;}
h1, h2, h3, h4, h5, h6 {margin:0; font-size:inherit; font-weight:inherit;}

img.rsz {cursor:pointer;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
input[type="number"]{-moz-appearance:textfield;}

/* - - - Loading - - - */
#loading {
	width:7rem;
	height:7rem;
	position:fixed;
	top:50%;
	left:50%;
	transform:rotate(0deg) translate(-50%, -50%);
	z-index:21;
	border:.7rem solid #e38125;
	border-radius:50%;
	border-bottom-color:transparent;
	/*border-bottom-color:transparent;*/
	animation:rotate 1s linear infinite;
	-webkit-transform:translateZ(0);
}

/* - - - To_top - - - */
#to_top {
	width:50px;
	height:50px;
	position:fixed;
	z-index:7;
	right:10px;
	bottom:10px;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	background:transparent url('/media/images/site/to_top.svg') repeat 0 0 / 100% auto;
	transition:0.2s;
	cursor:pointer;
}
#to_top:hover {background-position:0 -50px;}

/* - - - Overlay - - - */
#ovrl {
	width:100%;
	height:100%;
	display:none;
	overflow:hidden;
	position:fixed;
	z-index:20;
	top:0;
	left:0;
	transition:.5s;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	flex-flow:row wrap;
	align-items:center;
	justify-content:center;
}
#ovrl.act {display:flex;}

#ovrl > .x, #ovrl > .btn {
	width:50px;
	height:50px;
	position:absolute;
	cursor:pointer;
	background-color:transparent;
	background-image:url('/media/images/site/nav3.svg');
	background-repeat:repeat;
	background-size:200%;
	transition:0.2s;
	z-index:3;
}
#ovrl > .x {top:0; right:0; background-position:0 -100px;}
#ovrl > .x:hover {background-position:-50px -100px;}
/*#ovrl.act > .x, #ovrl.act > .btn {animation:in_quaker .75s;}*/

#ovrl .bg {width:100%; height:100%; background-color:rgba(0,0,0,0.5); cursor:zoom-out; position:relative; z-index:1;}

#ovrl .bx {max-width:97vw; max-height:97vh; overflow-y:auto; background-color:#fff; position:absolute; z-index:2; padding:3vw; box-shadow:0 10px 10px 1px rgba(0,0,0,0.2); text-align:center; border:1px solid #ccc;}
/*#ovrl .bx:after {width:100%; height:3vw; content:""; display:block;}*/
#ovrl.act .bx {animation:in_quaker .75s;}

#ovrl > .btn {
	display:none;
	top:50%;
	transform:translateY(-50%);
}
#ovrl > .btn.l {left:0; background-position:0 -50px;}
#ovrl > .btn.l:hover {background-position:-50px -50px;}
#ovrl > .btn.r {right:0; background-position:0 0;}
#ovrl > .btn.r:hover {background-position:50px 0;}

#ovrl.img.act > .btn.act {display:block;}

#ovrl .ovrl_img_txt {position:absolute; top:0; right:0; color:#fff; transform:translateY(-100%); text-transform:uppercase;}

#hidden {display:none; visibility:hidden; overflow:hidden; position:absolute; width:0; height:0;}

/* - - - Main - - - */
#main {width:100%; min-height:100%; position:relative;}

#footer {width:100%; position:relative;/*absolute*/ right:0; bottom:0; left:0;}

/*______________________________________________________________ @KEYFRAMES ______________________________________________________________*/	

@keyframes shake{
  0%{transform: rotate(0deg)}
  2.5%{transform: rotate(5deg)}
  5%{transform: rotate(-5deg)}
  7.5%{transform: rotate(4deg)}
  10%{transform: rotate(-3deg)}
  12.5%{transform: rotate(3deg)}
  15%{transform: rotate(-2deg)}
  17.5%{transform: rotate(1deg)}
  20%{transform: rotate(-1deg)}
  22.5%{transform: rotate(1deg)}
  25%{transform: rotate(0deg)}
  100%{transform: rotate(0deg)}
}

@keyframes wiggle {
	0% {transform:rotate(5deg);}
	0.5% {transform:rotate(-4deg);}
	1% {transform:rotate(3deg);}
	1.5% {transform:rotate(-2deg);}
	2% {transform:rotate(1deg);}
	2.5%, 100% {transform:rotate(0deg);}
}
.wiggle {animation:wiggle 20s infinite ease-in-out 20s;}

@keyframes in_quaker {
	0% {transform:scale(0);}
	70% {transform:scale(1.03);}
	80% {transform:scale(1.01);}
	90% {transform:scale(1.02);}
	100% {transform:scale(1);}
}

@keyframes appearance {
	0% {opacity:0;}
	100% {opacity:1;}
}