@charset "utf-8";
/*
Author: Focus Style
Author URI: http://focus-style.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th/*, td */{margin: 0;  padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {font-family: 'Roboto', sans-serif; font-size: 16px; color: #4e4e4e; width: 100%; overflow-x: hidden; font-weight: 400; background: #fff;}
img {border:0;}
a, a:link, a:visited, a:active {font-family: 'Roboto', sans-serif; font-size: 16px; color:#d90075; text-decoration:none; font-weight: 400; cursor: pointer; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
a:hover {text-decoration: none;}
.left {float:left;}
.right {float:right;}
.hidden {display: none !important;}

/*bottom fix*/
html {height: 100%;}
body {position: relative; min-height: 100%; margin: 0;}

/* ----- general ----- 

body::after {content: ''; z-index: -1; background: url('../images/bg.jpg') center no-repeat; background-size: cover; position: fixed; top: 0; left: 0; bottom: 0; right: 0;}
body.phome::after {display: none;}*/

#particles-js {background: url('../images/darkbg.jpg') center no-repeat #0a0d0f; width: 100%; height: 100vh; position: relative; z-index: 4; top: 0; left: 0;}
#particles-js canvas {opacity: 0; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
#particles-js.show canvas {opacity: 1;}


.leftmenu {width: 135px; height: 100vh; left: 0; top: 0; margin-top: 0; position: fixed; text-align: left; background: rgba(255,255,255,1.0); overflow: auto; overflow-x: hidden; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -ms-overflow-style: none; scrollbar-width: none; z-index: 99;}
.leftmenu::-webkit-scrollbar {display: none;}
.leftmenu-in {position: relative; min-height: 100%; -ms-overflow-style: none; scrollbar-width: none; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; opacity: 0}
.leftmenu-in.show {opacity: 1;}
.leftmenu-in::-webkit-scrollbar {display: none;}
.leftmenu::after {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0;}

.leftmenu .logo {position: relative; display: block; padding: 34px 0 0 34px; z-index: 30; opacity: 1; -webkit-transition: 0.25s ease; transition: 0.25s ease;}
.leftmenu .logo img.logo1 {width: 63px; height: auto; position: relative; z-index: 2; -webkit-transition: 0.25s ease; transition: 0.25s ease;}
.leftmenu .logo img.logo2 {width: 63px; height: auto; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; -webkit-transition: 0.25s ease; transition: 0.25s ease;}
.leftmenu .logo.black img.logo1 {opacity: 1;}

.leftmenu .topmenu-mini {position: absolute; left: 48px; top: 50%; height: 130px; margin-top: -65px; text-align: center; z-index: 1; opacity: 0; -webkit-transition: 0.25s ease; transition: 0.25s ease; cursor: pointer;}
.leftmenu .topmenu-mini .three-lines {position: relative; position: relative; width: 36px; height: 25px;}
.leftmenu .topmenu-mini .three-lines span {width: 36px; height: 1px; background: #d90075; display: block; position: absolute; left: 0; -webkit-transition: 0.15s ease; transition: 0.15s ease; transform: rotate(0deg);}
.leftmenu .topmenu-mini .three-lines span:nth-child(1) {top: 0px;}
.leftmenu .topmenu-mini .three-lines span:nth-child(2) {top: 8px;}
.leftmenu .topmenu-mini .three-lines span:nth-child(3) {top: 16px;}
.leftmenu .topmenu-mini .three-lines span:nth-child(4) {top: 24px;}

.leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(1) {top: 3px;}
.leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(2) {top: 9px;}
.leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(3) {top: 15px;}
.leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(4) {top: 21px;}

.leftmenu .topmenu-mini h5 {font-size: 14px; color: #2e2e2e; font-weight: 400; line-height: 1.3; margin: 30px 0 0 0; padding: 0; text-transform: uppercase;}
.leftmenu .topmenu-mini.black .three-lines span {background: #fff;}
.leftmenu .topmenu-mini.black h5 {color: #fff;}

.topmenu {display: block; margin-top: 47px; width: 100%; opacity: 1; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.topmenu > ul {text-align: left; margin-bottom: 0;}
.topmenu > ul > li {display: block; position: relative; z-index: 24; padding: 0 10px;}
.topmenu > ul > li > a, .topmenu > ul > li > span.nav-header {font-size: 14px; line-height: 1; color: #d90075; font-weight: 400; padding: 18px 10px 18px 0px; margin: 0; display: block; box-sizing: border-box; text-shadow: none; text-decoration: none; border-top: 1px solid rgba(217, 0, 117, 0.1); text-transform: uppercase; background: none !important;}
.topmenu > ul > li:first-child > a, .topmenu > ul > li:first-child > span.nav-header {border-left: none;}
.topmenu > ul > li:hover > a, .topmenu > ul > li.active > a, .topmenu > ul > li:hover > span.nav-header, .topmenu > ul > li.active > span.nav-header  {text-decoration: none; background: none; color: #800045;} 
.topmenu > ul > li img {display: none;}

.topmenu > ul ul a {padding: 0px 0 13px 10px; display: block; line-height: 1.1; font-size: 14px; color: #d90075; text-decoration: none; font-weight: 400;}
.topmenu > ul ul li:hover a, .topmenu > ul ul li.current a {color: #800045;}
.topmenu > ul li button {position: absolute; right: 0px; top: 0; left: 0; width: 100%; height: 50px; padding: 0; border: 0; background: none; cursor: pointer; border-radius: 0; background: none; z-index: 28;}
.topmenu > ul li button:hover {background: none;}
.topmenu > ul li button:before {content: ''; display: block; position: absolute; top: 21px; right: 9px; width: 8px; height: 8px; border-right: 1px solid #d90075; border-bottom: 1px solid #d90075; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: 0.25s ease; transition: 0.25s ease;}
.topmenu > ul li button.collapsed:before {top: 17px;  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.moduletable_lang {display: block; border-top: 1px solid rgba(217, 0, 117, 0.1); padding: 18px 0; margin: 0 10px; z-index: 22; position: relative; box-sizing: border-box;}
.moduletable_lang .mod-languages_lang {display: inline-block;}
.moduletable_lang li {display: inline-block; margin: 0 15px 0 0;}
.moduletable_lang li a {text-transform: uppercase; font-size: 14px; line-height: 1; color: #d90075; font-weight: 400; padding: 3px 0; display: block; box-sizing: border-box;}
.moduletable_lang li.lang-active a, .moduletable_lang li a:hover {border-bottom: 1px solid #d90075; text-decoration: none;}

.leftmenu .socials-pre {position: relative; z-index: 1; width: 100%; height: 63px;}
.leftmenu .socials {position: absolute; left:0; width: 100%; bottom: 20px; z-index: 2; text-align: center; opacity: 1; -webkit-transition: 0.25s ease; transition: 0.25s ease; height: 33px; overflow: hidden;}
.leftmenu .socials a {font-size: 24px; margin: 0 7px; display: inline-block; color: #d90075;}

.leftmenu .totop {display: none;}

.leftmenu.closed {background: rgba(255,255,255,0.0);}
.leftmenu.closed::after {z-index: 29;}
.leftmenu.closed .logo.black img.logo1 {opacity: 0;}
.leftmenu.closed .moduletable_lang {opacity: 0;}
.leftmenu.closed .topmenu-mini {z-index: 30; opacity: 1;}
.leftmenu.closed .topmenu {opacity: 0;}
.leftmenu.closed .socials {opacity: 0;}


.right-phone {position: fixed; height: 80px; width: 135px; right: 0; top: 50%; margin-top: -40px; z-index: 99; text-align: center; opacity: 0; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
.right-phone.show {opacity: 1;}

.right-phone a {text-decoration: none;}
.right-phone span {box-sizing: border-box; border: 1px solid #d90075; height: 36px; width: 36px; position: relative; display: block; margin: 0 auto; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.right-phone span svg {fill: #d90075; width: 24px; height: 24px; position: absolute; left: 6px; top: 6px; -webkit-transition: all 0.15s ease; transition: all 0.15s ease;}
.right-phone h5 {font-size: 14px; color: #2e2e2e; font-weight: 400; line-height: 1.3; margin: 10px 0 0 0; padding: 0; text-transform: uppercase; letter-spacing: 0.05em; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.right-phone a:hover span svg {animation: rotation 0.35s ease  0s 1;}

@keyframes rotation {
  0% {transform: rotate(0deg); }
  25% {transform: rotate(15deg); }
  50% {transform: rotate(0deg); }
  75% {transform: rotate(15deg); }
  100% {transform: rotate(0deg); }
}

.right-phone.black span {border: 1px solid #fff;}
.right-phone.black span svg {fill: #fff;}
.right-phone.black h5 {color: #fff;}

.bottomon {width: 100%; clear: both; margin-top: 170px;}
.bottom {position: absolute; z-index: 3; bottom: 0px; left: 0px; right: 0; width:100%; background: url('../images/darkbg.jpg') center no-repeat #0a0d0f; display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; padding: 20px 0;}
.bottom .b1 {color: #fff; text-align: center; font-weight: 400; width: 135px;}
.bottom .b2 {max-width: 800px; padding: 0 15px; box-sizing: border-box; color: #444444; text-align: justify; font-weight: 400; font-size: 12px; line-height: 1.2;}
.bottom .b3 {text-align: center; width: 135px;}
.bottom .b3 img {width: 36px; height: auto;}
.bottomin a {color: #fff;}



/* -------------------- PAGES -------------------- */
/* phome */
#home-block {width: 100%; height: 100vh; position: absolute; z-index: 5; top: 0; left: 0; overflow: hidden;}
#home-block img {width: 156px; height: auto; position: absolute; left: 50%; top: 50%; margin-left: -78px; margin-top: -161px; z-index: 2; opacity: 0; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
#home-block img.show {opacity: 1;}

.hexas {position: absolute; width: 760px; right: calc(50% + 280px); top: 50%; transform: translateY(-50%); font-size: 0; opacity: 0.2;}
.hexas .hex-line {display: inline-block; width: 230px;}
.hexas .hex {width: 100%; margin-bottom: 4px; opacity: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.hexas .hex.show {opacity: 1;}

.hex > div {width: 100%; padding-top: 87.66%; position: relative;}
.hex > div > div {position: absolute; width: 50%; left: 25%; top: 0; bottom: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.hex > div > div::before {content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(60deg);}
.hex > div > div::after {content: ''; position: absolute; width: 100%; left: 0; top: 0; bottom: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-60deg);}

.hexas .hex > div > div {-webkit-transition: all 0.25s ease; transition: all 0.25s ease; width: 0%;}
.hexas .hex.show  > div > div {width: 50%;}

.hexas .hex-line:nth-child(2) {margin-top: 103px; margin-left: -54px;}
.hexas .hex-line:nth-child(3) {margin-top: 206px; margin-left: -54px;}
.hexas .hex-line:nth-child(4) {margin-top: 309px; margin-left: -54px;}

.hexas .hex-line:nth-child(4) .hex:nth-child(1) > div::after {content: ''; position: absolute; width: 0px; height: 1px; left: 100%; top: 50%; background: #fff; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; }
.hexas .hex-line:nth-child(4) .hex:nth-child(2) > div::after {content: ''; position: absolute; width: 0px; height: 1px; left: 100%; top: 50%; background: #fff; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; }
.hexas .hex-line:nth-child(4) .hex:nth-child(3) > div::after {content: ''; position: absolute; width: 0px; height: 1px; left: 100%; top: 50%; background: #fff; -webkit-transition: all 1.5s ease; transition: all 1.5s ease; }
.hexas .hex-line:nth-child(4) .hex.show2:nth-child(1) > div::after {width: 920px;}
.hexas .hex-line:nth-child(4) .hex.show2:nth-child(2) > div::after {width: 210px;}
.hexas .hex-line:nth-child(4) .hex.show2:nth-child(3) > div::after {width: 540px;}




.scroll-down {width: 330px; height: 90px; position: absolute; text-align: center; bottom: 20px; left: 50%; margin-left: -165px; cursor: pointer; opacity: 0; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
.scroll-down.show {opacity: 1;}
.scroll-down h5 {font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 400; margin: 0 0 50px 0; padding: 0;}
.scroll-down span {position: absolute; bottom: 0; left: 50%; animation: arrowdown 2s infinite ease-out;}
.scroll-down span::before {content: ''; position: absolute; bottom: 0; left: -13px; height: 36px; width: 1px; background: #fff; transform: rotate(-45deg); -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.scroll-down span::after {content: ''; position: absolute; bottom: 0; left: 13px; height: 36px; width: 1px; background: #fff; transform: rotate(45deg); -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.scroll-down:hover span {animation: none;}
.scroll-down:hover span::before {left: -13px; transform: rotate(-45deg);}
.scroll-down:hover span::after {left: 13px; transform: rotate(45deg);}
@keyframes arrowdown {
0% {bottom: 10px; opacity: 1;}
50% {opacity: 1;}
75% {bottom: 0; opacity: 0;}
100% {bottom: 0; opacity: 0;}
}


/*background-pages*/
#background-pages {content: ''; z-index: -1; position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; transform: rotate(180deg);}
#background-pages .hex > div > div {border-top: 1px solid #d90075; border-bottom: 1px solid #d90075;}
#background-pages .hex > div > div::before {border-top: 1px solid #d90075; border-bottom: 1px solid #d90075;}
#background-pages .hex > div > div::after {border-top: 1px solid #d90075; border-bottom: 1px solid #d90075;}
#background-pages .hexas .hex-line:nth-child(4) .hex:nth-child(1) > div::after {display: none; background: #d90075;}
#background-pages .hexas .hex-line:nth-child(4) .hex:nth-child(2) > div::after {display: none; background: #d90075;}
#background-pages .hexas .hex-line:nth-child(4) .hex:nth-child(3) > div::after {display: none; background: #d90075;}




/* achievments */
.moduletable_ach {max-width: 800px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.moduletable_ach h3 {font-size: 36px; font-weight: 300; color: #2e2e2e; text-transform: uppercase; padding: 70px 0 0 0; margin: 100px 0 70px 0; line-height: 1.2; letter-spacing: 0.05em; position: relative; z-index: 2;}
.moduletable_ach h3 span {position: absolute; left: 0; bottom: 0; font-size: 1.9em; color: #d90075; z-index: 1; white-space: nowrap; opacity: 0.05; font-weight: 400; line-height: 1;}

.ach-box {position: relative; font-size: 0;}
.ach-box .hex {width: 230px; position: relative; display: inline-block; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; opacity: 0;}
.ach-box .hex.show {opacity: 1;}
.ach-box .hex > div > div, .ach-box .hex > div > div::before, .ach-box .hex > div > div::after {border-top: 1px solid #f4b2d5; border-bottom: 1px solid #f4b2d5; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
.ach-box .hex:hover > div > div, .ach-box .hex:hover  > div > div::before, .ach-box .hex:hover > div > div::after {border-top: 1px solid #d90075; border-bottom: 1px solid #d90075;}
.ach-box .hex img {width: 85px; margin: 58px 0 0 14px; position: relative;}
.ach-box .text {position: absolute; font-size: 18px; font-weight: 400; color: #2e2e2e; width: 290px; line-height: 1.2; -webkit-transition: all 0.75s ease; transition: all 0.75s ease; opacity: 0;}
.ach-box .text.show {opacity: 1;}
.ach-box .text span {color: #d90075;}

.ach-box .hex.hex1 {margin: 120px 0 0 0;}
.ach-box .hex.hex2 {margin: 223px 0 0 -54px;}
.ach-box .hex.hex3 {margin: 120px 0 0 -54px;}
.ach-box .hex.hex4 {margin: 223px 0 120px -54px;}

.ach-box .hex > div::after {content: ''; position: absolute; width: 1px; height: 63px; background: #f4b2d5; -webkit-transition: all 0.75s ease; transition: all 0.75s ease;}
.ach-box .hex:hover > div::after {background: #d90075;}
.ach-box .hex.hex1 > div::after {bottom: 198px; right: 188px; transform: rotate(-30deg);}
.ach-box .hex.hex2 > div::after {top: 198px; right: 188px; transform: rotate(30deg);}
.ach-box .hex.hex3 > div::after {bottom: 198px; right: 42px; transform: rotate(30deg);}
.ach-box .hex.hex4 > div::after {top: 198px; right: 42px; transform: rotate(-30deg);}


.ach-box .text.text1 {left: 0; top: 0;}
.ach-box .text.text2 {left: 0; top: 485px;}
.ach-box .text.text3 {left: 518px; top: 0;}
.ach-box .text.text4 {left: 518px; top: 485px;}


/* cats slider */
.moduletable_cats {}
.moduletable_cats {margin: 0 auto; padding: 0; box-sizing: border-box;}
.moduletable_cats h3 {max-width: 800px; font-size: 36px; font-weight: 300; color: #2e2e2e; text-transform: uppercase; padding: 70px 15px 0 15px; box-sizing: border-box; margin: 100px auto 70px auto; line-height: 1.2; letter-spacing: 0.05em; position: relative; z-index: 2;}
.moduletable_cats h3 span {position: absolute; left: 0; bottom: 0; font-size: 1.9em; color: #d90075; z-index: 1; white-space: nowrap; opacity: 0.05; font-weight: 400; line-height: 1;}

.swiper-over {width: 100%; padding: 30px 16.66%; box-sizing: border-box; overflow: hidden;}
.swiper-container {width: 100%; height: 540px; overflow: unset !important;}
.swiper-container::before {content: ''; position: absolute; right: calc(100% + 15px); top: 0; bottom: 0; width: 100%; background: rgba(255,255,255,0.7); z-index: 2;}
.swiper-container::after {content: ''; position: absolute; left: calc(100% + 15px); top: 0; bottom: 0; width: 100%; background: rgba(255,255,255,0.7); z-index: 2;}
.swiper-slide a {display: block; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; transform: scale(1.0);}
.swiper-slide a:hover {transform: scale(1.05);}
.swiper-slide a img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover;}
.swiper-slide a span {position: absolute; z-index: 2; left: 15px; bottom: 15px; font-size: 24px; color: #fff;  font-weight: 500; text-shadow: 3px 3px 0px #2e2e2e, 0 0 15px rgba(0,0,0,0.25);}
.swiper-button-next, .swiper-button-prev {color: #d90075 !important;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: -70px !important;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: -70px !important;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.swiper-button-next, .swiper-button-prev {height: 36px !important; width: 36px !important;}
.swiper-button-next:before, .swiper-button-prev:before {content: ''; height: 36px; width: 36px; border-left: 1px solid #d90075; border-bottom: 1px solid #d90075;}
.swiper-button-next:before {transform: rotate(-135deg);}
.swiper-button-prev:before {transform: rotate(45deg);}

/* contact form */
.moduletable_cont {max-width: 800px; margin: 0 auto; padding: 0 15px; box-sizing: border-box;}
.moduletable_cont h3 {font-size: 36px; font-weight: 300; color: #2e2e2e; text-transform: uppercase; padding: 70px 0 0 0; margin: 100px 0 70px 0; line-height: 1.2; letter-spacing: 0.05em; position: relative; z-index: 2;}
.moduletable_cont h3 span {position: absolute; left: 0; bottom: 0; font-size: 1.9em; color: #d90075; z-index: 1; white-space: nowrap; opacity: 0.05; font-weight: 400; line-height: 1;}

.moduletable_cont .small {font-size: 14px; color: #999; text-align: center; display: block;}
.moduletable_cont ymaps {border-radius: 10px;}

.rsform_cont {max-width: 455px; margin: 0 auto;}
.rsform_cont h2 {display: none;}
.rsform_cont .formRed {display: none;}
.rsform_cont .formError {color: #d90075;}

.social-box {position: relative; font-size: 0; display: flex; justify-content: space-between; flex-wrap: nowrap; margin-bottom: 35px;}
.social-box::before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; background: #f4b2d5; z-index: 1;}
.social-box a {position: relative; display: inline-block; width: 60px; z-index: 2;}
.social-box .hex > div > div, .social-box .hex > div > div::before, .social-box .hex > div > div::after {border-top: 1px solid #f4b2d5; border-bottom: 1px solid #f4b2d5; background: #fff; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.social-box a i {font-size: 24px; margin: 12px 0 0 0; color: #d90075; z-index: 5; position: relative; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}

.social-box a:hover .hex > div > div, .social-box a:hover .hex > div > div::before, .social-box a:hover .hex > div > div::after {border-top: 1px solid #d90075; border-bottom: 1px solid #d90075; background: #d90075;}
.social-box a:hover i {color: #fff;}

.rsform-block-text {text-align: center;}
.rsform-block-text a.phone {color: #2e2e2e; font-size: 24px; font-weight: 500; display: inline-block; letter-spacing: 0.05em; margin-bottom: 35px; line-height: 1;}
.rsform-block-text a.phone:hover {color: #d90075; text-decoration: none;}

div.formBody {display: block; float: none !important;}

.rsform-block {margin-bottom: 18px;}
.rsform-block .formControlLabel {display: none;}
.rsform-block textarea, .rsform-block input[type="text"], .rsform-block input[type="email"] {font-size: 14px; color: #2e2e2e; padding: 5px 10px; border-radius: 6px; border: 1px solid #bfb2b7;  width: 100%; box-sizing: border-box; min-height: 34px; margin-bottom: 0; box-shadow: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.rsform-block textarea:focus, .rsform-block input[type="text"]:focus, .rsform-block input[type="email"]:focus {border: 1px solid #d90075;}

.rsform-block-submit {text-align: center;}
.rsform-block-submit .formBody {display: inline-block; background: #d90075; font-size: 0; padding: 1px; clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%); -webkit-clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%); position: relative;}
.rsform-block-submit .formControls {position: relative; display: inline-block;}
.rsform-block-submit .formControls::before {content: ''; position: absolute; top: 50%; right: calc(100% - 1px); width: 20px; height: 1px; background: #d90075; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.rsform-block-submit .formControls::after {content: ''; position: absolute; top: 50%; left: calc(100% - 1px); width: 20px; height: 1px; background: #d90075; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.rsform-block-submit input {background: #fff; border: 0; border-radius: 0; padding: 0; margin: 0; height: 34px; width: 134px; clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%); -webkit-clip-path: polygon(8% 0, 92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%); color: #d90075; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.rsform-block-submit .formControls:hover input {background: #d90075; color: #fff;}
.rsform-block-submit .formControls:hover::before {width: 0px;}
.rsform-block-submit .formControls:hover::after {width: 0px;}

.rsform-block-submit .formValidation {display: none;}
.rsform-block-submit .formDescription {display: none;}


/* components */
.components {max-width: 800px; margin: 0 auto; text-align: justify; line-height: 1.5; font-weight: 400; padding: 0 15px; box-sizing: border-box;}
.components .page-header {padding-bottom: 0; margin: 0; border-bottom: none;}
.components .page-header h2 {font-size: 36px; font-weight: 300; color: #2e2e2e; text-transform: uppercase; padding: 70px 0 0 0; margin: 100px 0 70px 0; line-height: 1.2; letter-spacing: 0.05em; position: relative; z-index: 2;}
.components .page-header.k2-header h2 {padding: 0 0 0 0; margin: 0 0 15px 0;}
.components .page-header h2 span {position: absolute; left: 0; bottom: 0; font-size: 1.9em; color: #d90075; z-index: 1; white-space: nowrap; opacity: 0.05; font-weight: 400; line-height: 1;}
.components a {line-height: 1.5;}
.components strong {font-weight: 500;}
.phome .components p {margin: 0;}

/* K2 */
.k2-header {position: relative;}
.k2-header a.itemCategory {position: relative; z-index: 3; margin: 145px 0 0 0; display: block;}
.k2-header .k2-extra0 {position: absolute; right: 0; bottom: 0; color: #d90075; font-size: 24px; font-weight: 500; z-index: 3;}
.k2-header .k2-extra0::before {content: "#";}
.k2-header .k2-extra1 {display: none;}

.k2-image {background-size: cover; background-position: center; height: 245px; margin-bottom: 30px; position: relative; overflow: hidden;}
.k2-image span[data-jarallax-element] {display: inline-block; position: absolute; right: -70px; top: -10px;}
.k2-image > span {display: inline-block; position: absolute; right: -70px; top: -15px;}

.k2-hex {width: 155px; margin-bottom: 3px;}
.k2-hex > div {width: 100%; padding-top: 89.2%; position: relative;}
.k2-hex > div > div {position: absolute; width: 50%; left: 25%; top: 0; bottom: 0; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.k2-hex > div > div::before {content: ''; position: absolute; width: 100%; left: 0; top: -1px; bottom: -1px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(60deg);}
.k2-hex > div > div::after {content: ''; position: absolute; width: 100%; left: 0; top: -1px; bottom: -1px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-60deg);}

.k2-hex:nth-child(3), .k2-hex:nth-child(4), .k2-hex:nth-child(5) {position: relative; left: -120px; top: -354px;}

.k2-hex > div > span {position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); background: rgba(255,255,255,0);}
    
.k2-hex > div > span > span {-webkit-filter: blur(5px); background-position: right center; display: block; height: 100%; width: 100%; opacity: 0.7;}

.k2-body .itemDateCreated {margin-bottom: 10px; display: block; color: #bbb;}

a.k2-news-head {display: block; text-decoration: none; position: relative; width: 100%; min-height: 300px; overflow: hidden; margin-bottom: 30px; background: #000;}
a.k2-news-head  .moduleItemMiddle {text-align: center; position: absolute; left: 0; top: 50%; width: 100%; z-index: 3; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
a.k2-news-head .moduleItemMiddle h3 {line-height: 1; font-size: 28px; font-weight: normal; text-transform: uppercase; color: #fff; display: inline-block; padding: 8px; background: rgba(12,12,14,0.0); -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease; margin-bottom: 10px;}
a.k2-news-head .moduleItemMiddle .catItemDateCreated {color: #fff; font-size: 12px; display: block; text-align: center; margin-bottom: 5px;}
a.k2-news-head .bg-image {position: absolute; top: 0; left:0; right: 0; bottom: 0; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.5; -webkit-transition: 0.25s ease; -moz-transition: 0.25s ease; -o-transition: 0.25s ease; transition: 0.25s ease;}

a.k2-news-head:hover .bg-image {opacity: 1;}
a.k2-news-head:hover .moduleItemMiddle h3 {background: rgba(12,12,14,0.8);}


/* alert */
#system-message-container {position: fixed; box-sizing: border-box; max-width: 800px; margin: 0 auto; z-index: 10; top: 10px;}
#system-message-container > div {}

.form-flame {max-width: 455px; margin: 0 auto;}
.form-flame input[type="text"], .form-flame input[type="password"], .form-flame input[type="email"], .form-flame input[type="tel"] {font-size: 14px; color: #2e2e2e; padding: 5px 10px; border-radius: 6px; border: 1px solid #bfb2b7;  width: 100%; box-sizing: border-box; min-height: 34px; margin-bottom: 0; box-shadow: none; -webkit-transition: all 0.25s ease; transition: all 0.25s ease;}
.form-flame input[type="text"]:focus, .form-flame input[type="password"]:focus, .form-flame input[type="email"]:focus, .form-flame input[type="tel"]:focus {border: 1px solid #d90075; outline: none;}
.form-flame .btn {font-size: 16px; background: none; outline: none; box-shadow: none; border-radius: 4px; text-shadow: none;}
.btn-primary {color: #fff; background: #d90075 !important; border: 1px solid #d90075; padding: 8px 15px; line-height: 1;}
.btn-primary:hover {background: #b90061 !important;}

.nav-stacked {max-width: 455px; margin: 0 auto;}

.k2-attachments {color: #d90075; font-weight: 400;}
.k2-attachments img {width: 24px; }
.k2-attachments a {font-weight: 400;}

[class^="icon-"], [class*=" icon-"] {background-image: none !important;}

.components .itemView2 .page-header.k2-header h2 {margin-right: 100px;}

    
/* about home */
.hexathree {width: 360px; height: 390px; position: relative; clip-path: polygon(1% 36%, 24% 0%, 100% 0%, 100% 100%, 58% 100%, 51% 90%, 15% 90%, 1% 69%, 12% 52%); -webkit-clip-path: polygon(1% 36%, 24% 0%, 100% 0%, 100% 100%, 58% 100%, 51% 90%, 15% 90%, 1% 69%, 12% 52%); shape-outside: polygon(1% 36%, 24% 0%, 100% 0%, 100% 100%, 58% 100%, 51% 90%, 15% 90%, 1% 69%, 12% 52%); -webkit-shape-outside: polygon(1% 36%, 24% 0%, 100% 0%, 100% 100%, 58% 100%, 51% 90%, 15% 90%, 1% 69%, 12% 52%); float: right;}
.hexathree .hexaover {clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); background: #f4b2d5; position: absolute;}
.hexathree .hexaover .hexain {position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); -webkit-clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); background-size: cover;}
.hexathree .hexaover.hex1 {width: 330px; height: 280px; z-index: 2; left: 30px; top: 0px;}
.hexathree .hexaover.hex1 .hexain {background: url('../images/h1.jpg') center no-repeat; background-size: cover;}
.hexathree .hexaover.hex2 {width: 153px; height: 132px; z-index: 3; left: 30px; top: 203px;}
.hexathree .hexaover.hex2 .hexain {background: url('../images/malina.jpg') center no-repeat; background-size: cover;}
.hexathree .hexaover.hex3 {width: 173px; height: 153px; z-index: 1; left: 186px; top: 223px;}
.hexathree .hexaover.hex3 .hexain {background: url('../images/chernika.jpg') center no-repeat; background-size: cover;}
.hexathree video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; object-fit: cover;}


.products table {width: 100%; border-collapse: collapse; border: 0; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden;}
.products table tr {-webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
.products table tr:nth-child(odd) {background: rgba(255, 242, 255, 0.5);}
.products table tr:nth-child(even) {background: rgba(255, 255, 255, 0.0);}
.products table tr:hover {background: #fbeffb;}
.products table td {padding: 0; border: none; font-size: 16px;}
.products table tr td:nth-child(1) {width: 60%;}
.products table tr td:nth-child(2) {width: 20%; text-align: right;}
.products table tr td:nth-child(3) {width: 20%; text-align: right;}
/*.products table tr:nth-child(1) td {font-weight: bold; color: #000}*/

.products table span {cursor: help; vertical-align: middle;}
.products table span:after {content: "\f05a"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; font-size: 18px; vertical-align: middle; color: #d90075; margin-left: 5px;} 

.products table a {display: block; padding: 15px;}
.products table tr td:nth-child(1) a {}
.products table tr td:nth-child(2) a {color: #000;}
.products table tr td:nth-child(3) a {color: #000;}


.tooltip {position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible;}
.tooltip.top {padding: 5px 0; margin-top: -3px;}
.tooltip.in {opacity: .8; filter: alpha(opacity=80);}
.tooltip.fade.in {opacity: 1;}
.tooltip.fade {opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0;}
.tooltip-inner {max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.grecaptcha-badge {margin: 0 auto;}


/* prez */
.prez .mtitle {display: none;} 
.prez .components {display: none;} 
.prez .bottomon {display: none;} 
.prez .bottom {display: none;} 
/*.prez .leftmenu {display: none;}*/ 
.prez .right-phone {display: none;} 

.extra-bottom {font-size: 18px; font-weight: 500 !important;}
.extra-bottom a {font-size: 18px; font-weight: 500 !important;}


.nowrap {white-space: nowrap;}

/* #Screen < 1540px ================================================== */
@media (max-width: 1540px) {
  .swiper-container {height: 440px;}

}


/* #Screen < 1300 ================================================== */
@media (max-width: 1300px) {
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px !important;}
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px !important;}

}

/* #Screen < 1200 ================================================== */
@media (max-width: 1070px) {
  .right-phone {display: none;}
  
  .leftmenu {}
  .leftmenu::after {content: ''; position: fixed; left: 0; top: 0; width: 135px; bottom: auto; height: 150px; z-index: 29; background: rgba(255,255,255,1.0); -webkit-transition: background 0.25s ease 0.25s, width 0.25s ease; transition: background 0.25s ease 0.25s, width 0.25s ease;}
  .leftmenu .logo {position: fixed; top: 5px; left: 45px; display: block; padding: 0; z-index: 30; opacity: 1; -webkit-transition: 0.25s ease; transition: 0.25s ease;}
  .leftmenu .logo img.logo1 {width: 43px;}
  .leftmenu .logo img.logo2 {opacity: 0;}
  .leftmenu .logo.black img.logo1 {opacity: 1;}
  .leftmenu .logo.black img.logo2 {opacity: 0;}  

  .leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(1) {top: 0px;}
  .leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(2) {top: 8px;}
  .leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(3) {top: 16px;}
  .leftmenu.closed .topmenu-mini:hover .three-lines span:nth-child(4) {top: 24px;}

  .leftmenu .topmenu-mini {position: fixed; left: 49px; top: 110px; width: 36px; height: 25px; margin: 0; z-index: 30; opacity: 1; -webkit-transition: 0.25s ease; transition: 0.25s ease; cursor: pointer;}
  .leftmenu .topmenu-mini .three-lines {position: relative; width: 36px; height: 25px;}
  .leftmenu .topmenu-mini.black .three-lines span {background: #d90075;}
  .leftmenu .topmenu-mini .three-lines span:nth-child(1) {top: 12px; transform: rotate(45deg); -webkit-transition: 0.25s ease; transition: 0.25s ease;}
  .leftmenu .topmenu-mini .three-lines span:nth-child(2) {top: 12px; transform: rotate(45deg); -webkit-transition: 0.25s ease; transition: 0.25s ease;}
  .leftmenu .topmenu-mini .three-lines span:nth-child(3) {top: 12px; transform: rotate(-45deg); -webkit-transition: 0.25s ease; transition: 0.25s ease;}
  .leftmenu .topmenu-mini .three-lines span:nth-child(4) {top: 12px; transform: rotate(-45deg); -webkit-transition: 0.25s ease; transition: 0.25s ease;}
  .leftmenu .topmenu-mini h5 {display: none;}
  
  .topmenu {padding-top: 150px; margin-top: 0; width: 135px;}

  .moduletable_lang {padding: 18px 0 0 10px; z-index: 22; box-sizing: border-box; width: 135px; margin-bottom: 70px; }

  .leftmenu .socials-pre {display: none;}
  .leftmenu .socials {width: 135px; position: fixed; bottom: 0; left: 0; overflow: hidden; padding: 10px 0; background: #fff; z-index: 30; background: rgba(255,255,255,1.0); -webkit-transition: background 0.25s ease 0.25s, width 0.25s ease, opacity 0.25s ease;transition: background 0.25s ease 0.25s, width 0.25s ease, opacity 0.25s ease;}
  .leftmenu .socialsin {width: 135px;}
  
  .leftmenu .totop {display: block; z-index: 0; opacity: 0; position: fixed; left: 49px; bottom: 7px; width: 36px; height: 36px; -webkit-transition: 0.25s ease; transition: 0.25s ease; cursor: pointer;}
  .leftmenu .totop.black {z-index: 0; opacity: 0;}
  .leftmenu .totop:before {content: ''; display: block; position: absolute; top: 15px; right: 6px; width: 24px; height: 24px; border-right: 1px solid #d90075; border-bottom: 1px solid #d90075; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}



  .leftmenu.closed {width: 50px; background: rgba(255,255,255,0.0);}
  .leftmenu.closed::after {z-index: 29; bottom: 0; height: auto; width: 50px; background: rgba(255,255,255,0.0); -webkit-transition: background 0.0s ease 0.0s, width 0.25s ease; transition: background 0.0s ease 0.0s, width 0.25s ease;}
  .leftmenu.closed .logo {left: 5px;}
  .leftmenu.closed .logo.black img.logo1 {opacity: 0;}
  .leftmenu.closed .logo.black img.logo2 {opacity: 1;}  
  .leftmenu.closed .moduletable_lang {opacity: 0;}
  .leftmenu.closed .topmenu {opacity: 0;}
  .leftmenu.closed .topmenu-mini {left: 7px;}
  .leftmenu.closed .socials {opacity: 0; width: 50px; z-index: 1; background: rgba(255,255,255,0.0); -webkit-transition: background 0.0s ease 0.0s, width 0.25s ease, opacity 0.25s ease; transition: background 0.0s ease 0.0s, width 0.25s ease, opacity 0.25s ease;}
  .leftmenu.closed .topmenu-mini.black .three-lines span {background: #fff;}
  .leftmenu.closed .topmenu-mini .three-lines span:nth-child(1) {top: 0px; transform: rotate(0deg);}
  .leftmenu.closed .topmenu-mini .three-lines span:nth-child(2) {top: 8px; transform: rotate(0deg);}
  .leftmenu.closed .topmenu-mini .three-lines span:nth-child(3) {top: 16px; transform: rotate(0deg);}
  .leftmenu.closed .topmenu-mini .three-lines span:nth-child(4) {top: 24px; transform: rotate(0deg);}
  .leftmenu.closed .totop {z-index: 30; opacity: 1; left: 7px;}
  .leftmenu.closed .totop.black {z-index: 0; opacity: 0;}
  
  
  .hexas {right: calc(50% + 33px);transform: translateY(-50%) scale(0.7);}
  #home-block img {width: 100px; margin-left: -50px; margin-top: -100px;}
  .hexas .hex-line:nth-child(4) .hex.show2:nth-child(1) > div::after {width: 338px;}
  .hexas .hex-line:nth-child(4) .hex.show2:nth-child(2) > div::after {width: 110px;}
  .hexas .hex-line:nth-child(4) .hex.show2:nth-child(3) > div::after {width: 200px;}
  .scroll-down {bottom: 10px;}
  .scroll-down span::before {left: -13px; transform: rotate(-45deg);}
  .scroll-down span::after {left: 13px; transform: rotate(45deg);}
  
  .bottom {flex-wrap: wrap; padding: 20px 0 10px 0;}
  .bottom .b1 {width: 100%; margin-bottom: 10px;}
  .bottom .b1 br {display: none;}
  .bottom .b2 {max-width: 100%; margin-bottom: 0; padding: 0 10px;}
  .bottom .b3 {width: 100%; display: none;}
  
  .swiper-container { height: 340px;}

}

/* #Screen < 960 ================================================== */
@media (max-width: 900px) {
  .moduletable_ach {max-width: 100%; padding: 0 10px 0 60px;}
  .moduletable_ach h3 {font-size: 28px; padding: 30px 0 0 0; margin: 50px 0 40px 0; overflow: hidden; text-align: center;}
  .moduletable_ach h3 span {font-size: 1.50em; margin: 0 !important; transform: translateX(-50%); left: 50%;}
  .ach-box {width: 100%; text-align: center;}
  .ach-box .hex {display: block; margin: 0 auto 10px auto !important;}
  .ach-box .hex > div::after {display: none !important;}
  .ach-box .text {position: unset; text-align: center; font-size: 18px; max-width: 290px; width: auto; margin: 0 auto 30px auto;}
  
  .moduletable_cats h3 {max-width: 100%; font-size: 28px; padding: 30px 0 0 0; margin: 50px 10px 40px 60px; overflow: hidden; text-align: center;}
  .moduletable_cats h3 span {font-size: 1.50em; margin: 0 !important; transform: translateX(-50%); left: 50%;}
  .swiper-over {padding: 30px 60px;}
  .swiper-container::before {right: calc(100% + 10px);}
  .swiper-container::after {left: calc(100% + 10px);}
  .swiper-slide a:hover {transform: scale(1.00);}
  
  .moduletable_cont {max-width: 100%; padding: 0 10px 0 60px;}
  .moduletable_cont h3 {font-size: 28px; padding: 30px 0 0 0; margin: 50px 0 40px 0; overflow: hidden; text-align: center;}
  .moduletable_cont h3 span {font-size: 1.50em; margin: 0 !important; transform: translateX(-50%); left: 50%;}
  
  .components {margin: 0 auto; padding: 0 10px 0 60px;}
  .components .page-header h2 {font-size: 28px; padding: 30px 0 0 0; margin: 50px 0 40px 0; overflow: hidden; text-align: center;}
  .components .page-header.k2-header h2 {padding: 0 0 0 0; margin: 0 0 15px 0;}
  .components .page-header h2 span {font-size: 1.50em; margin: 0 !important; transform: translateX(-50%); left: 50%;}
  .k2-header a.itemCategory {margin: 65px 0 0 0;}
  
  .bottomon {margin-top: 70px;}
  
  .k2-header a.itemCategory {text-align: center;}
  .components .itemView2 .page-header.k2-header h2 {margin-right: 0;}
  .k2-header .k2-extra0 {position: relative; display: block; text-align: center;}

}

/* #Screen < 720 ================================================== */
@media (max-width: 720px) {


  a.k2-news-head {min-height: 200px;}
  a.k2-news-head .moduleItemMiddle h3 {font-size: 18px;}

}

/* #Screen < 650 ================================================== */
@media (max-width: 650px) {

  .social-box a {width: 45px;}
  .social-box .hex > div {padding-top: 92.66%;}
  .social-box a i {margin: 8px 0 0 0;}
  
  .products table td {}
  .products table tr td:nth-child(1) {width: auto;}
  .products table tr td:nth-child(2) {width: auto; white-space: nowrap;}
  .products table tr td:nth-child(3) {width: auto;}


}

/* #Screen < 600 ================================================== */
@media (max-width: 540px) {
  body {font-size: 14px;}
  .products table {display: block;}
  .products table tr {display: block; padding: 10px;}
  .products table td {display: inline-block; padding: 0; border: none; font-size: 14px;}
  .products table a {padding: 5px;}

  
  
  a, a:link, a:visited, a:active {font-size: 14px;}
  .extra-bottom a {font-size: 18px;}
  
  .ach-box .hex {width: 165px;}
  .ach-box .hex img {width: 70px; margin: 38px 0 0 3px;}
  
  .hexathree {width: 250px; height: 280px; position: relative; clip-path: none; -webkit-clip-path: none; shape-outside: none; -webkit-shape-outside: none; float: none; margin: 0 auto 10px auto; }
  .hexathree .hexaover.hex1 {width: 250px; height: 207px; z-index: 2; left: 0px; top: 0px;}
  .hexathree .hexaover.hex2 {width: 100px; height: 86px; z-index: 3; left: 0px; top: 153px;}
  .hexathree .hexaover.hex3 {width: 120px; height: 100px; z-index: 1; left: 124px; top: 172px;}

}

/* #Screen < 510 ================================================== */
@media (max-width: 510px) {



}

/* #Screen < 460 ================================================== */
@media (max-width: 460px) {


}

/* #Screen < 410 ================================================== */
@media (max-width: 410px) {



}

/* #Screen < 374 ================================================== */
@media (max-width: 374px) {

  .scroll-down {width: 290px; margin-left: -145px;}
  .scroll-down h5 {font-size: 12px;}

}



/* HEIGHT */
@media (max-height: 700px) {


}