/* Theme Name:Harmony Theme URI:Harmony Description:Harmony Version:1.0 */ /** * @license * MyFonts Webfont Build ID 3381736, 2017-04-28T10:00:59-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: AbrilDisplay-bold by TypeTogether * URL: http://www.myfonts.com/fonts/type-together/abril/display-bold/ * Copyright: Copyright (c) 2011 by TypeTogether. All rights reserved. * Licensed pageviews: 250,000 * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=3381736 * * © 2017 MyFonts Inc */ :root { --white: #FFFFFF; --blue: #187180; --blue-hover: #004b58; --pink: #F69788; --pink-hover: #e76955; --ligh-bg: #F7FAFB; --text: #405665; } /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/3399e8"); @font-face { font-family: 'AbrilDisplay-bold'; src: url('../fonts/3399E8_0_0.eot'); src: url('../fonts/3399E8_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/3399E8_0_0.woff2') format('woff2'), url('../fonts/3399E8_0_0.woff') format('woff'), url('../fonts/3399E8_0_0.ttf') format('truetype'); } @font-face { font-family: 'AbrilDisplay-bold'; src: url('../fonts/3399E8_0_0.eot'); src: url('../fonts/3399E8_0_0.eot?#iefix') format('embedded-opentype'), url('../fonts/3399E8_0_0.woff2') format('woff2'), url('../fonts/3399E8_0_0.woff') format('woff'), url('../fonts/3399E8_0_0.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'intro'; src: url('../fonts/intro/intro-bold.otf'); src: url('../fonts/intro/intro-bold.ttf') format('truetype'); font-weight: bold; } @font-face { font-family: 'intro'; src: url('../fonts/intro/intro-regular.otf'); src: url('../fonts/intro/intro-regular.ttf') format('truetype'); font-weight: 400; } @font-face { font-family: 'introBlack'; src: url('../fonts/intro/intro-black.otf'); src: url('../fonts/intro/intro-black.ttf') format('truetype'); } @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?tuh84o'); src: url('../fonts/icomoon.eot?tuh84o#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?tuh84o') format('truetype'), url('../fonts/icomoon.woff?tuh84o') format('woff'), url('../fonts/icomoon.svg?tuh84o#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] {/* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-close:before {content: "\e905"; } .icon-down:before {content: "\e900"; } .icon-left:before {content: "\e901"; } .icon-logo:before {content: "\e902"; } .icon-right:before {content: "\e903"; } .icon-zoom:before {content: "\e904"; font-display: swap; } .icon-zoom{font-size: 21px;position: relative;} .icon-down{font-size: 21px;position: relative;top:3px;line-height: 0;margin-right: -6px;margin-left: -2px;} /* =WordPress Core -------------------------------------------------------------- */ .alignnone{ margin:5px 0px 20px 0} .aligncenter, div.aligncenter{ display:block;margin:5px auto 5px auto} .alignright{ float:right;margin:5px 0 20px 20px} .alignleft{ float:left;margin:5px 20px 20px 0} .aligncenter{ display:block;margin:5px auto 5px auto} a img.alignright{ float:right;margin:5px 0 20px 20px} a img.alignnone{ margin:5px 0 20px 0} a img.alignleft{ float:left;margin:5px 50px 20px 0} a img.aligncenter{ display:block;margin-left:auto;margin-right:auto} .wp-caption{ background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center} .wp-caption.alignnone{ margin:5px 20px 20px 0} .wp-caption.alignleft{ margin:5px 20px 20px 0} .wp-caption.alignright{ margin:5px 0 20px 20px} .wp-caption img{ border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto} .wp-caption p.wp-caption-text{ font-size:14px;line-height:17px;margin:0;padding:0 4px 5px} /*custom*/ .padding-no{padding-left: 0;padding-right: 0;} .margin-no{margin-left: 0;margin-right: 0;} .img-center{float: none;margin-left:auto;margin-right:auto;} .cssa{-webkit-transition: all 0.3s;transition: all 0.3s;} .underline-href{text-decoration: underline;} .vert-center{ position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .no-click, .no-click a:hover{cursor: default!important;text-decoration: none!important;} .no-select{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .mb-20{margin-bottom: 20px;display: block;} .mb-30{margin-bottom: 30px;display: block;} .mb-50{margin-bottom: 50px;display: block;} .mt-5{margin-top: 5px!important;display: block;} .mt-10{margin-top: 10px!important;display: block;} .mt-20{margin-top: 20px;display: block;} .mt-40{margin-top: 40px;display: block;} .mt-60{margin-top: 60px;display: block;} .mt-80{margin-top: 80px;display: block;} .mpt-0{margin-top: 0;padding-top: 0;} .mt-0{margin-top: 0!important;} .bold,.bold a{font-weight: bold!important;} .text-rc{text-align: center;} .text-lc{text-align: center;} /*GENERAL ---------------------------------------------------------------------------- */ body, html{ margin:0;padding:0;font-size:100%; overflow-x: hidden;} body{ font-family: 'Raleway', sans-serif,Arial, "Helvetica Neue", Helvetica;color: var(--text);font-size:14px;} .wrapper{position:relative;} h1, h2, h3, h4{ font-weight: bold; font-family: 'intro'; margin:15px 0; color:var(--blue);text-align:left;/*word-wrap:break-word;*/ } h1{ font-size:25px;margin:5px 0 20px 0;} h2{ font-size:20px;} h3{ font-size:20px;} h4{ font-size:16px;} a{ color: var(--blue);text-decoration:none;outline:none;border-color:transparent} a:hover{ color: var(--blue-hover) ;border-color:transparent} a:focus{ outline:none;text-decoration:none;border-color:transparent;color:var(--blue-hover);} a:visited{ /*color:#4E4D4D; */ outline:none;text-decoration:none} p{ font-size:17px;line-height:23px; font-weight: 400;} table{ margin-bottom:10px;margin-top:0px;background-color:transparent;width:100% !important} tbody tr:nth-of-type(2n){ background-color:#f0f0f0} th{ background-color:#fdfdfd;font-weight:bold;color:#4e4d4d} tbody tr td:nth-of-type(1){} table td img{ min-width:16px} table >tbody >tr >td, table >tbody >tr >th, table >tfoot >tr >td, table >tfoot >tr >th, table >thead >tr >td, table >thead >tr >th{ padding:8px;vertical-align:top;border-top:1px solid #ddd} table p, table td, table th{ font-size:14px} .table >tbody >tr >td, .table >tbody >tr >th, .table >tfoot >tr >td, .table >tfoot >tr >th, .table >thead >tr >td, .table >thead >tr >th{ /*word-break:break-word; */} /* Effect */ .img-href{display: block;position: relative;overflow: hidden;} .img-href img{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); transition: all 0.3s; } .img-href:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} @-webkit-keyframes hvr-float {0% {-webkit-transform: translateY(0px); } 50% {-webkit-transform: translateY(5px); } 100% {-webkit-transform: translateY(0px); } } @keyframes hvr-float {0% {transform: translateY(0px); } 50% {transform: translateY(5px); } 100% {transform: translateY(0px); } } @-webkit-keyframes hvr-opacity {0% {opacity: 0;} 100% {opacity: 1; } } @keyframes hvr-opacity {0% {opacity:0; } 100% {opacity: 1; } } @-webkit-keyframes hvr-zoom {0% {-webkit-transform: scale(0); } 50% {-webkit-transform: scale(1.1); } 100% {-webkit-transform: scale(1); } } @keyframes hvr-zoom {0% {transform: scale(0); } 50% {transform: scale(1.1); } 100% {transform: scale(1); } } a.he::after,.top-navbar .main-menu-navig >li a span.title-span::after,.nav-lang a::after,.nav-lang .current-lang a::after,.cs-type-tab .bx-pager-custom a::after{position: absolute; top: 100%; left: 1px; height: 1px; right: 0px;background: #0c81bb; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } a.he:hover::after, a.he:focus::after,.top-navbar .main-menu-navig >li a span.title-span:hover::after, .top-navbar .main-menu-navig >li a span.title-span:focus::after,.top-navbar .main-menu-navig li.current-menu-item>a span.title-span::after,.top-navbar .main-menu-navig li.xcurrent-menu-parent>a span.title-span::after,.nav-lang a:hover::after,.nav-lang a:focus::after,.nav-lang .current-lang a::after,.cs-type-tab .bx-pager-custom a:hover::after, .cs-type-tab .bx-pager-custom a:focus::after, .cs-type-tab .bx-pager-custom a.active::after {height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .href-next{font-weight: 500;color: var(--pink);font-size: 17px;line-height: 1;margin-bottom: 15px; display: inline-block;} .href-next::after{-webkit-transition: all 0.3s;transition: all 0.3s;font-size: 12px;right: -7px;content: "\e258";position: relative; top: 2px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .href-next:hover{text-decoration: none;color: var(--pink-hover);} .href-next:hover::after{-webkit-transform: translateX(-5px);transform: translateX(-5px);} .navbar-toggle { border: none; background: transparent !important;margin-right: 5px;margin-top: 23px;height: 30px;} .navbar-toggle:hover {background: transparent !important; } .navbar-toggle .icon-bar {width: 24px; transition: all 0.2s; background: var(--blue);} .navbar-toggle .top-bar {-webkit-transform: rotate(45deg); -webkit-transform-origin: 15% 10%; transform: rotate(45deg); transform-origin: 15% 10%;} .navbar-toggle .middle-bar {opacity: 0; } .navbar-toggle .bottom-bar {-webkit-transform: rotate(-45deg); -webkit-transform-origin: 10% 90%;transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggle.collapsed .top-bar {-webkit-transform: rotate(0); transform: rotate(0);} .navbar-toggle.collapsed .middle-bar {opacity: 1; } .navbar-toggle.collapsed .bottom-bar {-webkit-transform: rotate(0); transform: rotate(0);} .img-hover-href{position: relative;display:inline-block;} /*.img-hover-href:hover:after{content:"";display: block;background: red;position: absolute;z-index: 3;}*/ /*.img-hover-href img{-webkit-transition: all 0.3s;transition: all 0.3s;} .img-hover-href:hover img{-webkit-transform: scale(0.98);transform: scale(0.98);}*/ /*a.img-hover-href:after img.alignright{ top:5px;right:0; bottom:20px;left:20px;} a.img-hover-href:after img.alignnone{ top:5px;right:0; bottom:20px;left:0px;} a.img-hover-href:after img.alignleft{top:5px;right:50px; bottom:20px;left:0px;} a.img-hover-href:after img.aligncenter{ top:5px;right:0; bottom:20px;left:0px;}*/ .img-hover{display:block;opacity:0;background: rgba(7, 129, 188, 0.8) url('../img/lupa.png') no-repeat center center;position: absolute;z-index: 3;-webkit-transition: all 0.3s;transition: all 0.3s;} a.img-hover-href:hover .img-hover{display: block;top:0px;right:0px; bottom:0px;left:0px;opacity: 1;} a.img-hover-href .img-hover.alignright{ top:0px;right:0; bottom:0px;left:0px;} a.img-hover-href .img-hover.alignnone{ top:5px;right:0; bottom:20px;left:0px;} a.img-hover-href .img-hover.alignleft{top:0px;right:30px; bottom:0px;left:0px;} a.img-hover-href .img-hover.aligncenter{ top:0px;right:0; bottom:0px;left:0px;} /*HEADER ---------------------------------------------------------------------------- */ .brand-logo{ position:absolute;z-index:2;display:block; z-index: 10;-webkit-transition: all 0.3s;transition: all 0.3s;} .brand-logo img path{ fill:white;} .brand-logo img { margin-top: -12px; transition: 0.34s all; } .header-right .navbar-right { display: none; } .collapse { width: 100%; } .mob-logo{-webkit-transition: all 0.3s;transition: all 0.3s;} .mob-logo-hidden{display: none;} .opened-navig .mob-logo{display: none;} .opened-navig .mob-logo-hidden{display: block;} .nav >li >a:focus, .nav >li >a:hover{ background-color:transparent;color:#808e90;text-decoration:underline} .navbar{margin-bottom: 0;min-height: 80px;} .top-navbar{position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;} .navbar-nav >li >a{ color: var(--text);font-size:16px;padding:5px 10px;text-align:center;border: 1px solid transparent; border-bottom: 0;font-weight: 500;} .navbar-nav >li >a .caret{display: none;} .navbar-fixed-top{background: white;} .nav-text{display: none;} .xnavbar-toggle .icon-bar {width: 30px;height: 5px;background: #0c81bb;} .xnavbar-toggle {margin-right: -5px;} .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 5px 0px 5px 0px;margin-left: 0px;white-space: normal;} .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: none;} .navbar-moved{-webkit-box-shadow:0px 1px 30px 0px rgba(7, 129, 188, 0.11);box-shadow:0px 1px 30px 0px rgba(7, 129, 188, 0.11);} .pos-relative{position: relative;} .main-menu-navig >li >a{text-align: left;display: inline-block;width: 100%;padding: 5px 0px;font-weight: bold;min-height: 44px;} .main-menu-navig >li >a:visited{ color:var(--text);} .main-menu-navig >li >a:hover, .main-menu-navig >li >a:focus{background-color:transparent;text-decoration:none} .nav>li.current-menu-item>a,.nav>li.current_page_parent>a,.nav>li.current-menu-parent>a{color:#808e90;} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: white; border-color:transparent; border: 1px solid transparent; border-bottom: 0; } .navbar-nav>li>.dropdown-menu { border-radius: 0; font-size: 13px;border:0; } .navbar-nav>li.dropdown.open>a:after { content: "";position: absolute;z-index: 9999;bottom: -2px;left: 0;right: 0;height: 3px; background: white;} .dropdown-menu>li>a {padding: 5px 11px;color:#a9b8ba;font-size: 14px;display: inline-block;position: relative;margin: 5px 0;font-weight: 500;} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #808e90; background-color: transparent; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {color: #808e90;background-color: transparent;} .logo-container{position: relative;} .main-menu-navig >li.menu-item-has-children>a:before{content: "\e900";font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display: block;position: absolute;z-index: 1;right: 0;margin-top: 8px;border: 0;color:#0c81bb;font-size: 29px;} .main-menu-navig >li.open.menu-item-has-children>a:before{-webkit-transform: rotate(180deg);transform: rotate(180deg);-webkit-transform-origin: 50% 0%;transform-origin: 50% 0%;} #scroll-to-top{position: fixed;bottom: 15px;right: 15px;z-index: 999;display: none;cursor: pointer;color: #0c81bb;width: 45px;height: 45px;-webkit-transform: rotate(180deg);transform: rotate(180deg);background: white;-webkit-border-radius: 100px;border-radius: 100px;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-box-shadow: 0px -15px 41px 1px rgba(192, 227, 245, 0.7);box-shadow: 0px -15px 41px 1px rgba(192, 227, 245, 0.7);} #scroll-to-top.favoriteshow {bottom: 105px;} #scroll-to-top span{font-size: 38px;position: relative;line-height: 1;top:11%;left: 12%;-webkit-transition: all 0.3s;transition: all 0.3s;} #scroll-to-top:hover {-webkit-box-shadow: 0px 0px 41px 1px rgba(203, 223, 234, 0.2);box-shadow: 0px 0px 41px 1px rgba(203, 223, 234, 0.2);} #back-to-top.show {display: block;} .title-span{display: inline-block;position: relative;min-height: 30px;} @media(max-width: 768px) { .collapse-respo-reverse { display: flex; flex-direction: column-reverse; } .brand-logo img { width: 100px; } .brand-logo-desktop { display: none; } .collapse-respo-reverse ul { padding: 0; } .collapse-respo-reverse ul li { margin-bottom: 0; } .menu-item.menu-item-has-children.dropdown.open { background: var(--ligh-bg); border-left: 2px solid #0c81bb!important; margin-left: -15px; padding-left: 14px; } .menu-item.menu-item-has-children.dropdown.open > a > span { color: #0c81bb; padding-top: 7px; text-decoration: none!important; } .menu-item.menu-item-has-children.dropdown.open > a > span:after { display: none!important; } .menu-item.menu-item-has-children.dropdown.open > a { color: #0c81bb; background: transparent; } .menu-item.menu-item-has-children.dropdown.open a { font-size: 16px; } .menu-item.menu-item-has-children.dropdown.open > ul { padding-left: 15px; } .menu-item.menu-item-has-children.dropdown.open > ul li a { color: #808E90; } .menu-item.menu-item-has-children.dropdown.open > ul li a:focus, .menu-item.menu-item-has-children.dropdown.open > ul li a:hover { color: #0c81bb; font-weight: 600; } .menu-item.menu-item-has-children.dropdown.open > ul li a span:after { display: none; } .menu-item.menu-item-has-children.dropdown.open > ul li a span { min-height: 25px; } .menu-item.menu-item-has-children.dropdown.open > a:after { display: none; } .main-menu-navig >li.menu-item-has-children>a:before { right: 8px; margin-top: 18px; } } .nav-lang{padding: 6px 15px;} .navbar-nav >li >a.current-language{text-transform: uppercase;border: 1px solid #dae0e0;border-radius: 5px;padding: 8px 13px;} .navbar-nav >li >a.current-language:hover,.navbar-nav >li >a.current-language:focus{text-decoration: none;border: 1px solid #dae0e0;} .nav-lang .lang-item{margin-left:50px;} .nav-lang .lang-item img{position: absolute;left: -40px;margin-top: 4px;} .nav-lang .current-lang img{box-shadow: 1px 1px 0 0 black;box-shadow:0px 0px 7px 0px #d6d6d6} .nav-lang .lang-item a span{margin-left: 0!important;} .current-language::after{display: none!important;} .current-language .glyphicon{font-size: 12px;top: 0px;position: relative;} .mob-head-footer{text-align: left;margin-bottom: 30px;position: relative;} .mob-head-footer .btn-fb{font-size: 12px;position: absolute;right: 0;top:0;} .mob-head-footer .nav-lang{display: inline-block;margin-left: 0;padding-left: 0;padding-right: 35px;padding-top: 2px;} .mob-head-footer .nav-lang a.current-language{padding: 11px 13px 11px 13px;width: 65px;} #main-search .search-inp{height: 70px;padding: 6px 70px 6px 20px;border-radius: 4px;border: 0;box-shadow: 1px 0px 20px 0px rgba(0, 0, 0, 0.2);font-size: 15px;font-style: italic;} #main-search .form-group{position: relative;} .nav >li >a.search-toggle:hover,.nav >li >a.search-toggle:focus,.search-toggle:hover,.search-toggle:focus{text-decoration: none;} .nav-lang .icon-zoom{top: -2px;} #main-search .icon-zoom{top: 2px;} .menu-item-search{padding: 4px 10px;} .menu-item-search a:after{display: none;} .search-wrap{position: absolute;z-index: 10;top:100px;opacity: 0;height: 0px;overflow: hidden;right:20px;left:20px;} .opened-search.search-wrap{height:auto;opacity: 1;} .nav-search{float: right;} .nav-search .search-menu{padding: 15px 16px 15px 25px;} .navbar-header .search-menu{float: right;font-size: 20px;padding: 27px 15px;} .isMob #navbar{min-height: 600px;} /*BUTTONS*/ .btn-search{-webkit-transition: all 0.3s;transition: all 0.3s;border:0;padding: 0;font-size: 18px;background: #0c81bb;color: white;display: inline-block;width: 50px;height: 50px;outline: none;border-radius: 4px;position: absolute;right:10px;top:10px;z-index: 2;} .btn-search:hover,.btn-search:focus{outline: none;} .btn-search:hover .glyphicon{-webkit-transform: scale(1.1);transform: scale(1.1);} .btn-spec { border: none!important } .btn-spec,.content-holder .btn-spec{border-radius:3px;outline: none; ;display: inline-block;text-decoration: none;position: relative;margin: 10px auto;padding:13px;text-align: center;background: var(--pink); line-height:14px; color: white;font-size: 14px;-webkit-transition: all 0.3s;transition: all 0.3s;} .btn-spec:hover,.btn-spec:focus,.content-holder .btn-spec:hover,.content-holder .btn-spec:focus{text-decoration: none;color: white;background: var(--pink-hover)} .content-holder .btn-spec{min-width: 180px;padding:20px 33px 20px 33px;} .footer .btn-spec{font-size: 14px;} .btn-full{display: block;width: 100%;} .btn-white{background: white;color:black;border-color: #0c81bb;} .btn-white:hover{background: #0c81bb;color:white;border-color: white;} .btn-fb{padding-left: 30px;} .btn-fb span{font-size: 21px; font-weight: bold; position: absolute; top: 50%; margin-top: -7px; left: 13px; } .btn-grey { background: #F4F4F4!important; color: #000000!important; transition: all 0.3s; border:none; } .btn-insta { position: relative;padding-left: 30px; } .btn-insta span { position: absolute; top: 50%; margin-top: -9px; left: 8px; } @media(min-width: 991px) { .btn-grey:hover { color: #000000!important; opacity: 0.7; } } /*FORMS*/ .form-control{color:#869799;} .checkbox{overflow: hidden;} label{font-weight: normal;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .checkbox label{padding: 12px 0 10px 35px;display: block;} .checkbox label:before,.checkbox label:after{content:'';width: 25px;height: 25px;border:1px solid #c5ccd0;border-radius: 3px;background: white;z-index: 1;display: block;position: absolute;top:50%;left:0;margin-top: -13px;} .checkbox label:after{width: 17px;height: 17px;margin:4px;border-radius: 3px;background: #0c81bb;z-index: 2;-webkit-transition: all 0.2s;transition: all 0.2s;-webkit-transform: scale(0);transform: scale(0);border:0;margin-top: -9px;} .checkbox input:checked + label:after,.cf7-checked label:after{display:block;-webkit-transform: scale(1);transform: scale(1);} #filter .folder label:before,#filter .folder label:after{display: none;} #filter .checkbox label:before,#filter .checkbox label:after{left:25px;} #filter .checkbox{margin-top: 0;margin-bottom: 0;} .contact-file-text{display: block;margin-top: 15px;margin-left: 25px;} .file-container{background: #e6f2f8;display: inline-block;color: #074666;font-size: 12px;padding: 10px;padding: 6px 10px;border-radius: 4px;margin-left: 10px;} .reset-input-files{font-size: 25px;} /*CF7*/ .recaptcha-contact>div {margin: 0 auto;display: block;} .wpcf7 .form-group {margin-bottom: 20px;} .wpcf7 .form-control{border-color: transparent;border-bottom: 1px solid #ccd8d9;box-shadow:none;-webkit-box-shadow:none;height: 65px; padding: 17px 0px 12px 0;font-size: 16px;color:black;} .wpcf7 select.form-control{padding: 12px 0;-webkit-appearance:none;/*background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTYuNyA1Ni43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7fQ0KCS5zdDF7ZGlzcGxheTpub25lO30NCgkuc3Qye2Rpc3BsYXk6aW5saW5lO30NCjwvc3R5bGU+DQo8ZyBpZD0iTGF5ZXJfNCI+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTQ0LjcsMTkuNWMtMC44LTAuOC0yLjItMC44LTMsMEwyOC4zLDMyLjhMMTUsMTkuNWMtMC44LTAuOC0yLjItMC44LTMsMGMtMC44LDAuOC0wLjgsMi4yLDAsM2wxNC43LDE0LjcNCgkJCQljMC41LDAuNSwxLjEsMC43LDEuNywwLjZjMC42LDAsMS4yLTAuMiwxLjctMC42bDE0LjctMTQuN0M0NS42LDIxLjcsNDUuNiwyMC4zLDQ0LjcsMTkuNXoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJMYXllcl8zIiBjbGFzcz0ic3QxIj4NCgk8ZyBjbGFzcz0ic3QyIj4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuOSwyOC4zTDM3LjIsMTVjMC44LTAuOCwwLjgtMi4yLDAtM2MtMC44LTAuOC0yLjItMC44LTMsMEwxOS41LDI2LjdjLTAuNSwwLjUtMC43LDEuMS0wLjYsMS43DQoJCQkJYzAsMC42LDAuMiwxLjIsMC42LDEuN2wxNC43LDE0LjdjMC44LDAuOCwyLjIsMC44LDMsMGMwLjgtMC44LDAuOC0yLjIsMC0zTDIzLjksMjguM3oiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJMYXllcl8zX2NvcHkiIGNsYXNzPSJzdDEiPg0KCTxnIGNsYXNzPSJzdDIiPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNy44LDI4LjNjMC0wLjYtMC4yLTEuMi0wLjYtMS43TDIyLjUsMTJjLTAuOC0wLjgtMi4yLTAuOC0zLDBjLTAuOCwwLjgtMC44LDIuMiwwLDNsMTMuNCwxMy40TDE5LjUsNDEuNw0KCQkJCWMtMC44LDAuOC0wLjgsMi4yLDAsM2MwLjgsMC44LDIuMiwwLjgsMywwTDM3LjIsMzBDMzcuNywyOS42LDM3LjksMjguOSwzNy44LDI4LjN6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iTGF5ZXJfNSIgY2xhc3M9InN0MSI+DQoJPGcgY2xhc3M9InN0MiI+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTQ5LjIsNTAuNUw0OS4yLDUwLjVjLTAuOSwwLTEuNy0wLjctMi0xTDMzLjMsMzUuNmMtMywyLjUtNi43LDMuOS0xMC43LDMuOUMxMy40LDM5LjUsNiwzMiw2LDIyLjhTMTMuNCw2LjIsMjIuNiw2LjINCgkJCQlzMTYuNiw3LjUsMTYuNiwxNi42YzAsMy43LTEuMiw3LjItMy41LDEwLjFsMTQsMTRjMC40LDAuNCwxLDEuMSwxLDJjMCwwLjMtMC4yLDAuOS0wLjQsMS4xQzUwLDUwLjMsNDkuNiw1MC41LDQ5LjIsNTAuNXoNCgkJCQkgTTQ4LjIsNDkuMUw0OC4yLDQ5LjFMNDguMiw0OS4xeiBNMjIuNiw4LjhjLTcuOCwwLTE0LjEsNi4zLTE0LjEsMTQuMXM2LjMsMTQuMSwxNC4xLDE0LjFjMy43LDAsNy4yLTEuNCw5LjgtNA0KCQkJCWMwLjEtMC4xLDAuMi0wLjIsMC40LTAuM2MwLjEtMC4yLDAuMS0wLjMsMC4yLTAuNGMyLjMtMi42LDMuNi01LjksMy42LTkuNEMzNi43LDE1LjEsMzAuMyw4LjgsMjIuNiw4Ljh6Ii8+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iTGF5ZXJfNiIgY2xhc3M9InN0MSI+DQoJPHBhdGggY2xhc3M9InN0MiIgZD0iTTMwLjgsMTIuOWMtOS43LTItMTkuMSwzLTIwLjgsMTEuM2MtMS43LDguMyw0LjcsMTcuNiwxNC41LDE5LjZjOS43LDIsMjAuNS0zLjksMjIuMy0xMi4yDQoJCUM0OC41LDIzLjMsNDAuNSwxNC45LDMwLjgsMTIuOXogTTE2LjEsMTkuNGwwLjksMC4zbC0wLjQtMS4xYzAsMCwwLDAsMC4xLDBsMC45LDAuN2wwLTFjMCwwLDAsMCwwLjEsMGMwLDAuMiwwLjIsMC44LDAuNSwxLjQNCgkJYzAsMC0wLjMsMC4yLTAuNSwwLjNjLTAuMiwwLjItMC41LDAuNC0wLjUsMC40QzE2LjgsMTkuOCwxNi4zLDE5LjUsMTYuMSwxOS40QzE2LjEsMTkuNCwxNi4xLDE5LjQsMTYuMSwxOS40eiBNMzQuNywzMy4zaDQuMQ0KCQljMC4zLDAsMC40LDAsMC40LDAuNGMwLDAuMSwwLDAuMiwwLDAuM2MwLDAuMi0wLjEsMC4zLTAuMywwLjNjLTAuNywwLTI0LjIsMC0yNS4xLDBjLTAuMywwLTAuMy0wLjEtMC4zLTAuM3YtMC40DQoJCWMwLTAuMSwwLjEtMC4yLDAuMi0wLjJjMC4xLDAsMC4xLDAsMC4yLDBoMy4yYy0yLjktMy40LDMuNy02LjMsMy4xLTEwLjVjLTAuMi0xLjItMC45LTAuNC0xLjUtMC4xYzAsMC0wLjEsMC0wLjEsMA0KCQljMC0wLjEsMC4xLTAuMiwwLTAuNWMtMC4xLTAuNC0wLjEtMC44LDAuMS0xYzAuMS0wLjEsMC4xLTAuMiwwLjEtMC4yYzAtMC4xLTAuMi0wLjEtMC4zLDAuMWMtMC4xLDAuMi0xLDAuMi0xLjMsMC44DQoJCWMtMC4xLDAuMywwLDAuNS0wLjEsMC43Yy0wLjMsMC0wLjYtMC4xLTAuNS0wLjZjMC4xLTAuNSwxLjEtMS44LDIuMi0yYzAuMy0wLjEsMC42LTAuMSwwLjgsMGMwLjIsMCwwLjUsMC4xLDAuNywwLjINCgkJYzAuOSwwLjQsMS43LDEuNCwxLjcsMy4xYzAsMy42LTMuOCw3LTIuNSw3LjhjMC43LDAuNCwxLjQtMC4yLDIuMi0xLjNjNC41LTYuMSw5LjMtNi41LDEwLjUtNi4yYzAuMSwwLjEtMC4xLDAuOC0wLjEsMQ0KCQljMSwwLDIuMSwwLjMsMi41LDAuNWMwLDEtMC4yLDIuMi0xLjUsMy40Yy0wLjEsMC4xLTAuMSwwLjIsMC4yLDAuMmMyLjEsMC4xLDIuMiwxLjUsNi4xLDAuNmMwLjItMC4xLDAuNiwwLjEsMC4yLDAuNA0KCQlDMzkuMSwzMC41LDM2LjksMzIuMSwzNC43LDMzLjN6IE0xNy4zLDIyLjRjMCwwLDAuMy0wLjYsMC44LTAuM2MwLjQsMC4yLDAuNCwwLjcsMC40LDAuN2MtMC41LDAuNC0xLjcsMS42LTEuOSwxLjcNCgkJQzE2LDI0LDE3LjQsMjMuNCwxNy4zLDIyLjR6IE00MS4yLDMzLjljMCwwLjMtMC4xLDAuMy0wLjMsMC4zaC0wLjZjLTAuMywwLTAuMy0wLjEtMC4zLTAuM3YtMC40YzAtMC4xLDAuMS0wLjIsMC4yLTAuMg0KCQljMC4xLDAsMC4xLDAsMC4yLDBoMC40YzAuMSwwLDAuMSwwLDAuMiwwYzAuMSwwLDAuMiwwLjEsMC4yLDAuMlYzMy45eiBNNDMuMiwzMy45YzAsMC4zLTAuMSwwLjMtMC4zLDAuM2gtMC4zDQoJCWMtMC4zLDAtMC4zLTAuMS0wLjMtMC4zdi0wLjRjMC0wLjEsMC4xLTAuMiwwLjItMC4yYzAuMSwwLDAuMSwwLDAuMiwwaDAuMmMwLjEsMCwwLjEsMCwwLjIsMGMwLjEsMCwwLjIsMC4xLDAuMiwwLjINCgkJQzQzLjIsMzMuNyw0My4yLDMzLjgsNDMuMiwzMy45eiIvPg0KPC9nPg0KPC9zdmc+DQo=') no-repeat 100% 50%;background-size: 50% 50%;*/ -moz-appearance: none; -webkit-appearance: none; appearance: none;background: transparent url(../img/dropdown.png) right center no-repeat;} .isIE .wpcf7 select.form-control{background:none;} .isIE .wpcf7 select.form-control option{background:transparent;} .wpcf7 .form-control:focus{border-bottom: 1px solid #0c81bb;} .wpcf7 .checkbox input[type="checkbox"]{top:-20px;} .recaptcha-hold{padding-top: 20px;} .wpcf7 textarea.form-control{height: auto;padding-top: 20px;} .wpcf7 span.wpcf7-not-valid-tip {color: #fd745d;font-size: 13px;padding-top: 10px;} .wpcf7 .checkbox span.wpcf7-not-valid-tip{padding-top: 0px;padding-left: 35px;} .wpcf7 .checkbox label:before, .wpcf7 .checkbox label:after{top:22px;} .wpcf7 .checkbox a,.wpcf7 .checkbox a:hover,.wpcf7 .checkbox a:focus{color: #869799;} .wpcf7 .wpcf7-not-valid{border-bottom-color:#fd745d;} .wpcf7 div.wpcf7-response-output{border:0;font-size: 16px;} .dynamic-label{position: relative;} .dynamic-label label{z-index: 2;display: block;position: absolute;top:20px;left:0;font-size: 16px;-webkit-transition: all 0.3s;transition: all 0.3s;} .dynamic-label .label-moved{top:0;font-size: 13px;} .form-control-file{cursor: pointer;padding: 20px 0 0 0;} .form-control-file .glyphicon:before{padding: 0 6px 0px 0;position: relative;font-size: 20px;bottom: -4px;padding-left: 2px;} .form-control-file-href{text-decoration: underline;} .form-control-file:hover .form-control-file-href{text-decoration: none;} .form-control-file-inp input{overflow: hidden;height: 0px;width:0px;visibility: hidden;display: block;} .form-2-step{display: none;} .recaptcha-hold .wpcf7-not-valid-tip{text-align: center;} /*HOMEPAGE*/ .section-title{font-size:20px;font-weight:300;margin-bottom: 0px;margin-top: 5px;} .section-title a{color:#808e90;} .section-title a:hover{color:#808e90;text-decoration: none;} .section-title-big, .page-template-page-contact h1 ,.section-title-medium{ margin: 60px 0 50px; vertical-align: top;overflow:hidden;color: #eef4f9;line-height: 1.4em;font-family: 'introBlack'; text-transform: uppercase; font-size: 50px;text-align: center;position: relative; ;z-index: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .section-title-standard{font-size: 45px;text-align: center;font-family: 'AbrilDisplay-bold';color: #405665;padding-top: 60px;padding-bottom: 50px;} .section-title-standard:after{content:"";position: relative;height: 2px;width: 100px;margin: 0 auto;background-color: #0c81bb;display: block;margin-top: 10px;} .section-title-medium{font-size: 30px;margin-bottom:-5px;text-align: center;} .page-template-page-contact .layout-two-cols{max-width: 770px;margin:0 auto;} /*HPBOX*/ .hpbox-basic{padding-bottom: 20px;} .hpbox-bg a{position: relative;} .hpbox-bg a:hover{text-decoration: none;} .hpbox-bg h4{font-size: 30px;color: white;padding: 0;margin: 0;z-index: 2;position: relative;padding: 30px;font-family: 'AbrilDisplay-bold';} .hpbox-bg p{font-size: 12px;color: white;padding: 0;margin: 0;z-index: 2;margin-bottom: 0; padding: 0 30px 30px 30px;} .hpbox-bg .btn-spec{font-size: 14px;color: white;padding: 7px 13px;margin: 0;z-index: 2;margin-left: 30px;} .hpbox-vertical .hpbox-bg,.hpbox-horizontal-big .hpbox-bg{height: 300px;} .hpbox-bg .hpbox-content {position: absolute;z-index: 1;top: 0;left: 0;} .hpbox-horizontal-small .hpbox-bg{height: 180px;} .hpbox-horizontal-small h4{font-size: 30px;text-align: center;padding: 22px 25px 25px 25px;} .hpbox-horizontal-small.hpbox-num-3 h4{position: absolute;bottom:0;left: 0;right: 0;} .img-zoom-bg{height: 100%;position: absolute;z-index: 0;top:0;left:0;right:0;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-box-shadow: 0px 15px 41px 1px rgba(203, 223, 234, 0.7);box-shadow: 0px 15px 41px 1px rgba(203, 223, 234, 0.7);} .banner-hp-img-href:hover .img-zoom-bg{-webkit-transform:scale(1.02);transform:scale(1.02);} /*POST BOX*/ .post-box{ height: 100%;} .home .post-box-hold{padding-bottom: 0px;} .post-box-hold{padding-bottom: 60px;} .home .post-box h2 a{color: var(--blue); font-weight: bold; font-family: 'intro';font-size: 20px;} .home .post-box h2 a:hover{text-decoration: underline;} .post-box h2 a:hover{text-decoration: none;} .post-box-img-hold {/*height: 200px;*/} .post-box-img-href{display: block;position: relative;overflow: hidden;} .post-box-img-href img{-webkit-transition: all 0.3s;transition: all 0.3s; height: 200px;} .post-box-img-href:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);} .post-box-cont{padding: 15px 30px; background-color: var(--ligh-bg);} .post-box-cont h2{margin-bottom: 25px; } .post-box-cont p{margin-bottom: 30px;} .post-box__gallery img { height: 430px; object-fit: cover; margin: 0; } .post-box-hp .col-box:last-child .post-box{background: var(--ligh-bg); border-radius: 0px 0px 60px 0px;overflow: hidden; } .post-box-hp .col-box:last-child img{border-radius: 0px 0px 60px 0px;overflow: hidden; } .post-box__gallery .col-box .post-box{ box-shadow: 0px 15px 40px #00000014;} #appnews .post-box { background: var(--ligh-bg); } .col-box{margin-bottom: 25px;height: calc(100% - 25px);} /*PAGE*/ .bg-fluid{padding: 90px 0 50px 0;} .home .bg-fluid{padding: 60px 0 50px 0;} .page-template-page-contact .bg-fluid{padding-bottom:0;} .showModalFade .wrapper::before{content: "";display: block;position: absolute;top:20px;left:0;right:0;bottom: 0px;background: #0c81bb;background:rgba(12, 129, 187, 0.5);z-index: 9;} .showModalFade .footer::before{content: "";display: block;position: absolute;top:-1px;left:0;right:10;bottom: 0px;background: #0c81bb;background:rgba(12, 129, 187, 0.5);z-index: 9;height: 100%;} .box-line{position: relative;text-align: center;} .box-line span{position: relative;display: inline-block;z-index: 2;padding: 0 20px;background: white;} .box-line:after{content: ""; background-color: transparent; display: block; height: 1px; border-top: 1px solid #e7e7e7; position: absolute; top: 50%; margin-top: -1px; z-index: 1; left: 0; right:0;} .post-head h1{font-size: 30px;line-height: 1.2 ; font-family: 'intro'; font-weight: bold; text-align: center;} .product-head h1{font-size: 30px;font-family: 'intro'; font-weight: bold;} .post-date{text-align: center;font-size: 15px;display: block;margin: 5px 0;} .content-holder{padding-top: 20px;} .page-subtitle{font-size: 23px;font-family: 'intro'; font-weight: bold; ;text-align: center;display: block;position: relative;} .header-image{margin: 40px auto;} .content-body {padding-bottom: 100px;} .content-body p,.content-body li{line-height: 29px;font-size: 15px;} .content-body ul{padding:20px 20px 20px 50px;} .content-body ol{padding:20px 20px 20px 20px;} .content-body ol li{padding-left:30px; margin-top: 5px;padding-bottom: 5px;position: relative;} .content-body ul li{list-style-type: none;position: relative;margin-top: 5px;padding-bottom: 5px;} .content-body ul li:before{content: "";height: 1px;width: 25px;position: absolute;z-index: 1;left:-48px;top:15px;background: #0c81bb;} .content-body a{color:#0c81bb;text-decoration: underline;vertical-align: top;} .content-body a:hover,.content-body a:focus{color:#0c81bb;text-decoration: none;} .content-body img{max-width: 100%;height: auto;} .content-body img.size-document {-webkit-box-shadow: 0px 15px 41px 1px rgba(203, 223, 234, 0.7);box-shadow: 0px 15px 41px 1px rgba(203, 223, 234, 0.7);} .content-body .content-img-holder {margin: 40px auto;} .content-body .content-img-holder img{margin-left: auto;margin-right: auto;display: block;} .content-body h1{font-size: 35px;font-family: 'intro'; font-weight: bold;} .content-body h2{font-size: 25px;font-family: 'intro'; font-weight: bold;} .content-body h3{font-size: 25px;font-family: 'intro'; font-weight: bold;} .content-body h4{font-size: 18px;font-family: 'intro'; font-weight: bold;} .content-body h5{font-size: 16px;font-family: 'intro'; font-weight: bold;} .layout-cols{margin-top: 40px;margin-bottom: 40px;} .video-border{margin-top: 30px;margin-bottom: 30px;} .single-tips .content-body p:first-child:first-letter,.single-post .content-body p:first-child:first-letter {float: left; font-size: 60px; line-height: 60px; padding-top: 2px; padding-right: 8px; padding-left: 0px; color: #405665; } /*CONTACT PAGE*/ .page-template-page-contact h1{font-size: 80px;margin-bottom: -48px;} .page-template-page-contact .page-subtitle{color:#405665;} /*GALLERY*/ .content-body .gallery{ display:none} .custom-gallery{padding: 30px 0;} .gallery-box{ padding-left:10px;padding-right:10px;margin-bottom:10px;margin-top:10px} .gallery-box a{ display:block} .gallery-box img{ border:10px solid #f3f3f3} /*WIDGET*/ .footer .widget-hold{text-align: center;} .widget-container{position: relative;} .footer .widget-container{padding-top: 35px;text-align: center;} .textwidget p{font-size: 14px; margin: 5px 0; line-height: 1.2;} .widget-header{ font-family: 'intro'; font-weight: bold;font-size: 18px; padding-bottom: 15px; display: block; position: relative;font-weight: bold; color: var(--blue);} .widget-container table{margin: 0;} .widget-container table >tbody >tr >td{ border:0;line-height: 1.2;font-size:14px;padding: 3px;} .widget-container table >tbody >tr >td:first-child{padding-left: 0;} .widget-container tbody tr:nth-of-type(2n){ background-color:transparent;} .widget-container ul{ list-style:none;margin:0;padding:0;} .widget-container ul li{ position:relative;padding: 8px 0;} .widget-container ul li a{ font-size:14px;} .xwidget-container ul li:before{ content:"\e158";display:block;position:absolute;z-index:1;left:-18px;top:3px;color:#014fa1;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .footer .menu-footer-container ul{list-style-type: none;text-align: center;margin: 0;padding: 0;} .footer .menu-footer-container ul li{display: inline;padding: 0 5px;} /*DETAIL*/ .main-menu-navig{ padding:10px 0;margin: 0;} .main-menu-navig >li{line-height:1;margin: 10px 0;} /*LIST*/ .pagination>li>a,.pagination>li>span,.pagination>li:last-child>a, .pagination>li:last-child>span{text-align:center;border-radius: 20px!important;display:inline-block;height:30px;width:30px;font-weight: bold;padding: 7px 5px;line-height: 0.9;border-color:transparent;margin: 0 3px;} .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{color: #fff;background-color: #337ab7;border-color: #337ab7;border-radius:30px;} .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{text-align:center;border-radius: 20px!important;font-weight: bold;padding: 7px 5px;line-height: 1;border-color:transparent;margin: 0 3px;} nav.pag {text-align: center} @media(min-width: 768px) { nav.pag { text-align: right } } /*PRODUCT*/ #filter ul{padding: 0;margin: 0; position: relative} #filter h2{font-size: 22px;font-weight: 500;border-bottom: 1px solid #e8ebeb;padding-bottom: 25px;margin-bottom: 20px;} #filter ul li{list-style-type: none;} #filter>ul>li{margin-top: 10px;} #filter li label{padding:0px 10px 0px 85px;display: block;cursor: pointer;vertical-align: middle;height: 75px;width: 100%;font-size: 17px;font-weight: 500;position: relative;} #filter label,#filter li{-webkit-transition: all 0.3s;transition: all 0.3s;} #filter .item{-webkit-transition: transform 0.3s; transition: transform 0.3s;} #filter .item a:hover{text-decoration: none;} #filter .item ul .folder .filter-text{font-size: 17px;} #filter .item ul .folder label{padding-left: 85px;height: 60px;border-bottom: 1px solid #ffffff;} #filter .item ul ul .item,#filter .item ul .folder{background: #f7fafb;} #filter .item ul .folder label img{width: 47px;} #filter .item ul .folder label .filter-icon{left:15px;top:7px;} #filter .item ul label{margin-bottom: 0;background: #f7fafb;font-weight: normal;height: 55px;} #filter label span.filter-icon{position: absolute;z-index:1;left:0px;display: block;top: 0;} #filter label .filter-text{top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);position: relative;display: block;} .folder {background: #fff;} .folder > input {display: none;} #filter .selected {background: #f7fafb;color:#1284bd;} #filter .checkbox:hover {background: #f7fafb;} #app {min-height: 800px} .loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255, 0.9); z-index: 100; display: none; opacity: 0; transition: opacity 1.5s ease-in; } @-webkit-keyframes loader-rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);} to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);;} } @keyframes loader-rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg);} to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);;} } .loader::before { content: ''; display: block; position: absolute; top: 200px; left: 50%; margin-left: -42px; width: 85px; height: 85px; background: url(../img/hrm_loading_icon.png) no-repeat top left; -webkit-animation: loader-rotate 1s linear infinite; animation: loader-rotate 1s linear infinite; } #app.loading .loader { display: block; opacity: 1; } /*#filter ul {display: none}*/ #filter button {width: 100%} @media(min-width: 768px){ #filter ul { display: block;} .dropdown-menu>li>a {color: #869799;} } .pt-5 {padding-top: 50px;} .product img{margin: 0 auto;} .product {color:#869799;height: 350px; position: relative; z-index: 2; margin-bottom: 30px;-webkit-box-shadow: 0 -2px 16px -8px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -2px 16px -8px rgba(0, 0, 0, 0.2);box-shadow: 0 -2px 16px -8px rgba(0, 0, 0, 0.2); transition: all 0.3s; } .product:hover {-webkit-box-shadow: 0px 0px 50px 0px rgba(0,27,59,.2);-moz-box-shadow: 0px 0px 50px 0px rgba(0,27,59,.2);box-shadow: 0px 0px 50px 0px rgba(0,27,59,.2);} .product-hover .front, .product-hover .back {-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 27, 59, 0.2); -moz-box-shadow: 0px 0px 50px 0px rgba(0, 27, 59, 0.2); box-shadow: 0px 0px 50px 0px rgba(0, 27, 59, 0.2); } .product-text {padding: 15px; } .product-text p{font-size: 14px;} .product .front, .product .back {margin: 0; display: block; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: 0.6s; transition: 0.6s} .product .front {background: white; cursor:pointer} .product .flipper {transform-style: preserve-3d; position: relative; height: 100%;} .product .back {background: #0781bc; color: #fff; padding: 15px 20px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg);} .product.flipped .back {-webkit-transform: rotateY(0deg); transform: rotateY(0deg);} .product.flipped .front {-webkit-transform: rotateY(180deg);transform: rotateY(180deg);} .product .back h4{padding: 0 8px;color: white;font-size: 18px;margin-top: 10px;} .product .product-perex{font-size: 14px;line-height: 1.3;padding: 0 0 5px 8px;} .product button.close{position: relative;top: -14px;right: -16px;font-size: 50px;opacity: 0.8;color: white;text-shadow: none;outline: none;} .product button.close:hover{opacity: 1;} .tooltip-inner p{font-size: 12px;line-height: 14px;margin: 0;padding: 0;} /*.product button .glyphicon{font-size: 18px;top: -5px;}*/ /*.product-params{float: left;width: 48%;}*/ .scroller-custom{/*height: 250px;*/position: relative;} .param-icon{position: relative;min-height: 50px;width: 100%;} .param-value, .param-value-helper {padding-left: 70px;vertical-align: top;display: block;padding-top: 10px;} .param-value p{margin:0;padding: 0;font-size: 14px;} .param-icons{width: 60px;height: 50px;display: block;background: transparent url('../img/icons_sprite.png') no-repeat -10px -15px;position: absolute;z-index: 1;left: 0px;top:0px;} .param-icon-ean,.param-icon-ean_group{display: none;} .param-icon-ean .param-icons{background-position: 10px 10px;} .slide-fade-enter-active {transition: all .5s ease; } .slide-fade-leave-active {transition: all .1s ease-out } .slide-fade-enter {transform: translateX(10px); opacity: 0; } .slide-fade-leave-to {transform: translateX(-25px); opacity: 0; } .slide-fade-bottom-enter-active {transition: all 1s ease; } .slide-fade-bottom-leave-active {transition: all .1s cubic-bezier(1.0, 0.5, 0.8, 1.0); } .slide-fade-bottom-enter, .slide-fade-bottom-leave-to {transform: translateY(100px); opacity: 0; } /*rovnake pre vsetky kategorie*/ .param-icon-plies .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -10px -15px;} .param-icon-material .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -75px -15px;} .param-icon-plies .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -145px -15px;} .param-icon-dimensions .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -215px -15px;} .param-icon-snippet_length .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -285px -15px;} .param-icon-snippet_width .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -355px -15px;} .param-icon-new .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -425px -15px;} /* novinka*/ .param-icon-information .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -495px -15px;} /* doplnujuce informacie*/ .param-icon-parfume .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -565px -15px;} /*parfumovany*/ .param-icon-motive .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -635px -15px;} /* motiv alebo farba */ .param-icon-folding .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -705px -15px;} /* skladanie */ .param-icon-perforation .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -5px -15px;} /* perforacia */ .param-icon-product_code .param-icons{background: transparent url('../img/icons_sprite_uni.png') no-repeat -775px -15px;}/* EAN */ /*kategorie*/ /*Kozmetické utierky,Kuchynské utierky,Obrúsky,Toaletný papier,Vreckovky Tableware,Papierové utierky, Zásobníky*/ .param-icons{background: url('../img/icons_sprite.png') no-repeat -10px -15px;} .category-kozmeticke-utierky .param-icon-length .param-icons{background-position: -75px -15px;} /*dlzka*/ .category-kozmeticke-utierky .param-icon-pack_1 .param-icons{background-position: -75px -88px;} /* zakladne balenie*/ .category-kozmeticke-utierky .param-icon-pack_10 .param-icons{background-position: -75px -15px;} /* 1x10 balenie */ .category-kozmeticke-utierky .param-icon-pack_50 .param-icons{background-position: -75px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-kozmeticke-utierky .param-icon-pack_100 .param-icons{background-position: -75px -220px;} /* paleta */ .category-kosmeticke-uterky .param-icon-length .param-icons{background-position: -75px -15px;} /*dlzka*/ .category-kosmeticke-uterky .param-icon-pack_1 .param-icons{background-position: -75px -88px;} /* zakladne balenie*/ .category-kosmeticke-uterky .param-icon-pack_10 .param-icons{background-position: -75px -15px;} /* 1x10 balenie */ .category-kosmeticke-uterky .param-icon-pack_50 .param-icons{background-position: -75px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-kosmeticke-uterky .param-icon-pack_100 .param-icons{background-position: -75px -220px;} /* paleta */ .category-facial-tissues .param-icon-length .param-icons{background-position: -75px -15px;} /*dlzka*/ .category-facial-tissues .param-icon-pack_1 .param-icons{background-position: -75px -88px;} /* zakladne balenie*/ .category-facial-tissues .param-icon-pack_10 .param-icons{background-position: -75px -15px;} /* 1x10 balenie */ .category-facial-tissues .param-icon-pack_50 .param-icons{background-position: -75px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-facial-tissues .param-icon-pack_100 .param-icons{background-position: -75px -220px;} /* paleta */ .category-kuchynske-utierky .param-icon-length .param-icons{background-position: -145px -15px;} /*dlzka*/ .category-kuchynske-utierky .param-icon-pack_1 .param-icons{background-position: -145px -85px;} /* zakladne balenie*/ .category-kuchynske-utierky .param-icon-pack_10 .param-icons{background-position: -145px -15px;} /* 1x10 balenie */ .category-kuchynske-utierky .param-icon-pack_50 .param-icons{background-position: -145px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-kuchynske-utierky .param-icon-pack_100 .param-icons{background-position: -145px -220px;} /* paleta */ .category-kuchynske-uterky .param-icon-length .param-icons{background-position: -145px -15px;} /*dlzka*/ .category-kuchynske-uterky .param-icon-pack_1 .param-icons{background-position: -145px -85px;} /* zakladne balenie*/ .category-kuchynske-uterky .param-icon-pack_10 .param-icons{background-position: -145px -15px;} /* 1x10 balenie */ .category-kuchynske-uterky .param-icon-pack_50 .param-icons{background-position: -145px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-kuchynske-uterky .param-icon-pack_100 .param-icons{background-position: -145px -220px;} /* paleta */ .category-kitchen-towels .param-icon-length .param-icons{background-position: -145px -15px;} /*dlzka*/ .category-kitchen-towels .param-icon-pack_1 .param-icons{background-position: -145px -85px;} /* zakladne balenie*/ .category-kitchen-towels .param-icon-pack_10 .param-icons{background-position: -145px -15px;} /* 1x10 balenie */ .category-kitchen-towels .param-icon-pack_50 .param-icons{background-position: -145px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-kitchen-towels .param-icon-pack_100 .param-icons{background-position: -145px -220px;} /* paleta */ .category-obrusky .param-icon-length .param-icons{background-position: -285px -15px;} /*dlzka*/ .category-obrusky .param-icon-pack_1 .param-icons{background-position: -285px -85px;} /* zakladne balenie*/ .category-obrusky .param-icon-pack_10 .param-icons{background-position: -285px -15px;} /* 1x10 balenie */ .category-obrusky .param-icon-pack_50 .param-icons{background-position: -285px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-obrusky .param-icon-pack_100 .param-icons{background-position: -285px -220px;} /* paleta */ .category-ubrousky .param-icon-length .param-icons{background-position: -285px -15px;} /*dlzka*/ .category-ubrousky .param-icon-pack_1 .param-icons{background-position: -285px -85px;} /* zakladne balenie*/ .category-ubrousky .param-icon-pack_10 .param-icons{background-position: -285px -15px;} /* 1x10 balenie */ .category-ubrousky .param-icon-pack_50 .param-icons{background-position: -285px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-ubrousky .param-icon-pack_100 .param-icons{background-position: -285px -220px;} /* paleta */ .category-napkins .param-icon-length .param-icons{background-position: -285px -15px;} /*dlzka*/ .category-napkins .param-icon-pack_1 .param-icons{background-position: -285px -85px;} /* zakladne balenie*/ .category-napkins .param-icon-pack_10 .param-icons{background-position: -285px -15px;} /* 1x10 balenie */ .category-napkins .param-icon-pack_50 .param-icons{background-position: -285px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-napkins .param-icon-pack_100 .param-icons{background-position: -285px -220px;} /* paleta */ .category-toaletny-papier .param-icon-length .param-icons{background-position: -5px -15px;} /*dlzka*/ .category-toaletny-papier .param-icon-pack_1 .param-icons{background-position: -5px -85px;} /* zakladne balenie*/ .category-toaletny-papier .param-icon-pack_10 .param-icons{background-position: -5px -85px;} /* 1x10 balenie */ .category-toaletny-papier .param-icon-pack_50 .param-icons{background-position: -5px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-toaletny-papier .param-icon-pack_100 .param-icons{background-position: -5px -220px;} /* paleta */ .category-toaletni-papir .param-icon-length .param-icons{background-position: -5px -15px;} /*dlzka*/ .category-toaletni-papir .param-icon-pack_1 .param-icons{background-position: -5px -85px;} /* zakladne balenie*/ .category-toaletni-papir .param-icon-pack_10 .param-icons{background-position: -5px -85px;} /* 1x10 balenie */ .category-toaletni-papir .param-icon-pack_50 .param-icons{background-position: -5px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-toaletni-papir .param-icon-pack_100 .param-icons{background-position: -5px -220px;} /* paleta */ .category-toilet-paper .param-icon-length .param-icons{background-position: -5px -15px;} /*dlzka*/ .category-toilet-paper .param-icon-pack_1 .param-icons{background-position: -5px -85px;} /* zakladne balenie*/ .category-toilet-paper .param-icon-pack_10 .param-icons{background-position: -5px -85px;} /* 1x10 balenie */ .category-toilet-paper .param-icon-pack_50 .param-icons{background-position: -5px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-toilet-paper .param-icon-pack_100 .param-icons{background-position: -5px -220px;} /* paleta */ .category-vreckovky .param-icon-length .param-icons{background-position: -215px -15px;} /*dlzka*/ .category-vreckovky .param-icon-pack_1 .param-icons{background-position: -215px -15px;} /* zakladne balenie*/ .category-vreckovky .param-icon-pack_10 .param-icons{background-position: -215px -85px;}/* 1x10 balenie */ .category-vreckovky .param-icon-pack_50 .param-icons{background-position: -215px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-vreckovky .param-icon-pack_100 .param-icons{background-position: -215px -220px;} /* paleta */ .category-kapesniky .param-icon-length .param-icons{background-position: -215px -15px;} /*dlzka*/ .category-kapesniky .param-icon-pack_1 .param-icons{background-position: -215px -15px;} /* zakladne balenie*/ .category-kapesniky .param-icon-pack_10 .param-icons{background-position: -215px -85px;}/* 1x10 balenie */ .category-kapesniky .param-icon-pack_50 .param-icons{background-position: -215px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-kapesniky .param-icon-pack_100 .param-icons{background-position: -215px -220px;} /* paleta */ .category-handkerchiefs .param-icon-length .param-icons{background-position: -215px -15px;} /*dlzka*/ .category-handkerchiefs .param-icon-pack_1 .param-icons{background-position: -215px -15px;} /* zakladne balenie*/ .category-handkerchiefs .param-icon-pack_10 .param-icons{background-position: -215px -85px;}/* 1x10 balenie */ .category-handkerchiefs .param-icon-pack_50 .param-icons{background-position: -215px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-handkerchiefs .param-icon-pack_100 .param-icons{background-position: -215px -220px;} /* paleta */ .category-papierove-utierky .param-icon-length .param-icons{background-position: -145px -15px;} /*dlzka*/ .category-papierove-utierky .param-icon-pack_1 .param-icons{background-position: -145px -85px;} /* zakladne balenie*/ .category-papierove-utierky .param-icon-pack_10 .param-icons{background-position: -145px -15px;} /* 1x10 balenie */ .category-papierove-utierky .param-icon-pack_50 .param-icons{background-position: -145px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-papierove-utierky .param-icon-pack_100 .param-icons{background-position: -145px -220px;} /* paleta */ .category-tableware .param-icon-length .param-icons{background-position: -425px -15px;} /*dlzka*/ .category-tableware .param-icon-pack_1 .param-icons{background-position: -425px -85px;} /* zakladne balenie*/ .category-tableware .param-icon-pack_10 .param-icons{background-position: -425px -15px;} /* 1x10 balenie */ .category-tableware .param-icon-pack_50 .param-icons{background-position: -425px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-tableware .param-icon-pack_100 .param-icons{background-position: -425px -220px;} /* paleta */ .category-zasobniky .param-icon-length .param-icons{background-position: -355px -15px;} /*dlzka*/ .category-zasobniky .param-icon-pack_1 .param-icons{background-position: -355px -85px;} /* zakladne balenie*/ .category-zasobniky .param-icon-pack_10 .param-icons{background-position: -355px -15px;} /* 1x10 balenie */ .category-zasobniky .param-icon-pack_50 .param-icons{background-position: -355px -155px;} /* velke balenie napr. vo vreci, alebo v krabici */ .category-zasobniky .param-icon-pack_100 .param-icons{background-position: -355px -220px;} /* paleta */ .param-icon-length .param-icons{background-position: -10px -15px;} /*dlzka*/ .param-icon-pack_1 .param-icons{background-position: -10px -15px;} /* zakladne balenie*/ .param-icon-pack_10 .param-icons{background-position: -10px -15px;} /* 1x10 balenie */ .param-icon-pack_50 .param-icons{background-position: -10px -15px;} /* velke balenie napr. vo vreci, alebo v krabici */ .param-icon-pack_100 .param-icons{background-position: -10px -15px;} /* paleta */ /*CATEGORY COLORS*/ .img-product {height: 240px;position: relative;} .img-product img {position: relative; top: 50%; transform: translate(0, -50%)} .category-kuchynske-utierky .product-box .img-product{background: #eafdf7;} .category-vreckovky .product-box .img-product{background: #f2fcff;} .category-kozmeticke-utierky .product-box .img-product{background: #fff4f5;} .category-obrusky .product-box .img-product{background: #fff9e5;} .category-toaletny-papier .product-box .img-product{background: #f7f8ff;} .category-papierove-utierky .product-box .img-product{background: #eafdf7;} .category-tableware .product-box .img-product{background: #f2fcff;} .type-professional .category-toaletny-papier .product-box .img-product{background: #fff4f5;} .category-zasobniky .product-box .img-product{background: #fff9e5;} /*.category:nth-child(even) .product-box .img-product{background: #f2fcff;}*/ /*BADGE*/ .badge-icon_volba_spotrebitelov{background: none transparent;position: absolute;z-index: 2;bottom:10px;left: 7px;width: 76px;height: 75px;} .sk .badge-icon_volba_spotrebitelov{background-image: url("../img/badge-icon_volba_spotrebitelov_sk20.png");} .cz .badge-icon_volba_spotrebitelov{background-image: url("../img/badge-icon_volba_spotrebitelov_cz20.png");} /*CAROUSEL*/ .hp-slider { margin: 0; } @media screen and (max-width:768px) { .hp-slider { margin: 0 -15px; } } .hp-slider .ver-tc{vertical-align: top;} .hp-slider .bx-content{padding-top: 30px;} .banner-hp-img-href{display: block;height: 100%;background: url("../img/transparent.png") transparent;position: relative;} .banner-hp-img,.banner-hp-img-li{ height: 350px;display: block;background: url("../img/transparent.png") transparent; } @media screen and (max-width:768px) { .banner-hp-img,.banner-hp-img-li{ height: 400px; } } @media screen and (max-width:650px) { .banner-hp-img,.banner-hp-img-li{ height: 325px; } } @media screen and (max-width:539px) { .banner-hp-img,.banner-hp-img-li{ height: 275px; } } @media screen and (max-width:384px) { .banner-hp-img,.banner-hp-img-li{ height: 200px; } } .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {bottom: -7px;} .content-body .bx-ul,.content-body .bx-pager-custom{padding: 0;position: relative;list-style-type: none;margin:0;padding: 0;max-width: none;} .bx-ul{padding-left: 0;} .content-body ul.bx-ul li:before,.content-body ul.bx-pager-custom li:before{display: none;} .bx-content{opacity: 1;padding-left: 30px;padding-right: 30px;position: relative;z-index: 1;} .anim-start .banners-hold .bx-content {-webkit-animation: hvr-float 1.2s ease-in-out 2;animation: hvr-float 1.2s ease-in-out 2; } .anim-start .banner-hp-img-li{ -webkit-animation: hvr-opacity 2s ease-in-out 1;animation: hvr-opacity 2s ease-in-out 1; } @media (min-width: 768px) { .anim-start .banner-hp-img-li{ border-radius: 0px 0px 138px 0px; } } .bx-content h2{font-size: 45px;display: inline-block;font-family: 'AbrilDisplay-bold';} .bx-content h3{font-size: 45px;display: inline-block;font-family: 'AbrilDisplay-bold';} .bx-content h4{font-size: 26px;display: inline-block;font-family: 'AbrilDisplay-bold';} .bx-content h5{font-size: 14px;display: inline-block;font-family: 'AbrilDisplay-bold';} /*CONTENT SLIDER*/ .contentslider-hold{margin-top: 0px;margin-bottom: 20px;} .bx-content-blind{visibility: hidden;padding-left: 40px;padding-right: 40px;} .contentslider-li-text-bg{top:50%;margin-top: -82px;position: absolute;z-index: 0;font-family: 'AbrilDisplay-bold';font-weight: bold;line-height:1;font-size:150px;color:#f8fbfd;display: block;text-align: center;left: 0;right: 0; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .bx-pager-custom{margin: 0;padding: 0;text-align: center;} .bx-pager-custom li{margin: 0;padding: 0;display: inline-block;vertical-align: top;position: relative;margin:10px 15px;min-height: 50px;} .bx-pager-custom a{text-decoration:none;display:inline-block;min-width: 90px;font-size: 25px;color: #0c81bb;position: relative;z-index: 2;font-family: 'intro';font-weight:bold;-webkit-transition: all 0.1s;transition: all 0.1s;line-height:1.5;vertical-align: middle;} .bx-pager-custom a:hover,.bx-pager-custom a:focus{color: #0c81bb;text-decoration: none;text-decoration:none;} .bx-pager-custom a.active{color: #405665;} .contentslider-hold .bx-wrapper .bx-prev {left: -15px;} .contentslider-hold .bx-wrapper .bx-next {right: -15px;} .cs-type-history .contentslider-li{min-height: 340px;} .cs-type-history .bx-pager-custom a.active{font-size: 30px;color: #405665;line-height: 1;} .cs-type-history .bx-pager-custom a:after{opacity:1;content: "";display: block;height: 5px;background-color: #eceeef;top:50%;margin-top: -5px;position: absolute;z-index: -1;left: 0;right: 0;-webkit-transition: all 0.1s;transition: all 0.1s;} .cs-type-history .bx-pager-custom a.active:after{opacity: 0;} .cs-type-history ul,.cs-type-history ul li{height: 100%;} .cs-type-tab{padding-top: 40px;border-top: 1px solid #e7e7e7;} .cs-type-tab .bx-pager-custom,.cs-type-tab .bx-wrapper{text-align: left;} .cs-type-tab .bx-wrapper{} .cs-type-tab .bx-pager-custom a{font-size: 20px;color:#405665;min-width: 0;padding-left: 0px;padding-right: 0px;} .cs-type-tab .bx-pager-custom li {width: 240px;min-height: 0;margin:10px 0px;} .cs-type-tab.contentslider-hold .bx-wrapper .bx-prev {display: none;} .cs-type-tab.contentslider-hold .bx-wrapper .bx-next {display: none;} .cs-type-tab .bx-content{padding-left: 0px;padding-right: 0px;} .ver-o-h{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: transparent;z-index: 2; height: 0;} .ver-t {width: 100%;display: table;height: 100%;position: relative;z-index: 1;} .ver-tc {display: table-cell;vertical-align: middle;padding-left: 5px;padding-right: 5px;} /*FOOTER ---------------------------------------------------------------------------- */ .footer{ position:relative;font-size:14px;background: transparent;} .footer-holder{margin-top: 40px;margin-bottom:40px;} .footer-menu{ display:block;padding:5px 5px 10px 5px;} .footer-menu >li >a{ font-size:14px;display:inline;padding:0 5px;} .footer-menu >li{ display:inline} .xfooter-holder .widget-hold:before {content: ""; margin-left:20px;margin-right:20px; top:0;background-color: transparent; display: block; height: 1px; border-top: 1px solid #e7e7e7; position: absolute; margin-top: -1px; z-index: 1; left:0; right:0;} /*IE8 FIX ---------------------------------------------------------------------------- */ .ie8 .navbar-collapse{ background-color:white} .ie8 .main-menu-navig{ float:none;display:inline-block} .ie8 .main-menu-hold{ background-color:#0B5795} /*RESPONSIVE ---------------------------------------------------------------------------- */ @media screen and (min-width:500px){ /*.hpb-img-tn{height: 220px;}*/ .section-title-medium{font-size: 50px;margin-bottom:-10px;text-align: center;} #scroll-to-top.favoriteshow {bottom: 15px;} } @media screen and (min-width:768px){ .text-lc{text-align: left;} .text-rc{text-align: right;} .home .bg-fluid,.bg-fluid {padding: 140px 0 50px 0;} .d-md-none { display: none!important; } /* .header-right .navbar-right-side { display: block; } */ .wrapper{ min-height:100%;height:auto !important;height:100%;margin:0 auto -481px;/*z-index:1047;*/position:relative;background: white;} .padding-spec{padding-right: 20px;padding-left: 20px;} .footer{/*z-index:1047;*/} .footer-fix, .footer{ min-height:481px;} .footer .widget-container{text-align: left;} .showModalFade .footer::before{left:15px;right:15px;} .showModalFade .wrapper::before{bottom: 481px;left:15px;right:15px;} .box-line:after{left: 20px; right:20px;} .brand-logo{ position:relative; padding:0; width: 120px; margin-bottom: 20px;} .nav-lang{position: absolute;z-index: 1;right: 0;top:25px;} .main-menu-navig{/* width:70%*/} .main-menu-navig{margin: 0 20px;padding: 10px 0 0 0;} .main-menu-navig >li >a{text-align: center;padding: 5px 10px;font-weight: 400;} .main-menu-navig >li:before{ width:1px;background:white;height:30%;content:"";position:absolute;right:0;top:35%} .main-menu-navig >li:last-child:before{ display:none} .main-menu-navig >li >a{text-align: left;display: inline-block;width: auto;} .main-menu-navig>li>.dropdown-menu{-webkit-transition: all 0.3s;transition: all 0.3s;left: 50% !important;margin-left: -100px;padding: 15px;min-width: 200px;margin-top: 15px;-webkit-box-shadow: 0 0px 12px rgba(0,0,0,0.175);box-shadow: 0 0px 12px rgba(0,0,0,0.175);opacity: 0;} .main-menu-navig >li.menu-item-has-children>a:before{display: none;} .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {margin-left: 10px;} .nav-lang>li>.dropdown-menu {-webkit-transition: all 0.3s;transition: all 0.3s;left: 50% !important;margin-left: -90px;padding: 30px 10px 30px 10px;min-width: 180px;margin-top: 15px;-webkit-box-shadow: 0 0px 12px rgba(0,0,0,0.175);box-shadow: 0 0px 12px rgba(0,0,0,0.175);opacity: 0;} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { border: 1px solid transparent; border-bottom: 0;} .main-menu-navig .open ul.dropdown-menu,.nav-lang .open ul.dropdown-menu{opacity: 1;} .dropdown-lang{float: right;} .main-menu-navig >li{margin: 0;float: none;display: inline-block;} .top-navbar .main-menu-navig li.current-menu-parent>a span.title-span::after{height: 2px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .single-tips .top-navbar .main-menu-navig li.current-menu-parent>a span.title-span::after{height: 0px; opacity: 0;} #main-search .search-inp{width: 490px;height: 70px;} .search-wrap{position: absolute;z-index: 10;left: 50%;right:auto;margin-left: -260px;width: auto;top:200px;} .navbar{text-align: center;} .box-inline{display: inline-block;float: none;vertical-align: top;width: 19%;} .bx-content h2{font-size: 104px;display: inline-block;line-height: 1;} .bx-content h3{font-size: 104px;display: inline-block;} .bx-content h4{font-size: 60px;display: inline-block;} .bx-content h5{font-size: 20px;display: inline-block;} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {bottom: 0px;} .content-pad{padding-top: 20px;} .content-body p,.content-body li{line-height: 31px;font-size: 17px;} .category-select select{max-width: 250px;margin-right: 10px;} .banner-hp-img,.banner-hp-img-li{height: 36vw;} .banners-hold{padding: 25px 10px 0;} .img-banner-hp{max-width: none;min-width: 100%;} .hp-slider .ver-tc{vertical-align: middle;} .hp-slider .bx-content{padding-top: 0px;} /*PAGE*/ .post-head h1{font-size: 60px;margin: 0 auto;} .product-head h1{font-size: 46px;} .page .post-head h1{max-width: 550px} .page-subtitle{font-size: 18px;} .content-body p,.content-body ul,.content-body ol{max-width: 670px;margin-left: auto;margin-right: auto;line-height: 31px;} .content-body form{max-width: 390px;margin-left: auto;margin-right: auto;} .video-border{max-width: 770px;margin-left: auto;margin-right: auto;} .content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5{max-width: 670px;margin-left: auto;margin-right: auto;} .modal-open .navbar-wrapper {padding-right: 17px;} .content-body h1{font-size: 35px; } .content-body h2{font-size: 36px; } .content-body h3{font-size: 36px; margin-bottom: 35px;} .content-body h4{font-size: 25px; } .content-body h5{font-size: 16px;} /*HPBOX*/ .hpbox-vertical .hpbox-bg,.hpbox-horizontal-big .hpbox-bg{height: 300px;} .hpbox-horizontal-small .hpbox-bg{height: 165px;} .hpbox-horizontal-small h4{font-size: 30px;} .hpbox-basic{padding-bottom: 30px;} .hpbox-bg a{} .hpbox-vertical h4{padding-top: 30px;} /*CONTENTSLIDER*/ .contentslider-li-text-bg{top:50%;margin-top: -210px;font-size:350px;} .contentslider-hold .bx-wrapper .bx-prev {display: none;} .contentslider-hold .bx-wrapper .bx-next {display: none;} .bx-pager-custom a{min-width: 160px;font-size: 30px;} .cs-type-history .bx-pager-custom a.active{font-size: 40px;} .cs-type-tab .bx-pager-custom,.cs-type-tab .bx-wrapper{float: left;width: 48%;} .cs-type-tab .bx-wrapper{width: 52%;} .cs-type-tab .bx-pager-custom li {width: 240px;min-height: 50px;} .cs-type-tab{padding-top: 110px;} .section-title-big{font-size: 110px;} .page.page-template-page-contact h1{font-size: 200px;margin-bottom: -86px;max-width: none;margin-top: -40px;} .page-template-page-contact .bg-fluid{padding-top:110px;} .page-template-page-contact .page-subtitle{font-size: 36px;} .mt-desk-20{margin-top: -30px;} #scroll-to-top{bottom: 30px;right: 30px;width: 85px;height: 85px;} #scroll-to-top span{top:29%;left: 29%;} #scroll-to-top.favoriteshow {bottom: 30px;} #navbar{padding:0px 0 10px 0; display: flex!important; flex-direction: column-reverse; align-items: center; ;margin: 0 auto; } } @media screen and (max-width:991px) { } @media screen and (min-width:992px){ .banners-hold{padding: 0 10px;} .banner-hp-img,.banner-hp-img-li{max-height: 380px;} .main-menu-navig>li>.dropdown-menu{margin-left: -185px;min-width: 370px;padding: 30px 30px 30px 30px;} .main-menu-navig .dropdown-menu >li{float:left;width: 50%;position: relative;} .main-menu-navig .dropdown-menu >li:nth-child(2){float:right;} .hpb-image-only-tn{height: 226px;} .padding-spec{padding-right: 15px;padding-left: 15px;} .col-box-middle{-webkit-transform: translateY(60px);transform: translateY(60px);} /*HPBOX*/ .hpbox-vertical .hpbox-bg,.hpbox-horizontal-big .hpbox-bg{height: 360px;} .home .bg-fluid,.bg-fluid{padding: 170px 0 50px 0;} .section-title-big{font-size: 150px;} .home .section-title-big{font-size: 120px;margin-bottom: -63px;} .hpbox-hold .section-title-big{margin-bottom: -43px;} .search .section-title-big{font-size: 100px;margin-bottom: -22px;} .section-title-medium{font-size: 60px;margin-bottom:-14px;text-align: left;} .single-header{padding-top: 20px;} #navbar{ display: flex!important; justify-content: space-between; padding: 30px 0; flex-direction: row; } .menu-respo-right { display: none; } .brand-logo img { width: 120px;margin: -11px auto 0 } .header-right .navbar-right { display: block; } .brand-logo{position: static; margin-top: -20px; } .nav-lang{position: static;} .navbar-moved #navbar{padding:10px 0;} .navbar-moved .nav-lang{top:12px;} .navbar-moved .brand-logo img { transform: scale(0.8); margin-top: 0; } .navbar-moved .brand-logo {width: 100px } .brand-logo { width: auto; } .header-right { display: flex; width: 360px; } } @media screen and (min-width:1200px){ .brand-logo img { width: 160px; } .category-select select{max-width: none;} .img-banner-hp{top: -20px;position: relative;} .section-title-medium{font-size: 90px;margin-bottom:-21px;text-align: left;} } @media (min-width: 1600px){ .banner-hp-img,.banner-hp-img-li{height: 510px;} .container{width: 1200px;} } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bxslider{ list-style-type: none; margin:0; padding: 0; } .bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); min-height: 286px; } @media screen and (max-width:768px) { .bx-wrapper .bx-viewport { height: 300px!important; } } @media screen and (max-width:400px) { .bx-wrapper .bx-viewport { height: 200px!important; min-height: 200px!important; } } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; /*bottom: 0px;*/ width: 100%; } .bx-controls-direction { display: none; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: 14px; font-family: Arial; font-weight: bold; color: #666; padding-top: 10px; padding-bottom: 10px; background: transparent; z-index: 1; bottom: -45px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #f2f2f2; text-indent: -9999px; display: block; width: 55px; margin: 0 5px; outline: 0; color: white; height: 8px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: var(--pink); text-decoration: none; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { /*left: 25%;*/ /*background: url(assets/img/arrows-slide.png) no-repeat 0px 0px;*/ } .bx-wrapper .bx-next { /*right: 25%;*/ /* background: url(assets/img/arrows-slide.png) no-repeat -50px 0px;*/ } .bx-wrapper .bx-prev:hover { background-position: 0 0; -webkit-animation: bounce-left 1s infinite; animation: bounce-left 1s infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bx-wrapper .bx-next:hover { background-position: -50px 0; -webkit-animation: bounce-right 1s infinite; animation: bounce-right 1s infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -75px; outline: 0; width: 50px; height: 150px; text-indent: -9999px; z-index: 9; -webkit-transition: all 0.3s;transition: all 0.3s; } .bx-wrapper .bx-controls-direction a:before { content: "\e903"; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; z-index: 1; right: 0; margin-top: 8px; border: 0; color: #0c81bb; font-size: 60px; display: block; text-indent: 0; margin-top: 0px; top: 50%; } .bx-wrapper .bx-controls-direction a.bx-prev:before { content: "\e901"; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: 14px; padding: 10px; } /*! * Lightbox for Bootstrap 3 by @ashleydw * https://github.com/ashleydw/lightbox * * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE */ .ekko-lightbox-container { position: relative } .ekko-lightbox-nav-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100% } .ekko-lightbox-nav-overlay a { z-index: 100; display: block; width: 49%; height: 100%; font-size: 30px; color: #fff; text-shadow: 2px 2px 4px #000; opacity: 0; filter: dropshadow(color=#000000, offx=2, offy=2); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s } .ekko-lightbox-nav-overlay a:empty { width: 49% } .ekko-lightbox a:hover { text-decoration: none; opacity: 1 } .ekko-lightbox .glyphicon-chevron-left { left: 0; float: left; padding-left: 15px; text-align: left } .ekko-lightbox .glyphicon-chevron-right { right: 0; float: right; padding-right: 15px; text-align: right } .ekko-lightbox .modal-footer { text-align: left } .ekko-lightbox-nav-overlay a { width: 60px!important; opacity: 1!important; height: 60px; line-height: 1!important; top: 50%; } .ekko-lightbox .modal-header .close { font-size: 85px; } .ekko-lightbox .modal-header .close:focus { outline: none; } .ekko-lightbox { background: transparent; background: rgba(0, 0, 0, 0.8); } .modal-backdrop.in { -webkit-opacity: 0.95; -moz-opacity: 0.95; opacity: 0.95; background-color: #869799; } .ekko-lightbox .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background-color: transparent; } .ekko-lightbox .modal-header { border: 0; padding-left: 0; padding-right: 0; } .ekko-lightbox .modal-header .close { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; color: #fff; text-shadow: 0; font-weight: 100; margin-top: 5px; } .ekko-lightbox .modal-header .close:hover { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .ekko-lightbox .modal-header h4.modal-title { font-weight: 100; color: #fff; padding: 0; } .ekko-lightbox .modal-body { padding: 0; } .ekko-lightbox .modal-footer { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; border: 0; color: #fff; font-weight: 100; padding: 0; } .ekko-lightbox-nav-overlay a { -webkit-opacity: 0.9; -moz-opacity: 0.9; opacity: 0.9; text-shadow: none; } .ekko-lightbox-nav-overlay a { text-shadow: 0px 0px 12px black, 0px 0px 12px black; } .offices { background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 30px; opacity: 1; padding: 42px; display: flex; } .offices .col-12 { padding: 0; } .offices .markerDetailInfo { margin: 8px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 20px 20px #0000001A; opacity: 1; padding: 30px; height: calc(100% - 16px); } .offices .markerDetailInfo h2 { text-align: left; font-size: 26px; font-weight: bold; line-height: 1.2em; letter-spacing: 0px; color: var(--blue); opacity: 1; margin-bottom: 20px; font-weight: bold; font-family: 'intro'; } .offices .markerDetailInfo h3 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .offices .modal-dialog { height: calc(100% - 65px); width: 90vw; max-width: 650px; } .offices .modal-header { border: none; padding: 15px 15px 15px 40px; } .offices .modal-body { padding: 0 40px 15px; } .offices .modal-content { transform: translateY(-50%); top: 50%; max-height: 85vh; overflow: auto; border-radius: 0; box-shadow: 0px 20px 20px #0000001A; } .offices .modal h3 { text-align: left; font-size: 30px; font-weight: bold; color: #0481BC; } .offices .modal .close { opacity: 1; font-size: 35px; margin-top: -10px; color: #0481BC; font-weight: 300; } .modal-backdrop.in { background: #000000 0% 0% no-repeat padding-box; opacity: 0.7; } .offices .modal-content .modal-body p { display: none; } .offices .modal-content tbody { display: flex; flex-wrap: wrap; } .offices .modal-content tbody tr { width: 50%; background: #fff; display: block; padding-bottom: 20px; } .offices .modal-content tbody tr td { border: none; padding: 0 10px 0 0; display: block; font-size: 16px; } .offices .modal-content tbody tr td:first-child br { display: none; } .offices .modal-content tbody tr td:first-child { font-weight: bold; color: #000; padding-bottom:6px; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)); } .modal-dialog-centered .modal-content { position: relative; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; } .product-modal .modal-content { padding: 40px 20px; } .product-modal .modal-content .close { position: absolute; top: 0; right: 15px; opacity: 1; color: var(--blue); font-size: 55px; outline: none; } .product-modal .modal-content .modal-body { padding: 0; } .product-modal .product-parameters { background: #F4F4F4; border-radius: 10px; padding: 20px 20px 5px; } .product-modal .product-description { margin-bottom: 20px; } .product-modal .modal-img-product { margin-bottom: 15px; } .product-modal .product-description .category { color: #000000; font-size: 14px; font-weight: bold; } .product-modal .product-description h4 { font-size: 20px; text-align: left; margin: 0 0 10px; } .product-modal .product-description p { color: #000000; font-size: 14px; } .product-modal .param-icon { margin-bottom: 15px; min-height: 60px; } .product-modal .product-parameters .icons-wrap { /* background-color: var(--blue); */ background-color: #0481BC; width: 60px; height: 60px; position: absolute; border-radius: 50%; overflow: hidden; display: block; } .product-modal .product-parameters .icons-wrap .param-icons { top: 8px; } .product-modal .product-parameters .param-name { color: #000; font-size: 14px; } .product-modal .product-parameters .param-key { color: #000; font-size: 14px; font-weight: bold; } .product-selects .form-group label { font-weight: bold; color: #405665; } .product-selects .form-group .form-control { -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpi/P//PwM1ARMDlcGogYPQQBZ0AY6mvauA1E8gToHS6EAMiLcA8a8fdc42xLhQBYhjgHgjEHOhyUkC8QEgNgXiv8R62R2IL0BpkEu4oeKyUMM0gfgoEPsRa+BrIHYC4tNA7AjEO4BYH4gPArEaEO8HYg8g/khUGELBeyB2BeKtQAwKp3NQy3cCcRAQfyMnlj9CXbIeasE6IPbHZxgIMI4WDqMGkg4AAgwAU5QlYPmo4VIAAAAASUVORK5CYII=) right center no-repeat; } @media (min-width: 576px) { .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); margin: 1.75rem auto; } .product-modal .modal-content { padding: 40px; } } @media (min-width: 768px) { .modal-dialog.product-modal { width: 690px; } } .flex-wrap { display: flex; flex-wrap: wrap; } .flex-wrap::before, .flex-wrap::after { display: none; } .flex-wrap [class*=" col-"], .flex-wrap [class^=col-] { float: none; } .flex-wrap .col-xs-12 { flex: 0 0 100%; } @media (min-width: 992px) { .flex-wrap .col-md-6 { flex: 0 0 50%; } } @media (min-width: 1200px) { .flex-wrap .col-md-6 { flex: 0 0 33.33333333%; } } /* ajax loader */ .ajax-loader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(12, 129, 187, 0.3); z-index: 999999; overflow: hidden; display: none; } .lds-roller { display: inline-block; position: absolute; width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: -4px 0 0 -4px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 63px; left: 17px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .tags-wrap {padding: 10px 0;} .tags-wrap a { padding: 0 5px; color: #0c81bb; } .tags-wrap a:hover { text-decoration: none; color: #000; } .tags-wrap a img { width: 14px; } .custom-select-control { position: relative; z-index: initial; } .custom-select-control select { display: none; } .custom-select-control .select-selected { width: 100%; height: auto; border-radius: 5px; padding: 8px 13px; border: 1px solid #dae0e0; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpi/P//PwM1ARMDlcGogYPQQBZ0AY6mvauA1E8gToHS6EAMiLcA8a8fdc42xLhQBYhjgHgjEHOhyUkC8QEgNgXiv8R62R2IL0BpkEu4oeKyUMM0gfgoEPsRa+BrIHYC4tNA7AjEO4BYH4gPArEaEO8HYg8g/khUGELBeyB2BeKtQAwKp3NQy3cCcRAQfyMnlj9CXbIeasE6IPbHZxgIMI4WDqMGkg4AAgwAU5QlYPmo4VIAAAAASUVORK5CYII=) 95% center no-repeat; } .custom-select-control .select-items div, .custom-select-control .select-selected { cursor: pointer; } .custom-select-control .select-items { position: absolute; -webkit-box-shadow: 0 0px 12px rgba(0,0,0,.175); box-shadow: 0 0px 12px rgba(0,0,0,.175); background-color: #fff; border: none; z-index: 3; border-radius: 0; top: 80%; left: 40px; right: 10px; z-index: 99; padding: 20px 10px; } .custom-select-control .select-items div { padding: 8px 20px; line-height: 1; text-transform: uppercase; } .custom-select-control .select-items div:hover { background-color: #f0f9fc; } .custom-select-control .select-hide { display: none; } .simplefavorite-button { position: absolute; top: 10px; right: 25px; z-index: 2; } .favorite-btn-wrap { cursor: pointer; width: 30px; height: 30px; background-color: var(--blue); background-image: url('../img/plus.svg'); background-size: 15px; background-repeat: no-repeat; background-position: center; } .favorite-btn-wrap .favorite-text { position: absolute; top: 0; bottom: 0; right: 100%; background-color: #fff; font-size: 12px; color: var(--blue); font-weight: bold; width: 0; overflow: hidden; padding: 7px 0; transition: all 0.3s; text-align: right; white-space: nowrap; } .favorite-btn-wrap:hover .favorite-text { width: 140px; padding: 7px; } .favorite-btn-wrap.favorite-btn-wrap--added { background-image: url('../img/tick.svg'); background-size: 15px; } .favorite-btn-wrap.favorite-btn-wrap--added:hover { background-image: url('../img/close.svg'); background-size: 11px; } .remove-favorite-wrap { position: fixed; bottom: 0; right: 0; z-index: 99999; background-color: #0481BC; display: flex; flex-wrap: wrap; align-items: center; padding: 10px 20px; box-shadow: 0px 20px 20px #0000001A; justify-content: center; max-width: 360px; } .remove-favorite-wrap .favorite-product-text { color: #FFFFFF; flex: 0 0 100%; text-align: center; padding-bottom: 10px; } .remove-favorite-wrap .favorite-product-text strong { font-size: 18px; padding-right: 5px; } .remove-favorite-wrap .btn { margin: 0; flex: 0 0 30%; max-width: 77px; } .remove-favorite-wrap .simplefavorites-clear { border: none; background-color: transparent; -webkit-appearance: none; color: #fff; flex: 0 0 auto; max-width: 70%; padding: 0 12px; } .remove-favorite-wrap .simplefavorites-clear:hover { text-decoration: underline; } @media screen and (min-width: 500px) { .remove-favorite-wrap { right: 15px; bottom: 15px; -webkit-transition: all .3s; transition: all .3s; } .remove-favorite-wrap.scrool-top-show { right: 75px; } } @media screen and (min-width: 768px) { .remove-favorite-wrap { position: fixed; bottom: 30px; right: 30px; z-index: 99999; background-color: #0481BC; display: flex; align-items: center; padding: 15px 20px; max-width: 100%; } .remove-favorite-wrap.scrool-top-show { right: 145px; } .remove-favorite-wrap .favorite-product-text { color: #FFFFFF; flex: 0 0 auto; text-align: left; padding-bottom: 0; } .remove-favorite-wrap .btn { margin: 0 20px; flex: 0 0 auto; } .remove-favorite-wrap .simplefavorites-clear { flex: 0 0 auto; padding: 0; } } .favorite-products-wrap { display: flex; overflow-x: auto; padding: 20px 0 50px; } .favorite-products-wrap .favorite-product { width: 220px; flex: 0 0 220px; background-color: #fff; } .favorite-products-wrap .favorite-product:nth-child(2n) { background-color: #F4F4F4; } .favorite-products-wrap .favorite-product .favorite-product-header { padding: 20px; border-bottom: 1px solid #D5D5D5; height: 180px; } .favorite-products-wrap .favorite-product .img-product { height:80px; position: relative; } .favorite-products-wrap .favorite-product .img-product img { position: relative; top: 50%; transform: translate(0,-50%); max-height: 100%; margin: auto; } .favorite-products-wrap .favorite-product .product-text { padding: 0; } .favorite-products-wrap .favorite-product .product-text p { font-size: 10px; margin: 10px 0; } .favorite-products-wrap .favorite-product .product-text h4 { font-size: 12px; margin: 0; color: #0481BC; } .favorite-products-wrap .favorite-product .favorite-product-field-value { padding: 10px; border-bottom: 1px solid #D5D5D5; } .favorite-products-wrap .favorite-product .favorite-product-field-value .param-icon { min-height: 0; text-align: center; } .favorite-products-wrap .favorite-product .favorite-product-field-value .param-value { padding: 0; color: #000000; font-weight: bold; } .favorite-products-wrap .product-item-wrap { margin-top: 180px; width: 200px; flex: 0 0 200px; background-color: #0481BC; } .product-item-wrap .favorite-product-field-value .param-icon { min-height: 0; height: 41px; } .product-item-wrap .favorite-product-field-value .param-icons { transform: scale(0.7); height: 41px; width: 50px; } .product-item-wrap .favorite-product-field-value .param-value { color: #fff; padding-left: 50px; font-size: 14px; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { text-decoration: none; } .section-title-medium.desc { overflow: visible!important; margin-bottom: 0px!important; } .hpbox-my { display: flex; flex-wrap: wrap; max-width: 100%; flex-direction: row-reverse; margin: 0 0 20px; } .hpbox-my:nth-child(2) { flex-direction: row; } .hpbox-my__text { background: var(--ligh-bg); padding: 50px; } .hpbox-my__text a h2{ font-size: 32px; font-family: 'intro'; font-weight: bold; margin-top: 0; margin-bottom: 10px; color: var(--blue) } .hpbox-my__text a p{ font-size: 14px; color: var(--text); } .hpbox-my__text a span{ margin-bottom: 0; margin-top: 20px; } .hpbox-my__img { position: relative; padding: 0; } .hpbox-my__img img{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } @media(max-width: 991px) { .container { width: 100%; } .hpbox-my { flex-direction: column-reverse ; } .hpbox-my:nth-child(2) { flex-direction: column-reverse ; } .hpbox-my__img img{ position: static; } .hpbox-my__img { max-width: 100%; width: 100%; min-height: 300px; height: 40vw; } } .hpbox-my a{ display: block; height: 100%; text-decoration: none!important; } .hpbox-item-0 { background: url('../img/hpbox-item-0.jpg') no-repeat center center !important; background-size: cover; } .hpbox-bg p { font-size: 16px; padding: 0; margin: 0 30px 30px; position: relative; } .hpbox-bg p::before { content: ''; position: absolute; top: 50%; left: calc(50% - 20px); background: rgba(0,0,0,.26); height: 0%; width: calc(100% - 80px); transform: translate(-50%,-50%); box-shadow: 0px 0px 40px 24px rgb(0 0 0 / 60%); border: none; z-index: -1; } .home .section-title-big, .home .section-title-big{ margin-bottom: 20px!important; overflow: visible; } .page-template-page-contact h1 { margin-bottom: 10px!important; } .magasine-category { margin: 0px 0 10px; flex-wrap: wrap; display: flex; justify-content: space-between; } .magasine-category-wrap { margin: 50px 0 40px; } .magasine-category-wrap.child{ margin-top: -10px; } @media(max-width: 991px) { .magasine-category-wrap { max-width: 100%; overflow-x: scroll; } .magasine-category-wrap.child{ margin-top: -30px; } .magasine-category { width: 1140px; } } .magasine-category .dropdown { display: inline-block; } .magasine-category .parent-switch { display: flex!important; align-items: center; } .magasine-category .parent-switch svg path { stroke: #405665; transition: 0.2s all; } .magasine-category .parent-switch.active svg path { stroke: #fff; transform: rotate(134deg) translate(0px, -8px) } .parent-switch-wrap { display: inline-block; } .magasine-category-wrap.child { display: none; } .magasine-category a, .magasine-category .cat-menu { font-size: 16px; border:0; padding: 14px 24px; /* margin-right: 4px; */ margin-top: 10px; transition: 0.3s all; font-weight: bold; color: #405665; border-radius: 3px; background: none; display: inline-block; text-decoration: none; font-family: 'intro'; } .magasine-category-wrap.child .cat-menu { color: #DA627D; } .magasine-category .cat-menu:hover, .magasine-category .cat-menu.active{ background: #405665; opacity: 0.9; color: #fff; } .post-article:nth-child(3n) img{ border-radius: 0px 0px 60px 0px; } #appnews .post-article img { border-radius: 0px 0px 60px 0px; } .post-article .art-cat { position: absolute; top: 5px; left: 5px; width: 200px; height: 130px; display: flex; flex-direction: column; z-index: 3; } .post-article .art-cat span { padding: 3px 6px; border-radius: 3px; font-size: 12px; font-weight: bold; background-color: #fff; display: inline-block; width: max-content; color: var(--pink); margin: 5px; } /* .post-article .art-cat span.parent { background: #fff; color: #DA627D; } */ .magasine-category .cat-menu:hover, .cat-menu.active { background: var(--pink)!important; } .cat-title-wrap h2 { font-size: 32px; font-weight: bold; } .cat-title-wrap p { margin-bottom: 40px; } @media(max-width: 991px) { .cat-title-wrap h2 { font-size: 25px; } } .harmony-nl { background: var(--ligh-bg); padding: 9px; } .harmony-nl p{ font-size: 14px; margin-bottom: 15px; line-height: 19px; } .harmony-nl input[name="email"]{ font-size: 14px; margin-bottom: 5px; border: 1px solid #D6D6D6; border-radius: 3px; padding: 10px 12px; height: auto; } .harmony-nl .form-check { font-size: 14px; } .harmony-nl .form-check a{ color: var(--pink); } .harmony-nl .invalid-feedback { color: red; font-size: 12px; display: none; } .harmony-nl button { margin: 0; width: 100%; } .harmony-nl.validate input:invalid~.invalid-feedback { display: block; } .modal-nl .close { margin-right: 10px; margin-top: 6px; position: relative; z-index: 333; font-size: 24px; } .harmony-nl.inpost { margin: 40px auto; padding: 20px 25px; max-width: 670px; margin-left: auto; margin-right: auto; } .harmony-nl.inpost .flexing { position: relative; } .harmony-nl.inpost .respo-show { display: none; } .harmony-nl.inpost .respo-hide { display: block; position: absolute; top: 0; right: 0; z-index: 3; } .harmony-nl.inpost input[name="email"] { padding: 12px 12px; } .harmony-nl.inpost button{ width: auto; padding: 10px 25px; margin: 0; min-width: inherit; } .footer .col-sm-6 { padding: 0 10px; } .harmony-nl .form-check label{ margin-left: 20px; margin-top: -20px; display: block; } .harmony-nl.inpost .widget-header{ font-size: 22px; color: var(--blue); font-family: 'intro'; font-weight: bold; } @media(min-width: 768px) { .harmony-nl.inpost .widget-header{ font-size: 26px; } } @media(max-width: 991px) { .harmony-nl.inpost .respo-show { display: block; } .harmony-nl.inpost .respo-hide { display: none; } .harmony-nl.inpost input[name="email"] { margin-bottom: 10px; } .harmony-nl.inpost .flexing { flex-direction: column; } } #appnews, .post-box-hold .row { display: flex; flex-wrap: wrap; } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:15px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} @media screen and (max-width: 767px) { .content-body h3 { font-size: 20px; margin-bottom: 15px; } } @media screen and (min-width: 768px) { .content-body h3 { font-size: 25px; margin-bottom: 15px; } } /* Infografika */ .post-infographic { margin: 25px auto ; } .post-infographic .btn-ig-dl { margin: 10px auto; padding: 13px 13px 13px 13px; border: 1px solid #0c81bb; border-radius: 4px; color: #fff; background-color: #0c81bb; font-size: 16px; text-decoration: none; display: inline-block; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .post-infographic .btn-ig-dl:hover, .post-infographic .btn-ig-dl:focus { color: #fff; background-color: #0d8dcd; border-color: #0d8dcd; text-decoration: none; } /* OOU */ @media screen and (min-width: 768px) { .page-id-5822 .post-head h1 { max-width: 768px; } } /* E-book */ /* E-book */ .page-id-5745 #mlb2-1375442.ml-form-embedContainer, .page-id-5881 #mlb2-1386344.ml-form-embedContainer { margin: 50px 0; } .page-id-5745 #mlb2-1375442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form, .page-id-5881 #mlb2-1386344.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody form { max-width: none; } .page-id-5745 #mlb2-1375442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, .page-id-5745 #mlb2-1375442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody, .page-id-5881 #mlb2-1386344.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody, .page-id-5881 #mlb2-1386344.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody { padding: 25px 25px 0 25px; } .page-id-5745 #mlb2-1375442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input, .page-id-5881 #mlb2-1386344.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input { margin-bottom: 25px; padding: 25px 0px !important; border-top: none !important; border-right: none !important; border-left: none !important; box-shadow: none; } .page-id-5745 #mlb2-1375442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit, .page-id-5881 #mlb2-1386344.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit { margin: 0 0 25px 0; } .page-id-5745 #mlb2-1375442.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button, .page-id-5881 #mlb2-1386344.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button { height: 48px; padding: 13px !important; } .hpbox-my:nth-child(4) { flex-direction: row; } .hpbox-my { min-height: 450px; } /* .hpbox-item-0 { background: url(https://www.tvojeharmony.sk/wp-content/uploads/2025/05/WEB-sekcia-2_NOVE.jpg) !important; background-size: cover !important; background-position: center !important; } */