/* Start:/local/templates/main/css/reset.css?17748794372750*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } html, body { margin: 0; padding: 0; width: 100%; height: 100%; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } input, textarea, button{ outline: none; border: none; -webkit-appearance: none; } input:active, textarea:active { outline: none; border: none; } .clearfix:before, .clearfix:after, .list:before, .list:after{ content: ""; display: table; } .clearfix:after, .list:after{ clear: both; } .clearfix, .list{ zoom: 1; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/css/dropdown.min.css?177487943757991*/ /*! * # Semantic UI 2.2.11 - Transition * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */.transition{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animating.transition{-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:visible!important}.loading.transition{position:absolute;top:-99999px;left:-99999px}.hidden.transition{display:none;visibility:hidden}.visible.transition{display:block!important;visibility:visible!important}.disabled.transition{-webkit-animation-play-state:paused;animation-play-state:paused}.looping.transition{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.transition.browse{-webkit-animation-duration:.5s;animation-duration:.5s}.transition.browse.in{-webkit-animation-name:browseIn;animation-name:browseIn}.transition.browse.left.out,.transition.browse.out{-webkit-animation-name:browseOutLeft;animation-name:browseOutLeft}.transition.browse.right.out{-webkit-animation-name:browseOutRight;animation-name:browseOutRight}@-webkit-keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@keyframes browseIn{0%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1}10%{-webkit-transform:scale(.8) translateZ(0);transform:scale(.8) translateZ(0);z-index:-1;opacity:.7}80%{-webkit-transform:scale(1.05) translateZ(0);transform:scale(1.05) translateZ(0);opacity:1;z-index:999}100%{-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);z-index:999}}@-webkit-keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutLeft{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:-1;-webkit-transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:-1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@-webkit-keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}@keyframes browseOutRight{0%{z-index:999;-webkit-transform:translateX(0) rotateY(0) rotateX(0);transform:translateX(0) rotateY(0) rotateX(0)}50%{z-index:1;-webkit-transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);transform:translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)}80%{opacity:1}100%{z-index:1;-webkit-transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);transform:translateX(0) rotateY(0) rotateX(0) translateZ(-10px);opacity:0}}.drop.transition{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:cubic-bezier(.34,1.61,.7,1);animation-timing-function:cubic-bezier(.34,1.61,.7,1)}.drop.transition.in{-webkit-animation-name:dropIn;animation-name:dropIn}.drop.transition.out{-webkit-animation-name:dropOut;animation-name:dropOut}@-webkit-keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes dropOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}.transition.fade.in{-webkit-animation-name:fadeIn;animation-name:fadeIn}.transition[class*="fade up"].in{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.transition[class*="fade down"].in{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.transition[class*="fade left"].in{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.transition[class*="fade right"].in{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.transition.fade.out{-webkit-animation-name:fadeOut;animation-name:fadeOut}.transition[class*="fade up"].out{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}.transition[class*="fade down"].out{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}.transition[class*="fade left"].out{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}.transition[class*="fade right"].out{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(-10%);transform:translateX(-10%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(5%);transform:translateY(5%)}}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(5%);transform:translateX(5%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}}.flip.transition.in,.flip.transition.out{-webkit-animation-duration:.6s;animation-duration:.6s}.horizontal.flip.transition.in{-webkit-animation-name:horizontalFlipIn;animation-name:horizontalFlipIn}.horizontal.flip.transition.out{-webkit-animation-name:horizontalFlipOut;animation-name:horizontalFlipOut}.vertical.flip.transition.in{-webkit-animation-name:verticalFlipIn;animation-name:verticalFlipIn}.vertical.flip.transition.out{-webkit-animation-name:verticalFlipOut;animation-name:verticalFlipOut}@-webkit-keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@keyframes horizontalFlipIn{0%{-webkit-transform:perspective(2000px) rotateY(-90deg);transform:perspective(2000px) rotateY(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}}@-webkit-keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@keyframes verticalFlipIn{0%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}100%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}}@-webkit-keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@keyframes horizontalFlipOut{0%{-webkit-transform:perspective(2000px) rotateY(0);transform:perspective(2000px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateY(90deg);transform:perspective(2000px) rotateY(90deg);opacity:0}}@-webkit-keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}@keyframes verticalFlipOut{0%{-webkit-transform:perspective(2000px) rotateX(0);transform:perspective(2000px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg);opacity:0}}.scale.transition.in{-webkit-animation-name:scaleIn;animation-name:scaleIn}.scale.transition.out{-webkit-animation-name:scaleOut;animation-name:scaleOut}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes scaleOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}}.transition.fly{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.transition.fly.in{-webkit-animation-name:flyIn;animation-name:flyIn}.transition[class*="fly up"].in{-webkit-animation-name:flyInUp;animation-name:flyInUp}.transition[class*="fly down"].in{-webkit-animation-name:flyInDown;animation-name:flyInDown}.transition[class*="fly left"].in{-webkit-animation-name:flyInLeft;animation-name:flyInLeft}.transition[class*="fly right"].in{-webkit-animation-name:flyInRight;animation-name:flyInRight}.transition.fly.out{-webkit-animation-name:flyOut;animation-name:flyOut}.transition[class*="fly up"].out{-webkit-animation-name:flyOutUp;animation-name:flyOutUp}.transition[class*="fly down"].out{-webkit-animation-name:flyOutDown;animation-name:flyOutDown}.transition[class*="fly left"].out{-webkit-animation-name:flyOutLeft;animation-name:flyOutLeft}.transition[class*="fly right"].out{-webkit-animation-name:flyOutRight;animation-name:flyOutRight}@-webkit-keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes flyIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes flyInUp{0%{opacity:0;-webkit-transform:translate3d(0,1500px,0);transform:translate3d(0,1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInDown{0%{opacity:0;-webkit-transform:translate3d(0,-1500px,0);transform:translate3d(0,-1500px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInLeft{0%{opacity:0;-webkit-transform:translate3d(1500px,0,0);transform:translate3d(1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes flyInRight{0%{opacity:0;-webkit-transform:translate3d(-1500px,0,0);transform:translate3d(-1500px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@-webkit-keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes flyOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes flyOutUp{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes flyOutDown{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes flyOutRight{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes flyOutLeft{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.transition.slide.in,.transition[class*="slide down"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].in{-webkit-animation-name:slideInY;animation-name:slideInY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].in{-webkit-animation-name:slideInX;animation-name:slideInX;-webkit-transform-origin:center left;transform-origin:center left}.transition.slide.out,.transition[class*="slide down"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="slide up"].out{-webkit-animation-name:slideOutY;animation-name:slideOutY;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="slide left"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="slide right"].out{-webkit-animation-name:slideOutX;animation-name:slideOutX;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes slideInY{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}100%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slideInX{0%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}100%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@-webkit-keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes slideOutY{0%{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}}@-webkit-keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes slideOutX{0%{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}100%{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}}.transition.swing{-webkit-animation-duration:.8s;animation-duration:.8s}.transition[class*="swing down"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].in{-webkit-animation-name:swingInX;animation-name:swingInX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].in{-webkit-animation-name:swingInY;animation-name:swingInY;-webkit-transform-origin:center left;transform-origin:center left}.transition.swing.out,.transition[class*="swing down"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:top center;transform-origin:top center}.transition[class*="swing up"].out{-webkit-animation-name:swingOutX;animation-name:swingOutX;-webkit-transform-origin:bottom center;transform-origin:bottom center}.transition[class*="swing left"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center right;transform-origin:center right}.transition[class*="swing right"].out{-webkit-animation-name:swingOutY;animation-name:swingOutY;-webkit-transform-origin:center left;transform-origin:center left}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@keyframes swingInX{0%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateX(15deg);transform:perspective(1000px) rotateX(15deg)}80%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}100%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}}@-webkit-keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@keyframes swingInY{0%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}40%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}60%{-webkit-transform:perspective(1000px) rotateY(-17.5deg);transform:perspective(1000px) rotateY(-17.5deg)}80%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}100%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@keyframes swingOutX{0%{-webkit-transform:perspective(1000px) rotateX(0);transform:perspective(1000px) rotateX(0)}40%{-webkit-transform:perspective(1000px) rotateX(-7.5deg);transform:perspective(1000px) rotateX(-7.5deg)}60%{-webkit-transform:perspective(1000px) rotateX(17.5deg);transform:perspective(1000px) rotateX(17.5deg)}80%{-webkit-transform:perspective(1000px) rotateX(-30deg);transform:perspective(1000px) rotateX(-30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg);opacity:0}}@-webkit-keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}@keyframes swingOutY{0%{-webkit-transform:perspective(1000px) rotateY(0);transform:perspective(1000px) rotateY(0)}40%{-webkit-transform:perspective(1000px) rotateY(7.5deg);transform:perspective(1000px) rotateY(7.5deg)}60%{-webkit-transform:perspective(1000px) rotateY(-10deg);transform:perspective(1000px) rotateY(-10deg)}80%{-webkit-transform:perspective(1000px) rotateY(30deg);transform:perspective(1000px) rotateY(30deg);opacity:1}100%{-webkit-transform:perspective(1000px) rotateY(-90deg);transform:perspective(1000px) rotateY(-90deg);opacity:0}}.flash.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:flash;animation-name:flash}.shake.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:shake;animation-name:shake}.bounce.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:bounce;animation-name:bounce}.tada.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:tada;animation-name:tada}.pulse.transition{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:pulse;animation-name:pulse}.jiggle.transition{-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:jiggle;animation-name:jiggle}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}50%{-webkit-transform:scale(.9);transform:scale(.9);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jiggle{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} /*! * # Semantic UI 2.2.11 - Dropdown * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.dropdown{cursor:pointer;position:relative;display:inline-block;outline:0;text-align:left;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease;-webkit-tap-highlight-color:transparent}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;margin:0;padding:0 0;background:#fff;font-size:1em;text-shadow:none;text-align:left;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:opacity .1s ease;transition:opacity .1s ease;z-index:11;will-change:transform,opacity}.ui.dropdown .menu>*{white-space:nowrap}.ui.dropdown>input:not(.search):first-child,.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{position:relative;width:auto;font-size:.85714286em;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon+.text{margin-right:1em}.ui.dropdown>.text{display:inline-block;-webkit-transition:none;transition:none}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;text-align:left;border-top:none;line-height:1em;color:rgba(0,0,0,.87);padding:.78571429rem 1.14285714rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top-width:0}.ui.dropdown .menu .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right!important;margin-right:0!important;margin-left:1em!important}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:left!important;margin-left:0!important;margin-right:1em!important}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:0}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.14285714rem;color:rgba(0,0,0,.85);font-size:.78571429em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(34,36,38,.1);height:0;margin:.5em 0}.ui.dropdown .menu>.input{width:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin:1.14285714rem .78571429rem;min-width:10rem}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{float:right;margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu>.message{padding:.78571429rem 1.14285714rem;font-weight:400}.ui.dropdown .menu>.message:not(.ui){color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%;right:auto;margin:0 0 0 -.5em!important;border-radius:.28571429rem!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;float:none;margin-right:.78571429rem}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.image,.ui.dropdown>.text>img{display:inline-block;vertical-align:top;width:auto;margin-top:-.5em;margin-bottom:-.5em;max-height:2em}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.label.dropdown .menu{min-width:100%}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.button.dropdown .menu{min-width:100%}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;line-height:1em;white-space:normal;outline:0;-webkit-transform:rotateZ(0);transform:rotateZ(0);min-width:14em;min-height:2.71428571em;background:#fff;display:inline-block;padding:.78571429em 2.1em .78571429em 1em;color:rgba(0,0,0,.87);box-shadow:none;border:1px solid rgba(34,36,38,.15);border-radius:.28571429rem;-webkit-transition:box-shadow .1s ease,width .1s ease;transition:box-shadow .1s ease,width .1s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:.5em;border:1px solid rgba(34,36,38,.15);visibility:visible}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{cursor:pointer;position:absolute;width:auto;height:auto;line-height:1.21428571em;top:.78571429em;right:1em;z-index:3;margin:-.78571429em;padding:.91666667em;opacity:.8;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.compact.selection.dropdown{min-width:0}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;border-top-width:0!important;width:auto;outline:0;margin:0 -1px;min-width:calc(100% + 2px);width:calc(100% + 2px);border-radius:0 0 .28571429rem .28571429rem;box-shadow:0 2px 3px 0 rgba(34,36,38,.15);-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown .menu>.message{padding:.78571429rem 1.14285714rem}@media only screen and (max-width:767px){.ui.selection.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.selection.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.selection.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.selection.dropdown .menu{max-height:21.37142857rem}}.ui.selection.dropdown .menu>.item{border-top:1px solid #fafafa;padding:.78571429rem 1.14285714rem!important;white-space:normal;word-wrap:normal}.ui.selection.dropdown .menu>.hidden.addition.item{display:none}.ui.selection.dropdown:hover{border-color:rgba(34,36,38,.35);box-shadow:none}.ui.selection.active.dropdown{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.dropdown:focus{border-color:#96c8da;box-shadow:none}.ui.selection.dropdown:focus .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.visible.dropdown>.text:not(.default){font-weight:400;color:rgba(0,0,0,.8)}.ui.selection.active.dropdown:hover{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.selection.active.dropdown:hover .menu{border-color:#96c8da;box-shadow:0 2px 3px 0 rgba(34,36,38,.15)}.ui.active.selection.dropdown>.dropdown.icon,.ui.visible.selection.dropdown>.dropdown.icon{opacity:1;z-index:3}.ui.active.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.empty.selection.dropdown{border-radius:.28571429rem!important;box-shadow:none!important}.ui.active.empty.selection.dropdown .menu{border:none!important;box-shadow:none!important}.ui.search.dropdown{min-width:''}.ui.search.dropdown>input.search{background:none transparent!important;border:none!important;box-shadow:none!important;cursor:text;top:0;left:1px;width:100%;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);padding:inherit}.ui.search.dropdown>input.search{position:absolute;z-index:2}.ui.search.dropdown>.text{cursor:text;position:relative;left:1px;z-index:3}.ui.search.selection.dropdown>input.search{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em}.ui.search.selection.dropdown>span.sizer{line-height:1.21428571em;padding:.67857143em 2.1em .67857143em 1em;display:none;white-space:pre}.ui.search.dropdown.active>input.search,.ui.search.dropdown.visible>input.search{cursor:auto}.ui.search.dropdown.active>.text,.ui.search.dropdown.visible>.text{pointer-events:none}.ui.active.search.dropdown input.search:focus+.text .flag,.ui.active.search.dropdown input.search:focus+.text .icon{opacity:.45}.ui.active.search.dropdown input.search:focus+.text{color:rgba(115,115,115,.87)!important}.ui.search.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch}@media only screen and (max-width:767px){.ui.search.dropdown .menu{max-height:8.01428571rem}}@media only screen and (min-width:768px){.ui.search.dropdown .menu{max-height:10.68571429rem}}@media only screen and (min-width:992px){.ui.search.dropdown .menu{max-height:16.02857143rem}}@media only screen and (min-width:1920px){.ui.search.dropdown .menu{max-height:21.37142857rem}}.ui.multiple.dropdown{padding:.22619048em 2.1em .22619048em .35714286em}.ui.multiple.dropdown .menu{cursor:auto}.ui.multiple.search.dropdown,.ui.multiple.search.dropdown>input.search{cursor:text}.ui.multiple.dropdown>.label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:top;white-space:normal;font-size:1em;padding:.35714286em .78571429em;margin:.14285714rem .28571429rem .14285714rem 0;box-shadow:0 0 0 1px rgba(34,36,38,.15) inset}.ui.multiple.dropdown .dropdown.icon{margin:'';padding:''}.ui.multiple.dropdown>.text{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.dropdown>.label~input.search{margin-left:.14285714em!important}.ui.multiple.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>.text{display:inline-block;position:absolute;top:0;left:0;padding:inherit;margin:.45238095em 0 .45238095em .64285714em;line-height:1.21428571em}.ui.multiple.search.dropdown>.label~.text{display:none}.ui.multiple.search.dropdown>input.search{position:static;padding:0;max-width:100%;margin:.45238095em 0 .45238095em .64285714em;width:2.2em;line-height:1.21428571em}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .5em 0 .21428571em;vertical-align:baseline}.ui.inline.dropdown>.text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.21428571em;border-radius:.28571429rem}.ui.dropdown .menu .active.item{background:0 0;font-weight:700;color:rgba(0,0,0,.95);box-shadow:none;z-index:12}.ui.dropdown .menu>.item:hover{background:rgba(0,0,0,.05);color:rgba(0,0,0,.95);z-index:13}.ui.loading.dropdown>i.icon{height:1em!important}.ui.loading.selection.dropdown>i.icon{padding:1.5em 1.28571429em!important}.ui.loading.dropdown>i.icon:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loading.dropdown>i.icon:after{position:absolute;content:'';top:50%;left:50%;box-shadow:0 0 0 1px transparent;margin:-.64285714em 0 0 -.64285714em;width:1.28571429em;height:1.28571429em;-webkit-animation:dropdown-spin .6s linear;animation:dropdown-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em}.ui.loading.dropdown.button>i.icon:after,.ui.loading.dropdown.button>i.icon:before{display:none}@-webkit-keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dropdown-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.default.dropdown:not(.button)>.text,.ui.dropdown:not(.button)>.default.text{color:rgba(191,191,191,.87)}.ui.default.dropdown:not(.button)>input:focus+.text,.ui.dropdown:not(.button)>input:focus+.default.text{color:rgba(115,115,115,.87)}.ui.loading.dropdown>.text{-webkit-transition:none;transition:none}.ui.dropdown .loading.menu{display:block;visibility:hidden;z-index:-1}.ui.dropdown>.loading.menu{left:0!important;right:auto!important}.ui.dropdown>.menu .loading.menu{left:100%!important;right:auto!important}.ui.dropdown .menu .selected.item,.ui.dropdown.selected{background:rgba(0,0,0,.03);color:rgba(0,0,0,.95)}.ui.dropdown>.filtered.text{visibility:hidden}.ui.dropdown .filtered.item{display:none!important}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#9f3a38}.ui.selection.dropdown.error{background:#fff6f6;border-color:#e0b4b4}.ui.selection.dropdown.error:hover{border-color:#e0b4b4}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item{color:#9f3a38}.ui.multiple.selection.error.dropdown>.label{border-color:#e0b4b4}.ui.dropdown.error>.menu>.item:hover{background-color:#fff2f2}.ui.dropdown.error>.menu .active.item{background-color:#fdcfcf}.ui.disabled.dropdown,.ui.dropdown .menu>.disabled.item{cursor:default;pointer-events:none;opacity:.45}.ui.dropdown .menu{left:0}.ui.dropdown .menu .right.menu,.ui.dropdown .right.menu>.menu{left:100%!important;right:auto!important;border-radius:.28571429rem!important}.ui.dropdown>.left.menu{left:auto!important;right:0!important}.ui.dropdown .menu .left.menu,.ui.dropdown>.left.menu .menu{left:auto;right:100%;margin:0 -.5em 0 0!important;border-radius:.28571429rem!important}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon,.ui.dropdown .left.menu .item .dropdown.icon{width:auto;float:left;margin:0}.ui.dropdown .item .left.dropdown.icon+.text,.ui.dropdown .left.menu .item .dropdown.icon+.text{margin-left:1em;margin-right:0}.ui.upward.dropdown>.menu{top:auto;bottom:100%;box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:.28571429rem .28571429rem 0 0}.ui.dropdown .upward.menu{top:auto!important;bottom:0!important}.ui.simple.upward.active.dropdown,.ui.simple.upward.dropdown:hover{border-radius:.28571429rem .28571429rem 0 0!important}.ui.upward.dropdown.button:not(.pointing):not(.floating).active{border-radius:.28571429rem .28571429rem 0 0}.ui.upward.selection.dropdown .menu{border-top-width:1px!important;border-bottom-width:0!important;box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.upward.selection.dropdown:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.05)}.ui.active.upward.selection.dropdown{border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.selection.dropdown.visible{box-shadow:0 0 3px 0 rgba(0,0,0,.08);border-radius:0 0 .28571429rem .28571429rem!important}.ui.upward.active.selection.dropdown:hover{box-shadow:0 0 3px 0 rgba(0,0,0,.05)}.ui.upward.active.selection.dropdown:hover .menu{box-shadow:0 -2px 3px 0 rgba(0,0,0,.08)}.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto}.ui.scrolling.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:touch;min-width:100%!important;width:auto!important}.ui.dropdown .scrolling.menu{position:static;overflow-y:auto;border:none;box-shadow:none!important;border-radius:0!important;margin:0!important;min-width:100%!important;width:auto!important;border-top:1px solid rgba(34,36,38,.15)}.ui.dropdown .scrolling.menu>.item.item.item,.ui.scrolling.dropdown .menu .item.item.item{border-top:none}.ui.dropdown .scrolling.menu .item:first-child,.ui.scrolling.dropdown .menu .item:first-child{border-top:none}.ui.dropdown>.animating.menu .scrolling.menu,.ui.dropdown>.visible.menu .scrolling.menu{display:block}@media all and (-ms-high-contrast:none){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{min-width:calc(100% - 17px)}}@media only screen and (max-width:767px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:10.28571429rem}}@media only screen and (min-width:768px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:15.42857143rem}}@media only screen and (min-width:992px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}@media only screen and (min-width:1920px){.ui.dropdown .scrolling.menu,.ui.scrolling.dropdown .menu{max-height:20.57142857rem}}.ui.simple.dropdown .menu:after,.ui.simple.dropdown .menu:before{display:none}.ui.simple.dropdown .menu{position:absolute;display:block;overflow:hidden;top:-9999px!important;opacity:0;width:0;height:0;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}.ui.simple.active.dropdown,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.active.dropdown>.menu,.ui.simple.dropdown:hover>.menu{overflow:visible;width:auto;height:auto;top:100%!important;opacity:1}.ui.simple.dropdown:hover>.menu>.item:hover>.menu,.ui.simple.dropdown>.menu>.item:active>.menu{overflow:visible;width:auto;height:auto;top:0!important;left:100%!important;opacity:1}.ui.simple.disabled.dropdown:hover .menu{display:none;height:0;width:0;overflow:hidden}.ui.simple.visible.dropdown>.menu{display:block}.ui.fluid.dropdown{display:block;width:100%;min-width:0}.ui.fluid.dropdown>.dropdown.icon{float:right}.ui.floating.dropdown .menu{left:0;right:auto;box-shadow:0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)!important;border-radius:.28571429rem!important}.ui.floating.dropdown>.menu{margin-top:.5em!important;border-radius:.28571429rem!important}.ui.pointing.dropdown>.menu{top:100%;margin-top:.78571429rem;border-radius:.28571429rem}.ui.pointing.dropdown>.menu:after{display:block;position:absolute;pointer-events:none;content:'';visibility:visible;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.5em;height:.5em;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15);background:#fff;z-index:2}.ui.pointing.dropdown>.menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu{top:100%;bottom:auto;left:0;right:auto;margin:1em 0 0}.ui.top.left.pointing.dropdown>.menu:after{top:-.25em;left:1em;right:auto;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown>.menu{top:100%;bottom:auto;right:0;left:auto;margin:1em 0 0}.ui.top.pointing.dropdown>.left.menu:after,.ui.top.right.pointing.dropdown>.menu:after{top:-.25em;left:auto!important;right:1em!important;margin:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown>.menu{top:0;left:100%;right:auto;margin:0 0 0 1em}.ui.left.pointing.dropdown>.menu:after{top:1em;left:-.25em;margin:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu{left:auto!important;right:100%!important;margin:0 1em 0 0}.ui.left:not(.top):not(.bottom).pointing.dropdown>.left.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.right.pointing.dropdown>.menu{top:0;left:auto;right:100%;margin:0 1em 0 0}.ui.right.pointing.dropdown>.menu:after{top:1em;left:auto;right:-.25em;margin:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.ui.bottom.pointing.dropdown>.menu{top:auto;bottom:100%;left:0;right:auto;margin:0 0 1em}.ui.bottom.pointing.dropdown>.menu:after{top:auto;bottom:-.25em;right:auto;margin:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.ui.bottom.pointing.dropdown>.menu .menu{top:auto!important;bottom:0!important}.ui.bottom.left.pointing.dropdown>.menu{left:0;right:auto}.ui.bottom.left.pointing.dropdown>.menu:after{left:1em;right:auto}.ui.bottom.right.pointing.dropdown>.menu{right:0;left:auto}.ui.bottom.right.pointing.dropdown>.menu:after{left:auto;right:1em}.ui.pointing.upward.dropdown .menu,.ui.top.pointing.upward.dropdown .menu{top:auto!important;bottom:100%!important;margin:0 0 .78571429rem;border-radius:.28571429rem}.ui.pointing.upward.dropdown .menu:after,.ui.top.pointing.upward.dropdown .menu:after{top:100%!important;bottom:auto!important;box-shadow:1px 1px 0 0 rgba(34,36,38,.15);margin:-.25em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 1em 0 0}.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu{top:auto!important;bottom:0!important;margin:0 0 0 1em}.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after{top:auto!important;bottom:0!important;margin:0 0 1em 0;box-shadow:-1px -1px 0 0 rgba(34,36,38,.15)}@font-face{font-family:Dropdown;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');font-weight:400;font-style:normal}.ui.dropdown>.dropdown.icon{font-family:Dropdown;line-height:1;height:1em;width:1.23em;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:400;font-style:normal;text-align:center}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.dropdown.icon:before{content:'\f0d7'}.ui.dropdown .menu .item .dropdown.icon:before{content:'\f0da'}.ui.dropdown .item .left.dropdown.icon:before,.ui.dropdown .left.menu .item .dropdown.icon:before{content:"\f0d9"}.ui.vertical.menu .dropdown.item>.dropdown.icon:before{content:"\f0da"} /* End */ /* Start:/local/templates/main/css/style.css?177487943772316*/ /*@font-face{ font-family:'Circe'; src:url('/local/templates/main/css/../fonts/Circe-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/css/../fonts/Circe-ExtraLight.otf') format('opentype'), url('/local/templates/main/css/../fonts/Circe-ExtraLight.woff') format('woff'), url('/local/templates/main/css/../fonts/Circe-ExtraLight.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Circe-ExtraLight.svg#Circe-ExtraLight') format('svg'); font-weight:200; font-style: normal; } @font-face{ font-family:'Circe'; src:url('/local/templates/main/css/../fonts/Circe-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/css/../fonts/Circe-Light.otf') format('opentype'), url('/local/templates/main/css/../fonts/Circe-Light.woff') format('woff'), url('/local/templates/main/css/../fonts/Circe-Light.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Circe-Light.svg#Circe-Light') format('svg'); font-weight:300; font-style: normal; } @font-face{ font-family:'Circe'; src:url('/local/templates/main/css/../fonts/Circe-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/css/../fonts/Circe-Regular.otf') format('opentype'), url('/local/templates/main/css/../fonts/Circe-Regular.woff') format('woff'), url('/local/templates/main/css/../fonts/Circe-Regular.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Circe-Regular.svg#Circe-Regular') format('svg'); font-weight:500; font-style: normal; } @font-face { font-family: 'Circe'; src: url('/local/templates/main/css/../fonts/Pobeda-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/css/../fonts/Pobeda-Bold.wof') format('woff'), url('/local/templates/main/css/../fonts/Pobeda-Bold.ttf') format('truetype'), url('/local/templates/main/css/../fonts/Pobeda-Bold.svg#Pobeda-Bold') format('svg'); font-weight: 600; font-style: normal; }*/ @font-face { font-family: 'Proxima Nova'; src: url('/local/templates/main/fonts/ProximaNova-Regular.eot'); src: url('/local/templates/main/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ProximaNova-Regular.woff') format('woff'), url('/local/templates/main/fonts/ProximaNova-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('/local/templates/main/fonts/ProximaNova-Semibold.eot'); src: url('/local/templates/main/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/fonts/ProximaNova-Semibold.woff') format('woff'), url('/local/templates/main/fonts/ProximaNova-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } body{ font-size: 14px; font-family: 'Proxima Nova', 'Segoe UI', Tahoma, Arial, sans-serif; /*background:#f1f1f1;*/ color:#2c2c2c; font-weight: 400; } /* *{ -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } */ a{ color:#000000; text-decoration:none; } #list{ max-width:100%; overflow:hidden; min-height:100%; min-width: 320px; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*padding-bottom: 265px;*/ } .list{ width:1310px; margin: 0 auto; max-width:96%; } .page-header h1{ font-size: 24px; color:#ababab; text-align:center; text-transform: uppercase; font-weight:300; padding: 40px 0px 30px 0px; } .centered{ text-align:center; } .btn{ display: inline-block; width: 198px; text-align:center; height: 34px; line-height: 34px; border: 1px solid #2a4457; color:#2a4457; font-size: 16px; font-weight: 300; position:relative; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s; } .btn:before{ content: ""; position:absolute; display: block; width: 9px; height: 14px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -145px -59px; right: 10px; top: 50%; margin-top: -7px; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; transition: right 0.4s; } .btn:hover{ background: rgba(42,68,87, 0.1); } .btn:hover:before{ right: 6px; } /********************************************/ #header{ /*padding: 45px 0px 15px;*/ padding: 15px 0px; min-height: 35px; position:relative; border-bottom: 1px solid #d7d7d7; } #header .header_wrap{ padding: 0px 215px; position:relative; } #header .logo{ width: 180px; display: block; position:absolute; left: 0px; /* height: 59px; background: url(/local/templates/main/css/../img/marmaxlogo.png) no-repeat 0px 0px; bottom: 0px;*/ height: 35px; /*background: url(/local/templates/main/css/../img/imgs.png) no-repeat 0px 0px;*/ background: url(/local/templates/main/css/../img/marmax20.svg) no-repeat 0px 0px; background-size: 180px auto; margin-top: 4px; top: 0px; } #header .phone{ padding-left: 40px; line-height: 31px; font-size: 24px; color:#39404b; font-weight: 300; position:absolute; right: 0px; top: 0px; } #header .phone span{ color:#7d8490; } #header .phone:before{ content: ""; position:absolute; display: block; width: 31px; height: 31px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat 0px -36px; left: 0px; top: 0px; } #header .top_menu .nav-child{ display: none; } #header .top_menu{ } #header .top_menu .nav.menu{ display: block; text-align:center; } #header .top_menu .nav.menu li{ text-transform: uppercase; font-size: 12px; display: inline-block; position:relative; vertical-align: top; padding: 10px 20px 0px 20px; /*display: flex;*/ } #header .top_menu .nav.menu li a{ color:#39404b; opacity: 0.8; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } #header .top_menu .nav.menu li a:hover{ opacity: 1; } #header .top_menu .nav.menu li.deeper.parent{ position:relative; padding-right: 35px; } #header .top_menu .nav.menu li.deeper.parent:after{ content: ""; display: inline-block; width: 6px; height: 10px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -34px -36px; margin-left: 12px; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; position: absolute; right: 20px; top: 50%; margin-top: -2px; } #header .top_menu .nav.menu li.deeper.parent:hover:after, #header .top_menu .nav.menu li.deeper.parent.hover:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } #header .submenu{ background:#39404b; text-align:center; position:absolute; top: 100%; left: 0px; right: 0px; z-index: 10; display: block; } .home #header .submenu, #header .submenu{ display: none; } #header .submenu ul{ display: block; } #header .submenu ul li{ display: inline-block; vertical-align: top; text-transform: uppercase; font-size: 12px; padding: 0px 5px; } #header .submenu ul li a{ display: block; color:#ffffff; line-height: 35px; padding: 0px 15px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; transition: background 0.5s; } #header .submenu ul li a:hover, #header .submenu ul li.current.active a{ background:#49515d; } #header .top_menu .mob_menu{ width: 46px; float: right; margin-top: 14px; /* height: 26px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -154px -84px;*/ display: none; position:relative; height: 2px; background: #02203D; z-index: 101; } #header .top_menu .mob_menu:before, #header .top_menu .mob_menu:after{ content: ""; position:absolute; display: block; left:0px; width: 46px; height: 12px; transition: border-color 0.4s, transform 0.4s; } #header .top_menu .mob_menu:before{ top: -12px; border-top: 2px solid #02203D; } #header .top_menu .mob_menu:after{ top: 0px; border-bottom: 2px solid #02203D; } #header .top_menu span{ position:absolute; right: 100%; margin-right: 20px; font-size: 16px; color:#02203D; top:-10px; } #header .top_menu .mob_menu.active{ background: transparent; } #header .top_menu .mob_menu.active:before{ transform: rotate(45deg); transform-origin: 8px 3px; border-top: 2px solid #ffffff; } #header .top_menu .mob_menu.active:after{ transform: rotate(-45deg); transform-origin: 6px 10px; border-bottom: 2px solid #ffffff; } #header .top_menu .mob_menu.active span{ color: #ffffff; } #header .top_menu .closemenu{ width: 13px; height: 13px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -159px -119px; position:fixed; right: 15px; top: 15px; z-index: 101; display: none; } /********************************************/ #main_content .main_creatives{ display: block; overflow: hidden; height: 600px; } #main_content .main_creatives a{ display: block; background: no-repeat center; height: 600px; } #main_content .main_creatives .creative{ position:relative; } /* #main_content .slick-arrow{ position:absolute; font-size: 0px; width: 38px; height: 71px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -41px -36px; z-index: 10; top: 50%; margin-top: -35px; left: 50%; cursor:pointer; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } #main_content .slick-arrow.slick-prev{ margin-left: -650px; } #main_content .slick-arrow.slick-next{ margin-left: 612px; background-position: -79px -36px; } #main_content .slick-arrow:hover{ opacity: 0.8; } */ #main_content .main_creatives .slick-arrow{ width: 60px; height: 60px; display: block; font-size: 0px; position:absolute; z-index: 10; /*bottom: 20px;*/ cursor:pointer; left: 2%; background: transparent; margin-top: -30px; top: 50%; } #main_content .main_creatives .slick-arrow:after{ content: ""; position:absolute; display: block; left: 0px; right: 0px; top: 0px; bottom: 0px; background:rgba(255, 255, 255, 0.1); opacity: 0; transition: opacity 0.4s; } #main_content .main_creatives .slick-arrow:hover:after{ opacity: 1; } #main_content .main_creatives .slick-arrow:before{ content: ""; position:absolute; width: 16px; height: 30px; top: 15px; left: 22px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -180px -36px; } #main_content .main_creatives .slick-arrow.slick-next{ right: 2%; left: auto; } #main_content .main_creatives .slick-arrow.slick-next:before{ background-position: -196px -36px; } /* #main_content .main_creatives .slick-dots{ position:absolute; display: block; bottom: 35px; left: 0px; right: 0px; text-align:center; z-index: 10; font-size: 0px; } #main_content .main_creatives .slick-dots li{ display: inline-block; vertical-align:top; padding: 0px 11px; } #main_content .main_creatives .slick-dots li button{ display: block; font-size: 0px; width: 26px; height: 3px; background:rgba(255, 255, 255, 0.2); } #main_content .main_creatives .slick-dots li.slick-active button{ background:rgba(255, 255, 255, 0.5); } */ #main_content .main_creatives .slick-dots{ position:absolute; display: block; display: block; font-size: 0px; position:absolute; z-index: 10; cursor:pointer; /*left: 50%; margin-left: 540px;*/ margin-top: 145px; bottom: 30px; padding: 13px 0; right: 50%; margin-right: -664px; } #main_content .main_creatives .slick-dots li{ display: inline-block; vertical-align: top; } #main_content .main_creatives .slick-dots li + li{ padding-left: 13px; } #main_content .main_creatives .slick-dots li button{ width: 10px; height: 10px; border-radius: 5px; background:#ffffff; border: 1px solid #ffffff; font-size: 0px; padding: 0px; } #main_content .main_creatives .slick-dots li.slick-active button{ border: 1px solid #ffffff; background:transparent; } /****************************************/ .mx_popup{ display: none; } #footer{ /*background:#e6e6e6;*/ border-top: 1px solid #DBDBDB; padding: 20px 0px 0; margin-top: 50px; font-size: 12px; color:#39404b; line-height: 1.1; font-weight: 300; /* position: absolute; bottom: 0px; left: 0px; right: 0px;*/ } #footer .logo_block{ /*width: 320px;*/ vertical-align: top; padding: 12px 0; } #footer .logo_block > div{ padding-bottom: 20px; vertical-align: top; display: flex; justify-content: space-around; } #footer .logo_block > div > div{ vertical-align: top; position:relative; padding-top: 68px; text-align:center; padding-left: 2%; padding-right: 2%; } #footer .logo_block > div > div:before{ content: ""; position:absolute; top: 0px; left: 50%; margin-left: -28px; } #footer .logo_block > div > div.medalka:before{ width: 56px; height: 56px; background: url(/local/templates/main/css/../img/medalka.png) no-repeat 0px 0px; background-size: 56px 56px; } #footer .logo_block > div > div.medalka2:before{ width: 57px; height: 57px; background: url(/local/templates/main/css/../img/mefalka2.png) no-repeat 0px 0px; background-size: 57px 57px; } #footer .logo_block > div > div.erz:before{ width: 159px; height: 34px; top: 12px; margin-left: -80px; background: url(/local/templates/main/css/../img/erz.png) no-repeat 0px 0px; background-size: 159px 34px; } #footer .logo_block > div > div.erz.prize:before, #footer .logo_block > div > div.erz.prize2:before{ width: 50px; height: 65px; top: 0; margin-left: -25px; background: url(/local/templates/main/css/../img/min_fua.png) no-repeat 0px 0px; background-size: 50px auto; } #footer .logo_block > div > div.erz.prize2:before{ background: url(/local/templates/main/css/../img/min_fua22.png) no-repeat 0px 0px; } #footer .logo_block > div > div.vill:before{ width: 46px; height: 63px; margin-left: -23px; background: url(/local/templates/main/css/../img/vil_sh.png) no-repeat 0px 0px; background-size: 46px 63px; } #footer .logo_block .logo{ display: block; width: 164px; height: 30px; background: url(/local/templates/main/css/../img/marmax20.svg) no-repeat 0px 0px; background-size: 164px auto; } #footer .logo_block .slogan{ padding: 20px 0px; } #footer .contacts_block{ float:right; width: 200px; text-align:left; } #footer .contacts_block .social{ } #footer .contacts_block .social a{ width: 26px; height: 26px; display: inline-block; vertical-align: top; background: url(/local/templates/main/css/../img/imgs.png) no-repeat 0px -67px; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } #footer .contacts_block .social a + a{ margin-left: 14px; } #footer .contacts_block .social a.soc1{background-position: 0px -67px;} #footer .contacts_block .social a.soc2{background-position: 0px -93px;} #footer .contacts_block .social a.soc3{background-position: 0px -119px;} #footer .contacts_block .social a.soc4{background: url(/local/templates/main/css/../img/marmax_youtube.png) no-repeat 0px 0px;} #footer .contacts_block .social a:hover{ opacity: 0.8; } #footer .contacts_item{ padding-top: 15px; } #footer .contacts_item div{ padding-left: 28px; line-height: 22px; margin-top: 10px; position:relative; } #footer .contacts_item div:before{ content: ""; display: block; position:absolute; left: 0px; top: 0px; width: 18px; height: 22px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -36px; } #footer .contacts_item div.phone:before{background-position: -117px -36px;} #footer .contacts_item div.location:before{background-position: -135px -36px;} #footer .contacts_item div.mail:before{background-position: -153px -36px;} #footer .contacts_item div a{ color:#39404b; } #footer .contacts_item div a:hover{ text-decoration: underline; }/* #footer .nav.menu{ float:left; display: block; font-size: 14px; padding-left: 1%; } #footer .nav.menu > li{ float:left; padding: 0 40px 0 20px; } #footer .nav.menu > li + li{ padding-right:30px; padding-left:30px; } #footer .nav.menu > li span{ display: none; } #footer .nav.menu li ul, #footer .nav.menu li ul li{ display: block; float: none; } #footer .nav.menu li ul li + li{ padding-top: 15px; } #footer .nav.menu li a{ color:#39404b; } #footer .nav.menu li a:hover{ text-decoration: underline; }*/ /********************************************/ .project_box{ width: 320px; height: 420px; max-width: 100%; position:relative; z-index: 2; padding: 20px; color:#2C2C2C; /*font-weight: 300;*/ line-height: 1; font-size: 14px; display: inline-block; vertical-align: top; margin: 5px; overflow:hidden; text-align: left; border: 1px solid #DBDBDB; padding: 210px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .project_box > *{ z-index: 3; position:relative; } .project_box .project_title{ font-size: 18px; height: 30px; /*max-width: 200px;*/ } .project_box .project_slogan{ font-size: 14px; } .project_box .color_line{ /*height: 20px; display: inline-block;*/ position:relative; margin-top: 18px; max-width: 215px; line-height: 18px; } .project_box .color_line span{ line-height: 20px; color:#ffffff; background:#cf0f0f; padding: 3px 8px; box-decoration-break: clone; -webkit-box-decoration-break: clone; } /* .project_box .color_line:before{ content: ""; position:absolute; left: 100%; top: 0px; border: 10px solid transparent; border-left: 10px solid #cf0f0f; border-top: 10px solid #cf0f0f; }*/ .project_box .color_line.green span{ background:#3e7331; }/* .project_box .color_line.green:before{ border-left: 10px solid #3e7331; border-top: 10px solid #3e7331; }*/ .project_box .color_line.orange span{ background:#f16600; }/* .project_box .color_line.orange:before{ border-left: 10px solid #f16600; border-top: 10px solid #f16600; }*/ .project_box .project_link{ position:absolute; bottom: 20px; left: 20px; width: 120px; height: 36px; border: 1px solid #DBDBDB; text-align:center; line-height: 34px; color:#02203D; z-index: 11; -webkit-transition: border-color 0.4s; -moz-transition: border-color 0.4s; transition: border-color 0.4s; } .project_box:hover .project_link{ border-color: #02203D; } /* .project_box .project_link:after{ content: ""; width: 8px; height: 14px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -119px -59px; display: inline-block; vertical-align: top; margin-left:16px; margin-top: 10px; position:relative; left: 0px; -webkit-transition: left 0.4s; -moz-transition: left 0.4s; transition: left 0.4s; } .project_box .project_link:hover{ background: rgba(255, 255, 255, 0.1); } .project_box .project_link:hover:after{ left: 7px; }*/ .project_box .project_address{ padding-left: 25px; /*bottom: 35px; top: 188px;*/ bottom: 75px; left: 20px; margin-top: 20px; line-height: 20px; position:absolute; max-width: 200px; } .project_box .project_address:before{ content: ""; position:absolute; display: block; left: 0px; top: 0px; width: 17px; height: 18px; background: url(/local/templates/main/css/../imgs/marker1.svg) no-repeat center; } .project_box .project_box_bg{ position:absolute; top: 0px; left: 0px; right: 0px; height: 190px; z-index: 1; background-size: 100% auto; -webkit-transition: opacity 0.7s, transform 0.7s; -moz-transition: opacity 0.7s, transform 0.7s; transition: opacity 0.7s, transform 0.7s; } .project_box .project_box_link{ position:absolute; display: block; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 10; }/* .project_box:hover .project_box_bg{ opacity: 0.6; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }*/ .project_box .project_shield{ position:absolute; width: 80px; height: 120px; top: 20px; right: 20px; background-repeat: no-repeat; } /**************/ @media screen and (min-width: 660px) { .project_box[data-city="kursk"]{ width: 630px; height: 230px; padding: 20px 20px 20px 330px; } .project_box[data-city="kursk"] .project_box_bg{ right: auto; bottom:0; width:300px; height: auto; background-size: cover; } .project_box[data-city="kursk"] .project_link{ left: 330px; bottom: 20px; } } .projects_wrap{ font-size: 0px; margin: 0px -12px; padding-bottom: 50px; text-align:center; display: flex; flex-wrap: wrap; justify-content: center; } @media screen and (max-width: 768px){ .projects_wrap{ display: grid; grid-template-columns: 1fr 1fr; } } /**********************************************/ .projects_cat_title{ background: #515b5d url(/local/templates/main/css/../img/bg_project_cat.jpg) no-repeat center fixed; padding: 60px 0px 70px 0px; font-weight: 300; font-size: 24px; color:#ffffff; text-align:center; /*margin-bottom: 35px;*/ line-height: 1.1; margin-top: 33px; font-weight: 300; } /* .projects_cat_title .projects_cat_text{ max-width: 600px; margin: 0 auto; }*/ .projects_cat_title.team_cat{ height: 200px; padding: 0px; background: url(/local/templates/main/css/../img/bg_team.jpg) no-repeat center top fixed; } .projects_cat_title.team_cat .projects_cat_text{ padding-top: 85px; } .projects_cat_title.careers_cat{ height: 200px; padding: 0px; background: url(/local/templates/main/css/../img/bg_carier.jpg) no-repeat center top fixed; } .projects_cat_title.careers_cat .projects_cat_text{ padding-top: 75px; } .projects_cat_title.partners_cat{ height: 200px; padding: 0px; background: url(/local/templates/main/css/../img/bg_partner.jpg) no-repeat center top fixed; } .projects_cat_title.partners_cat .projects_cat_text{ padding-top: 75px; } .breadcrumb{ display: block; font-size: 0px; color:#a3a3a3; /*margin: 22px 0px 12px;*/ margin: 42px 0px 12px; } .category-desc + .list .breadcrumb{ margin: 22px 0px 12px; } .breadcrumb li{ display: inline-block; vertical-align: top; font-size: 12px; } .breadcrumb li .divider{ padding: 0px 10px; } .breadcrumb li a{ color:#2a4457; text-decoration: underline; } .breadcrumb li a:hover{ text-decoration: none; } .main_creatives .list{ position:relative; display: flex; align-items: center; } #main_content .main_creatives .creative{ background-size: cover; } #main_content > div.precontent > div > div > div > div:nth-child(5) .creative{ background-position: 90% 60%; } #main_content .main_creatives .creative > a{ position:absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 2; } .creative_box{ left: 0px; width: 625px; padding: 20px 0px 10px; text-align:left; color: #ffffff; box-sizing: border-box; font-weight: 300; font-size: 62px; letter-spacing: -0.02em; line-height: 1; background: transparent !important; } .creative_box .creative_logo{ padding-bottom: 15px; } .creative_box .creative_title{ font-size: 62px; font-weight: 600; padding-bottom: 10px; } .creative_box.invert{ color: rgba(0,0,0,0.8); } .creative_box .more{ letter-spacing: 0; } #main_content .main_creatives a.more{ /*margin-top: 22px;*/ font-weight: 400; font-size: 18px; color: #000000; margin-top: 40px; width: 160px; height: 50px !important; line-height: 50px; background: #FFFFFF; text-align:center; transition: background 0.4s; position:relative; z-index: 3; } #main_content .main_creatives a.more{ background: #F1F1F1; } /************************/ .page-preheader{ text-align:center; padding: 30px 0px; text-align:center; font-size: 24px; color:#2c2c2c; font-weight: 300; } .page-minheader{ color:#000002; font-size: 18px; font-weight: 300; text-align:center; padding: 40px 0px; } .page-minheader p{ padding: 9px 0px; } .custom-invest, .custom-mission, .custom-bankform{ height: 245px; background:#4c484b url(/local/templates/main/css/../img/bg_invest.jpg) no-repeat top center fixed; text-align:center; font-size: 24px; font-weight: 300; color:#ffffff; /*background-size: cover;*/ } .custom-invest > div{ padding-top: 100px; } .custom-mission{ background:#6a7a90 url(/local/templates/main/css/../img/bg_mission.jpg) no-repeat top center fixed; } .custom-mission > div{ padding-top: 135px; font-size: 24px; } .custom-bankform{ background:#6a7a90 url(/local/templates/main/css/../img/bg-formbank.jpg) no-repeat top center fixed; } @media screen and (min-width: 1921px) { .custom-bankform{ background:#6a7a90 url(/local/templates/main/css/../img/bg-formbank.jpg) no-repeat top center; background-size: cover; } } .custom-bankform > div{ padding-top: 100px; font-size: 24px; } .invest{ font-size: 0px; text-align:center; } .invest .item{ display: inline-block; vertical-align: top; width: 21%; padding: 50px 2%; text-align:center; font-size: 16px; color:#2c2c2c; } .invest .item .ico{ display: block; margin: 0px auto 40px auto; width: 85px; height: 85px; background: #39404b url(/local/templates/main/css/../img/icons.png?ver=1.1) no-repeat 0px 0px; } .invest .item.item2 .ico{ background-position: -85px 0px; } .invest .item.item3 .ico{ background-position: -170px 0px; } .invest .item.item4 .ico{ background-position: -255px 0px; } .row{ font-size: 0px; text-align:center; margin: 0px -25px; font-weight: 300; } .row .col3, .row .col2{ vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; display: inline-block; width: 33%; width: 33.33%; padding: 25px; text-align:left; } .row .col2{ width: 50%; } .mission .item{ padding-left: 75px; position:relative; } .mission .item .invest_title{ color:#39404b; font-size: 18px; font-weight: 500; display: block; padding-bottom: 13px; } .mission .item .ico{ position:absolute; display: block; left: 0px; top: 0px; width: 50px; height: 50px; background:#39404b url(/local/templates/main/css/../img/icons.png?ver=1.1) no-repeat 0px -85px; } .mission .item2 .ico{ background-position: -50px -85px; } .mission .item3 .ico{ background-position: -100px -85px; } .mission .item4 .ico{ background-position: -150px -85px; } .mission .item5 .ico{ background-position: -200px -85px; } .mission .item6 .ico{ background-position: -250px -85px; } .main_contacts{ float:left; width: 65%; } .soc_contacts{ float:left; width: 35%; } .main_contacts .item{ padding-left: 60px; position:relative; margin-bottom: 18px; min-height: 40px; padding-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; } .main_contacts .item:before{ content: ""; position:absolute; left: 0px; top: 0px; display: block; width: 40px; height: 40px; background:#39404b url(/local/templates/main/css/../img/icons.png?ver=1.1) no-repeat 0px -135px; } .main_contacts .item2:before{ background-position: -40px -135px; } .main_contacts .item3:before{ background-position: -80px -135px; } .main_contacts .item4:before{ background-position: -120px -135px; } .main_contacts .item5{ padding-top: 4px; margin-top: 45px; } .main_contacts .item5:before{ background: #39404b url(/local/templates/main/css/../img/ico5.png) no-repeat center; background-size: 40px 40px; } .main_contacts .item2, .main_contacts .item4{ padding-top: 5px; } .ur_contacts{ padding-top: 20px; color:#939393; font-size: 12px; } .soc_contacts .soc_title{ padding-bottom: 36px; } .soc_contacts a{ padding-left: 60px; position:relative; display: block; margin-bottom: 18px; min-height: 40px; padding-top: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.2; } .soc_contacts a:before{ content: ""; position:absolute; left: 0px; top: 0px; display: block; width: 40px; height: 40px; background:#39404b url(/local/templates/main/css/../img/icons.png?ver=1.1) no-repeat -160px -135px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s; } .soc_contacts a.item2:before{ background-position: -200px -135px; } .soc_contacts a.item3:before{ background-position: -240px -135px; } .soc_contacts a.item4:before{ background-position: -286px -135px; } .soc_contacts a:hover:before{ background-color: #344e78; } #map{ height: 430px; background:#cccccc; } /*************************************************/ .blog-team > .list > div{ font-size: 0px; max-width: 800px; text-align:center; margin: 0 auto; } /* .team_box{ position:relative; background:#ffffff; height: 250px; padding-left: 240px; margin: 20px 0px 0px 0px; overflow: hidden; } .team_box .photo_box{ position:absolute; top: 0px; left: 0px; width: 240px; } .team_box .text_wrap{ width: 100%; display: table; } .team_box .text_wrap > div{ height: 200px; display: table-cell; vertical-align: middle; padding: 25px 50px; font-weight: 300; text-align: left; } .team_box .team_name{ font-size: 30px; color:#2c2c2c; } .team_box .team_busy{ font-size: 18px; color:#757575; } .team_box .team_quote_wrap{ position:absolute; top: 0px;bottom: 0px; left: 240px;right: 0px; background: rgba(57, 64, 75, 0.95); z-index: 10; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .team_box .team_quote_wrap .team_quote{ width: 100%; display: table; } .team_box .team_quote_wrap .team_quote .team_quote_text{ height: 200px; display: table-cell; vertical-align: middle; padding: 25px 50px; font-weight: 300; text-align: center; color:#ffffff; font-size: 24px; } .team_box .team_quote_wrap .team_quote .team_quote_text span{ display: block; position:absolute; font-size: 14px; right: 30px; bottom: 30px; } */ .team_box{ display: inline-block; width: 240px; vertical-align: top; padding: 13px; font-weight: 300; } .team_box .photo_box{ position:relative; width: 240px; height: 320px; overflow: hidden; margin-bottom: 22px; overflow: hidden; } .team_box .photo_box .team_quote_wrap{ position:absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(57,64,75,0.8); opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } .team_box .photo_box .team_quote_wrap:hover{ opacity: 1; } .team_box .photo_box .team_quote{ width: 230px; height: 320px; display: table-cell; text-align:center; vertical-align: middle; color:#ffffff; font-size: 14px; } .team_box .photo_box .team_quote span{ display: block; } .team_box .team_name{ font-size: 16px; color:#2c2c2c; padding-bottom: 10px; text-align:center; } .team_box .team_busy{ font-size: 14px; color:#757575; height: 60px; text-align:center; } .blog-team .list > div{ margin: 0px -13px; max-width: 200%; } /****************************************/ .blog-carier{ font-weight: 300; } .carier_title{ padding-top: 50px; font-size: 18px; } .carier_text{ display: none; } .carier_text a{ color: #000000 !important; text-decoration: none !important; margin-top: 6px; display: block; } .carier_text a:hover{ text-decoration: underline !important; } .carier_box{ padding: 25px 0px 25px 40px; position:relative; } .carier_box > a{ display: block; font-size: 18px; font-weight: 600; position:relative; } .carier_box > a:before{ content: ""; position:absolute; top: 0px; left: -40px; width: 24px; height: 24px; background:#39404b; } .carier_box > a:after{ content: ""; position:absolute; top: 0px; left: -40px; width: 24px; height: 24px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -154px -58px; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; } .carier_box > a.active:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .carier_box + .carier_box{ border-top: 1px solid #d5d5d5; } .carier_for_resume{ text-align:center; padding-top: 30px; font-size: 18px; } .carier_for_resume a{ display: block; font-size: 24px; } .carier_for_resume a:hover{ text-decoration: underline; } .carier_for_resume .ico:before{ content: ""; position:absolute; display: block; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0px 0px -25px; background: url(/local/templates/main/css/../img/icons.png?ver=1.1) no-repeat -300px -85px; } .carier_for_resume .ico{ display: block; position:relative; width: 60px; height: 60px; background:#39404b; margin: 0px auto 25px auto; } .carier_text ul{ display: block; padding: 12px; } .carier_text ul li{ position:relative; padding: 5px 0px 5px 25px; } .carier_text ul li:before{ content: ""; position:absolute; display: block; width: 7px; height: 7px; background:#39404b; left: 0px; top: 10px; } .blog-partner > .list > div{ font-size: 0px; text-align:left; } .partner_box{ width: 25%; text-align:center; display: inline-block; } .partner_box .more{ display: inline-block; font-size: 14px; padding: 6px 6px 6px 11px; line-height: 18px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; } .partner_box .more:hover, .partner_body .more_back:hover{ background:#d6dae0; } .partner_box .more:after{ content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-left: 12px; background:url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -82px; } .partner_body{ display: none; } .partner_body .more_back{ display: inline-block; font-size: 14px; padding: 6px 11px 6px 6px; line-height: 18px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; } .partner_body .more_back:before{ content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-right: 12px; background:url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -82px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } .wrap_partner_body{ position:relative; min-height: 150px; padding-left: 445px; } .wrap_partner_body .partner_body_logo{ position:absolute; width: 250px; height: 150px; left: 3%; top: 50%; margin-top: -75px; } .wrap_partner_body .partner_body_text{ font-size: 14px; } .wrap_partner_body .partner_body_text p{ padding-top: 18px; } .wrap_partner_body .partner_body_autor{ padding-top: 50px; padding-left: 118px; position:relative; min-height: 90px; font-size: 14px; } .wrap_partner_body .partner_body_autor .partner_body_photo{ position:absolute; left: 0px; top: 40px; } .blog-news > .list > div{ margin: 0px -11px; text-align:center; } .news_item{ display: inline-block; width: 308px; height: 400px; margin: 11px; overflow: hidden; background:#ffffff; position:relative; text-align: left; -webkit-transition: -webkit-box-shadow 0.5s; -moz-transition: -moz-box-shadow 0.5s; transition: box-shadow 0.5s; } .news_item:hover{ -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); } .news_item .blog_image{ height: 175px; background:#cccccc; overflow: hidden } .news_item .blog_image img{ width: 100%; min-height: 100%; } .news_item .news_body{ padding: 18px 16px 20px 16px; font-size: 14px; line-height: 1.1; } .news_item .news_body .blog_date{ color:#989898; font-size: 12px; } .news_item .news_body .blog_title{ font-size: 18px; color:#2c2c2c; padding: 12px 0px; font-weight: 600; } .news_item .news_body .blog_text{ color:#2c2c2c } .news_item .news_body .blog_more_item{ position:absolute; bottom: 16px; right: 16px; display: inline-block; font-size: 14px; padding: 6px 6px 6px 11px; line-height: 18px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; } .news_item .news_body .blog_more_item:hover{ background:#d6dae0; } .news_item .news_body .blog_more_item:after{ content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-left: 12px; background:url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -82px; } .news_wrap{ position:relative; padding-left: 445px; min-height: 300px; margin-top: 30px; } .news_wrap .news_image_block{ max-width: 420px; position:absolute; left: 0px; top: 0px; } .news_wrap .news_image_block img{ max-width: 100%; } .news_date{ color:#989898; font-size: 12px; } .news_title{ font-weight: 600; font-size: 30px; padding: 15px 0px 20px 0px; } .back_news{ display: inline-block; font-size: 14px; padding: 6px 11px 6px 6px; line-height: 18px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; transition: background 0.4s; } .news_wrap .back_news{ margin-top: 70px; } .back_news:hover{ background:#d6dae0; } .back_news:before{ content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-right: 12px; background:url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -82px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); } .pagination{ text-align:center; } .pagination .pagination-list{ display: block; } .pagination .pagination-list li{ display: inline-block; margin: 3px; width: 18px; height: 18px; line-height: 19px; font-weight: 600; text-align:center; vertical-align: top; } .pagination .pagination-list li.active{ background:#39404b; color:#ffffff; } .pagination .pagination-list li a{ display: block; color:#39404b; } .pagination .pagination-list li i{ width: 18px; height: 18px; display: block; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -100px; } .pagination .pagination-list li a i.icon-previous{ background-position: -117px -118px; } .pagination .pagination-list li i.icon-next{ background-position: -135px -100px; } .pagination .pagination-list li a i.icon-next{ background-position: -135px -118px; } /********************************/ /*******************************/ .blocks { background-color: #2b2c2e; background-image: url(/local/templates/main/css/../img/gork/fon.jpg); color: #fff0d4; margin-top:-35px; } .blocks .gork_title_img{ text-align:center; margin:24px; } .blocks .gork_img{ width:100%; } .blocks .block3 { float: left; width: 33%; font-size: 14px; } .blocks .block3 div{ margin: 16px; padding: 8px; } .blocks .block_footer{ text-align:center; margin: 0 auto; padding: 8px; width: 50%; font-size: 16px; } .gork_title2 { } .gork_title2:before { content: " "; float: left; position: relative; background: url(/local/templates/main/css/../img/gork/venzel35.png); display: block; height: 35px; width: 35px; top: -9px; left: 3px; } .item-page ul{ margin:20px 0px 30px 0px } .item-page ul li{ padding:3px 0px 3px 40px; background:url(/local/templates/main/css/../img/bulit.png) no-repeat 15px 9px } #main_content .invest .slick-arrow{ font-size: 0px; width: 9px; height: 14px; position:absolute; top: 65px; background: rgba(0, 0, 0, 0) url("/local/templates/main/css/../img/imgs.png") no-repeat scroll -145px -59px; } #main_content .invest .slick-arrow.slick-next{ right: 0px; } #main_content .invest .slick-arrow.slick-prev{ left: 0px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .col_img{ width: 30%; float: left; } .col_img img{ max-width: 100%; } .col_text{ width: 68%; padding-left: 2%; float: left; } /***********************************************/ .overflow{ display: none; position:fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background:rgba(0, 0, 0, 0.65); } .popup{ display: none; position:absolute; width: 290px; top: 10%; margin-left: -155px; left: 50%; background:#c7b17a; z-index: 500; padding: 10px; } .popup .popup_title{ padding: 20px 50px 10px 20px; height: 30px; text-transform: uppercase; color:#4d422c; font-family: Georgia, 'Times New Roman', serif; z-index: 501; } .popup .close{ display: block; position:absolute; top: 10px; right: 10px; width: 50px; height: 50px; background:#55492b; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; transition: background 0.5s; } .popup .close:hover{ background: #796431 } .popup .close:before{ content: ""; position: absolute; display: block; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -212px -36px; width: 29px; height: 28px; top: 11px; left: 11px; } .popup .popup_body{ background:#ffe6b7; padding: 20px; font-size: 15px; color:#2c2c2c; font-weight: 300; } .popup .popup_body .doc{ display: block; padding-left: 50px; position:relative; min-height: 36px; line-height: 1.1; } .popup .popup_body .doc:before{ content: ""; position:absolute; display: block; width: 32px; height: 36px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -212px -63px; top: 0px; left: 0px; } .popup .popup_body .doc span{ display: table-cell; height: 36px; width: 200px; vertical-align: middle; text-align: left; } .popup .popup_body .doc + .doc{ margin-top: 30px; } .blocks{ padding-bottom: 60px; } .legend_btn{ margin: 40px auto 0px; width: 120px; display: block; border: dotted #ffe6b7 1px; color:#ffe6b7; font-size: 14px; text-align:center; height: 30px; line-height: 30px; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; transition: background 0.5s; } .legend_btn:hover{ background: rgba(255, 230, 183, 0.1); } .article_wrap{ position:relative; } #map{ position:absolute; top: 0px; right: 0px; width: 43%; } .article.item-page-policy{ padding-bottom: 40px; } .article.item-page-policy h2{ font-weight: bold; font-size: 24px; color: #2C2C2C; text-transform: uppercase; padding-top: 30px; } #footer .nav.menu > li.item-227.parent{ max-width: 150px; } #main_content .newsflash{ background:#ffffff; padding: 25px 0px 20px; border-bottom: 1px solid #DBDBDB; } #main_content .newsflash .news_item{ width: auto; display: block; height: auto; margin: 0px; padding: 0px 150px; } #main_content .newsflash .news_item:hover{ box-shadow: none; } #main_content .newsflash .news_item .blog_text, #main_content .newsflash .news_item .blog_image, #main_content .newsflash .news_item .blog_more_item{ display: none; } #main_content .newsflash .list{ position:relative; } #main_content .newsflash .news_item .news_body{ padding: 3px 16px 6px 16px; font-size: 14px; line-height: 1.1; text-align: center; } #main_content .newsflash .news_item .blog_date{ display: inline-block; vertical-align:top; color: #AEAEAE; font-size: 14px; padding-right: 24px; } #main_content .newsflash .news_item .blog_title{ display: inline-block; vertical-align:top; font-size: 14px; color: #323E49; padding: 0px 0px; font-weight: 300; } #main_content .newsflash_title{ font-size: 18px; color: #ababab; text-align: center; text-transform: uppercase; font-weight: 300; float: left; position:absolute; left:0px; top: 0px; z-index: 10; } #main_content .newsflash_more{ color: #000000; text-decoration: none; float:right; position:absolute; right:0px; top: 0px; z-index: 10; } #main_content .newsflash_more:after { content: ""; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-left: 12px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -117px -82px; } /**********************************/ .custom-marmaxstyle{ background: #E3DDCE url(/local/templates/main/css/../img/ms_bg1.jpg) no-repeat right top; height:300px; display: flex; align-items: center; justify-content: center; } .custom-marmaxstyle.marmaxstyle1{ background: #e2e1cd url(/local/templates/main/css/../img/ms_bg2.jpg) no-repeat right top; } .custom-marmaxstyle.marmaxstyle2{ background: #e9e9e9 url(/local/templates/main/css/../img/ms_bg3.jpg) no-repeat right top; } .custom-marmaxstyle .ms_title{ font-size: 40px; line-height: 1.1; font-weight:700; } .custom-marmaxstyle .ms_descr{ max-width: 575px; font-size: 18px; padding-top: 30px; line-height: 1.2; } .ms_terms_wrap{ max-width:1050px; margin: 20px auto; display:flex; flex-wrap: wrap; justify-content: space-between; } .ms_terms_wrap .ms_term{ width:200px; padding-top: 110px; text-align:center; position:relative; max-width:23%; } .ms_terms_wrap .ms_term:before{ content: ""; position:absolute; display: block; top: 0px; left: 50%; margin-left: -40px; width: 80px; height:80px; background: url(/local/templates/main/css/../img/ms_ico1.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term2:before{ background: url(/local/templates/main/css/../img/ms_ico2.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term3:before{ background: url(/local/templates/main/css/../img/ms_ico3.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term4:before{ background: url(/local/templates/main/css/../img/ms_ico4.svg) no-repeat 0px 0px; height:90px; } .ms_terms_wrap .ms_term.ms_term5:before{ background: url(/local/templates/main/css/../img/ms_ico5.svg) no-repeat 0px 0px; height:84px; } .ms_terms_wrap .ms_term.ms_term6:before{ background: url(/local/templates/main/css/../img/ms_ico6.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term7:before{ background: url(/local/templates/main/css/../img/ms_ico7.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term8:before{ background: url(/local/templates/main/css/../img/ms_ico8.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term9:before{ background: url(/local/templates/main/css/../img/ms_ico9.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term.ms_term10:before{ background: url(/local/templates/main/css/../img/ms_ico10.svg) no-repeat 0px 0px; } .ms_terms_wrap .ms_term + .ms_term:after{ content: ""; position:absolute; display: block; width:50px; height:50px; background: url(/local/templates/main/css/../img/ms_arr.svg) no-repeat center; top: 14px; left: -30%; } .ms_terms_wrap + .ms_terms_wrap{ position:relative; padding-top: 100px; } .ms_terms_wrap + .ms_terms_wrap:before{ content: ""; position:absolute; height:300px; left: 50%; width: 1100px; background: url(/local/templates/main/css/../img/ms_path.svg) no-repeat top center; margin-left: -550px; background-size: 100% auto; top: -145px; } .ms_grey_wrap, .ms_creative_wrap{ display: flex; flex-wrap: wrap; justify-content: center; } .ms_greybox{ padding: 25px; box-sizing:border-box; background: #E6E6E6; width:420px; margin: 40px 27px; display: flex; justify-content: space-between; align-items: center; } .ms_creative_wrap{ justify-content: space-between; flex-wrap: nowrap; } .ms_creative{ margin: 40px 0; background: #E6E6E6; width:630px; box-sizing: border-box; padding: 20px 30px 20px 20%; flex-grow: 1; margin-right: 27px; } .ms_creative.ms_creative1{ background: #e2e1cc url(/local/templates/main/css/../img/ms_cr1.jpg) no-repeat left; background-size: auto 100%; } .ms_creative.ms_creative3{ background: #E3DDCE url(/local/templates/main/css/../img/ms_cr3.jpg) no-repeat left; background-size: auto 100%; } .ms_creative.ms_creative2{ background: #ece5d2 url(/local/templates/main/css/../img/ms_cr2.jpg) no-repeat left; background-size: auto 100%; } .ms_creative + .ms_creative{ margin-left: 27px; margin-right: 0px; } .ms_creative .ms_creative_title{ font-size: 26px; line-height: 1; padding-bottom: 15px; font-weight: 600; } .ms_creative .ms_creative_descr{ font-size: 18px; padding-bottom:10px; } .ms_btn{ background: #223D5A; color:#ffffff; padding: 18px 35px; display: inline-block; transition: background .4s; } .ms_btn:hover{ background: #35608e; } .ms_greybox_text{ font-size: 18px; color: #222222; max-width: 170px; justify-content: space-between; align-items: center; } .ms_greybox_phone{ font-weight:700; font-size: 38px; } .ms_descr_b{ padding-top: 60px; font-size: 18px; font-weight: 600; color:#2C2C2C; text-align:center; line-height: 2.1; } .ms_btn_wrap{ padding-top: 40px; padding-bottom: 20px; text-align:center; } .ms_descr p{ max-width: 500px; padding-bottom: 20px; } .ms_min-preheader{ font-size: 18px; padding: 30px 0px; text-align:center; } .ms_tabs{ border-bottom: 1px solid #223D5A; display: flex; } .ms_tabs li{ flex-grow: 1; text-align:center; font-weight: bold; font-size: 18px; position:relative; padding: 20px 0px; } .ms_tabs li img{ max-width: 174px; } .ms_tabs li .ms_all{ padding-top: 15px; display: inline-block; } .ms_tabs li.active:before{ content: ""; display: block; position: absolute; left: 0px; right:0px; bottom: 0px; height: 4px; background: #223D5A; } .ms_items{ padding: 40px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; } .ms_items .ms_item{ width: 300px; height: 380px; border: 1px solid #D2D2D2; background:#ffffff; margin-bottom: 20px; } .ms_items .ms_item .ms_item_img{ position:relative; height:260px; background:#FBFBFB; text-align:center; } .ms_items .ms_item.ms_type1 .ms_item_img{ background: #2d2d2d; } .ms_items .ms_item .ms_item_img img{ max-width: 90%; max-height: 90%; width: auto; height: auto; padding-top: 5%; } .ms_items .ms_item .ms_item_img .ms_item_overflow{ position:absolute; z-index:10; top: 0px; bottom: 0px; left: 0px; right:0px; background: rgba(34, 61, 90, 0.7); opacity: 0; transition: opacity 0.4s; } .ms_items .ms_item .ms_item_img:hover .ms_item_overflow{ opacity: 1; } .ms_items .ms_item .ms_item_img .ms_item_overflow .ms_more{ position:absolute; box-sizing: border-box; width: 180px; height: 60px; padding: 15px 30px; border: 1px solid #ffffff; color:#ffffff; text-align:center; top: 50%; left: 50%; margin: -30px 0px 0px -90px; font-weight: bold; font-size: 18px; line-height: 30px; transition: background 0.4s; } .ms_items .ms_item .ms_item_img .ms_item_overflow .ms_more:hover{ background: rgba(255, 255, 255, 0.2); } .ms_b-line{ display: flex; justify-content: space-around; } .ms_b-line img{ width: 95px; } .ms_b-line .ms_btn{ padding: 10px 45px; } .ms_item_info{ display: flex; justify-content: space-around; color: #A6A6A6; font-size: 12px; padding: 10px 0; } .ms_item_info span{ font-size: 24px; color: #2C2C2C; display: block; font-weight: 600; } .ms_b-line div{ display: flex; align-items:center; } .ms_qs{ color:#ffffff; background:#223D5A; display: flex; justify-content: space-between; padding: 25px 40px; font-size: 18px; align-items: center; } .ms_qs_title{ font-weight: 600; font-size: 36px; } .ms_qs .ms_btn{ background: rgba(255, 255, 255, 0.2); } .ms_creatives_wrap{ display: flex; padding-top: 30px; justify-content: space-between; } .ms_creatives_wrap .ms_ceative_item{ height: 298px; background:#e1e1cc url(/local/templates/main/css/../img/ms_m_bg1.jpg); width: 32%; box-sizing: border-box; text-align:center; padding: 155px 20px 0px 20px; margin-bottom: 25px; } .ms_creatives_wrap .ms_ceative_item.ms_ceative_item2{ background:#e1e1cc url(/local/templates/main/css/../img/ms_m_bg2.jpg); } .ms_creatives_wrap .ms_ceative_item.ms_ceative_item3{ background:#e1e1cc url(/local/templates/main/css/../img/ms_m_bg3.jpg); } .ms_creatives_wrap .ms_ceative_item .ms_ceative_item_title{ font-size: 24px; color: #2C2C2C; font-weight: bold; } .ms_creatives_wrap .ms_ceative_item .ms_ceative_item_desc{ font-size: 18px; color: #2C2C2C; padding-top: 6px; } .ms_creatives_wrap .ms_ceative_item .ms_ceative_btn{ width: 140px; display: inline-block; background: #223D5A; text-align: center; padding: 10px 20px; line-height: 20px; color:#ffffff; margin-top: 15px; transition: background .4s; } .ms_creatives_wrap .ms_ceative_item .ms_ceative_btn:hover{ background: #35608e; } .blog-team > .list > div.director{ text-align:left; display: flex; align-items: flex-end; } .blog-team > .list > div.director .director_quote_wrap{ display: inline-block; padding-left: 40px; font-size: 18px; margin-left: 65px; padding-bottom: 35px; } .director_name{ font-size: 16px; padding-top: 40px; } .director_name span.duty{ display: block; font-size: 14px; color:#757575; } .director_quote{ position:relative; padding: 40px 0px; } .director_quote:before{ content: ""; position:absolute; width: 60px; height: 50px; background: url(/local/templates/main/css/../img/quote.svg) no-repeat 0px 0px; z-index: -1; margin-left: -40px; margin-top: -32px; } .director_quote:after{ content: ""; position:absolute; width: 60px; height: 50px; background: url(/local/templates/main/css/../img/quote.svg) no-repeat 0px 0px; z-index: -1; margin-right: -40px; margin-bottom: -30px; transform: rotate(180deg); } /***********************/ .inst_wrap{ max-width: 820px; margin: 0 auto; font-size: 16px; } .inst_wrap a{ color:#3473b7; } .inst_wrap a:hover{ text-decoration: underline; } .inst_wrap_2cols{ display: flex; align-items: center; } .inst_wrap_2cols .inst_wrap_2cols_txt{ margin-right: 20px; } .inst_wrap_2cols .inst_wrap_2cols_img{ display: flex; width:190px; justify-content: space-between; } .inst_title{ padding-top: 80px; text-align:center; } .inst_wrap_3cols{ display: flex; text-align:center; } .inst_wrap_3cols img{ width: 100px; } .inst_wrap_3cols .inst_wrap_3cols_item{ padding: 20px; width:200px; } .inst_wrap_3cols .inst_wrap_3cols_item + .inst_wrap_3cols_item{ width:300px; } .inst_wrap_3cols .inst_wrap_3cols_item + .inst_wrap_3cols_item + .inst_wrap_3cols_item{ width:200px; } .inst_vip{ /* background: ; */ min-height: 200px; padding: 30px 30px 30px 230px; display: flex; align-items: center; text-align:center; box-sizing: border-box; margin-top: 50px; background: #FFFFFF url(/images/inst/inst_1.jpg) no-repeat left center; background-size: auto 200px; } #footer .nav.menu{ float: none; display: flex; justify-content: space-around; padding-bottom: 20px; border-bottom: 1px solid #DBDBDB; } #footer .nav.menu > li{ padding: 0; float: none; justify-content: space-around; } .footer_f{ background: #F9F9F9; padding: 33px 0; } .footer_f .list{ display: flex; } .footer_f .list .contacts_block{ flex-grow: 1; } #footer .contacts_item{ padding-top: 0px; display: flex; width: 480px; justify-content: space-around; margin: 9px auto 0; } #footer .contacts_item div{ margin-top: 0px; } .footer_f .list .copy{ padding-top: 14px; } .footer_f .list .social{ display: flex; justify-content: space-around; /*width: 280px;*/ width: 160px; } .footer_f .list .social a{ width: 40px; height: 40px; display: block; } .footer_f .list .social a.soc1{ background: url(/local/templates/main/css/../img/soc1.svg) no-repeat 0 0; } .footer_f .list .social a.soc2{ background: url(/local/templates/main/css/../img/soc2.svg) no-repeat 0 0; } .footer_f .list .social a.soc3{ background: url(/local/templates/main/css/../img/soc3.svg) no-repeat 0 0; } .footer_f .list .social a.soc4{ background: url(/local/templates/main/css/../img/soc4.svg) no-repeat 0 0; } .footer_f .list .social a.soc5{ background: url(/local/templates/main/css/../img/soc5.svg) no-repeat 0 0; } .press_side_title{ font-size: 18px; padding-bottom: 20px; } .press_side > b{ display: block; padding-top: 5px; padding-bottom: 20px; } .press_side + div{ flex-grow: 1; } .press_side > p{ padding-bottom: 18px; } .press_list{ display: flex; } .press_list .press_side{ min-width: 260px; width: 260px; padding-right: 52px; text-align:left; } .press_list .press_side .main_contacts{ float:none; width: auto; } .press_list .press_side .main_contacts .item5{ margin-top: 0px; padding-top: 12px; } .press_list .main_contacts{ padding-bottom: 30px; } .press_list .social{ display: flex; justify-content: space-between; } .press_list .social a{ width: 40px; height: 40px; display: block; background: url(/local/templates/main/css/../img/soc1.svg) no-repeat 0 0; } .press_list .social a.soc2{ background: url(/local/templates/main/css/../img/soc2.svg) no-repeat 0 0; } .press_list .social a.soc3{ background: url(/local/templates/main/css/../img/soc3.svg) no-repeat 0 0; } .press_list .social a.soc4{ background: url(/local/templates/main/css/../img/soc4.svg) no-repeat 0 0; } .press_list .social a.soc5{ background: url(/local/templates/main/css/../img/soc5.svg) no-repeat 0 0; } .press_list21 .news_item{ width: 485px; } .press_list21 .news_item .blog_more_item{ display: none; } .press_list21 .news_item .blog_image{ width: 130px; height: 85px; margin: 18px 0px 18px 16px; } .press_list21 .news_item .news_body .blog_title{ position:absolute; padding: 0px; top: 18px; left: 160px; right: 16px; } .press_list21 .news_item .news_body .blog_date{ position:absolute; bottom: 18px; left: 16px; } .press_list21 .news_item{ height: 250px; } .press_list{ padding-top: 25px; } .press_switcher{ display: flex; padding-bottom: 30px; } .press_switcher a{ display: block; width: 50%; color: #B7B7B7; text-align:center; border-bottom: 1px solid #B7B7B7; height: 29px; position:relative; } .press_switcher a.active{ color: #02203D; } .press_switcher a.active:before{ content: ""; position: absolute; display: block; bottom: 0px; left: 0;right: 0; height: 4px; background: #02203D; } .telega{ position:fixed; right: 0; top: 50%; margin-top: -50px; background: #ffffff; border-radius: 10px 0px 0px 10px; padding: 45px 7px 10px 7px; text-align:center; color: #02203D; width: 40px; text-decoration: none; z-index:99; font-size: 0px; } .telega:hover{ color: #62798E; } .telega:before{ content: ""; display: block; position:absolute; width: 30px; height: 24px; background: url(/local/templates/main/css/../img/telega.svg) no-repeat center; top: 13px; left: 50%; margin-left: -15px; } body.home{ background:#ffffff; } .page-minheader1 p{ margin-bottom: 12px; } .page-minheader1{ padding-top: 30px; } .invest_title{ color: #39404b; font-size: 18px; font-weight: 500; } .item-490 #MacroCabinetBtn{ margin: 0; } .item-490 #MacroCabinetBtn button{ background: transparent; padding: 0; text-transform: none; color:#000000; font-size: 0px; } .item-490 #MacroCabinetBtn button:hover{ background: transparent; } .item-490 #MacroCabinetBtn button:before{ content: "Кабинет партнера"; font-size: 12px; } /**************************************/ .outlet_wrap{ background: #1D242C; } .outlet_wrap #header{ border-bottom: 1px solid #312f2f } .outlet_wrap #header .top_menu .nav.menu li a{ color:#FFFFFF; } .outlet_wrap #header .phone{ color:#ffffff; } .outlet_wrap #header .phone span{ color:#ABABAB; } .outlet_wrap #header .phone:before{ display: none; } .outlet_wrap #header .logo{ background: url(/local/templates/main/css/../img/logo_w.svg) no-repeat 0 0; } .outlet_wrap #header .top_menu .nav.menu li.deeper.parent:after{ background: none; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; width: 7px; height: 7px; transform: rotate(-135deg); } .outlet_wrap #header .top_menu .nav.menu li.deeper.parent:hover:after, .outlet_wrap #header .top_menu .nav.menu li.deeper.parent.hover:after{ transform: rotate(-45deg); } .outlet_creative-date{ font-size: 30px; color: #ffffff; text-align:center; padding: 45px 0 15px; } .outlet_wrap #footer{ background:#ffffff; } .outlet_creative{ text-align:center; padding: 80px 0; background: url(/local/templates/main/css/../img/outlet_bg.png) no-repeat center; } .outlet_creative-descr{ /*max-width: 335px;*/ margin: 0 auto; font-size: 18px; color: #6C7A8B; letter-spacing: -0.02em; padding-bottom: 50px; } .outlet_creative-logo{ padding: 20px 0 30px; } .outlet_creative img{ max-width: 100%; } .outlet_title{ color:#ffffff; font-size: 24px; padding-bottom: 50px; } .outlet_house{ display: flex; } .outlet_house_info{ color:#ffffff; font-size: 14px; border-left: 1px solid #163655; padding-left: 30px; padding-right: 30px; width: 300px; } .outlet_house_info img{ max-width: 100%; display: block; padding-bottom: 20px; } .outlet_house_items{ flex-grow: 1; } .outlet_house_item{ flex-grow:1; border: 1px solid #ffffff; background:#ffffff; align-items: center; } .outlet_house_info .btn{ margin-top: 20px; border: 1px solid #ffffff; color: #ffffff; } .outlet_house_info .btn:before{ background: none !important; width: 7px; height: 7px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: rotate(-135deg); margin-top: -5px; margin-right: 10px; } .outlet_house_item{ display: flex; } .outlet_house_item .outlet_house_item-photo{ width:295px; } .outlet_house_item .outlet_house_item-photo img{ display: block; max-width: 100%; max-height: 200px; margin: 0 auto; } .outlet_house_item-info{ flex-grow: 1; padding: 30px 20px; } .outlet_house_item-infoitem{ font-size: 12px; color: #A6A6A6; } .outlet_house_item-infoitem + .outlet_house_item-infoitem{ padding-left: 10px; } .outlet_house_item-infoitem span{ font-weight: 600; font-size: 18px; color: #2C2C2C; display: block; padding-top: 10px; } .outlet_house_item-infomain{ padding: 10px 0 30px; display: flex; justify-content: space-between; } .outlet_house_item-infoline{ display: flex; justify-content: space-between; align-items: end; } .outlet_house_item-btns{ display: flex; justify-content: space-between; } .outlet_house_item-btns .outlet-map-btn{ border: 1px solid #223D5A; color:#223D5A; height: 40px; padding: 10px 20px 10px 50px; font-size: 16px; background: url(/local/templates/main/css/../img/out-map.svg) no-repeat 15px 13px; display: inline-block; box-sizing: border-box; text-align:center; transition: background 0.4s; margin-right: 15px; } .outlet_house_item-btns .outlet-map-btn:hover{ background-color: rgba(2,32,61,0.1); } .outlet-btn{ background: #02203D; padding: 10px 50px 10px 20px; color:#ffffff; box-sizing: border-box; height: 40px; text-align:center; font-size: 16px; position:relative; } .outlet-btn:before{ content: ""; position:absolute; width:7px; height: 7px; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform:rotate(-135deg); top: 50%; margin-top: -3px; transition: right 0.4s; right: 20px; } .outlet-btn:hover:before{ right: 15px; } .outlet_house_item + .outlet_house_item{ margin-top: 30px; } .outlet_house + .outlet_house{ margin-top: 50px; } .outlet_house_item-infoline .outlet_house_item-infoitem{ padding: 0; } .countdown-row{ display: flex; justify-content: center; } .countdown-section{ display: flex; flex-direction:column; padding: 20px 30px; position:relative; } .countdown-amount{ font-size: 36px; color: #FFA70B; } .countdown-period{ font-size: 14px; color: #7B7B7B; } .countdown-section + .countdown-section:before{ content: ":"; position:absolute; font-size: 36px; color: #FFA70B; right: 0px; } .countdown-section + .countdown-section + .countdown-section + .countdown-section:before{ display: none; } .outlet_house_item-infoitem span.old_cost{ font-size: 14px; padding-bottom: 3px; position:relative; display: inline-block; } .outlet_house_item-infoitem span.old_cost:before{ content: ""; position:absolute; left: -5px; right: -5px; width: auto; display: block; height: 1px; background:#FFA70B; top: 54%; } .outlet_house_item-infoitem span.new_cost{ display: inline-block; background:#FFA70B; padding: 5px; line-height: 18px; } #header .top_menu .nav.menu li.item-492{ letter-spacing: 0.21em; font-size: 16px; padding: 5px 0 0 0; } .item-492 a{ background: #FFA70B; line-height: 24px; padding: 0 10px; opacity: 1; display: inline-block; height: 24px; } #header .top_menu .nav.menu li.item-492 a{ color:#ffffff; } .outlet_wrap .item-492 a{ background: #FFA70B; } /******************/ .outlet-p_title{ position:absolute; bottom:100%; left: -2px; background: #FFA70B; letter-spacing: 0.21em; color: #02203D; font-size: 16px; line-height: 24px; padding: 0 12px; } .outlet_popup{ width:320px; border: 2px solid #FFA70B; position: fixed; padding: 30px; left: 50%; margin-left: -160px; top: 10%; z-index: 998; } .outlet_overlay{ position: fixed; display: block; z-index: 997; top: 0; bottom: 0; left: 0; right: 0; background: rgba(29,36, 44, 0.9); } .outlet_popup:after{ content: ""; position:absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 2px solid #FFA70B; z-index: 2; } .outlet_popup:before{ top: 10px; right:10px; background:#262E38; width:100%; height:100%; content: ""; position: absolute; z-index: -1; } .outlet-p_text{ font-weight: 600; font-size: 30px; color: #FFFFFF; padding-bottom: 10px; } .outlet_popup form{ position:relative; z-index:10; } .outlet-p_input{ padding: 10px 0; } .outlet-p_input input{ width: 100%; background:#ffffff; padding: 10px 15px; border: 0 none; color: #262E38; font-size: 16px; box-sizing: border-box; } .outlet_popup form button, .outlet_popup-new form button{ width: 100%; background: #FFA70B; height: 50px; font-weight: 600; font-size: 18px; padding: 10px 15px; font-weight: 600; color: #262E38; text-align:left; cursor:pointer; margin-top: 10px; position:relative; transition: background 0.4s; } .outlet_popup form button:hover, .outlet_popup-new form button:hover{ background: #FFB42F; } .outlet_popup form button:before, .outlet_popup-new form button:before{ content: ""; width: 8px; height: 8px; border-right: 2px solid #262E38; border-bottom: 2px solid #262E38; display: block; position: absolute; right: 15px; top: 50%; margin-top: -5px; transform: rotate(-45deg); } .outlet_close{ margin-top: 30px; text-align:center; color: #8595A9; font-weight: 600; font-size: 16px; display: block; position:relative; z-index:10; } .outlet_close i{ display: inline-block; position:relative; width: 16px; height: 16px; margin-right: 10px; transform: rotate(45deg); vertical-align: middle; } .outlet_close i:before{ content: ""; position:absolute; width: 2px; height: 16px; background: #8595A9; left: 7px; top: 0px; } .outlet_close i:after{ content: ""; position:absolute; width: 16px; height: 2px; background: #8595A9; top: 7px; left: 0; } .outlet_popup-map, .outlet_popup-new{ width: 800px; height: 450px; position:fixed; top: 50%; left: 50%; margin: -225px 0 0 -400px; background:#262E38; z-index:999; box-sizing: border-box; } .outlet_popup-map .outlet_close, .outlet_popup-new .outlet_close{ width: 110px; position: absolute; z-index: 99; right: 0; top: 0; background: #262E38; margin-top: 0; padding: 5px 0; } #outlet-map{ width:100%; height: 450px; } .outlet_popup-new{ padding: 70px 20px; } .outlet_popup-new .outlet-data{ display: flex; max-width: 650px; margin: 0 auto; justify-content: space-between; } .outlet_popup-new .outlet-data > div{ padding: 0px 20px; } .outlet-data-b{ width: 240px; } .outlet-data-b .outlet_house_item-infomain{ flex-wrap: wrap; gap: 20px; } .outlet-data-b .outlet_house_item-infoitem span{ color: #FFFFFF; padding-bottom: 10px; } .outlet-data-b .outlet_house_item-infoitem + .outlet_house_item-infoitem{ padding: 0; } .outlet-data .outlet-p_text{ font-weight: 600; } .outlet-data .outlet-form{ max-width: 250px; } .outlet-data .outlet-form .outlet-p_input input{ height: 46px; line-height: 26px; } .outlet-data small{ padding-top: 20px; font-size: 11px; color: #A6A6A6; display: block; } .outlet-data small a{ color:#FFB42F; text-decoration: none; } .outlet-data small a:hover{ text-decoration: underline; } .outlet-zhk{ padding-bottom: 50px; } .outlet-zhk img{ max-width: 100%; } /****************/ .creative .creative_tablet, .creative .creative_tablet_x2, .creative .creative_mob, .creative .creative_mob_x2{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display: none; background-position:center; background-repeat:no-repeat; } .main_creatives .item{ position: relative; } .creative_mob, .creative_tablet{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; z-index: -1; } @media screen and (min-width: 800px) { .creative_tablet{ display: block; } .creative_mob{ display: none; } } @media screen and (max-width: 799px) { .creative_tablet{ display: none; } .creative_mob{ background-position-x: 50%; background-size: auto 100%; background-repeat: no-repeat; display: block; } } #main_content .main_creatives .creative.creative_img{ background-position:center; }/* #main_content .main_creatives .creative.creative_img > a{ position: relative; }*/ .bank_wrap{ display:flex; justify-content: space-between; gap: 30px; } .bank_wrap .page-preheader{ text-align:left; } .bank_content{ max-width:650px; } .bank_form{ border: 1px solid #E1E1E1; padding: 50px; max-width: 400px; } .bank_form h2{ font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; padding-bottom: 40px; } .bank_form input, .bank_form textarea{ font-family: 'Proxima Nova', 'Segoe UI', Tahoma, Arial, sans-serif; width: 100%; box-sizing: border-box; border: 1px solid #C9C9C9; height: 46px; padding: 5px 15px; margin-bottom: 20px; font-size: 16px; } .bank_form textarea{ height: 90px; resize:vertical; } .bank_form button{ background: #02203D; padding: 12px 28px; color:#ffffff; cursor:pointer; } .achive_wrap{ display: flex; flex-wrap: wrap; justify-content: justify-content; gap: 1%; } .achive_item{ background: #F3F3F3; height: 240px; padding: 40px 30px 30px; box-sizing: border-box; width: 32%; margin-bottom: 30px; position:relative; min-width: 280px; } .achive_item div{ position:absolute; left: 30px; bottom: 30px; max-width: 270px; padding-right: 30px; } .achive_item img{ width: 100px; margin-left: auto; display: block; } /*************************/ #footer_n{ background: #222222; color:#ffffff; padding: 50px 0; font-size: 12px; /* margin-top: 30px; */ } #footer_n .fmn_wrap{ display: flex; justify-content: space-between; } #footer_n .fmn_logo{ display: flex; flex-direction: column; justify-content: space-between; } #footer_n .fmn_logo a.flogo{ display: block; width: 180px; height: 23px; background: url(/local/templates/main/css/../img/fmn/logo.svg) no-repeat 0 0; } #footer_n .fmn_logo a{ color:#aaa; padding-top: 10px; display: block; } #footer_n .fmn_menu{ flex-grow: 1; } #footer_n .fmn_menu a, #footer_n .fmn_contact ul li a{ color:#969FAE; transition: color 0.4s; } #footer_n .fmn_contact ul li a{ color:#ffffff; } #footer_n .fmn_menu a:hover, #footer_n .fmn_contact ul li a:hover{ color:#ffffff; } #footer_n .fmn_menu ul li ul li, #footer_n .fmn_contact ul li{ padding: 0 0 10px 0; } #footer_n .fmn_menu > ul{ display: flex; justify-content: space-around; } #footer_n .fmn_menu > ul > li{ max-width: 130px; padding-bottom: 20px; } #footer_n .fmn_menu .nav-header { display: none; } #footer_n .fmn_contact ul{ padding-bottom: 25px; } #footer_n .fmn_soc{ display: flex; gap: 20px; } #footer_n .fmn_soc a{ display: block; width: 40px; height: 40px; transition: opacity 0.4s; } #footer_n .fmn_soc a:hover{ opacity: 0.8; } #footer_n .fmn_soc a.yt{ background: url(/local/templates/main/css/../img/fmn/soc1.svg) no-repeat 0 0; } #footer_n .fmn_soc a.vk{ background: url(/local/templates/main/css/../img/fmn/soc2.svg) no-repeat 0 0; } #footer_n .fmn_soc a.dz{ background: url(/local/templates/main/css/../img/fmn/soc3.svg) no-repeat 0 0; } /* #footer_n .fmn_contact ul li a{ }*/ .carier_file_wrap{ border: 1px solid #D5D5D5; padding: 30px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; } .carier_file_descr{ font-size: 16px; } .carier_file_descr b{ display: block; font-size: 18px; font-weight: 600; padding-bottom: 10px; } .carier_file_item{ position:relative; padding: 0 0 0 65px; background: url(/local/templates/main/css/../img/doc.svg) no-repeat left; height: 48px; font-size: 16px; color: #6C788C; } .carier_file_item a{ color: #3E6BAE; display: block; } #main_content .main_creatives .ipoteka_creative a.more{ width:250px; } .ipoteka_partners{ margin-top: 70px; padding: 40px 75px 75px; background: #FAFAFA; } .ipoteka_partners h1, .ipoteka_text h1{ font-size: 24px; font-style: normal; font-weight: 400; text-align:center; padding-bottom: 70px; } .ipoteka_text h1{ padding-bottom: 40px; } .ipoteka_partners > div{ display: flex; flex-wrap: wrap; justify-content:space-between; gap: 70px; } .ipoteka_text{ margin-top: 80px; } .item-page .ipoteka_text ul{ margin: 0px 0px 10px 0px; } .item-page .ipoteka_text ul li{ background: none transparent; position:relative; padding: 3px 0px 3px 25px; } .item-page .ipoteka_text ul li:before{ content: ""; position: absolute; width: 4px; height: 4px; border-radius: 2px; background: #000000; left: 10px; top: 10px; } .footer_small{ font-size: 12px; opacity:0.6; padding-top: 30px; } @media screen and (max-width: 1100px) { .ipoteka_partners > div{ gap: 40px; } .ipoteka_partners{ padding: 40px; } .ipoteka_partners img{ max-width: 130px; } } @media screen and (max-width: 420px) { .ipoteka_partners > div{ gap: 20px; } .ipoteka_partners{ padding: 20px; } .ipoteka_partners img{ max-width: 110px; } .ipoteka_partners h1, .ipoteka_text h1{ padding-bottom: 40px; } } .leed_btn{ font-size: 16px; padding: 13px 26px; color:#ffffff; text-decoration: none; background: #02203D; display: block; margin: 20px auto; width: 170px; text-align:center; } .usefull_block{ padding: 34px 48px; color:#ffffff; display: flex; font-size: 34px; align-items: center; justify-content:space-between; background: #02203D url(/local/templates/main/css/../img/uinfo_bg.png) no-repeat top left; gap: 20px; } .usefull_block div a{ font-size: 16px; color:#2C2C2C; padding: 13px 26px; background:#FFFFFF; } @media screen and (max-width: 900px) { .usefull_block{ flex-direction: column; text-align:center; background-size: auto 100%; } } @media screen and (max-width: 450px) { .usefull_block{ padding: 25px 20px; font-size: 24px; } } .main_block h1{ color:#000000; } .main_block h1 .dropdown{ display: inline-block; position:relative; } .main_block h1 .dropdown ul{ display: none; position:absolute; background: #E0D7C7; border-radius: 2px; top:100%; padding: 10px; width:100%; z-index: 10; box-sizing: border-box; font-size: 0.6em; } .main_block h1 .dropdown ul li{ cursor:pointer; text-transform: none; display: block; padding: 8px 0; } .main_block h1 .dropdown ul li:hover{ border-radius: 2px; background: #ffffff; } .main_block h1 .dropdown .dropdown_value{ background: #E0D7C7; border-radius: 2px; padding: 4px 35px 4px 10px; position:relative; cursor:pointer; } .main_block h1 .dropdown .dropdown_value:before{ content: ""; position:absolute; display: block; width: 13px; height: 13px; border-bottom: 1px solid #000000; border-right: 1px solid #000000; transform: rotate(45deg); right: 10px; top: 11px; transform-origin: 70% 60%; transition:transform 0.4s; } .main_block h1 .dropdown .dropdown_value.active:before{ transform: rotate(225deg); } .main_block h1 .dropdown .dropdown_value.active + ul{ display: block; } /* End */ /* Start:/local/templates/main/css/media.css?177487943722422*/ @media screen and (max-height: 800px) { } /*iPad*/ @media screen and (max-width: 1100px), (max-device-width: 1024px) { } @media screen and (max-width: 1600px) { .custom-marmaxstyle.marmaxstyle1, .custom-marmaxstyle.marmaxstyle2{ background-position: top center; } } @media screen and (max-width: 1500px) { #main_content .main_creatives .slick-arrow{ left: 0px; } #main_content .main_creatives .slick-arrow.slick-next{ left: auto; right: 0px; } } @media screen and (max-width: 1420px) { #main_content .main_creatives .slick-arrow{ top: auto; bottom: 10px; } } @media screen and (max-width: 1380px) { #main_content .main_creatives .slick-arrow{ left: 2%; margin-left: 0px; } #main_content .main_creatives .slick-arrow.slick-next{ left: 2%; margin-left: 60px; } .custom-marmaxstyle{ background-position:center; } .ms_creatives_wrap .ms_ceative_item .ms_ceative_item_title{ font-size: 18px; } .ms_creatives_wrap .ms_ceative_item .ms_ceative_item_desc{ font-size: 16px; } } @media screen and (max-width: 1300px) { #footer .nav.menu > li, #footer .nav.menu > li + li{ padding: 0 20px; float:none; } #footer .nav.menu{ padding-left: 0px; display: flex; } #header .top_menu .nav.menu li{ padding: 10px 10px 0px 10px; } .creative .creative_tablet{ display: block; } #main_content .main_creatives, .main_creatives .list{ max-height: 400px; } } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width: 1300px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 1300px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 1300px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 1300px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 1300px), only screen and (min-resolution: 1.5dppx) and (max-width: 1300px){ .creative .creative_tablet{ display: none; } .creative .creative_tablet_x2{ display: block; background-size: 1362px auto; } } @media screen and (max-width: 1250px) { /*#footer .nav.menu > li{ padding: 0 60px 0 40px; } #header .top_menu .nav.menu li{ padding: 15px 14px 0px 14px; } #footer .nav.menu{ padding-left: 4%; } #footer .nav.menu > li{ padding: 0 45px 0 35px; } #footer .nav.menu > li + li{ padding-right: 40px; }*/ #footer .nav.menu{ display: none; } #main_content .main_creatives .creative{ background-position: center; } #header .header_wrap{ padding: 0px 200px; } /*#header .top_menu .nav.menu li{ padding: 10px 15px 0px 15px; }*/ } @media screen and (max-width: 1200px) { .outlet_house_item-btns .outlet-map-btn{ padding: 10px 10px 10px 40px; flex-wrap: wrap; margin-right: 0px; white-space: nowrap; } .outlet_house_item-btns{ gap: 10px; } .outlet-btn{ padding: 10px 35px 10px 10px; white-space: nowrap; } .outlet_house_item-btns .outlet-map-btn{ } #header .logo{ width: 150px; background-size: 150px auto !important; background-position: 0% 13%; } #header .header_wrap{ padding: 0px 200px 0 155px; } } @media screen and (max-width: 1150px) { /*#footer .nav.menu > li{ padding: 0 35px 0 15px; } #header .top_menu .nav.menu li{ padding: 15px 16px 0px 16px; }*/ #footer .nav.menu > li, #footer .nav.menu > li + li{ padding: 0 10px; float:none; } .partner_box{ width: 270px; } .blog-partner > .list > div{ text-align:justify; } .ms_creative_wrap{ flex-wrap: wrap; } .ms_creative{ padding-left: 215px; margin: 15px 0; } .ms_creative, .ms_creative + .ms_creative{ margin-left: 0px; margin-right: 0px; } .ms_qs{ display: none; } .blog-team > .list > div.director{ flex-direction: column; align-items: center; } .blog-team > .list > div.director .director_quote_wrap{ margin-left: 0px; padding: 0px 30px 65px 50px; } #header .top_menu .nav.menu li{ padding: 10px 10px 0px 10px; font-size: 12px; } #header .top_menu .nav.menu li li{ padding-left: 0; } #header .top_menu .nav.menu .parent > div, #header .top_menu .nav.menu .parent.item-104 .nav-child{ display: none; } #header .top_menu .nav.menu .parent > div.nav-child{ display: block; } .outlet_house{ flex-direction: column; } .outlet_house_info{ margin-bottom: 20px; } .outlet_house_item .outlet_house_item-photo{ width: auto; } .outlet_house_item{ flex-direction: column; } .outlet_house_item-infoitem{ padding-right: 15px; padding-bottom: 10px; } .outlet_house_item-infomain{ justify-content: space-between; } } @media screen and (max-width: 1100px) { #header .top_menu .nav.menu li{ } #header .top_menu .nav.menu li.deeper.parent{ padding-right: 20px; } #header .top_menu .nav.menu li.deeper.parent:after{ right: 7px; } #header .phone:before{ display: none; } #header .phone{ padding-left: 0px; } #header .header_wrap { padding: 0px 165px 0 155px; } } @media screen and (max-width: 1030px) { #header .top_menu .nav.menu{ /*display: none;*/ display: block; position: fixed; top: 0px; bottom: 0px; right: 0px; width: 170px; background:#0F1C29; z-index: 100; padding: 70px 30px 25px; margin-right: -230px; -webkit-transition: margin-right 0.6s; -moz-transition: margin-right 0.6s; transition: margin-right 0.6s; } #header .top_menu .nav.menu.active{ margin-right: 0px; } #header .top_menu .nav.menu a{ color:#ffffff; } #header .top_menu .mob_menu{ display: block; } #header .top_menu .closemenu.active{ display: block; } #header .phone{ float: left; position:relative; } #header .header_wrap{ padding-right: 0px; } #header .top_menu .nav.menu li{ display: block; } #header .top_menu .nav.menu li a{ display: block; text-align: left; color:#ffffff; } #header .top_menu .nav.menu li.deeper.parent:after{ display: none; } #header .top_menu .nav-child{ display: block; } /*#header .logo{ bottom: auto; top: -15px; }*/ #header .submenu{ display: none !important; } #header{ padding: 20px 0px; position: sticky; top: 0; z-index: 20; background-color: white; } #footer .nav.menu{ display: none; } /*#footer .logo_block{ float: none; padding-bottom: 15px; width: auto; text-align:center; } #footer .logo_block div div{ text-align:left; } #footer .logo_block .medalka{ padding: 66px 12px 10px 0px; }*/ /* #footer .logo_block div{ display: none; }*/ /*#footer .logo_block .medalka{ display: block; max-width: 156px; } #footer .contacts_block{ width: auto; float: none; text-align: justify; } #footer .contacts_block .social{ display: inline-block; vertical-align: top; float: right; } #footer .contacts_item{ display: inline-block; vertical-align: top; padding-top: 0px; } #footer .contacts_item div{ display: inline-block; margin-top: 10px; } #footer .contacts_item div + div{ margin-left: 20px; } #main_content .main_creatives{ display: none ; }*/ .footer_f .list{ flex-direction: column-reverse; align-items: center; } #footer .contacts_block{ width: auto; float: none; } .row .col3, .row .col2{ display: block; width: auto; padding: 15px 25px; } .custom-invest, .custom-mission{ height: 150px; } .custom-mission > div{ padding-top: 55px; } .projects_cat_title.careers_cat .projects_cat_text{ padding-top: 50px; } .projects_cat_title.careers_cat .projects_cat_text br, .custom-invest > div br{ display: none; } .invest .item{ padding: 30px; } .custom-invest > div{ padding-top: 30px; } .wrap_partner_body{ padding-left: 0px; } .wrap_partner_body .partner_body_logo{ position:static; margin: 0 auto; } #map{ height: 300px; } .team_box .team_quote_wrap{ display: none; } /***********/ .blocks{ margin: 0px -3%; } .blocks .block3{ float: none; width: auto; } .blocks .block3 div{ margin: 8px 2%; } .blocks .gork_title_img img{ max-width: 100%; } #list{ overflow: unset; padding-bottom: 0px; } #footer{ position:static; } #map{ position:static; top: 0px; right: 0px; width: 100%; height: 300px; clear: both; margin-bottom: 30px; } #header .item-104.deeper.parent .nav-child{ display: none; } #main_content .newsflash .news_item{ padding: 24px 0 0; } #main_content .newsflash .news_item .news_body{ padding: 0px; text-align:left; } #main_content .newsflash .news_item .blog_date{ display: block; padding-bottom: 11px; padding-top: 8px; } .ms_creatives_wrap{ display: block; text-align:center; } .ms_creatives_wrap .ms_ceative_item{ display: inline-block; vertical-align: top; margin: 0px 15px 20px 15px; width: 300px; padding: 155px 10px 0px 10px; } } @media screen and (max-width: 1030px) { .creative_box{ width: auto; left: 2%; right: 2%; margin-left: 0px; padding: 20px; max-width: 100%; } #main_content .main_creatives .slick-arrow.slick-next, #main_content .main_creatives .slick-dots{ left: auto; right: 2%; margin-left: 0px; } #main_content .main_creatives .slick-dots li button{ width: 20px; } .creative_box .creative_logo{ width: 200px; } .creative_box .creative_logo img{ max-width: 100%; } #main_content .main_creatives a.more{ display: none; } .main_creatives .list{ max-width: 100%; } .creative_box{ top: auto; bottom: 0px; height: 170px; left: 0px; right: 0px; text-align:center; } #main_content .main_creatives .slick-arrow{ left: -10px; background: transparent !important; } #main_content .main_creatives .slick-arrow:after{ content: none; } #main_content .main_creatives .slick-arrow.slick-next, #main_content .main_creatives .slick-dots{ right: -10px; } .creative_box .creative_logo{ width: 150px; margin: 0 auto; } .creative_box .creative_title{ font-size: 20px; } .creative_box .creative_descr{ font-size: 13px; } #main_content .main_creatives .slick-dots{ display: none !important; } #main_content .main_creatives .slick-arrow{ margin-top: 0px; top: auto; bottom: 100px; } #main_content .main_creatives{ max-height: 400px; } /* #main_content .main_creatives .creative{ background-position:70% 60%; } #main_content > div.precontent > div > div > div > div:nth-child(5) .creative{ background-position: 90% 60%; }*/ #main_content .main_creatives .creative .list{ height: 400px; max-height: 400px; } .main_creatives .item{ height: 400px; position:relative; } .main_creatives .item .creative > .list{ /*height: 250px !important;*/ position: static; } .main_creatives .item .creative .creative_title{ font-size: 18px; } #main_content .main_creatives .list{ align-items: flex-end; justify-content: center; } #main_content .main_creatives .creative{ background-size: auto 400px; background-position: 40% 0% !important; } .ms_greybox{ margin: 20px 10px; } .ms_terms_wrap .ms_term + .ms_term:after{ display: none; } .custom-marmaxstyle, .custom-marmaxstyle.marmaxstyle1, .custom-marmaxstyle.marmaxstyle2{ background-color:#223d5a; background-position: right top; padding-top: 300px; height: auto; padding-bottom: 40px; text-align:center; color:#ffffff; } .ms_descr p{ max-width: 100%; } .custom-marmaxstyle .ms_title{ margin: 0 auto; font-size: 26px; padding-top: 20px; max-width: 100%; } .custom-marmaxstyle .ms_title br{ display: none; } .custom-marmaxstyle .ms_descr{ max-width: 100%; padding-top: 15px; } .ms_terms_wrap + .ms_terms_wrap:before{ display: none; } .ms_terms_wrap + .ms_terms_wrap{ padding-top: 0px; } .ms_descr_b{ line-height: 1.4; padding-top: 20px; font-size: 16px; } #footer .logo_block > div{ flex-wrap:wrap; } #footer .logo_block > div > div{ width: 200px; max-width: 50%; padding-bottom: 30px; } } @media screen and (max-width: 1000px) { .floor img { width: 100%; } .press_list .press_side{ padding-right: 0px; padding-bottom: 30px; margin: 0 2%; min-width: 0; width: auto; } .blog-news > .list > div{ flex-direction: column-reverse; } #footer_n .fmn_wrap{ flex-direction: column; } #footer_n .fmn_logo{ order: 2; align-content: center; margin-top: 30px; text-align:center; } #footer_n .fmn_logo a{ margin-left: auto; margin-right: auto; margin-bottom: 13px; } #footer_n .fmn_logo span{ display: block; } #footer_n .fmn_menu > ul{ flex-wrap: wrap; } #footer_n .fmn_menu > ul > li{ width: 50%; max-width: 50%; } #footer_n .fmn_contact{ text-align:center; } #footer_n .fmn_soc{ justify-content: center; } #footer_n .fmn_menu > ul{ width: 300px; margin: 0 auto; } } @media screen and (max-width: 850px) { .blog-partner > .list > div{ text-align:center; } .partner_box{ padding-bottom: 30px; } .partner_body .more_back{ display: block; text-align: left; width: 80px; } .wrap_partner_body .partner_body_text, .wrap_partner_body .partner_body_autor{ text-align: left; } .news_wrap{ padding: 10px; } .news_wrap .news_image_block{ position:static; margin: 0 auto; } .col_img, .col_text{ float: none; padding: 0px; width: auto; } .col_img{ padding-bottom: 20px; text-align: center; } .blocks .block_footer{ width: 80%; } .blocks .block3 p{ text-align: left !important; } .ms_terms_wrap .ms_term{ max-width: 47%; width: 47%; padding-bottom: 30px; } .custom-marmaxstyle{ background-position: 75% 0px; } .ms_tabs{ display: block; } .ms_tabs li{ display: block; } .ms_items{ justify-content: space-around; } .inst_wrap_2cols, .inst_wrap_3cols{ flex-wrap: wrap } .inst_wrap_2cols .inst_wrap_2cols_txt{ margin-right: 0px; padding-bottom: 20px; } .inst_wrap_2cols .inst_wrap_2cols_img, .inst_wrap_2cols .inst_wrap_2cols_txt, .inst_wrap_3cols .inst_wrap_3cols_item, .inst_wrap_3cols .inst_wrap_3cols_item + .inst_wrap_3cols_item, .inst_wrap_3cols .inst_wrap_3cols_item + .inst_wrap_3cols_item + .inst_wrap_3cols_item{ width: 100%; } .inst_wrap_3cols .inst_wrap_3cols_item{ padding: 20px 0px 20px 0px; text-align: left; display: flex; align-items:center; } .inst_wrap_3cols .inst_wrap_3cols_item img{ padding-right: 20px; } /*.telega{ padding: 42px 0px 10px 0px; font-size: 12px; width: 95px; } .telega:before{ top: 10px; }*/ .bank_wrap{ flex-direction: column; } .bank_form{ padding: 20px; } } @media screen and (max-width: 800px) { .outlet_popup-map{ top: 10%; left: 5px; right: 5px; margin: 0; height:300px; width: auto; } #outlet-map{ height:300px; } .outlet_popup-new{ width: auto; height: auto; left: 5px; right: 5px; top: 10px; bottom: 10px; margin: 0; } .outlet_popup-new .outlet-data{ flex-direction: column; align-items: center; position:absolute; top: 0; bottom: 0; left:0;right:0; overflow: auto; justify-content: start; } .outlet-zhk { padding-top: 60px; padding-bottom: 20px; } .creative .creative_tablet{ display: none; } .creative .creative_mob{ display: block; } .achive_wrap{ justify-content: center; gap: 30px; } .achive_item{ margin-bottom: 0; } } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (-moz-min-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 800px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (min--moz-device-pixel-ratio: 1.5) and (max-width: 800px), only screen and (min-resolution: 1.5dppx) and (max-width: 800px){ .creative .creative_tablet, .creative .creative_tablet_x2, .creative .creative_mob{ display: none; } .creative .creative_mob_x2{ display: block; background-size: 800px auto; } } @media screen and (max-width: 700px) { /*.team_box .text_wrap > div{ padding: 25px; } .team_box .team_busy{ font-size: 14px; }*/ } @media screen and (max-width: 650px) { #footer .contacts_block .social{ display: block; float: none; padding-bottom: 10px; } .ms_creative.ms_creative1, .ms_creative.ms_creative2{ padding: 20px 30px; background-image: none; } } @media screen and (max-width: 600px) { .custom-mission > div{ padding-top: 40px; } .outlet_house_item-infoline{ align-items: start; flex-direction: column; } .outlet_house_item-infoline .outlet_house_item-infoitem{ padding-bottom: 20px; } .outlet_house_item-infomain{ flex-wrap: wrap; } .outlet_house_item-infoitem + .outlet_house_item-infoitem{ padding-left: 0px; } } @media screen and (max-width: 550px){ #header .phone{ display: none; } .projects_cat_title.careers_cat .projects_cat_text{ padding-top: 35px; font-size: 21px; } .custom-invest > div{ font-size: 21px; } .main_contacts, .soc_contacts{ float: none; width: auto; } .soc_contacts .soc_title{ padding-top: 40px; padding-bottom: 20px; } /* .team_box{ margin: 20px auto 0 auto; height: auto; } .team_box .photo_box{ height: 250px; overflow: hidden; top: 10px; left: 10px; } .team_box{ width: 240px; padding: 270px 10px 30px 10px; } .team_box .text_wrap, .team_box .text_wrap > div{ display: block; } .team_box .text_wrap > div{ height: auto; text-align:center; padding: 0px; } */ .inst_vip{ padding: 20px; padding-top:220px; height:auto; background-position: top center; } #footer .contacts_item{ flex-direction: column; align-items: center; padding: 20px 0; } #footer .contacts_item > div{ margin: 5px 0; } .press_list21 .news_item,.press_list9 .news_item{ width: auto; height: auto; } .press_list21 .news_item .news_body,.press_list9 .news_item .news_body{ padding-bottom: 45px; } .press_list21 .news_item .blog_image,.press_list9 .news_item .blog_image{ position:static; width: auto; height: auto; margin: 18px 16px; background: transparent; } .press_list21 .news_item .blog_image img,.press_list9 .news_item .blog_image img{ display: block; } .press_list21 .news_item .news_body .blog_title ,.press_list9 .news_item .news_body .blog_title{ position: static; padding-bottom: 20px; } #header .header_wrap.active .logo{ background: url(/local/templates/main/css/../img/marmax20_w.svg) no-repeat 0px 0px; z-index:101; } #header .top_menu .nav.menu{ right: 0px; width: 100%; box-sizing:border-box; margin-right: -100%; } #header .top_menu .nav.menu li{ width: 150px; margin: 0 auto; text-transform: none; font-size: 16px; } #header .top_menu .nav.menu li.deeper.parent{ padding-right: 10px; } #header .top_menu .nav.menu li ul{ margin-top: -10px; } } @media screen and (max-width: 500px){ #footer .contacts_item div, #footer .contacts_item div + div{ display: block; margin-left: 0px; } #footer .logo_block{ margin: 0 auto; } #footer .contacts_block{ text-align: center; } #footer .contacts_block .social{ text-align: center; } #footer .contacts_item div, #footer .contacts_item div + div{ display: inline-block; margin-right: 15px; } #footer .logo_block > div > div{ width: auto; box-sizing: border-box; } .mobcall{ position:fixed; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.7); border-radius: 35px; width: 56px; height: 56px; display: block; bottom: 27px; right: 10px; background: url(/local/templates/main/css/../img/phone.png) no-repeat 0px 0px; background-size: 56px 56px; z-index: 999; } #footer_n .fmn_logo{ margin-bottom: 30px; } /*#footer_n .fmn_logo span{ display: none; } #footer_n .fmn_wrap{ flex-direction: column; }*/ } @media screen and (max-width: 450px){ .wrap_partner_body .partner_body_autor{ padding-top: 41px; padding-left: 105px; } .news_title{ line-height: 1.2; font-size: 24px; } .ms_btn{ padding: 13px 25px; } .ms_greybox_text{ font-size: 16px; max-width:100%; padding-bottom: 15px; } .ms_creative .ms_creative_title{ font-size: 18px; } .ms_greybox{ display: block; margin: 20px 0px; } .inst_wrap_2cols_img img{ width: 48%; } /*.outlet_house_item-btns .outlet-map-btn{ display: none; }*/ .countdown-section{ padding: 20px 20px; } } @media screen and (max-width: 420px){ .project_box{ display: block; width: auto; padding-top: 0px; height: auto; padding-bottom: 120px; } .project_box .project_address{ left: 20px; max-width: 150px; } .project_box .project_link{ right: 20px; } .project_box .project_title{ font-size: 1.2rem; height: auto; } .project_box .project_box_bg{ position:relative; margin: 0 -20px 20px -20px; height: auto; } .project_box .project_box_bg:before{ content: ""; display: block; width: 100%; padding-bottom: 59%; } } @media screen and (max-width: 380px) { .projects_cat_title.careers_cat .projects_cat_text{ padding-top: 35px; font-size: 18px; } .custom-invest > div{ font-size: 18px; } .ms_creatives_wrap .ms_ceative_item{ margin: 0px 0px 20px 0px; width: 100%; } } /*For retina*/ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx){ .btn:before, #header .phone:before, #header .top_menu .nav.menu li.deeper.parent:after, #header .top_menu .mob_menu, #header .top_menu .closemenu, #main_content .main_creatives .slick-arrow:before, #footer .contacts_item div:before, .project_box .project_link:after, .carier_box > a:after, .partner_box .more:after, .partner_body .more_back:before, .news_item .news_body .blog_more_item:after, .back_news:before, .pagination .pagination-list li i #main_content .invest .slick-arrow{ background-size: 346px 145px; background-image: url(/local/templates/main/css/../img/imgs_x2.png); } .invest .item .ico, .mission .item .ico, .main_contacts .item:before, .soc_contacts a:before, .carier_for_resume .ico:before{ background-size: 382px 220px; background-image: url(/local/templates/main/css/../img/icons_x2.png?ver=1.1); } .main_contacts .item5:before{ background-image: url(/local/templates/main/css/../img/ico5.png); background-size: 40px 40px; } /*#footer .logo_block .logo{ background-size: 140px 45px; background-image: url(/local/templates/main/css/../img/flogo_x2.png); } #header .logo{ background-image: url(/local/templates/main/css/../img/marmaxlogo_x2.png); background-size: 180px 59px; }*/ } /* End */ /* Start:/local/templates/main/css/map.css?17748794371468*/ .list{ position:relative; } .marmax-map{ margin-bottom: -30px; } #yamap{ height: 600px; width:100%; } .marmax-map__info{ color:#ffffff; background: #2C2C2C; padding: 35px; width: 300px; box-sizing: border-box; position:absolute; z-index: 10; top: 40px; left: 0px; } .marmax-map__buttons{ position:absolute; z-index: 10; top: 40px; right: 0px; display: flex; gap: 20px; } .marmax-map__buttons button{ font-family: 'Proxima Nova', 'Segoe UI', Tahoma, Arial, sans-serif; background: #2C2C2C; padding: 9px 11px; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color:#ffffff; border: 0 none; cursor:pointer; } .marmax-map__info .marmax-map__logo{ padding-bottom: 30px; } .marmax-map__info .marmax-map__phone{ font-size: 18px; padding-bottom: 10px; } .marmax-map__info .marmax-map__btn{ padding: 6px 18px; border: 1px solid #FFF; font-size: 16px; line-height: 24px; margin: 10px 0 0; color:#ffffff; cursor:pointer; } .marmax-map__info .marmax-map__text{ padding-top: 30px; } .marmax-map__info .marmax-map__text a{ color:#ffffff; text-decoration: none; } .marmax-map .ymaps-layers-pane { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); } @media screen and (max-width: 1000px) { .marmax-map__info{ display: none; } #yamap{ height: 600px; } } @media screen and (max-width: 500px) { #yamap{ height: 400px; } } /* End */ /* Start:/local/templates/main/css/header.css?17748794374929*/ header { background: #ffffff; padding: 15px 0; } header *{ box-sizing: border-box; } .header{ display: flex; justify-content: space-between; align-items:center; } .header_logo{ width: 203px; display: block; height: 21px; background: url('/local/templates/main/imgs/marmax_logo.svg') no-repeat 0 0; } .page-header__list{ list-style: none; display: flex; gap: 35px; padding: 0; margin: 0; flex-grow: 1; justify-content: center; margin: -15px 0; } .page-header__list ul{ display: none; list-style:none; margin: 0; flex-wrap: wrap; width: 320px; position:absolute; z-index: 999; top: 100%; background:#ffffff; border-radius: 2px; box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.05); padding: 15px 30px; margin-left:-160px; left: 50%; } .page-header__list ul li{ width: 50%; min-width: 110px; padding: 7px 0; } .page-header__list ul li.other{ padding-top: 15px; } .page-header__list ul li.other a{ color: #9C9898; } .page-header__list li{ font-size: 14px; position:relative; } .page-header__list > li > a{ color: #2C2C2C; display: block; padding: 25px 0; border-bottom: 2px solid transparent; } .page-header__list > li:hover > a{ border-bottom: 2px solid #E0D7C7; } .page-header__list > li:hover ul{ display: flex; } .page-header__list > li > a:hover:before{ content: ""; width: 100%; } .page-header__list li .iconditem a{ padding-left: 26px; position:relative; } .page-header__list li .iconditem a:before{ content: ""; width: 16px; height: 16px; display: block; position:absolute; top: 0; left:0; background: url(/local/templates/main/css/../img/menu1.svg) no-repeat center; } .page-header__list li .item1 a:before{ background-image: url(/local/templates/main/css/../img/menu1.svg); } .page-header__list li .item2 a:before{ background-image: url(/local/templates/main/css/../img/menu2.svg); } .page-header__list li .item3 a:before{ background-image: url(/local/templates/main/css/../img/menu3.svg); } .page-header__list li .item4 a:before{ background-image: url(/local/templates/main/css/../img/menu4.svg); } .page-header__list li .item5 a:before{ background-image: url(/local/templates/main/css/../img/menu5.svg); } .page-header__list li .item6 a:before{ background-image: url(/local/templates/main/css/../img/menu6.svg); } .page-header__list li .item7 a:before{ background-image: url(/local/templates/main/css/../img/menu7.svg); } .header_contects{ display: flex; gap: 15px; align-items:center; } .header_contects .header_phone{ font-size: 12px; color: #6B6B6B; text-align: right; line-height: 1.2; padding-top: 4px; } .header_contects .header_phone span{ font-size: 14px; font-weight: 600; display: block; } .header_contects .btn{ width: 140px; height: 40px; border: 1px solid #BDBDBD; background: transparent; border-radius: 2px; color: #2C2C2C; font-size: 14px; line-height: 36px; text-align:center; } /********/ .header .mob_menu{ width: 46px; float: right; margin-top: 14px; display: none; position:relative; height: 2px; background: #02203D; z-index: 101; top: -5px; } .header .mob_menu:before, .header .mob_menu:after{ content: ""; position:absolute; display: block; left:0px; width: 46px; height: 14px; transition: border-color 0.4s, transform 0.4s; } .header .mob_menu:before{ top: -13px; border-top: 2px solid #02203D; } .header .mob_menu:after{ top: 0px; border-bottom: 2px solid #02203D; } .header .mob_menu span{ position:absolute; right: 100%; margin-right: 20px; font-size: 16px; color:#02203D; top:-13px; } .header .mob_menu.active{ background: transparent; } .header .mob_menu.active:before{ transform: rotate(45deg); transform-origin: 8px 3px; border-top: 2px solid #ffffff; } .header .mob_menu.active:after{ transform: rotate(-45deg); transform-origin: 6px 10px; border-bottom: 2px solid #ffffff; } .header .mob_menu.active span{ color: #ffffff; } .header .closemenu{ width: 13px; height: 13px; background: url(/local/templates/main/css/../img/imgs.png) no-repeat -159px -119px; position:fixed; right: 15px; top: 15px; z-index: 101; display: none; } .container{ max-width: 1280px; margin: 0 auto; width: 100%; } /********/ @media screen and (max-width: 1300px) { .container { padding: 0 10px; } } @media screen and (max-width: 1200px) { header{ position:fixed; left: 0; right: 0; z-index:99; } .header .mob_menu{ display: block; } .header_contects{ display: none; } .page-header__list{ position:fixed; position: fixed; top: 0px; bottom: 0px; right: 0px; width: 230px; background: #0F1C29; z-index: 100; padding: 100px 30px 25px; margin-right: -230px; transition: margin-right 0.6s; flex-direction: column; justify-content: start; gap: 13px; overflow: auto; } .page-header__list li a{ color:#ffffff; opacity: 0.8; } .header_wrap.active .page-header__list{ margin-right: 0; } .page-header__list > li > a{ padding: 0; border-bottom: 0px !important; } .page-header__list ul{ position:static; display: flex; background: transparent; width: auto; box-shadow: none; margin: 0; } .page-header__list ul li{ padding: 4px 0; } } /* End */ /* Start:/local/templates/main/css/custom.css?1774879437235*/ .news-list{ max-width: 1280px; margin: 0 auto; width: 100%; } .news-item{ display: grid; grid-template-columns: 1fr 3fr; } div.news-list img.preview_picture{ float: none; width: 100%; display: block; } /* End */ /* /local/templates/main/css/reset.css?17748794372750 */ /* /local/templates/main/css/dropdown.min.css?177487943757991 */ /* /local/templates/main/css/style.css?177487943772316 */ /* /local/templates/main/css/media.css?177487943722422 */ /* /local/templates/main/css/map.css?17748794371468 */ /* /local/templates/main/css/header.css?17748794374929 */ /* /local/templates/main/css/custom.css?1774879437235 */