body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}/* 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; margin-left: auto; margin-right: auto; } .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; } .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #ddd; border-radius: 0px; background: #f8f8f8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0Array/0Array a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; z-index: -1; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; } .selectric-items li { display: block; cursor: pointer; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } *{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @font-face { font-family: 'Calibri'; src: url('/templates/l2trend/fonts/Calibri-Bold.woff') format('woff'), url('/templates/l2trend/fonts/Calibri-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Calibri'; src: url('/templates/l2trend/fonts/Calibri-LightItalic.woff') format('woff'), url('/templates/l2trend/fonts/Calibri-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Calibri'; src: url('/templates/l2trend/fonts/Calibri-BoldItalic.woff') format('woff'), url('/templates/l2trend/fonts/Calibri-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Calibri'; src: url('/templates/l2trend/fonts/Calibri-Light.woff') format('woff'), url('/templates/l2trend/fonts/Calibri-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Calibri'; src: url('/templates/l2trend/fonts/Calibri-Italic.woff') format('woff'), url('/templates/l2trend/fonts/Calibri-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Calibri'; src: url('/templates/l2trend/fonts/Calibri.woff') format('woff'), url('/templates/l2trend/fonts/Calibri.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } body{ font-family: 'Calibri', sans-serif; font-size: 14px; } button{ font-family: 'Calibri', sans-serif; } a{ color: inherit; text-decoration: none; } .body_lk{ background: url(/templates/l2trend/img/body_bg.png) center top no-repeat, url(/templates/l2trend/img/body_bg_bottom.png) bottom no-repeat; overflow-x: hidden; background-color: #0d0d0f; } .body_site{ background-color: #0d0d0f; background-image: url(/templates/l2trend/img/head2.webp); background-repeat: no-repeat; background-position: center top; overflow-x: hidden; } .container{ width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } header{ background-image: url(/templates/l2trend/img/head.png); background-position: center top; padding-top: 77px; } .site_h{ padding-top: 260px; background-image: url(/templates/l2trend/img/head2.webp); } .header_lk{ position: relative; height: 173px; background-image: url(/templates/l2trend/img/head_nav_bg2.webp); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; } .header_lk:before{ content: ''; display: block; width: 1528px; height: 346px; position: absolute; left: -160px; top: -78px; z-index: 0; background-image: url(/templates/l2trend/img/nav_before_bg.png); pointer-events: none; } .header_lk:after{ content: ''; display: block; width: 145px; height: 112px; position: absolute; right: -55px; top: 61px; z-index: 0; background-image: url(/templates/l2trend/img/nav_after_bg.png); pointer-events: none; } .header_lk_nav{ position: relative; z-index: 2; } .header_lk_nav ul{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-top: 90px; -ms-align-items: center; align-items: center; } .header_lk_nav ul li{ position: relative; list-style: none; } .header_lk_nav ul li:after{ content: ''; display: block; width: 1px; height: 52px; background-image: url(/templates/l2trend/img/nav_bd.png); position: absolute; right: 0; top: 12px; } .header_lk_nav ul li:last-child:after{ display: none; } .header_lk_nav ul li a{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; -ms-align-items: center; align-items: center; justify-content: flex-end; text-transform: uppercase; color: #ffa550; font-size: 12px; height: 63px; width: 95px; position: relative; } .header_lk_nav ul li a:hover:before{ content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 3px; right: 15px; background-image: url(/templates/l2trend/img/a_bg2.png); transition: all 0.5s ease 0s; } .header_lk_nav ul li a:hover:after{ content: ''; display: block; width: 100%; height: 57px; position: absolute; bottom: -7px; left: 0; background-image: url(/templates/l2trend/img/a_bg.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; transition: all 0.5s ease 0s; } .header_lk_nav ul li a span{ margin-top: 0px; } .header_lk_nav ul li a img{ } .header_lk_logo img{ position: absolute; left: 50%; top: -15px; transform: translateX(-50%); width: 408px; height: 286px; mix-blend-mode: screen; pointer-events: none; } .header_lk_menu{ position: relative; z-index: 2; padding-top: 100px; padding-right: 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .add_adserver_btn{ width: 220px; height: 54px; background-image: url(/templates/l2trend/img/add_btn_bg.png); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .add_adserver_btn:hover{ filter: brightness(1.4); transition: all 0.5s ease 0s; } .add_adserver_btn_left{ mix-blend-mode: screen; } .add_adserver_btn_left img{ position: relative; left: 3px; } .add_adserver_btn_right{ margin-left: -12px; } .add_adserver_btn_right p{ color: #ffa550; font-weight: bold; font-size: 16px; line-height: 10px; } .add_adserver_btn_right span{ font-size: 10px; font-weight: 200; color: #a69888; text-transform: uppercase; } .header_balance_wrap{ margin-top: -8px; text-align: center; margin-left: 23px; } .header_balance_wrap span{ font-size: 10px; font-weight: 200; color: #a69888; text-transform: uppercase; line-height: 8px; } .header_balance_wrap p{ color: #ffa550; font-weight: bold; font-size: 16px; line-height: 12px; } .header_balance_wrap a{ line-height: 39px; width: 106px; height: 39px; display: block; background-image: url(/templates/l2trend/img/balance_bg.png); color: #ffa550; font-weight: bold; } .header_balance_wrap a:hover{ filter: brightness(1.4); transition: all 0.5s ease 0s; } .header_lang_wrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding-top: 20px; } .header_lang_list{ margin-left: 23px; cursor: pointer; } .header_lang_list a{ display: block; margin-top: 3px; } .header_lang_list a:last-child{ display: none; } .header_lang_list.active a:last-child{ display: flex; flex-direction: column; } .header_lang_arrow{ padding-left: 5px; padding-top: 5px; cursor: pointer; } .header_lang_arrow img{ display: block; } .middle_lk_wrap{ } .middle_lk{ background-image: url(/templates/l2trend/img/middle_bg.webp); -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 585px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .middle_lk_left{ position: relative; z-index: 2; padding-top: 10px; padding-left: 30px; padding-right: 20px; width: 283px; background: url(/templates/l2trend/img/mid_ll.png) left top repeat-y, url(/templates/l2trend/img/mid_lr.png) right top repeat-y; } .lk_left_title{ font-size: 16px; font-weight: bold; color: #ffa550; text-align: center; background-image: url(/templates/l2trend/img/h4_bg.png); background-position: center; height: 31px; background-repeat: no-repeat; text-transform: uppercase; line-height: 31px; } .lk_left_welcome{ font-size: 16px; color: #a08779; text-align: center; margin-top: 23px; margin-bottom: 20px; } .lk_left_welcome span{ font-size: 16px; font-weight: bold; color: #cd8542; text-transform: uppercase; } .lk_left_menu{ margin-bottom: 43px; } .lk_left_menu > li{ margin-bottom: 5px; list-style: none; position: relative; } .lk_left_menu > li > a{ display: block; font-size: 16px; color: #a08779; padding-left: 20px; position: relative; padding-top: 5px; padding-bottom: 6px; } .lk_left_menu > li > a:before{ content: ''; background-image: url(/templates/l2trend/img/lk_left_menu.png); background-repeat: no-repeat; position: absolute; left: 0; display: block; } .lk_left_menu > li:first-child > a:before{ top: 7px; width: 16px; height: 14px; background-position: 0px 0px; } .lk_left_menu > li:nth-child(2) > a:before{ top: 7px; width: 15px; height: 15px; background-position: 0px -18px; } .lk_left_menu > li:nth-child(3) > a:before{ top: 6px; width: 16px; height: 16px; background-position: 0px -37px; } .lk_left_menu > li:nth-child(4) > a:before{ top: 7px; width: 16px; height: 14px; background-position: 0px -57px; } .lk_left_menu > li:nth-child(5) > a:before{ top: 7px; width: 15px; height: 15px; background-position: 0px -74px; } .lk_left_menu > li:nth-child(6) > a:before{ top: 6px; width: 14px; height: 16px; background-position: 0px -94px; } .lk_left_menu > li:hover:first-child a:before{ background-position: -20px 0px; } .lk_left_menu > li:hover:nth-child(2) > a:before{ background-position: -20px -18px; } .lk_left_menu > li:hover:nth-child(3) > a:before{ background-position: -20px -37px; } .lk_left_menu > li:hover:nth-child(4) > a:before{ background-position: -20px -57px; } .lk_left_menu > li:hover:nth-child(5) > a:before{ background-position: -20px -74px; } .lk_left_menu > li:hover:nth-child(6) > a:before{ background-position: -20px -94px; } .lk_left_menu > li:hover{ background-image: url(/templates/l2trend/img/lk_left_menu_hover.png); -webkit-background-size: cover; background-size: cover; background-position: center bottom; transition: all 0.5s ease 0s; } .lk_left_menu > li:hover > a{ font-weight: bold; color: #cd8542; transition: all 0.5s ease 0s; } .lk_left_menu > li:hover > a:after{ content: ''; display: block; width: 27px; height: 16px; background-image: url(/templates/l2trend/img/lk_left_a_hover.png); position: absolute; top: 7px; right: 0px; transition: all 0.5s ease 0s; } .lk_left_submenu_wrap{ position: absolute; top: 0px; left: 100%; display: none; z-index: 2; } .lk_left_menu > li:hover .lk_left_submenu_wrap{ display: block; transition: all 0.5s ease 0s; } .lk_left_submenu { min-width: 163px; padding: 15px; background-color: #000000e8; box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22); } .lk_left_submenu li{ list-style: none; margin-bottom: 2px; padding: 5px; cursor: pointer; text-transform: uppercase; } .lk_left_submenu li a{ color: #a08779; display: block; } .lk_left_submenu li a:hover{ font-weight: bold; color: #ffa550; background: url(/templates/l2trend/img/lk_sub_bd.png) center bottom no-repeat, url(/templates/l2trend/img/lk_sub_bg.png) center bottom no-repeat; transition: all 0.5s ease 0s; } .lk_left_contacts{ margin-bottom: 43px; } .lk_left_contacts a{ display: block; font-size: 16px; color: #a08779; padding-left: 20px; position: relative; padding-top: 5px; padding-bottom: 6px; margin-bottom: 5px; } .lk_left_contacts a:before{ content: ''; background-image: url(/templates/l2trend/img/lk_left_menu.png); background-repeat: no-repeat; position: absolute; left: 0; display: block; } .lk_left_contacts a:first-child:before{ top: 7px; width: 14px; height: 14px; background-position: 0px -114px; } .lk_left_contacts a:nth-child(2):before{ top: 11px; width: 14px; height: 10px; background-position: 0px -132px; } .lk_left_contacts a:hover:first-child:before{ background-position: -20px -114px; } .lk_left_contacts a:hover:nth-child(2):before{ background-position: -20px -132px; } .lk_left_contacts a:hover:after{ content: ''; display: block; width: 27px; height: 16px; background-image: url(/templates/l2trend/img/lk_left_a_hover.png); position: absolute; top: 7px; right: 0px; } .lk_left_contacts a:hover{ background-image: url(/templates/l2trend/img/lk_left_menu_hover.png); -webkit-background-size: cover; background-size: cover; background-position: center bottom; font-weight: bold; color: #cd8542; } .lk_left_exit a{ } .lk_left_exit a{ display: block; font-size: 16px; color: #a08779; padding-left: 20px; position: relative; padding-top: 5px; padding-bottom: 6px; margin-bottom: 5px; } .lk_left_exit a:before{ content: ''; background-image: url(/templates/l2trend/img/lk_left_menu.png); background-repeat: no-repeat; position: absolute; left: 0; display: block; } .lk_left_exit a:before{ top: 7px; width: 13px; height: 15px; background-position: 0px -146px; } .lk_left_exit a:hover:before{ background-position: -20px -146px; } .lk_left_exit a:hover:after{ content: ''; display: block; width: 27px; height: 16px; background-image: url(/templates/l2trend/img/lk_left_a_hover.png); position: absolute; top: 7px; right: 0px; } .lk_left_exit a:hover{ background-image: url(/templates/l2trend/img/lk_left_menu_hover.png); -webkit-background-size: cover; background-size: cover; background-position: center bottom; font-weight: bold; color: #cd8542; } .middle_lk_right{ padding: 20px; } .middle_lk_right{ flex: 1; position: relative; z-index: 1; background-image: url(/templates/l2trend/img/lk_right_bg.png); background-position: right top; background-repeat: repeat-y; } .lk_page_title{ font-size: 14px; font-weight: bold; color: #ffa550; text-align: center; background-image: url(/templates/l2trend/img/h4_bg.png); background-position: center; height: 31px; background-repeat: no-repeat; text-transform: uppercase; line-height: 31px; margin-bottom: 15px; } .lk_page_server_row{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #927b6e; font-size: 16px; word-wrap: anywhere; } .lk_page_server_cell_head:nth-child(1), .lk_page_server_cell:nth-child(1){ width: 136px; } .lk_page_server_cell_head:nth-child(2), .lk_page_server_cell:nth-child(2){ width: 142px; } .lk_page_server_cell_head:nth-child(3), .lk_page_server_cell:nth-child(3){ width: 110px; } .lk_page_server_cell_head:nth-child(4), .lk_page_server_cell:nth-child(4){ width: 137px; } .lk_page_server_cell_head:nth-child(5), .lk_page_server_cell:nth-child(5){ width: 116px; } .lk_page_server_cell_head:nth-child(6), .lk_page_server_cell:nth-child(6){ width: 135px; } .lk_page_server_row .lk_page_server_cell_head, .lk_page_server_row .lk_page_server_cell{ border-bottom: 1px solid #211b1a; border-right: 1px solid #211b1a; padding-left: 15px; } .lk_page_server_cell_head:nth-child(7), .lk_page_server_cell:nth-child(7){ width: 80px; text-align: center; padding-left: 0; } .lk_page_server_row .lk_page_server_cell_head:last-child, .lk_page_server_row .lk_page_server_cell:last-child{ border-right: none; } .lk_page_server_row:last-child .lk_page_server_cell{ border-bottom: none; } .lk_page_server_cell_head{ padding-top: 5px; padding-bottom: 5px; font-size: 12px; font-weight: 200; color: #927b6e; } .lk_page_server_cell{ min-height: 41px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .lk_page_server_status_ok{ border-radius: 3px; background-image: -moz-linear-gradient( 90deg, rgba(7,28,4,0.90196) 0%, rgba(7,28,4,0.9) 0%, rgba(31,63,33,0.8) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(7,28,4,0.90196) 0%, rgba(7,28,4,0.9) 0%, rgba(31,63,33,0.8) 100%); background-image: -ms-linear-gradient( 90deg, rgba(7,28,4,0.90196) 0%, rgba(7,28,4,0.9) 0%, rgba(31,63,33,0.8) 100%); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2),inset 0px 1px 0px 0px rgba(54, 78, 44, 0.004); width: 93px; height: 21px; text-align: center; } .lk_page_server_status_ok span{ background: linear-gradient(to top, rgba(57,85,57,1) 0%,rgba(173,204,179,1) 100%); text-transform: uppercase; line-height: 21px; font-size: 12px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .lk_page_server_status_error{ border-radius: 3px; background-image: -moz-linear-gradient( 90deg, rgba(63,0,0,0.90196) 0%, rgba(63,0,0,0.9) 0%, rgba(132,45,45,0.8) 100%, rgb(132,45,45) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(63,0,0,0.90196) 0%, rgba(63,0,0,0.9) 0%, rgba(132,45,45,0.8) 100%, rgb(132,45,45) 100%); background-image: -ms-linear-gradient( 90deg, rgba(63,0,0,0.90196) 0%, rgba(63,0,0,0.9) 0%, rgba(132,45,45,0.8) 100%, rgb(132,45,45) 100%); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2),inset 0px 1px 0px 0px rgba(146, 34, 34, 0.004); width: 93px; height: 21px; text-align: center; } .lk_page_server_status_error span{ background: linear-gradient(to top, rgba(129,50,50,1) 0%,rgba(204,173,173,1) 100%); text-transform: uppercase; line-height: 21px; font-size: 12px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .lk_page_server_premium{ text-align: center; width: 100%; } .lk_footer{ position: relative; background: url(/templates/l2trend/img/footer_bg_top.png) center top no-repeat, url(/templates/l2trend/img/mid_ll.png) left top repeat-y, url(/templates/l2trend/img/lk_right_bg.png) right top repeat-y; padding: 35px 35px 10px; } .lk_footer:before{ content: ''; display: block; width: 661px; height: 267px; background-image: url(/templates/l2trend/img/footer_before.png); position: absolute; left: -160px; top: -140px; z-index: 0; } .lk_footer:after{ content: ''; display: block; width: 661px; height: 267px; background-image: url(/templates/l2trend/img/footer_after.png); background-position: right top; position: absolute; right: -160px; top: -140px; z-index: 0; } .footer_title{ font-size: 18px; font-weight: bold; color: #ffa550; margin: auto auto 10px auto; text-transform: uppercase; } .footer_text{ color: #998174; margin-bottom: 25px; } .footer_copy{ font-size: 12px; color: #ffa550; text-align: center; } .lk_page_balance{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .lk_page_balance p, .lk_page_select_wrap p{ font-size: 16px; color: #a08779; } .lk_page_balance p span{ font-weight: bold; color: #ffa550; } .lk_page_balance_btn{ width: 106px; height: 39px; font-size: 14px; font-weight: bold; color: #ffa550; background-image: url(/templates/l2trend/img/balance_bg.png); text-align: center; line-height: 39px; cursor: pointer; margin-left: 10px; } .lk_page_balance_btn:hover{ filter: brightness(1.4); } .lk_page_select_wrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; margin-top: 10px; margin-bottom: 30px; } .selectric-balance_per_page{ margin-left: 5px; } .lk_page_select_wrap .selectric{ text-align: center; width: 52px; height: 25px; background: none; border: none; background-image: url(/templates/l2trend/img/bal_select_bg.png); } .lk_page_select_wrap .selectric .button{ background-image: url(/templates/l2trend/img/bal_select_arr.png); background-color: transparent; background-repeat: no-repeat; background-position: center; height: 100%; width: 30px; } .lk_page_select_wrap .selectric .label{ line-height: 24px; font-size: 16px; font-weight: bold; color: #ffa550; display: inline-block; height: auto; text-align: center; margin: 0; margin-right: 13px; } .lk_page_select_wrap .selectric-items li{ height: 40px; padding: 3px 5px 3px 10px; color: #a08779; position: relative; line-height: 35px; } .lk_page_select_wrap .selectric-items li:hover, .lk_page_select_wrap .selectric-items li.selected, .lk_page_select_wrap .selectric-items li.highlighted{ background-image: url(/templates/l2trend/img/select_li_hover.png); background-position: center 90%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; font-weight: bold; color: #ffa550; } .lk_page_select_wrap .selectric-items li:after{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #000, #3d352f, #000); } .lk_page_select_wrap .selectric-items li:hover:after, .lk_page_select_wrap .selectric-items li.selected:after, .lk_page_select_wrap .selectric-items li.highlighted:after{ background: linear-gradient(to right, #0a0808, #fcdec9, #0a0808); } .lk_page_select_wrap .selectric-items{ background-color: #0b0908; border-radius: 0 0 5px 5px; padding-bottom: 3px; } .lk_page_bills_row{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; color: #927b6e; font-size: 16px; } .lk_page_bills_cell_head{ padding-top: 5px; padding-bottom: 5px; font-size: 12px; font-weight: 200; color: #927b6e; } .lk_page_bills_cell{ min-height: 41px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .lk_page_bills_cell_head:nth-child(1), .lk_page_bills_cell:nth-child(1){ width: 139px; } .lk_page_bills_cell_head:nth-child(2), .lk_page_bills_cell:nth-child(2){ width: 430px; } .lk_page_bills_cell_head:nth-child(3), .lk_page_bills_cell:nth-child(3){ width: 175px; } .lk_page_bills_cell_head:nth-child(4), .lk_page_bills_cell:nth-child(4){ width: 92px; } .lk_page_bills_row .lk_page_bills_cell_head, .lk_page_bills_row .lk_page_bills_cell{ border-bottom: 1px solid #211b1a; border-right: 1px solid #211b1a; padding-left: 15px; } .lk_page_bills_row .lk_page_bills_cell_head:last-child, .lk_page_bills_row .lk_page_bills_cell:last-child{ border-right: none; } .lk_page_bills_row:last-child .lk_page_bills_cell{ border-bottom: none; } .lk_page_bills_info_btn{ text-decoration: underline; text-transform: uppercase; border-radius: 3px; background-image: -moz-linear-gradient( 90deg, rgba(41,41,41,0.90196) 0%, rgba(41,41,41,0.9) 0%, rgba(89,89,89,0.8) 100%); background-image: -webkit-linear-gradient( 90deg, rgba(41,41,41,0.90196) 0%, rgba(41,41,41,0.9) 0%, rgba(89,89,89,0.8) 100%); background-image: -ms-linear-gradient( 90deg, rgba(41,41,41,0.90196) 0%, rgba(41,41,41,0.9) 0%, rgba(89,89,89,0.8) 100%); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2),inset 0px 1px 0px 0px rgba(104, 104, 104, 0.004); width: 50px; height: 20px; text-align: center; cursor: pointer; } .lk_page_bills_info_btn span{ background: linear-gradient(to top, rgba(87,87,87,1) 0%,rgba(199,199,199,1) 100%); text-transform: uppercase; font-size: 12px; line-height: 20px; vertical-align: top; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; } .lk_settings_info_text p{ font-size: 16px; color: #a08779; text-align: center; } .lk_settings_info_text p span:nth-of-type(1){ text-decoration: underline; text-transform: uppercase; font-weight: bold; color: #cd8542; } .lk_settings_info_text p span:nth-of-type(2){ color: #ffa550; } .lk_setting_forms_wrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; margin-top: 33px; } .lk_setting_form{ margin: 0 20px; } .lk_setting_form_row{ margin-bottom: 10px; } .lk_setting_form_row label{ font-size: 12px; color: #927b6e; margin-bottom: 5px; display: block; } .lk_setting_form_row input{ width: 228px; height: 32px; background-color: transparent; border: none; background-image: url(/templates/l2trend/img/setting_inp.png); outline: none; color: #927b6e; padding: 0 7px; } .lk_setting_form_row input:focus{ background-image: url(/templates/l2trend/img/select_li_hover.png); background: url(/templates/l2trend/img/setting_inp.png), url(/templates/l2trend/img/select_li_hover.png) center 55% no-repeat; } .lk_setting_form_btn{ display: block; width: 205px; height: 38px; background-image: url(/templates/l2trend/img/setting_btn.png); background-color: transparent; border: none; font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 15px auto 0; cursor: pointer; } .lk_setting_form_btn:hover{ filter: brightness(1.4); } .lk_setting_form_btn span{ background: linear-gradient(to top, rgba(153,120,104,1) 0%, rgba(239,212,166,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lk_service_btn{ width: 205px; height: 38px; background-color: transparent; border: none; text-transform: uppercase; font-size: 16px; font-weight: bold; background-image: url(/templates/l2trend/img/service_btn.webp); padding-left: 41px; cursor: pointer; display: block; line-height: 37px; margin: 10px auto; box-shadow: 1px 1px 6px rgba(0,0,0,.7); outline: none; } .lk_service_btn:hover{ background-position: 0 -40px; } .lk_service_btn span{ background: linear-gradient(to top, rgba(237,122,69,1) 0%, rgba(255,234,209,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lk_service_btn:hover span{ text-shadow: 0px 0px 10px rgba(255, 60, 0, 0.75); } .lk_service_grid{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-right: 20px; } .lk_page_title + .lk_service_grid{ } .lk_service_item{ width: 414px; margin-bottom: 15px; } .lk_service_title{ font-weight: bold; color: #ffa550; text-transform: uppercase; margin-bottom: 18px; } .lk_service_line{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; height: 45px; width: 413px; background-image: url(/templates/l2trend/img/service_line_bg.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-bottom: 18px; padding-left: 8px; } .lk_service_line:hover{ box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); background-image:url('/templates/l2trend/img/prem_line.png'); border-radius: 3px; transition: all 0.5s ease 0s; cursor:pointer; } .lk_service_line:hover .lk_service_name{ font-weight:lighter; } .lk_service_logo{ width: 35px; } .lk_service_logo img{ display: block; } .lk_service_premium.lk_service_line{ padding-left: 2px; background-image: url(/templates/l2trend/img/prem_line.png); } .lk_service_premium .lk_service_logo{ margin-right: 5px; } .lk_service_premium .lk_service_logo img{ margin-top: -7px; } .lk_service_top .lk_service_logo img{ margin-top: -6px; } .lk_service_name{ font-weight: bold; width: 130px; padding-right: 2px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lk_service_vip .lk_service_name{ background: linear-gradient(81deg, rgba(255,200,0,1) 0%, rgba(255,217,91,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; padding-bottom: 1px; } .lk_service_vipb .lk_service_name{ background: linear-gradient(81deg, rgba(72,164,255,1) 0%, rgba(203,227,255,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; padding-bottom: 1px; } .lk_service_top .lk_service_name{ background: linear-gradient(45deg, rgba(217,4,40,1) 0%, rgba(238,67,40,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; padding-bottom: 1px; } .lk_service_premium .lk_service_name{ background: linear-gradient(45deg, rgba(235,119,37,1) 0%, rgba(245,147,50,1) 12%, rgba(248,181,64,1) 28%, rgba(252,203,78,1) 44%, rgba(254,221,88,1) 60%, rgba(255,248,180,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; padding-bottom: 1px; text-shadow: 0px 0px 10px rgba(255, 60, 0, 0.75); } .lk_service_eco .lk_service_name{ font-size: 14px; font-weight: bold; color: #a08779; padding-bottom: 1px; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lk_service_name_sub{ font-size: 10px; font-weight: bold; display: inline-block; position: relative; top: 1px; vertical-align: text-top; } .lk_service_name_sub span{ display: block; -webkit-text-fill-color: currentColor; line-height: 8px; text-shadow: none; } .lk_service_name_new{ color: #09e103; } .lk_service_name_pts{ color: #ff3e00; } .lk_service_chronichals{ font-size: 12px; font-weight: bold; color: #937c6f; text-transform: uppercase; width: 80px; padding-right: 0px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .lk_service_chronichals span{ display: inline-block; width: 12px; height: 12px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1OSA0NTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ1OSA0NTk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48Zz4KCTxnIGlkPSJhZGQtYm94Ij4KCQk8cGF0aCBkPSJNNDA4LDBINTFDMjIuOTUsMCwwLDIyLjk1LDAsNTF2MzU3YzAsMjguMDUsMjIuOTUsNTEsNTEsNTFoMzU3YzI4LjA1LDAsNTEtMjIuOTUsNTEtNTFWNTFDNDU5LDIyLjk1LDQzNi4wNSwwLDQwOCwweiAgICAgTTM1NywyNTVIMjU1djEwMmgtNTFWMjU1SDEwMnYtNTFoMTAyVjEwMmg1MXYxMDJoMTAyVjI1NXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmaWxsOiNGRkE1NTAiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+); -webkit-background-size: cover; background-size: cover; margin-left: 3px; } .lk_service_rates{ font-size: 12px; font-weight: bold; color: #937c6f; text-transform: uppercase; width: 50px; padding-right: 0px; } .lk_service_icos{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; width: 50px; color: #937c6f; justify-content: flex-end; font-size: 12px; padding-right: 5px; font-weight: bold; } .lk_service_ico{ margin: 0 2px; width: 16px; } .lk_service_icos img{ display: block; width: 100%; } .lk_service_date{ color: #ffa550; text-transform: uppercase; margin-right: 10px; } .lk_service_info_text{ color: #a08779; } .lk_service_info_text p span{ color: #ffa550; } .lk_service_places{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .lk_service_places_dots{ flex: 1; background-image: url(/templates/l2trend/img/dots.png); background-position:left 76%; background-repeat: repeat-x; margin: 0 5px; } .lk_service_places_val{ min-width: 34px; } .lk_popup_order_service{ width: 801px; height: 207px; background-image: url(/templates/l2trend/img/popup_order_bg.png); padding: 15px 30px; } .lk_order_service_col label{ display: block; font-size: 12px; color: #927b6e; margin-bottom: 5px; } .lk_order_service_col .selectric{ text-align: center; width: 228px; height: 32px; background: none; border: none; background-image: url(/templates/l2trend/img/select_order_bg.png); } .lk_order_service_col .selectric .button{ background-image: url(/templates/l2trend/img/bal_select_arr.png); background-color: transparent; background-repeat: no-repeat; background-position: center; height: 100%; width: 30px; } .lk_order_service_col .selectric .label{ line-height: 30px; font-size: 16px; font-weight: bold; color: #ffa550; height: auto; margin: 0; margin-right: 13px; text-align: left; padding-left: 15px; } .lk_order_service_col .selectric-items li{ height: 40px; padding: 3px 5px 3px 10px; color: #a08779; position: relative; line-height: 35px; } .lk_order_service_col .selectric-items li:hover, .lk_order_service_col .selectric-items li.selected, .lk_order_service_col .selectric-items li.highlighted{ background-image: url(/templates/l2trend/img/select_li_hover.png); background-position: center 90%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; font-weight: bold; color: #ffa550; } .lk_order_service_col .selectric-items li:after{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #000, #3d352f, #000); } .lk_order_service_col .selectric-items li:hover:after, .lk_order_service_col .selectric-items li.selected:after, .lk_order_service_col .selectric-items li.highlighted:after{ background: linear-gradient(to right, #0a0808, #fcdec9, #0a0808); } .lk_order_service_col .selectric-items{ border-radius: 0 0 5px 5px; padding-bottom: 3px; } .lk_order_service_col .selectric-items .selectric-scroll{ width: 230px; margin: auto; background-color: #0b0908; } .lk_popup_order_service_form{ padding-top: 18px; } .lk_order_service_row{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: flex-end; align-items: flex-end; } .lk_order_service_col .lk_service_btn{ margin: auto; text-align: left; } .lk_order_service_text{ width: 210px; margin-left: auto; text-align: center; color: #a08779; margin-top: 8px; } .lk_order_service_text span{ font-weight: bold; color: #ffa550; } .hidden{ display: none; } .fancybox-content{ background-color: transparent; overflow: visible; } .fancybox-close-small{ display: none; } .fancybox-bg{ background-color: #0d0d0f; -webkit-filter: blur(10px); filter: blur(10px); } .lk_order_service_close{ position: absolute; right: 5px; top: 5px; background-color: transparent; border: none; cursor: pointer; outline: none; } .lk_service_btn.add_money_btn{ background-image: url(/templates/l2trend/img/add_money_btn.png); } .lk_order_service_col > input{ width: 228px; height: 32px; background: none; border: none; background-image: url(/templates/l2trend/img/select_order_bg.png); outline: none; font-size: 16px; font-weight: bold; color: #ffa550; padding-left: 15px; } .lk_order_add_money_text{ color: #a08779; margin-top: 8px; } .lk_order_add_money_text span{ font-weight: bold; color: #ffa550; } .lk_popup_add_server{ padding: 52px 46px 62px; width: 456px; height: 532px; background-image: url(/templates/l2trend/img/popup_server_bg.png); } .lk_popup_add_server_form{ padding-top: 20px; } .lk_add_server_row{ width: 228px; margin: 0 auto 10px; } .lk_add_server_row label{ display: block; font-size: 12px; color: #927b6e; margin-bottom: 5px; } .lk_add_server_row > input{ width: 228px; height: 32px; background: none; border: none; background-image: url(/templates/l2trend/img/select_order_bg.png); outline: none; font-size: 16px; font-weight: bold; color: #ffa550; padding-left: 15px; } .lk_add_server_row > input::placeholder{ color: #ffa550; opacity: .2; font-size: 14px; font-weight: 200; } .lk_add_server_row .selectric{ text-align: center; width: 228px; height: 32px; background: none; border: none; background-image: url(/templates/l2trend/img/select_order_bg.png); } .lk_add_server_row .selectric .button{ background-image: url(/templates/l2trend/img/bal_select_arr.png); background-color: transparent; background-repeat: no-repeat; background-position: center; height: 100%; width: 30px; } .lk_add_server_row .selectric .label{ line-height: 30px; font-size: 16px; font-weight: bold; color: #ffa550; height: auto; margin: 0; margin-right: 13px; text-align: left; padding-left: 15px; } .lk_add_server_row .selectric-items li{ padding: 5px 5px 5px 10px; text-align: center; color: #a08779; position: relative; } .lk_add_server_row .selectric-items li:hover, .lk_add_server_row .selectric-items li.selected, .lk_add_server_row .selectric-items li.highlighted{ background-image: url(/templates/l2trend/img/select_li_hover.png); background-position: center 90%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; font-weight: bold; color: #ffa550; } .lk_add_server_row .selectric-items li:after{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #000, #3d352f, #000); } .lk_add_server_row .selectric-items li:hover:after, .lk_add_server_row .selectric-items li.selected:after, .lk_add_server_row .selectric-items li.highlighted:after{ background: linear-gradient(to right, #0a0808, #fcdec9, #0a0808); } .lk_add_server_row .selectric-items{ border-radius: 0 0 5px 5px; padding-bottom: 3px; top: 0; left: 100%; } .lk_add_server_row .selectric-items{ width: 163px !important; margin: auto; background-color: #0b0908; overflow-y: scroll; } .lk_add_server_row .selectric-items .selectric-scroll{ overflow: visible; } .lk_service_btn.add_server_btn{ background-image: url(/templates/l2trend/img/add_server_btn.png); padding-left: 15px; margin-top: 20px; } .lk_service_btn.add_server_btn span{ background: linear-gradient(to top, rgba(62,109,11,1) 0%, rgba(108,149,32,1) 46%, rgba(128,177,49,1) 52%, rgba(151,206,79,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .lk_service_btn.add_server_btn:hover span{ text-shadow: 0px 0px 10px rgba(151, 206, 79, 1); } .lk_popup_add_server .lk_order_service_close{ right: 30px; top: 30px; } .middle_site{ background-image: url(/templates/l2trend/img/middle_bg.webp); -webkit-background-size: 100% 100%; background-size: 100% 100%; min-height: 585px; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .site_main{ flex: 1; padding: 20px 20px 20px 45px; background-image: url(/templates/l2trend/img/mid_ll.png); background-position: left top; background-repeat: repeat-y; } .site_adv_h2{ font-size: 16px; font-weight: bold; color: #a08779; text-transform: uppercase; text-align: center; margin-bottom: 20px; } .site_adv_contacts{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; margin-bottom: 27px; } .site_adv_contacts_item{ margin: 0 25px; } .site_adv_contacts_item img{ vertical-align: middle; } .site_adv_contacts_item span{ font-size: 16px; font-weight: bold; line-height: 1; color: #a08779; margin-left: 10px; } .site_adv_contacts_item:hover span{ text-shadow: 0px 0px 7px rgba(165, 133, 113, 0.7); text-decoration: underline; } .site_adv_contacts_item:hover img{ filter: drop-shadow(0px 0px 7px rgba(165, 133, 113, 0.7)); } .site_adv_h3{ font-weight: bold; color: #ffa550; margin-bottom: 5px; text-transform: uppercase; } .site_adv_text_block{ margin-bottom: 35px; } .site_adv_text_block p{ color: #a08779; margin-bottom: 15px; } .site_adv_text_block p:last-child{ margin-bottom: 0; } .site_adv_text_block p + .site_adv_h3{ margin-top: 35px; } .site_adv_text_block p span{ color: #ffa550; text-transform: uppercase; } .site_main .lk_service_grid{ margin-bottom: 25px; padding-right: 0; } .site_right{ width: 284px; position: relative; background-color: #0f0c0c; background-image: url(/templates/l2trend/img/lk_right_bg.png); background-position: right top; background-repeat: repeat-y; padding-top: 10px; padding: 10px 32px; } .site_right:before{ content: ''; display: block; width: 68px; height: 100%; position: absolute; left: 0; top: 0; background-image: url(/templates/l2trend/img/site_rl_bg.png); background-repeat: repeat-y; background-position: left top; mix-blend-mode: color-dodge; box-shadow: -5px 0 21px rgba(0,0,0,.6); } .site_right_z2{ position: relative; z-index: 2; } .site_right .lk_page_title{ margin-bottom: 5px; } .site_rigth_title{ font-size: 18px; font-weight: bold; color: #a08779; text-align: center; text-transform: uppercase; margin-bottom: 15px; } .site_right_links_list{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .site_right_links_list a{ display: block; width: 109px; height: 31px; background-image: url(/templates/l2trend/img/right_link_bg.png); line-height: 31px; text-transform: uppercase; text-align: center; font-weight: bold; color: #a08779; margin-bottom: 2px; } .site_right_links_list a:hover{ filter: brightness(1.4); text-shadow: 0px 0px 10px rgba(120, 140, 255, .4); box-shadow: inset 0px 0px 20px rgba(80, 117, 255, .1); transition: all 0.5s ease 0s; } .site_right_blog_item:hover{ background:rgba(255,255,255,0.1); cursor:pointer; transition: all 0.5s ease 0s; } .site_right_luck_btn{ background-image: url(/templates/l2trend/img/luck_btn.png); margin-top: 5px; margin-bottom: 25px; } .site_right_links_list.srll_2{ font-size: 12px; } .site_right_adv_slider_wrap{ margin-left: -10px; margin-right: -10px; margin-top: 10px; margin-bottom: 20px; } .adv_slider_item{ width: 240px; height: 400px; background-image: url(/templates/l2trend/img/slider_db.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; outline: none; } .adv_item_2{ padding-top: 10px; } .adv_slider_title{ font-size: 18px; font-weight: bold; color: #a08779; text-align: center; text-transform: uppercase; } .adv_slider_size{ font-size: 36px; font-weight: bold; color: #ffa550; text-align: center; line-height: 1; } .slick-dots{ position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .slick-dots li{ list-style: none; } .slick-dots li button{ background-color: transparent; border: none; background-image: url(/templates/l2trend/img/slider_dots.png); background-position: 0 -11px; background-repeat: no-repeat; width: 11px; height: 11px; outline: none; cursor: pointer; } .slick-dots li.slick-active button{ background-position: 0 0px; } .site_right_blog{ margin-bottom: 20px; } .site_right_blog_item{ background-image: url(/templates/l2trend/img/blob_bd.png); background-position: center bottom; background-repeat: no-repeat; padding: 0 5px 5px; margin-bottom: 5px; } .site_right_blog_title{ display: block; font-size: 16px; color: #a08779; margin-bottom: 5px; width: 100%; } .site_right_blog_title:hover{ text-decoration: underline; } .site_right_blog_bottom{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; color: #4a3a32; font-size: 12px; text-transform: uppercase; } .site_right_social{ text-align: center; } .site_right_social a{ opacity: .6; } .site_right_social a:hover{ opacity: 1; transition: all 0.5s ease 0s; } .header_site_nav ul li a img{ margin-bottom: 3px; } .header_site_nav ul li:first-child a img{ margin-bottom: 0; } .site_header_login{ margin-top: 9px; margin-left: 5px; margin-right: 15px; width: 38px; height: 38px; } .site_header_login:hover{ opacity: .7; } .site_filter_left .selectric{ text-align: center; height: 32px; padding-right: 25px; background: none; border: none; background-image: url(/templates/l2trend/img/select_order_bg.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; background-repeat: no-repeat; } .site_filter_left .selectric .button{ background-image: url(/templates/l2trend/img/bal_select_arr.png); background-color: transparent; background-repeat: no-repeat; background-position: center; height: 100%; width: 30px; } .site_filter_left .selectric .label{ line-height: 30px; font-size: 12px; color: #a08779; height: auto; margin: 0; margin-right: 0px; text-align: left; padding-left: 6px; display: inline-block; } .site_filter_left .selectric .label.selected{ font-size: 14px; font-weight: bold; color: #ffa550; text-transform: uppercase; } .site_filter_left .selectric-items li{ height: 40px; padding: 3px 5px 3px 10px; color: #a08779; position: relative; text-transform: uppercase; text-align: center; line-height: 35px; } .site_filter_left .selectric-items li.disabled{ font-size: 12px; text-transform: none; } .site_filter_left .selectric-items li:hover, .site_filter_left .selectric-items li.selected, .site_filter_left .selectric-items li.highlighted{ background-image: url(/templates/l2trend/img/select_li_hover.png); background-position: center 90%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; font-weight: bold; color: #ffa550; } .site_filter_left .selectric-items li:after{ content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: linear-gradient(to right, #000, #3d352f, #000); } .site_filter_left .selectric-items li:hover:after, .site_filter_left .selectric-items li.selected:after, .site_filter_left .selectric-items li.highlighted:after{ background: linear-gradient(to right, #0a0808, #fcdec9, #0a0808); } .site_filter_left .selectric-items{ border-radius: 0 0 5px 5px; padding-bottom: 3px; } .site_filter_left .selectric-items .selectric-scroll{ margin: auto; background-color: #0b0908; height: auto; } .site_filter_left .selectric-wrapper{ margin-right: 22px; } .site_filter_left{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .site_filter_wrap{ background-image: url(/templates/l2trend/img/filter_bg.png); height: 112px; margin: -30px -20px 0px -45px; padding-left: 45px; padding-top: 35px; padding-right: 20px; } .site_filter{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -ms-align-items: center; align-items: center; } .lk_service_btn.filter_ser_btn{ margin: 0; text-align: left; } .site_servers_list_item{ margin-bottom: 20px; } .site_servers_list_item_head{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 10px; height: 53px; } .site_servers_list_item_head_right{ padding-top: 6px; margin-left: 10px; } .site_servers_list_item_title{ font-size: 16px; font-weight: bold; text-transform: uppercase; color: #c6803e; } .site_servers_list_item_desc{ font-size: 11px; color: #a08779; } .site_servers_list_row .lk_service_line{ margin-bottom: 12px; } .site_servers_list_grid{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .blog_wrap{ margin-top: -20px; margin-left: -20px; } .blog_item{ position: relative; padding-left: 60px; padding-top: 22px; width: 830px; } .blog_item:before{ content: ''; display: block; width: 142px; height: 99px; background-image: url(/templates/l2trend/img/blog_flag.png); position: absolute; left: 0; top: 0; } .blog_title{ font-size: 24px; font-weight: bold; color: #ffa550; text-transform: uppercase; margin-bottom: 25px; display: block; } .blog_title:hover{ text-decoration: underline; } .blog_text{ color: #998174; font-size: 16px; line-height: 24px; } .blog_text p{ margin-bottom: 10px; } .blog_text ul li{ list-style: none; display: block; position: relative; padding-left: 18px; } .blog_text ul li:before{ content: ''; display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 10px; background-color: #ffa550; } .blog_text ul li span{ font-size: 12px; } .blog_bottom{ background-image: url(/templates/l2trend/img/blog_bottom_bg.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; height: 53px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding: 0 8px 5px; justify-content: space-between; } .blog_bottom_left{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .blog_bottom_author{ font-size: 12px; font-weight: bold; color: #ffa550; position: relative; padding-left: 17px; margin-right: 3px; } .blog_bottom_author:before{ content: ''; display: block; width: 12px; height: 13px; position: absolute; left: 0; top: 0; background-image: url(/templates/l2trend/img/user.png); } .blog_bottom_date{ font-size: 12px; color: #937c6f; } .blog_bottom_views{ font-size: 12px; color: #937c6f; position: relative; padding-left: 23px; margin-left: 25px; } .blog_bottom_views:before{ content: ''; display: block; width: 15px; height: 9px; position: absolute; left: 0; top: 3px; background-image: url(/templates/l2trend/img/views.png); } .blog_full{ display: block; width: 114px; height: 28px; background-color: #ffa550; font-weight: bold; color: #090707; text-align: center; line-height: 28px; border-radius: 3px; margin-top: -5px; } .blog_full:hover{ filter: brightness(1.2); } .popup_login{ width: 455px; height: 437px; background-image: url(/templates/l2trend/img/login_bg.png); padding: 60px 30px; } .popup_login_row{ width: 228px; margin: 0 auto 15px; } .popup_login_row label{ display: block; font-size: 12px; color: #927b6e; margin-bottom: 5px; } .popup_login_row > input{ width: 228px; height: 32px; background: none; border: none; background-image: url(/templates/l2trend/img/select_order_bg.png); outline: none; font-size: 16px; font-weight: bold; color: #ffa550; padding-left: 15px; } .popup_login_row > input::placeholder{ color: #ffa550; opacity: .2; font-size: 14px; font-weight: 200; } .popup_login_captcha{ margin: 0 auto 10px; } .popup_login_captcha .captcha > div{ margin: auto; } .popup_login_btn{ display: block; width: 209px; height: 43px; background-image: url(/templates/l2trend/img/login_btn.png); background-color: transparent; border: none; margin: 0 auto; cursor: pointer; } .popup_login_btn:hover{ filter: brightness(1.2); } .popup_login_bottom{ text-align: center; font-size: 16px; color: #927b6e; margin-top: 10px; } .popup_login_forget:hover{ text-decoration: underline; } .popup_login_reg{ color: #f49e4d; font-weight: bold; text-transform: uppercase; } .popup_login_reg:after{ content: ''; display: inline-block; width: 24px; height: 24px; background-image: url(/templates/l2trend/img/reg_arr.png); vertical-align: middle; margin-top: -2px; } .popup_login_reg:hover{ filter: brightness(1.4); } .site_popup .lk_order_service_close{ right: 30px; top: 30px; } .popup_reg{ width: 456px; height: 532px; background-image: url(/templates/l2trend/img/reg_bg.png); padding: 60px 30px; } .popup_reg_btn{ display: block; width: 209px; height: 43px; background-image: url(/templates/l2trend/img/reg_btn.png); background-color: transparent; border: none; margin: 0 auto; cursor: pointer; } .popup_reg_btn:hover{ filter: brightness(1.2); } .popup_back_to_login{ cursor: pointer; width: 26px; height: 22px; position: absolute; left: 30px; top: 30px; background-image: url(/templates/l2trend/img/back_to_login.png); } .mob_nav{ display: none; } .ham{ width: 30px; position: relative; } .ham span{ width: 100%; height: 4px; margin-bottom: 4px; border-radius: 5px; display: block; background-color: #ffa550; transition: all .5s ease; } .mob_close{ display: none; } .site_header_login_us{ margin-top: 9px; margin-left: 5px; margin-right: 15px; width: 38px; height: 38px; } .site_header_login_us:hover{ opacity: .7; transition: all 0.3s; } .csu_red_alert { border: 1px solid #f21248; display: block; border-radius: 6px; font-size: 15px; padding: 6px 10px; background: rgba(249, 38, 89, 0.05); max-width: 80%; margin: 15px auto; color: white; text-align: center; } .csu_green_alert { border: 1px solid #6c9806; display: block; border-radius: 6px; font-size: 15px; padding: 6px 10px; background: rgba(108, 152, 6, 0.05); margin: 16px 0 0 0; max-width: 80%; margin: 15px auto; color: white; text-align: center; } .csu_wait { position: absolute; z-index: 999; background: rgba(0, 0, 0, .2); top: 0; right: 0; bottom: 0; left: 0; border-radius: 6px; display: none; } .header_lk_logo span{ position: absolute; bottom: -0px; left: 50%; transform: translateX(-50%); font-size: 10px; color: rgb(223, 195, 91); text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, rgb(219, 203, 160), rgb(220, 202, 149), rgb(220, 200, 137), rgb(221, 199, 126), rgb(222, 198, 114), rgb(223, 196, 103), rgb(223, 195, 91), rgb(247, 139, 0), rgb(225, 192, 68), rgb(226, 191, 57), rgb(226, 189, 45), rgb(255, 203, 0)); } [tooltip] { position: relative; /* opinion 1 */ } /* Applies to all tooltips */ [tooltip]::before, [tooltip]::after { text-transform: none; /* opinion 2 */ font-size: .9em; /* opinion 3 */ line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0; } [tooltip]::before { content: ''; border: 5px solid transparent; /* opinion 4 */ z-index: 99999999999; /* absurdity 1 */ } [tooltip]::after { content: attr(tooltip); /* magic! */ /* most of the rest of this is opinion */ font-family: Helvetica, sans-serif; text-align: center; /* Let the content set the size of the tooltips but this will also keep them from being obnoxious */ min-width: 3em; max-width: 21em; white-space: nowrap; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: rgba(0, 0, 0, 0.8); color: #fff; z-index: 9999999; /* absurdity 2 */ } /* Make the tooltips respond to hover */ [tooltip]:hover::before, [tooltip]:hover::after { display: block; } /* don't show empty tooltips */ [tooltip='']::before, [tooltip='']::after { display: none !important; } /* FLOW: UP */ [tooltip]:not([flow])::before, [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: #333; } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { bottom: calc(100% + 5px); } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^="up"]::before, [tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em); } /* FLOW: DOWN */ [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; border-bottom-color: #333; } [tooltip][flow^="down"]::after { top: calc(100% + 5px); } [tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after { left: 50%; transform: translate(-50%, .5em); } /* FLOW: LEFT */ [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; border-left-color: #333; left: calc(0em - 5px); transform: translate(-.5em, -50%); } [tooltip][flow^="left"]::after { top: 50%; right: calc(100% + 5px); transform: translate(-.5em, -50%); } /* FLOW: RIGHT */ [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; border-right-color: #333; right: calc(0em - 5px); transform: translate(.5em, -50%); } [tooltip][flow^="right"]::after { top: 50%; left: calc(100% + 5px); transform: translate(.5em, -50%); } /* KEYFRAMES */ @keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); } } @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); } } /* FX All The Things */ [tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after { animation: tooltips-vert 300ms ease-out forwards; } [tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after { animation: tooltips-horz 300ms ease-out forwards; } .no_serv_d{ width:65%; text-align:center; font-size: 12px; opacity: 0.6; } .no_serv_i{ font-size: 13px; } .no_serv_i:hover{ transition: all 0.3s; text-shadow: 0px 0px 6px rgba(255,255,255,0.7); } .no_serv{ } .fix_grid { position: absolute; z-index: 9999999; max-width: 30%; padding: 10px; font-size: 19px; color: white; background: rgba(0, 0, 0, .7); } .fix_grid ul{ color: #ffa550; } .xdsoft_datetimepicker { z-index:999999999 !important; } .add_lk_serv_plus { font-size: 25px; line-height: 24px; height: 25px; margin: 0 auto; text-decoration: none; border: 0; } .add_lk_serv_plus:hover{ box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22); transition: all 0.3s; color:white; } .tx_serv_new { font-size: 12px; position: absolute; margin-top: 0px; cursor: pointer; color: #ffa550; left: 0; width: 100%; text-align: center; } .tx_serv_new:hover{ color:white; } .bill_scroll{ overflow-y: scroll; max-height: 600px; } #overlay_xstats{ position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 9999999; cursor: pointer; } .txt_xstats { font-size: 30px; font-size: 30px; line-height: .75; position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); letter-spacing: 1px; text-transform: uppercase; color: transparent; background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif); -webkit-background-clip: text; -moz-background-clip: text; background-size: cover; align-items: center; justify-content: center; } #tr_xstats{position: absolute; top: 50%; left: 50%; display: flex; flex-direction: column; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color:white; } .stats_text_all{ font-size: 20px; font-weight: bold; text-transform: uppercase; text-align: center; } .stats_text_all span{ color: #ffa550; } .header_lang_list img{ max-width:25px; } .header_lang_list img:last-child{ margin-top: 5px; } .header_lang_list a img:hover{ border: 1px solid #ffa550; transition: 0.3s all; } .header_lang_list a img.language__img_active{ border: 1px solid #ffa550; } .page_form__inner{text-align: center;} .ui-form { display: flex; flex-direction: column; list-style: none; } .ui-form li label { display: flex; flex-direction: column; padding-bottom: 7px; color: #ffa550; } .ui-form li input { max-width: 150px; margin: 0 auto; padding: 8px; border-radius: 4px; } .ui-form li .c-captcha, .ui-form li .g-recaptcha { display: flex; flex-direction: column; width: 300px; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; } .btn_more_servers div:hover{ color: #a08779; transition: all 0.3s; } .txt_week_serv{ font-size: 14px; color:#a08779; margin: 10px; } @keyframes shadow { from { box-shadow: 0 0 30px 5px #ffa550; } to { box-shadow: 0 0 40px 20px #ffa550; } } #preloader { background-color: #000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999999; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: rgba(237,122,69,1); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #ffa550; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #c6803e; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lk_left_title_help{ display: none; } .site_filter_left .selectric-wrapper:nth-child(1){ width: 170px; } .site_filter_left .selectric-wrapper:nth-child(2){ width: 159px; } .site_filter_left .selectric-wrapper:nth-child(3){ width: 209px; } .pos_rel_serv_list{ position:relative; } .tx_serv_new{ margin-top: 5px; margin-bottom: 5px; } .site_filter_left .selectric-scroll ul li:first-child{ font-size:11px; } @keyframes anim_link { from { background: linear-gradient(45deg, rgb(235, 119, 37) 0%, rgb(245, 147, 50) 12%, rgb(248, 181, 64) 28%, rgb(252, 203, 78) 44%, rgb(254, 221, 88) 60%, rgb(255, 248, 180) 100%); } to { background: linear-gradient(to top, rgb(219, 203, 160), rgb(220, 202, 149), rgb(220, 200, 137), rgb(221, 199, 126), rgb(222, 198, 114), rgb(223, 196, 103), rgb(223, 195, 91), rgb(247, 139, 0), rgb(225, 192, 68), rgb(226, 191, 57), rgb(226, 189, 45), rgb(255, 203, 0)); } } .srll_l2top, .srll_l2ess { line-height: 31px; width: 109px; height: 31px; margin: 5px auto; background-image: url(/templates/l2trend/img/right_link_bg.png); justify-content: center; } .srll_l2top a { padding-bottom: 1px; text-transform: uppercase; background: linear-gradient(45deg, rgb(235, 119, 37) 0%, rgb(245, 147, 50) 12%, rgb(248, 181, 64) 28%, rgb(252, 203, 78) 44%, rgb(254, 221, 88) 60%, rgb(255, 248, 180) 100%); -webkit-background-clip: text; text-shadow: 0 0 10px rgba(255, 60, 0, .75); -webkit-text-fill-color: transparent; } .footer_title h1{ font-size:20px; } .footer_title h2{ font-size:18px; } .footer_title h3{ font-size:17px; } .footer_title h4{ font-size:17px; } .lk_page_title h1{ font-size:16px; } .site_filter_left .selectric-scroll ul{ overflow-y: scroll; max-height: 250px; } #wmz_click, #wmr_click, .info_click { font-size: 18px; padding-right: 2px; padding-left: 2px; text-align: center; border: 1px solid #f2f2f23d; border-radius: 2px; } p.reg_txt{ font-size: 12px; color: #927b6e; text-align: center; margin-bottom: 5px; cursor: pointer; } p.reg_txt a{ color: white; } .text_static{ color: #927b6e; } .top_banner { position: absolute; visibility: hidden; max-width: 400px; margin: auto auto 8px auto; transition: visibility 0s, opacity .5s linear; opacity: 0; text-align: center; } .top_banner img { max-width: 400px; } .top_banner:before { display: inline-block; box-sizing: border-box; width: 90%; height: 1px; content: ''; vertical-align: middle; border-radius: 50%; background: #a08779; } .xstats:hover .top_banner { position: static; display: block; visibility: visible; opacity: 1; } .fix_bann{ position: static; visibility: visible; opacity: 1; } .top_banner:hover { position: static; display: block; visibility: visible; opacity: 1; } .top_banner{ margin-top: -10px; } .main_stream, .stream2, .stream1{ width:420px; } .show_stream1, .show_stream2{ cursor:pointer; } .show_stream1 { background: url('/templates/l2trend/images/stream1.jpg') no-repeat; background-position: center; background-size: cover; height: 236px; position:relative; border-radius:5px; } .show_stream2 { background: url('/templates/l2trend/images/stream2.jpg') no-repeat; background-position: center; background-size: cover; height: 236px; position:relative; border-radius:5px; } .show_stream1:before, .show_stream2:before{ position:absolute; content:''; width:100%; height:236px; background:rgba(0,0,0,0.5); border-radius:5px; } .show_stream1:after, .show_stream2:after{ position:absolute; content:''; width: 100%; height: 100%; background: url('/templates/l2trend/images/youti.png') no-repeat center; animation: pulse 2.5s infinite; border-radius:5px; } .show_stream1:hover:before, .show_stream2:hover:before{ background:none; transition: all 0.3s; } .main_stream{ border-radius: 5px; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); box-shadow: 0 0 0 0 rgba(204,169,44, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0); box-shadow: 0 0 0 10px rgba(204,169,44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0); box-shadow: 0 0 0 0 rgba(204,169,44, 0); } } .speedbar{ margin-bottom: 30px; color:#ffa550; } .hi_s{ visibility: hidden; } .step_ajax{ height: 30px; width: 413px; font-weight: bold; color: #ffa550; text-align: center; background-image: url(/templates/l2trend/img/h4_bg.png); background-position: center; background-repeat: no-repeat; text-transform: uppercase; line-height: 31px; margin-bottom: 10px; font-size: 12px; } @media screen and (min-width: 992px){ .sll_servers::-webkit-scrollbar { width: 6px; } .sll_servers::-webkit-scrollbar-track { background: #f1f1f1; } .sll_servers::-webkit-scrollbar-thumb { background: #ffa550; } .sll_servers::-webkit-scrollbar-thumb:hover { background: #ffc48d; } .sll_servers{ max-height: 600px; overflow-y:auto; overflow-x:hidden; scrollbar-color: #ffa550 white; scrollbar-width: thin; } .sll_servers.active{ padding: 0px 5px 0px 0px } } .site_servers_list_grid.grid_ess{ justify-content: center; } .item_ess img{max-width: 300px;border-radius: 5px;margin-right: 30px;} .site_servers_list_grid.grid_ess .site_servers_list_row .lk_service_line{ height: 50px; } .grid_ess .screen_list img{ max-width: 400px; width: 400px; margin: 10px; max-height: 220px; max-width: 400px; } .grid_ess .screen_list{ margin: 15px auto; text-align: center; } .wrap_ess .lk_page_title h1{ font-size: 20px; } .wrap_ess h2{ font-size: 16px; } .middle_site_wrap{ z-index: 9; position: relative; } .shtitle_page{ color: #6c757d; text-transform: uppercase; text-align: center; width: 100%; font-weight: bold; margin: 0 auto; display: block; } .faq_homes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -15px; margin-left: -15px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .faq_homes .col-md-6 { position: relative; width: 100%; max-width: 50%; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .faq_homes .answer-item { margin-bottom: 30px; padding: 20px; border: 1px solid #ffa550; border-radius: 5px; min-height: 160px; } .faq_homes .answer-item h3 { font-size: 15px; line-height: 15px; margin-top: 0; color: #ffa550; text-transform: uppercase; } .faq_homes .answer-item p { font-size: 15px; line-height: 20px; position: relative; margin-bottom: 0; margin-top: 5px; padding-left: 30px; color: #b5b5b5; } .faq_homes .answer-item p::before{ position: absolute; left: 10px; top: 0; content: "➥"; color: #ffa550; } .site_right .fixed{ position: fixed; top: 10px; width: 220px; } .site_right_blog .site_right_blog_item img{ max-width: 100%; width: 100%; } .col_log_soc{ width: 100%; margin: auto; display: flex; padding: 0 100px; margin-top: 6px; flex-direction: column; justify-content: center; position: relative; } .col_log_soc .fb{ background-color: #3B5998; color: white; width: 100%; padding: 5px; border: none; border-radius: 4px; margin: 5px 0; opacity: 0.85; display: inline-block; font-size: 15px; line-height: 10px; text-decoration: none; } .col_log_soc .google{ background-color: #dd4b39; color: white; width: 100%; padding: 5px; border: none; border-radius: 4px; margin: 5px 0; opacity: 0.85; display: inline-block; font-size: 15px; line-height: 10px; text-decoration: none; } .col_log_soc img{ width: 20px; vertical-align: middle; margin-right: 10px; } .middle_site_wrap .site_main .berrors { position: relative; display: block; width: 100%; max-width: 100%; text-align: center; color: #ffa550; } .middle_site_wrap .site_main .berrors .bbcodes { font-size: 15px; line-height: 10px; display: inline-block; width: 200px; margin: 5px 0; padding: 15px; text-decoration: none; color: white; border: none; border-radius: 4px; background-color: #3b5998; } .middle_site_wrap .site_main .berrors #newlogin { width: 200px; height: 45px; margin-top: 10px; padding: 10px; } .col_log_soc .fb:hover, .col_log_soc .google:hover{ opacity: 1; transition: 0.3s all; } .middle_site_wrap .site_main .berrors .bbcodes:hover{ opacity: 0.7; transition: 0.3s all; } .lk_service_grid .lk_service_info_text { color: #ffa550; } .lk_service_grid .lk_service_info_text .lk_service_places_val{ min-width: 34px; font-size: 16px; font-weight: bold; } .lk_service_grid .lk_service_info_text .lk_service_places_val:first-child{ font-size: 15px; } .middle_site_wrap .site_main .site_adv_text_block p{ letter-spacing: 0.0525em; } .middle_lk .middle_lk_right .lk_page_server_table{ max-height: 800px; overflow-x: hidden; overflow-y: auto; } .blog_wrap h2 { font-size: 18px; font-weight: bold; line-height: 31px; height: 31px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #ffa550; background-image: url(/templates/l2trend/img/h4_bg.png); background-repeat: no-repeat; background-position: center; } .blog_wrap h3 { font-size: 18px; font-weight: bold; line-height: 31px; height: 31px; margin-bottom: 10px; text-align: center; text-transform: uppercase; color: #ffa550; background-image: url(/templates/l2trend/img/h4_bg.png); background-repeat: no-repeat; background-position: center; } .blog_wrap b { margin-bottom: 5px; text-transform: uppercase; color: #ffa550; } .blog_wrap img{ border-radius: 5px; max-width: 100%; } .blog_wrap .blog_text { color: #bd9885; } .blog_wrap br{ display: none; } .blog_wrap .blog_title{ curp }@media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } .header_lk_logo::before{ position:absolute; content: ''; width:30px; top: 55px; margin-left:-15px; animation: shadow 1.5s infinite alternate; } } @media (min-width: 1200px) { .container { max-width: 1233px; } } @media screen and (max-width: 1199px){ .site_filter_left{ display: block; } .main_stream, .stream2, .stream1{ width:100%; max-width:100%; } .site_filter_wrap{ height: auto; padding-bottom: 40px; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .site_filter_left .selectric-wrapper{ margin-bottom: 10px; } .site_servers_list_grid{ justify-content: center; } .header_lk_logo img{ top: -80px; } header, footer{ overflow-x: hidden; } .blog_item{ width: 100%; } .lk_page_server_row{ font-size: 14px; } .lk_page_server_cell_head:nth-child(1), .lk_page_server_cell:nth-child(1){ width: 120px; } .lk_page_server_cell_head:nth-child(2), .lk_page_server_cell:nth-child(2){ width: 100px; } .lk_page_server_cell_head:nth-child(3), .lk_page_server_cell:nth-child(3){ width: 65px; } .lk_page_server_cell_head:nth-child(4), .lk_page_server_cell:nth-child(4){ width: 100px; } .lk_page_server_cell_head:nth-child(5), .lk_page_server_cell:nth-child(5){ width: 90px; } .lk_page_server_cell_head:nth-child(6), .lk_page_server_cell:nth-child(6){ width: 100px; } .lk_page_server_cell_head:nth-child(7), .lk_page_server_cell:nth-child(7){ width: 50px; } .lk_page_server_row .lk_page_server_cell_head, .lk_page_server_row .lk_page_server_cell{ padding-left: 5px; } .lk_page_server_status_ok, .lk_page_server_status_error{ width: 83px; } .lk_page_bills_row{ font-size: 14px; } .lk_page_bills_cell_head:nth-child(1), .lk_page_bills_cell:nth-child(1){ width: 80px; } .lk_page_bills_cell_head:nth-child(2), .lk_page_bills_cell:nth-child(2){ width: 325px; } .lk_page_bills_cell_head:nth-child(3), .lk_page_bills_cell:nth-child(3){ width: 110px; } .site_filter_left .selectric-wrapper:nth-child(1), .site_filter_left .selectric-wrapper:nth-child(2), .site_filter_left .selectric-wrapper:nth-child(3){ width: auto; } } @media screen and (max-width: 991px){ .top_banner img { max-width: 100%; } .top_banner{ position: static; display: block; visibility: visible; opacity: 1; } .mob_nav{ display: block; position: fixed; left: 15px; top: 15px; background-image: url(/templates/l2trend/img/balance_add.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 116px; height: 49px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; padding-left: 10px; padding-top: 3px; color: #ffa550; z-index: 99; } .mob_nav > span{ font-size: 16px; margin-top: -3px; margin-left: 10px; text-transform: uppercase; } .header_lk_nav{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.95); z-index: 999; opacity: 0; visibility: hidden; transition: .3s; } .header_lk_nav.active{ opacity: 1; visibility: visible; } .header_lk_nav ul{ padding-top: 0; height: 100%; justify-content: center; } .header_lk_nav ul li:after{ display: none; } .header_lk_nav ul li{ margin: 0 20px; } .mob_close{ position: absolute; right: 30px; top: 30px; z-index: 9999; display: none; -ms-align-items: center; align-items: center; color: #ffa550; } .mob_close.active{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .close_ico{ margin-left: 10px; display: block; width: 16px; height: 16px; -webkit-background-size: cover; background-size: cover; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDcuOTcxIDQ3Ljk3MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcuOTcxIDQ3Ljk3MTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkE1NTAiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg==) } .header_lk_menu{ position: fixed; right: 15px; top: 15px; padding: 0; z-index: 99; } .header_lk_logo img{ top: -15px; } .site_main{ padding: 20px 10px; background-image: none; } .site_filter_wrap{ margin: 0; padding: 10px 20px 50px 10px; } .site_filter{ display: block; } .site_right{ padding: 10px; margin: auto; } .lk_service_btn.filter_ser_btn{ margin: auto; } .middle_site{ display: block; } .site_filter_left .selectric-wrapper{ margin-right: 0; } .site_filter_left .selectric{ padding-right: 0; } .site_filter_left .selectric .button{ right: 15px; } .header_lk{ background-position: center top; } header, footer{ overflow: hidden; } body:before{ content: ''; display: block; width: 100%; height: 80px; position: fixed; left: 0; top: 0; z-index: 98; background-color: #333; } .lk_page_server_row{ display: block; margin-bottom: 20px; } .lk_page_server_row .lk_page_server_cell{ display: block; width: 100%; padding-left: 80px; position: relative; padding-top: 5px; min-height: 30px; border-right: none; } .lk_page_server_cell:before{ display: inline-block; position: absolute; left: 0; border-right: 1px solid #211b1a; width: 70px; height: 30px; } .lk_page_server_cell:nth-child(1):before{ content: 'Название'; } .lk_page_server_cell:nth-child(2):before{ content: 'Хроники'; } .lk_page_server_cell:nth-child(3):before{ content: 'Рейты'; } .lk_page_server_cell:nth-child(4):before{ content: 'Сайт'; } .lk_page_server_cell:nth-child(5):before{ content: 'Дата'; } .lk_page_server_cell:nth-child(6):before{ content: 'Статус'; } .lk_page_server_cell:nth-child(7):before{ content: 'Услуга'; } .lk_page_server_cell:nth-child(7){ text-align: left; border-bottom: none; } .lk_page_server_premium{ text-align: left; } .lk_page_server_row .lk_page_server_cell_head{ display: none; } .lk_page_bills_row{ display: block; margin-bottom: 30px; } .lk_page_bills_row .lk_page_bills_cell{ width: 100%; border-right: none; } .lk_page_bills_row .lk_page_bills_cell{ display: block; width: 100%; padding-left: 110px; position: relative; padding-top: 5px; min-height: 30px; padding-bottom: 5px; border-right: none; } .lk_page_bills_cell:before{ display: inline-block; position: absolute; left: 0; border-right: 1px solid #211b1a; width: 100px; height: 100%; } .lk_page_bills_cell:nth-child(1):before{ content: '№'; } .lk_page_bills_cell:nth-child(2):before{ content: 'Описание счета'; } .lk_page_bills_cell:nth-child(3):before{ content: 'Статус'; } .lk_page_bills_cell:nth-child(4):before{ content: 'Дополнительно'; } .lk_page_bills_row .lk_page_bills_cell_head{ display: none; } .lk_page_bills_row .lk_page_bills_cell:last-child{ border-bottom: none; } .lk_setting_forms_wrap{ display: block; } .lk_setting_form_row label{ width: 228px; margin-left: auto; margin-right: auto; } .lk_setting_form_row input{ margin-left: auto; margin-right: auto; display: block; } .lk_setting_form{ margin: 0; margin-bottom: 40px; } } @media screen and (max-width: 767px){ .mob_nav{ position: absolute; top: -60px; left: 50%; transform: translateX(-50%); } .header_lk_menu{ right: 50%; top: 0; transform: translateX(50%); position: absolute; } body:before{ display: none; } .header_lk{ background: none; } .header_lk:before{ display: none; } .header_lk:after{ display: none; } .site_adv_contacts{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .site_adv_contacts_item{ margin-bottom: 10px; } .middle_lk{ display: block; } .middle_lk_left{ width: 100%; background: none; } .middle_lk_right{ background: none; } .middle_lk_left_wrap{ display: none; } .lk_left_title_arr span{ position: relative; } .lk_left_title_arr span:after{ content: ''; display: block; width: 19px; height: 19px; position: absolute; right: -20px; top: 0; background-image: url(/templates/l2trend/img/bal_select_arr.png); background-repeat: no-repeat; background-position: center; } .add_adserver_btn{ margin-top: 5px; } .lk_order_service_row{ display: block; } .lk_popup_order_service{ width: 100%; height: auto; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .lk_order_service_col label{ width: 228px; margin-left: auto; margin-right: auto; } .lk_order_service_col > input{ margin-left: auto; margin-right: auto; display: block; } .lk_order_service_row .selectric-wrapper{ width: 228px; margin-left: auto; margin-right: auto; } .lk_order_service_col{ margin-bottom: 20px; } .lk_order_add_money_text{ text-align: center; } .lk_order_service_text{ width: 100%; margin-left: 0; } .lk_left_submenu_wrap{ left: 0; top: 100%; width: 100%; } .lk_left_submenu li a{ text-align: center; } .lk_left_title_arr .lk_left_title_help{ display: block; font-size: 10px; font-weight: 300; left: 0; bottom: 0; line-height: 1; } .lk_left_title_arr .lk_left_title_help:after{ display: none; } } @media screen and (max-width: 575px){ .lk_service_line{ width: calc(100% + 30px); height: auto; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin-left: -15px; } .lk_service_name{ width: 140px; } .lk_service_icos{ display: none; } .lk_service_chronichals{ width: 75px; } .site_main{ padding: 20px 0; } .site_servers_list_item{ width: 100%; } .site_right_links_list{ justify-content: space-around; } .site_right{ background-image: none; } .header_lk_menu{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; top: -20px; } .header_lk_nav ul{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; height: auto; } .header_lk_nav{ -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .header_lk_nav ul li{ margin-bottom: 30px; } .blog_bottom{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-top: 10px; } .blog_full{ margin-top: 10px; } .blog_text{ line-height: 1.2; font-size: 14px; } .blog_item{ margin-bottom: 20px; } .header_balance_wrap{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; -ms-align-items: flex-start; align-items: flex-start; margin-left: 0; width: 130px; margin-top: 5px; } .header_balance_wrap span{ margin-top: 3px; margin-right: 5px; } .lk_h{ padding-top: 115px; } .lk_h .mob_nav{ top: -90px; } .lk_h .header_lk_menu{ top: -40px; } .lk_page_balance p{ width: 135px; } .middle_lk_right .lk_service_grid{ margin-left: -20px; } .lk_page_title + .lk_service_grid{ padding-top: 20px; } .lk_popup_add_server{ width: 100%; height: auto; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding: 52px 25px 62px; } .middle_site_wrap, .middle_lk_wrap{ background: linear-gradient(to right, #060505, #141010, #060505); } .middle_site, .middle_lk{ background-image: none; } .popup_reg, .popup_login{ -webkit-background-size: 100% 100%; background-size: 100% 100%; } } @media (min-width: 992px) and (max-width: 1350px) { [tooltip]:not([flow])::before, [tooltip][flow^='up']::before { border-top-color: transparent !important; } [tooltip]:not([flow])::before, [tooltip]:not([flow])::after, [tooltip][flow^='up']::before, [tooltip][flow^='up']::after { left: -100%; transform: translate(-100%, -.5em); } } /*! ========================================================================== Автор: Павел Белоусов (http://pafnuty.name) */ /*! ========================================================================= */ /*! ========================================================================= Стили UF-FORM */ /*! ========================================================================= */ .uf-wrapper { margin: 0 auto; background: #fff; border-radius: 4px; box-shadow: 0 0 15px rgba(0,0,0,.8); width: 500px; position: relative; } .uf-wrapper-inline { margin: 20px 0; } input.uf-input, textarea.uf-input { display: block; height: 30px; width: 100%; font: normal 14px/30px Arial, sans-serif; padding: 0 10px; position: relative; font-size: 16px; color: #333; vertical-align: middle; border: solid 1px #ccc; outline: none; background-color: #fff; -webkit-appearance: none; box-sizing: border-box; border-radius: 2px; } input.uf-input:focus, textarea.uf-input:focus { border-color: #ffa550; } textarea.uf-input { height: auto; padding: 10px; line-height: 20px; } select.uf-input { padding: 0; -webkit-appearance: menulist; } select.uf-input[multiple] { height: auto; -webkit-appearance: none; } .uf-input-error, .uf-input-error:focus { background: rgba(233, 82, 65, .1); border-color: #e95241; } .uf-btn { display: inline-block; color: #fff; margin-bottom: 0; font: norml 14px/40px Arial, sans-serif; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; background: #ffa550; border: 0; text-decoration: none; white-space: nowrap; padding: 10px 20px; border-radius: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all ease .3s; transition: all ease .3s; } .uf-btn:hover { background: #a08779; } .uf-header { font: normal 20px/28px Arial, sans-serif; background: #ffa550; color: #fff; padding: 10px 20px; border-radius: 4px 4px 0 0; } .uf-wrapper-inline .uf-header { border-radius: 0; } .uf-content { padding: 20px; font-size: 14px; } .uf-alert { padding: 10px 20px; font-weight: bold; font-size: 14px; } .uf-alert-success { background: #a08779; color: #fff; } .uf-alert-error { background: #e95241; color: #fff; } .uf-alert-info { background: #ffecb3; color: #424242; font-weight: normal; } .uf-alert ul { margin: 0 0 0 20px; } .uf-field { margin-bottom: 20px; } .uf-field:last-child { margin-bottom: 0; } .uf-field:before, .uf-field:after { content: " "; display: table; } .uf-field:after { clear: both; } .uf-label { float: left; width: 120px; text-align: right; padding-right: 10px; padding-top: 7px; color:#ffa550; } .uf-field-input { overflow: hidden; } .uf-error-text { color: #e95241; } .uf-inline-loading { height: 400px; background: ; } .uf-inline-loading { margin: 40px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(155, 207, 230, .3); border-right: 1.1em solid rgba(155, 207, 230, .3); border-bottom: 1.1em solid rgba(155, 207, 230, .3); border-left: 1.1em solid #ffa550; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: ufLoading 1.1s infinite linear; animation: ufLoading 1.1s infinite linear; } .uf-inline-loading, .uf-inline-loading:after { border-radius: 50%; width: 10em; height: 10em; } @-webkit-keyframes ufLoading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes ufLoading { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes ufLoading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes ufLoading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*! ========================================================================= Magnific Popup CSS */ /*! ========================================================================= */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; } .mfp-close { width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 5px; text-decoration: none; text-align: center; opacity: .65; filter: alpha(opacity=65); color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; cursor: pointer; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close-btn-in .mfp-close { color: #fff; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: .7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2016 Hakim El Hattab, http://hakim.se */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}.swal2-popup.swal2-toast{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;width:auto;padding:.625em;overflow-y:hidden;background:#fff;box-shadow:0 0 .625em #d9d9d9}.swal2-popup.swal2-toast .swal2-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.swal2-popup.swal2-toast .swal2-title{-webkit-box-flex:1;flex-grow:1;-webkit-box-pack:start;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:static;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{-webkit-box-pack:start;justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:1.8em;font-weight:700}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content{font-size:.25em}}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{flex-basis:auto!important;width:auto;height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.8em;left:-.5em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 1.5em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-toast-animate-success-line-tip .75s;animation:swal2-toast-animate-success-line-tip .75s}.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-toast-animate-success-line-long .75s;animation:swal2-toast-animate-success-line-long .75s}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:swal2-toast-show .5s;animation:swal2-toast-show .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:swal2-toast-hide .1s forwards;animation:swal2-toast-hide .1s forwards}.swal2-container{display:-webkit-box;display:flex;position:fixed;z-index:999999;top:0;right:0;bottom:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:.625em;overflow-x:hidden;-webkit-transition:background-color .1s;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show{background:rgba(0,0,0,.4)}.swal2-container.swal2-backdrop-hide{background:0 0!important}.swal2-container.swal2-top{-webkit-box-align:start;align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-center{z-index:999999999;-webkit-box-align:center;align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom{-webkit-box-align:end;align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:start;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:end;justify-content:flex-end}.swal2-container.swal2-bottom-end>:first-child,.swal2-container.swal2-bottom-left>:first-child,.swal2-container.swal2-bottom-right>:first-child,.swal2-container.swal2-bottom-start>:first-child,.swal2-container.swal2-bottom>:first-child{margin-top:auto}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-self:stretch;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-content:center;-webkit-box-pack:center;justify-content:center}.swal2-container.swal2-grow-column{-webkit-box-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{-webkit-box-align:center;align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{-webkit-box-align:start;align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{-webkit-box-align:end;align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:-webkit-box!important;display:flex!important;-webkit-box-flex:1;flex:1;align-content:center;-webkit-box-pack:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-popup{display:none;position:relative;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;width:32em;max-width:100%;padding:1.25em;border:none;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-header{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.swal2-title{position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:-webkit-box;display:flex;z-index:1;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;margin:1.25em auto 0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1)));background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.2)));background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-actions.swal2-loading .swal2-styled.swal2-confirm{box-sizing:border-box;width:2.5em;height:2.5em;margin:.46875em;padding:0;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{content:"";display:inline-block;width:15px;height:15px;margin-left:5px;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff}.swal2-styled{margin:.3125em;padding:.625em 2em;box-shadow:none;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-styled:focus{outline:0;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(50,100,150,.4)}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{-webkit-box-pack:center;justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-timer-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:.25em;background:rgba(0,0,0,.2)}.swal2-image{max-width:100%;margin:1.25em auto}.swal2-close{position:absolute;z-index:2;top:0;right:0;-webkit-box-pack:center;justify-content:center;width:1.2em;height:1.2em;padding:0;overflow:hidden;-webkit-transition:color .1s ease-out;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer}.swal2-close:hover{-webkit-transform:none;transform:none;background:0 0;color:#f27474}.swal2-close::-moz-focus-inner{border:0}.swal2-content{z-index:1;-webkit-box-pack:center;justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word}.swal2-checkbox,.swal2-file,.swal2-input,.swal2-radio,.swal2-select,.swal2-textarea{margin:1em auto}.swal2-file,.swal2-input,.swal2-textarea{box-sizing:border-box;width:100%;-webkit-transition:border-color .3s,box-shadow .3s;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;background:inherit;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);color:inherit;font-size:1.125em}.swal2-file.swal2-inputerror,.swal2-input.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-file::-webkit-input-placeholder,.swal2-input::-webkit-input-placeholder,.swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-file::-moz-placeholder,.swal2-input::-moz-placeholder,.swal2-textarea::-moz-placeholder{color:#ccc}.swal2-file:-ms-input-placeholder,.swal2-input:-ms-input-placeholder,.swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-file::-ms-input-placeholder,.swal2-input::-ms-input-placeholder,.swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-file::placeholder,.swal2-input::placeholder,.swal2-textarea::placeholder{color:#ccc}.swal2-range{margin:1em auto;background:#fff}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-input[type=number]{max-width:10em}.swal2-file{background:inherit;font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:inherit;color:inherit;font-size:1.125em}.swal2-checkbox,.swal2-radio{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff;color:inherit}.swal2-checkbox label,.swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-checkbox input,.swal2-radio input{margin:0 .4em}.swal2-validation-message{display:none;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:.625em;overflow:hidden;background:#f0f0f0;color:#666;font-size:1em;font-weight:300}.swal2-validation-message::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;-webkit-box-pack:center;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474;color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;-webkit-box-flex:1;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86;color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{-webkit-box-align:center;align-items:center;margin:0 0 1.25em;padding:0;background:inherit;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#3085d6}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:#add8e6;color:#fff}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:#add8e6}.swal2-progress-steps .swal2-progress-step-line{z-index:10;width:2.5em;height:.4em;margin:0 -1px;background:#3085d6}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-noanimation{-webkit-transition:none;transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}@-webkit-keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@keyframes swal2-toast-show{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg)}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg)}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg)}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0)}}@-webkit-keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-hide{100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-container{top:auto;right:auto;bottom:auto;left:auto;max-width:calc(100% - .625em * 2);background-color:transparent!important}body.swal2-no-backdrop .swal2-container>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-container.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-top-left,body.swal2-no-backdrop .swal2-container.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-top-end,body.swal2-no-backdrop .swal2-container.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-container.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-left,body.swal2-no-backdrop .swal2-container.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-center-end,body.swal2-no-backdrop .swal2-container.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-container.swal2-bottom-left,body.swal2-no-backdrop .swal2-container.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-container.swal2-bottom-end,body.swal2-no-backdrop .swal2-container.swal2-bottom-right{right:0;bottom:0}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:stretch;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{-webkit-box-flex:1;flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{-webkit-box-pack:center;justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.star-rating__container { display: inline-block; } .star-rating__wrapper { position: relative; display: flex; } .star-rating { display: inline-block; position: relative; user-select: none; } .star-rating__bg { color: #e0e0e0; display: flex; } .star-rating__live { display: flex; color: #ffb74d; overflow: hidden; position: absolute; top: 0; left: 0; } .star-rating_active:hover .star-rating__live { overflow: auto; width: 100% !important; color: #e0e0e0; } .star-rating__item_active { color: #fb8c00; cursor: pointer; transition: color 0.1s ease-in-out; } .star-rating__item { width: 25px; height: 25px; flex: 0 0 25px; } .star-rating__avg { display: flex; align-items: center; justify-content: center; font-weight: bold; text-align: center; width: 2em; } .star-rating__votes { display: flex; align-items: center; justify-content: center; padding-left: 0.5em; font-size: 0.875em; } .d-none { display: none; } .star-rating__avg, .star-rating__votes_count{ color: #ffa550; } @media screen and (max-width: 992px){ .header_site_nav { z-index: 9999999; } .blog_wrap h3, .blog_wrap h2{ font-size: 16px; height: auto; background: none; } .site_h{ padding-top: 80px; } .header_lk{ margin-bottom: 30px; } .site_filter_wrap{ background: none; } .site_filter_left .selectric{ height: 42px; } .site_filter_left .selectric .label{ line-height: 35px; } .footer_title h1{ font-size: 17px; text-align: center; } .site_filter_wrap { padding: 10px 20px 20px 10px; } .site_servers_list_item_title { font-size: 17px; } .site_servers_list_item_desc { font-size: 12px; } .lk_service_line{ height: 45px; } .commentit_addform .commentit_post_comment{ float: none; } .commentit_stars_stars{ margin: 0 auto 10px auto; } .faq_homes{ flex-direction: column; flex-wrap: nowrap; } .faq_homes .col-md-6{ max-width: 100%; -webkit-box-flex: unset; -ms-flex: auto; flex: auto; } .site_right::before{ background: none; } .site_right{ width: 100%; text-align: center; margin: 0 auto; border-radius: 5px; max-width: 100%; } .site_main { padding: 10px 0; } .site_right_links_list { justify-content: center; } .adv_slider_item{ margin: 0 auto; width: 90%; max-width: 90%; } .slick-slide img { margin: 0 auto; } .site_right_blog .site_right_blog_item img { max-width: 70%; width: 70%; } .lk_footer::after, .lk_footer::before, .lk_footer{ background: none; } .faq_homes .answer-item h3 { font-size: 17px; } .header_lk::after, .header_lk::before, header, .site_h{ background: none; } .body_site, .body_lk{ background-image: url(/templates/l2trend/img/head2m.webp); } .faq_homes .answer-item{ height: auto; } .site_right_links_list a{ } .show_stream2, .show_stream1{ height: 136px; } .col_log_soc{ padding: 0 40px; } .header_lk_logo span{ bottom: -10px; } .step_ajax{ width: 100%; } #commentit_main{ padding: 0px 0px 30px 0px; } .commentit_msg{ display: flex; width: 100%; } .blog_title { font-size: 14px; padding-left: 40px; } .highslide img { max-width: 100%; } .blog_item { padding-left: 20px; } .speedbar{ color: #ffa550; } .speedbar span{ color: #998174; } .middle_site { padding-bottom: 20px; } .star-rating__container{ margin-bottom: 20px; } .site_right_blog_bottom { justify-content: space-around; } .lk_page_title{ height: auto; } .show_stream1:before, .show_stream2:before{ height: 136px; } .lk_h .header_lk_logo{ display: none; } .lk_h .header_lk{ height: auto; padding-bottom: 75px; } .pos_rel_serv_list { text-align: center; } .lk_order_service_col .selectric-items { z-index: 99999999; position: relative; } .tx_serv_new{ font-size: 15px; position: relative; margin-top: 10px; margin-bottom: -15px; } .lk_order_service_col label { font-size: 15px; } .lk_order_service_text{ font-size: 17px; } .header_balance_wrap span, .header_balance_wrap p { font-size: 15px; margin-top: 0px; line-height: normal; } .item_ess img{ margin: 0 auto; display: block; } .grid_ess .screen_list img{ max-width: 90%; } }