/* Theme Name: Sage Starter Theme Theme URI: https://roots.io/sage/ Description: Sage is a WordPress starter theme. Contribute on GitHub Version: 8.4.2 Author: Roots Author URI: https://roots.io/ Text Domain: sage License: MIT License License URI: http://opensource.org/licenses/MIT */ body { font-family: Open Sans, Arial, Helvetica, sans-serif; } header.banner .nav-primary .nav>li ul { top:52px!important; } header.banner .nav-primary.sticky .nav>li ul { top:51px!important; } h1 { font-size: 34px; } .container { width: 1310px; } .block-box { background: #d6dfd7; max-width: 300px; PADDING: 20px; color: #215a40; float: left; margin-right: 20px; } .testimonial { background: #eee; padding: 35px 15px 15px 15px; margin-bottom: 35px; font-style: italic; } .testimonial:before { color: #53284; content: '“'; font-size: 60px; float: left; margin-top: -20px; margin-right: 10px; height: 40px; } .accordion-section-title { background: #215a40!important; } .accordion-section-title:hover { background: #a4b9ac!important; } .accordion-section-title.active { background: #a4b9ac!important; } .accordion-section a:active, .accordion-section a:visited { color: #a4b9ac!important; } .vc_custom_1468621298481 { padding-bottom: 49px; } .quote { padding-left: 85px!important; } .quote:before { content: '“'; font-size: 228px; float: left; padding: 0; margin: -100px 0 0 0; color: #b8a2b4; position: absolute; top: 0; left: 0; } .vc_custom_1468621298481:before { content: '“'!important; font-size: 187px; float: left; padding: 0; margin: -100px 0 0 0; color: #b8a2b4; position: absolute; top: 86px; left: 10px; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 0!important; } header.banner .nav-primary { background:#FFF; } header.banner .nav-primary .nav > li a { color:#56004e; font-family: Open Sans, Arial, Helvetica, sans-serif; font-weight:normal; } header.banner .nav-primary .nav > li a:hover { background:none; color:#370232; } header.banner .nav-primary .nav > li a { padding-left:0; padding-right:40px; font-size:22px; padding-bottom:11px; } header.banner .nav-primary .nav > li.menu-item-has-children a { padding-right:49px; letter-spacing:0; width:100% !important; } header.banner .nav-primary .nav { position: relative; top: 1px; } header.banner .nav-primary .nav > li.menu-item-has-children a i { display:block; width:9px; height:6px; background:url(/wp-content/themes/block/images/all_images.png) no-repeat 0 0; position:absolute; right:34px; top:50%; margin-top:-2px; } header.banner .nav-primary .nav > li ul.sub-menu a { padding-left:35px; padding-right:35px; } header.banner .nav-primary .nav > li ul { background: #93498c; } header.banner .nav-primary .nav > li ul.sub-menu a:hover { background:#710467; } .top-navbar-default { background:#bfd4ce; } .header-logo { padding-left:15px; } header.banner > .container .header-wrap .header-right { color: #56004e; font-family: Open Sans, Arial, Helvetica, sans-serif; } .header-right i { color:#cccccc; font-size:17px; letter-spacing:3px; position:relative; top:-10px; font-style:normal; } .container { position:relative; } #menu-sub-upper-menu { float:right; margin-right:50px; } #menu-sub-upper-menu li { float:left; } #menu-sub-upper-menu li a { padding-left:0; padding-top:7px; padding-bottom:7px; margin-right:40px; } #menu-sub-upper-menu li a, #menu-sub-upper-menu li a:link, #menu-sub-upper-menu li a:visited, #menu-sub-upper-menu li a:hover { color:#333333; } #menu-sub-upper-menu li a:hover { color:#000000; background:none; } header.banner > .container .header-wrap .header-right { line-height: 1.3; } header.banner > .container .header-wrap .header-right form.search-form { position:relative; top:47px; z-index:1000; } header.banner > .container .header-wrap .header-right { font-size: 25px; } header.banner > .container { padding:20px 0 5px 0; } header.banner > .container .header-wrap .header-right { margin-top: 17px; } header.banner > .container .header-wrap .header-right .search-submit { top: 12px; } header.banner .nav-primary { padding:0; } header.banner .nav-primary.sticky { margin-top:0 !important; padding-top:0 !important; } header.banner .nav-primary.sticky .navbar-header { background:#93498c; } footer { padding-top:80px; } footer, #footer-bottom, .footer-nav ul li a { font-family:Open Sans, Arial, Helvetica, sans-serif; } footer ul { padding-left:0; } .footer-nav, .footer-nav2, .footer-nav3, .footer-nav4, #footer-bottom, footer { background:#56004e; text-align:left; font-weight:normal; } .content-info a, .content-info a:link, .content-info a:visited, .content-info a:hover, .content-info a:focus { color:#FFF; display:inline; background:none !important; font-family:Open Sans, Arial, Helvetica, sans-serif; font-weight:normal; padding:0; } .content-info ul.sub-menu a { text-transform:none; font-size:15px; line-height:1.1; } .content-info li { float:left; width:20%; margin-right:3%; display:block; margin-bottom:10px; line-height:1.1; } .content-info li a { font-weight:normal; } .content-info li.menu-item-25 { width:18%; } .content-info li.menu-item-24 { width:19%; } .content-info li.menu-item-23 { width:29%; } .content-info li.menu-item-22 { width:22%; } .content-info ul.sub-menu { margin-top:10px; } .content-info ul.sub-menu li { display:block; width:100%; margin-bottom:10px;; } .content-info a:visited, .content-info a:hover { text-decoration:underline !important; } .content-info ul li, .content-info ul li::after { content:""; float:none; padding:0; } .content-info ul li { float:left; } .content-info ul li ul.sub-menu li { float:none; } ul#menu-sub-bottom-menu li::after { cont ent: "|"; } .bottom-container, #footer-bottom, footer .container { width:100%; padding:0; } .footer_content { max-width:1800px; width:93%; margin:0 auto; padding:0 15px; position:relative; } .footer-nav { float:left; width:44%; margin-right:3%; } .footer-nav2 { float:left; width:10%; margin-right:3%; } .footer-nav3-4 { float:right; width:40%; } .footer-nav3 { float:left; width:43%; margin-right:3%; text-align:right; white-space:nowrap; position:relative; left:-6%; } .footer-nav3 i { font-style:normal; font-size:16px; color:#999999; } .footer-nav4 { float:right; width:54%; } .clear { clear:both; } .footer-nav2 li { float:none; display:block; width:100%; } .footer-nav2 li a { text-transform:uppercase; } .subscribe_from_title { font-size:16px; margin-bottom:10px; } input#subscribe_email { border:none; color:#666666; font-size:16px; font-family: Open Sans, Arial, Helvetica, sans-serif; float:left; width:64%; border:1px solid #FFF; height:35px; line-height:35px; } .subscribe_btn { display:block; width:100%; background:#56004e; text-align:center; text-transform:uppercase; font-family: Open Sans, Arial, Helvetica, sans-serif; height:35px; line-height:30px; padding-left:0; padding-right:0; border:none; } .subscribe_btn_wrap { border:1px solid #FFF; position:relative; float:left; margin-left:5%; width:30%; } .subscribe_btn_wrap i { display:none; width:100%; height:100%; left:0; top:0; background:url(/wp-content/themes/block/images/loader.gif) no-repeat 50% 50% #56004e; position:absolute; z-index:100; } .subscribe_btn_wrap.loading i { display:block; } .footer_notif { margin-top:80px; margin-bottom:60px; font-style:italic; font-size:17px; max-width:1000px; } #menu-sub-bottom-menu { display:block; float:left; } #menu-sub-bottom-menu li, #menu-sub-bottom-menu li a { display:inline; margin:0; clear:both; width:auto; float:none; white-space:nowrap; } #menu-sub-bottom-menu li.nav_sep { padding:0 30px; } .copyright { font-size:17px; margin-right:60px; } .copyright a { font-size:17px; } .copyright_wrap { position:relative; float:none; padding-bottom:40px; } #footer-social { position:absolute; right:0; top:5px; z-index:100; width:81px; height:20px; } #footer-social a { background-position:-5px 0; } #header-social { position:absolute; right:0; top:9px; width:90px; height:20px; } #header-social a, #footer-social a { display:block; width:20px; height:20px; margin-left:7px; background:url(/wp-content/themes/block/images/all_images.png) no-repeat -10px 0 !important; float:left; overflow:hidden; text-indent:-1000px; } #header-social a#top-twitter { background-position:-32px 0 !important; } #header-social a#top-pinterest { background-position:-53px 0 !important; } #footer-social a#facebook { background-position:-74px 0 !important; } #footer-social a#twitter { background-position:-96px 0 !important; } #footer-social a#pinterest { background-position:-118px 0 !important; } .copy { float:left; margin-right:80px; margin-bottom:10px; } .footer-nav li.menu-item-resp { display:none; } #subscribe_err { font-size:17px; line-height:1.1; padding-top:2px; } #subscribe_err span { font-weight:bold; } h2, h3 { font-family: Open Sans, Arial, Helvetica, sans-serif; font-size:36px; font-weight:lighter; color: #56004e; } #section-11 #gform_wrapper_1 #field_1_2 input, #section-11 #gform_wrapper_1 #field_1_3 input, #section-11 #gform_wrapper_1 #field_1_4 input, #section-11 #gform_wrapper_1 #field_1_5 input { background:#FFFFFF; border:none; color:#333333; font-family: Open Sans, Arial, Helvetica, sans-serif; padding-left:15px; } #section-11 #gform_wrapper_1 #field_1_2, #section-11 #gform_wrapper_1 #field_1_3, #section-11 #gform_wrapper_1 #field_1_4, #section-11 #gform_wrapper_1 #field_1_5, #section-11 #gform_wrapper_1 #field_1_8 { margin-top:0; margin-bottom: 25px; padding:8px 0; background:#FFFFFF; } #section-11 #gform_wrapper_1 #field_1_9 { margin-top:0; margin-bottom: 25px; } .gform_wrapper .gform_footer { margin:0; padding-top:2px; float:left; } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper .validation_message { padding-left: 15px; padding-top:5px; } .gform_wrapper .validation_message { padding-top:5px; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { margin-bottom: 12px !important; } #section-11 #gform_wrapper_1 #gform_submit_button_1 { font-size: 1.1em; padding: 9px 20px; } #section-11 #gform_wrapper_1 #gform_submit_button_1 { background: #ffffff; border: none; color: #00543d; font-family: Open Sans, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; text-transform:uppercase; } #section-11 #gform_wrapper_1 ul#gform_fields_1 { max-width:none; } input::-webkit-input-placeholder {color:#333333 !important;} input::-moz-placeholder {color:#333333 !important;} input:-moz-placeholder {color:#333333 !important;} input:-ms-input-placeholder {color:#333333 !important;} .main p { font-family: Open Sans, Arial, Helvetica, sans-serif; } #section-11 .req-appt-p { font-size: 32px; text-align: center; color: #56004e; margin-top: 25px; line-height: 1.2; font-weight:lighter; } #section_stories .container { max-width: 1530px; width:96%; } .home_story { padding:30px 0; color:#00543d; font-style:italic; font-size:17px; max-width:375px; margin-left:auto; margin-right:auto; padding-left:40px; position:relative; } .home_story em { display:block; text-align:right; margin-top:30px; margin-bottom:30px; } .home_story_link { display:block; text-align:right; } .home_story_link:hover { text-decoration:underline; } #section_stories img.story_q { position:absolute; left:-45px; top:30px; width:69px !important; height:auto !important; } .part_block .container { width:100%; padding:0; max-width:none !important; } .part_block .vc_col-sm-3 .vc_column-inner { padding:0; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; } .part_block .vc_col-sm-9 .wpb_wrapper { max-width:800px; } .part_block .vc_col-sm-9 .vc_column-inner { padding-left:40px; padding-right:30px; } .part_block h2 span { text-transform:none; font-size:32px; } .part_block h2 { margin-bottom:25px; text-align:left !important; } .part_block .vc_col-sm-3 { width:35%; } .part_block .vc_col-sm-9 { width:65%; } .part_block1 .vc_col-sm-3 .vc_column-inner { background-position:88% 50%; } .part_block2 .vc_col-sm-3 .vc_column-inner { background-position:90% 50%; } .part_block3 .vc_col-sm-3 .vc_column-inner { background-position:40% 50%; } .part_block4 .vc_col-sm-3 .vc_column-inner { background-position:0% 50%; } .part_block5 .vc_col-sm-3 .vc_column-inner { background-position:45% 50%; } .part_block .sec-6-btn { margin: 35px auto; } .page-header { margin-top: 0; border:none; margin-bottom:10px; } .page-header .container { padding-left:0; } .page-header .container .page-title-container { text-transform:uppercase; font-family:Open Sans, Arial, Helvetica, sans-serif; margin-top:1em; } .page-header .container .page-title-container .page-title-wrap, .page-header .container .page-title-container .page-title-wrap .page-title { padding-left:0; color:#56004e; font-family:Open Sans, Arial, Helvetica, sans-serif; font-size:38px; font-weight:lighter; } .page-header .container .page-title-container .page-title-wrap .page-title { background:#FFFFFF; padding-left:15px; padding-right:15px; } .page-header .container .page-title-container { width:100%; } .title_line { border-bottom:8px solid #8ff4d8; height:56px; position:absolute; left:0; top:0; width:100%; } .page-title-container { position:relative; } .page-title { position:relative; } h1 { color:#56004e; font-family:Open Sans, Arial, Helvetica, sans-serif; font-weight:lighter; } aside.sidebar { padding-right:0; } .block-box { background: #f2f2f2 none repeat scroll 0 0; color: #333333; } .block-box strong { font-weight:lighter; color:#56004e; font-size:20px; } .main ul li { margin-bottom:1.3em; } .block-box ul li { margin-bottom:0; } .block-box { margin-bottom:20px; } .main ol li, .main ul li { list-style:square; } .main .block-box ol li, .main .block-box ul li { list-style:disc; list-style-image: url('images/ico-list-bullet.png'); } .main .block-box ol li em, .main .block-box ul li em { font-style:normal; font-weight:lighter; font-size:16px; } aside.sidebar .text-3 { background: none; clear:both; font-size:14px; } aside.sidebar .gform_widget-3 { padding-top:1px; background:#8ff4d8; } aside.sidebar #request-appt-side { background:#8ff4d8; line-height:1.2; padding-top:20px; padding-bottom:0; } #gform_wrapper_2 #field_2_2, #gform_wrapper_2 #field_2_3, #gform_wrapper_2 #field_2_5, #gform_wrapper_2 #field_2_6 { float:none; } .gform_wrapper .gform_footer { float: none; } #gform_wrapper_2 { margin-top:0; } aside.sidebar #gform_wrapper_2 input.datepicker, aside.sidebar #gform_wrapper_2 input[type="text"], aside.sidebar #gform_wrapper_2 textarea { background: #ffffff none repeat scroll 0 0; border: 2px solid #ffffff; padding-left:0.25em; max-height:66px; height:66px; font-size:18px; } aside.sidebar #gform_wrapper_2 #field_2_2 input, aside.sidebar #gform_wrapper_2 #field_2_3 input, aside.sidebar #gform_wrapper_2 #field_2_4 input, aside.sidebar #gform_wrapper_2 #field_2_5 input, aside.sidebar #gform_wrapper_2 #field_2_6 input, aside.sidebar #gform_wrapper_2 #field_2_8 input { max-height: 46px; font-family:Open Sans, Arial, Helvetica, sans-serif; font-size:18px; width:100%; } #section-11 #gform_wrapper_1 .gform_footer.top_label { text-align: left; } #section-11 #gform_wrapper_1 #gform_submit_button_1 { max-width: 125px; border:2px solid #FFF; } aside.sidebar #gform_wrapper_2 #gform_submit_button_2:hover, #section-11 #gform_wrapper_1 #gform_submit_button_1:hover { background: #53284e none repeat scroll 0 0; color: #ffffff; } aside.sidebar #gform_wrapper_2 #gform_submit_button_2 { background: #ffffff none repeat scroll 0 0; border: 2px solid #ffffff; color: #00543d; font-family:Open Sans, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height:1.8; font-weight: normal; width: 110px; margin-top:10px; } aside.sidebar #gform_wrapper_2 #field_2_2, aside.sidebar #gform_wrapper_2 #field_2_3, aside.sidebar #gform_wrapper_2 #field_2_4, aside.sidebar #gform_wrapper_2 #field_2_5, aside.sidebar #gform_wrapper_2 #field_2_6, aside.sidebar #gform_wrapper_2 #field_2_8 { margin-bottom: 10px; } aside.sidebar #gform_wrapper_2 .gform_footer.top_label { text-align: left; } .gform_wrapper div.validation_error { margin-top:25px; } .accordion-section-title { background: #56004e none repeat scroll 0 0 !important; } .accordion-section-title:hover, .accordion-section-title.active { background: #9b5c95 none repeat scroll 0 0 !important; } .page-header + .container .main a { text-decoration:none; color:#56004e; } .page-header + .container .main a:hover { text-decoration:underline; } .main footer { background:none; } #gform_wrapper_2 #field_2_2 input, #gform_wrapper_2 #field_2_3 input, #gform_wrapper_2 #field_2_5 input, #gform_wrapper_2 #field_2_6 input { max-height: 46px; height:46px; } #gform_wrapper_2 .gform_footer.top_label { text-align: left; } #gform_wrapper_2 #gform_submit_button_2 { background: #8ff4d8; border: 2px solid #8ff4d8; color: #00543d; font-family: font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; margin: auto; max-width: 345px; padding: 5px 0; text-transform: uppercase; width:120px; } #gform_wrapper_2 #gform_submit_button_2:hover { border: 2px solid #56004e; } .comment-form input[type="submit"], .comment-form input[type="submit"] button { background: #8ff4d8 none repeat scroll 0 0; border: 2px solid #8ff4d8; color: #00543d; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; margin: auto; max-width: 345px; padding: 9px 0; text-transform: uppercase; width:190px; font-style:normal; } .comment-form input[type="submit"]:active, .comment-form input[type="submit"]:active:focus, .comment-form input[type="submit"]:active:hover, .comment-form input[type="submit"]:focus, .comment-form input[type="submit"]:hover { border: 2px solid #56004e; } .vc_btn3.vc_btn3-size-lg { font-family: Open Sans, Arial, Helvetica, sans-serif; } #section-6 .sec-6-btn { width:auto; } .comment-form input[type="email"], .comment-form input[type="text"], .comment-form input[type="url"], .comment-form textarea, .form-control { border: 2px solid #56004e; border-radius: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; font-size: 16px; font-family: Open Sans, Arial, Helvetica, sans-serif; padding: 20px 12px; } .comment-form input[type="email"]:focus, .comment-form input[type="text"]:focus, .comment-form input[type="url"]:focus, .comment-form textarea:focus, .form-control:focus, .search-form .search-field:focus { border-color: #56004e; box-shadow: none; outline: 0 none; } #section-4 .container p { font-family: Open Sans, Arial, Helvetica, sans-serif; } .nav-links { padding-top:3em; height:6em; } .nav-previous { float:left; } .nav-next { float:right; } .nav > li > a:focus, .nav > li > a:hover { background:none; } #categories-2 h2 { margin-top:5px; } #categories-2, #categories-2 li { list-style:none; } #categories-2 ul { padding-left:0; } .page-title span { text-transform:none; } .blog .page-header + .container .main, .category .page-header + .container .main, .search-results .page-header + .container .main { padding-top:0 !important; } .blog article, .category article, .search-results article { clear:both; } .post_image { float:right; max-width:210px; margin-left:30px; margin-bottom:40px; width:100%; } .footer-nav .hide_in_footer { display:none !important; } #slides_nav a:focus { outline: none } #slides_nav { position:absolute; z-index:100; left:0; right:0; max-width:170px; width:40%; text-align:center; margin-left:auto; margin-right:auto; bottom:10px; } #slides_nav a { display:block; width:25%; float:left; height:40px; position:relative; } #slides_nav a i { display:block; width:15px; height:15px; position:absolute; left:0; right:0; margin-left:auto; margin-right:auto; top:30%; background:#9c6c98; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #slides_nav a.a_sel i, #slides_nav a:hover i { background:#FFFFFF; } .care_sep { height:2em; border-bottom:3px solid #8ff4d8; margin-bottom:2em; } .active_class { font-weight:normal; color: #56004e; } ul.active_class li { margin-bottom:5px; } ul.active_class { margin-bottom:30px; } #section-11 #gform_wrapper_1 textarea { float:none; height:auto; max-height:100px; padding-left:15px; position:relative; left:0; background:#FFFFFF; color: #333333; border:none; } body .gform_wrapper .top_label #field_1_6 div.ginput_container { margin-top:0; } #section-11 #gform_wrapper_1 input.datepicker, #section-11 #gform_wrapper_1 input[type="text"], #section-11 #gform_wrapper_1 textarea { background: #FFF; border: none; color: #333333; width:100%; padding-left:15px; } #section-11 #gform_wrapper_1 input[type="text"]:-moz-placeholder, #section-11 #gform_wrapper_1 input[type="text"]::-moz-placeholder, #section-11 #gform_wrapper_1 textarea:-moz-placeholder, #section-11 #gform_wrapper_1 textarea::-moz-placeholder { color: #333; } #section-11 #gform_wrapper_1 #field_1_6 { float: none; clear:both; background: #ffffff none repeat scroll 0 0; margin-bottom: 25px; margin-top: 0; padding: 8px 0; } aside.sidebar #gform_wrapper_2 #field_2_7 { margin-bottom: 10px; } #section-11 #gform_wrapper_1 #field_1_8 .ginput_container { margin-top:0; } .team_block { text-align:center; position:relative; width:100%; } .team_block_inner { margin:0 auto; max-width:1760px; } .team_pop_block { display:none; } .team_img { width:25%; float:left; display:block; color:#FFFFFF; background:#347765; } .team_img2 { background:#488474; } a.team_img, a.team_img:link, a.team_img:visited, a.team_img:hover { cursor:pointer; color:#FFFFFF; text-decoration:none; } .team_img img { display:block; } .team_title { padding-left:15%; position:relative; height:80px; text-align:left; overflow:hidden; font-size:12px; width:95%; line-height:14px; } .team_title strong { display:block; padding-top:15px; font-size:18px; line-height:25px; margin-bottom:5px; } .team_title span { font-size:26px; font-weight:bold; position:absolute; left:0%; width:16%; text-align:center; top:50%; margin-top:-10px; } #pop_block { display:none; } .team_footer { padding:80px 0 60px 0; max-width:900px; text-align:left; margin:0 auto; width:90%; } .team_footer strong, .team_footer a, .team_footer a:link, .team_footer a:visited, .team_footer a:hover { color:#56004e; } .team_footer a, .team_footer a:link, .team_footer a:visited, .team_footer a:hover { text-decoration:underline; } #pop_block { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; } .pop_fater { position:absolute; width:100%; height:100%; left:0; top:0; background:#347765; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=83)"; filter: alpha(opacity=83); -moz-opacity: 0.83; -khtml-opacity: 0.83; opacity: 0.83; } .pop_box { position:absolute; width:100%; height:100%; padding:50px; position:relative; max-height:800px; } .pop_close_btn { position:absolute; right:10px; top:10px; } .pop_inner_wrap { width:100%; height:100%; background:#FFF; overflow:auto; padding:30px; } #pop_inner { overflow:auto; height:100%; } .team_pop_img { width:45%; margin-right:5%; float:left; max-width:440px; } .team_pop_cnt { float:left; width:50%; } .team_pop_cnt h5, .pop_team_title strong { color:#56004e; font-weight:normal; font-size:18px; } .team_pop_cnt u { color:#56004e; } .pop_team_title { margin-bottom:0px; color:#56004e; font-size:14px; } .pop_team_title strong { font-size:26px; display:block; margin-bottom:0px; } @media (min-width:768px) { .container { width:92%; } } @media (min-width:992px) { .container { width:91%; } } @media (min-width:1200px) { .container{ width:1170px; } } @media (max-width: 1400px) { .content-info li.menu-item-25 { width:42%; } .content-info li.menu-item-24 { width:45%; } .content-info li.menu-item-23 { width:42%; clear:both; } .content-info li.menu-item-22 { width:45%; } .content-info li { margin-bottom: 20px; } .footer-nav { width: 41%; } .footer-nav2 { width: 12%; } input#subscribe_email { width:55%; } .subscribe_btn_wrap { width:38%; } #section-12 { background-position:-140px 50%; } #section_stories img.story_q { width:59px !important; left:-30px; } } @media (max-width: 1340px) { #section_stories img.story_q { width:49px !important; left:-20px; } .team_title strong { font-size:16px; } } @media (max-width: 1240px) { .home_story { padding-left:50px; } #section_stories img.story_q { width:49px !important; left:-10px; } .part_block1 .vc_col-sm-3 .vc_column-inner { background-position:83% 50%; } #slides_nav { bottom:5px; max-width:120px; } #slides_nav a i { width:13px; height:13px; } } @media (max-width: 1199px) { .vc_custom_1468621298481 { padding-bottom: 57px!important; } div#slide-1-layer-6 { margin-left: -55px!important; } .content-info li.menu-item-25 { width:44%; } .content-info li.menu-item-24 { width:45%; } .content-info li.menu-item-23 { width:44%; } .content-info li.menu-item-22 { width:45%; } .footer-nav { margin-right: 1%; } #section-12 { background-position:54% 50%; } .part_block2 .vc_col-sm-3 .vc_column-inner { background-position:78% 50%; } .team_title strong { font-size:14px; } } @media (max-width: 1100px) { .footer-nav3-4 { width: 30%; } .footer-nav3, .footer-nav4 { margin-right: 0%; width:97%; margin-bottom:30px; left:0; } .footer-nav { width: 44%; } .footer-nav2 { margin-right: 7%; } .content-info li.menu-item-25 { width:47%; } .content-info li.menu-item-24 { width:44%; } .content-info li.menu-item-23 { width:47%; } .content-info li.menu-item-22 { width:44%; } .part_block1 .vc_col-sm-3 .vc_column-inner { background-position:69% 50%; } } @media (max-width:1080px) { header.banner > .container .header-wrap .header-right form.search-form { top:0; z-index:0; } #section_stories .vc_col-sm-4 { width:100%; } .home_story { padding-left:40px; } #section_stories img.story_q { left:-45px; width:69px !important; } .team_title strong { font-size:18px; } .team_img { width:33.33%; } } @media (max-width:1050px) { .footer-nav li.menu-item-resp { display:block; width:44%; } .footer-nav2 { display:none; } .footer-nav { width: 63%; } #slides_nav { bottom:2px; max-width:110px; } #slides_nav a i { width:11px; height:11px; } } @media (max-width: 991px) { .vc_custom_1468621298481 { padding: 0px 10px 2px 10px!important; } .vc_custom_1468621567980 { padding-top: 30px!important; } #section-12 { background-position:54% bottom; padding-bottom:300px !important; } .sidebar-primary .main { width:100%; float:none; } aside.sidebar { float:none; width:100%; padding-left:0; max-width:400px; } aside.sidebar ul { padding-left:0; } .team_title strong { font-size:16px; } } @media (max-width: 900px) { header.banner .nav-primary .nav > li.menu-item-has-children a { padding-right: 39px; } header.banner .nav-primary .nav > li.menu-item-has-children a i { right: 23px; } .footer-nav3-4 { width: 36%; } .footer-nav { width: 59%; } .part_block .vc_col-sm-3 { display:none !important; } .part_block .vc_col-sm-9 { width:100%; } .part_block .vc_col-sm-9 .vc_column-inner { padding-left:30px; padding-right: 30px; max-width:800px; margin-left:auto; margin-right:auto; } #slides_nav { bottom:-5px; max-width:100px; } #slides_nav a i { width:10px; height:10px; } } @media (max-width: 890px) { .team_title strong { font-size:14px; } } @media (max-width: 870px) { header.banner .nav-primary .nav > li a { font-size: 20px; } header.banner .nav-primary .nav > li.menu-item-has-children a { padding-right: 32px; } header.banner .nav-primary .nav > li.menu-item-has-children a i { right: 16px; } header.banner > .container .header-wrap .header-right { font-size: 24px; } .header-right i { font-size: 15px; } header.banner .nav-primary .nav>li ul, header.banner .nav-primary.sticky .nav>li ul { top: 49px!important; } #section-12 { padding-bottom:250px !important; } } @media (max-width: 768px) { .header-logo { padding-left:0; } header.banner .nav-primary { background: #ffffff!important; padding: .5em; } header.banner .nav-primary { padding-left:0; padding-right:0; padding-bottom:0; } #nav-container { background: #93498c; padding-top:15px; padding-bottom:15px; width:100%; } header.banner .nav-primary .nav > li a { padding-left: 15px; } header.banner .nav-primary .nav > li ul { top:49px !important; } header.banner .nav-primary .nav > li ul.sub-menu a:hover { background: #ffffff; color:#000000; } header.banner .nav-primary .navbar-collapse .nav > li a:hover { color: #000000; } .navbar-default .navbar-toggle { border-color: #56004e; } header.banner .nav-primary .navbar-header button .icon-bar { background-color: #56004e; } header.banner .nav-primary .navbar-header button:hover .icon-bar, header.banner .nav-primary .navbar-header button:focus .icon-bar { background-color:#FFF; } header.banner .nav-primary .navbar-header button:hover, header.banner .nav-primary .navbar-header button:focus { border-color: #56004e; background-color:#56004e; } .navbar-default.sticky .navbar-toggle { border-color: #ffffff; background:none; } header.banner .nav-primary.sticky .navbar-header button:hover, header.banner .nav-primary.sticky .navbar-header button:focus { background:#FFFFFF; border-color:#FFF; } header.banner .nav-primary.sticky .navbar-header button .icon-bar { background-color: #ffffff; } header.banner .nav-primary.sticky .navbar-header button:hover .icon-bar, header.banner .nav-primary.sticky .navbar-header button:focus .icon-bar { background-color:#000000; } .vc_column-inner.vc_custom_1468439607158 { padding-top: 0!important; } .vc_custom_1468439607158 h2 { margin-top: 0; } .vc_custom_1468621298481 { padding-bottom: 0!important; } .wpb_text_column.wpb_content_element.vc_custom_1468446491078 { margin-bottom: 35px; } .container { width: 100%; } .home .part_block .vc_col-sm-3 { display:none; } .home .part_block .vc_col-sm-9 { width: 100%; } .team_title strong { font-size:18px; } .team_img { width:50%; } } @media (max-width: 720px) { .content-info .footer-nav ul li { width:100%; } .footer-nav { width: 45%; } .footer-nav3-4 { width: 52%; } .team_pop_img { width:100%; margin-right:0%; float:none; margin-bottom:20px; } .team_pop_cnt { float:none; width:100%; } } @media (max-width: 670px) { .team_title strong { font-size:16px; } } @media (max-width: 600px) { .team_title strong { font-size:14px; } } @media (max-width: 570px) { #footer-social { position:relative; right:auto; left:0; margin-top:20px; } #footer-social a { margin-left:0; margin-right:7px; } .copy { margin-right:0; } .copyright { margin-right:0; } #section_stories img.story_q { width:49px !important; left:-20px; } .block-box { width:100%; margin-right:0; float:none; } } @media (max-width: 520px) { .team_title strong { font-size:12px; } } @media (max-width: 510px) { .footer-nav3-4 { width:100%; float:left; margin-bottom:40px; } .footer-nav { width:100%; float:none; } .footer-nav4 { width: 100%; } .content-info .footer-nav ul li.menu-item-25 { width:47%; margin-right:6%; } .content-info .footer-nav ul li.menu-item-24 { width:44%; } .content-info .footer-nav ul li.menu-item-23 { width:47%; margin-right:6%; } .content-info .footer-nav ul li.menu-item-22 { width:44%; } .content-info .footer-nav ul li.menu-item-resp { width:44%; } #menu-sub-upper-menu { margin-right:65px; } #menu-sub-upper-menu li a { margin-right:20px; } .post_image { max-width:130px; } } @media (max-width: 450px) { .team_title strong { font-size:18px; } .team_img { width:100%; } .pop_inner_wrap { padding:10px; } .pop_box { max-height:none; padding-left:20px; padding-right:20px; } } @media (max-width: 440px) { #menu-sub-upper-menu li a { margin-right:15px; } #menu-sub-upper-menu { margin-right:65px; } header.banner > .container { padding-left:15px; padding-right:15px; } #menu-sub-bottom-menu li.nav_sep { padding:0 20px; } #section-12 { background-position:57% bottom; } } @media (max-width: 390px) { #menu-sub-upper-menu li a { margin-right:10px; } #menu-sub-upper-menu { margin-right:60px; } #menu-sub-bottom-menu li.nav_sep { padding:0; display:block; width:100%; height:5px; overflow:hidden; visibility:hidden; } #section_stories img.story_q { left: -25px; width: 38px !important; } .home_story { padding-left: 20px; } } @media (max-width: 360px) { #top-nav-container { padding-left:5px; padding-right:5px; } #menu-sub-upper-menu li a { margin-right: 20px; } #menu-sub-upper-menu { margin-right: 60px; } .content-info .footer-nav ul li { width: 100% !important; margin-right:0 !important; } #menu-sub-upper-menu li a { font-size:14px; line-height:24px; margin-right:0px; } #menu-sub-upper-menu { margin-right:80px; } .post_image { max-width:none; width:100%; float:none; margin-bottom:20px; margin-left:0; } .team_title strong { font-size:16px; } } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 19px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ 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{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ height:82px !important; z-index: 1; background:url(images/scroll.png) no-repeat 0 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ 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; /* auto-expanded scrollbar */ } .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; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .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; /* minimum dragger width */ 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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ 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; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .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{ /* RTL direction/left-side scrollbar */ 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; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -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; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color:#347765; 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,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; visibility:hidden; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ 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,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-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,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .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, .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{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .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, .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{ width: 4px; /* auto-expanded scrollbar */ } .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, .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{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .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, .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{ height: 4px; /* auto-expanded scrollbar */ 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; } /* theme "rounded-dark", "rounded-dots-dark" */ .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,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.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; } /* theme "rounded-dots-dark" */ .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; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.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; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,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; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,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; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,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,0.4), inset -1px 0 0 rgba(0,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,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.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; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.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,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .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, .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{ width: 12px; } .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, .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{ 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; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.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,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */