* { margin: 0; padding: 0; } body { color:#4e4e4e; background:#f4f4f4; font-weight: 300; font-size:1em; font: arial; overflow-x:hidden; letter-spacing: 0px; line-height:193%;} body.contentpane, body.mceContentBody { background:#FFFFFF;} /* TEMPLATE DEFAULTS ----------------------------------------------------------- */ .s5_lr_tab{background:url(../images/s5_lrtab.png) 5px 2px repeat-y;cursor:pointer;position:fixed;padding-top:16px;padding-bottom:16px;width:35px;line-height:35px;z-index:3}.s5_lr_tab:hover{background:url(../images/s5_lrtab.png) -30px 2px repeat-y}.s5_lr_tab_inner{font-size:12pt;font-weight:400;width:35px;float:right}#s5_columns_wrap{overflow:hidden;position:relative;width:100%}#s5_columns_wrap_inner{width:200%}#s5_center_column_wrap{float:left;left:50%;position:relative;width:50%}#s5_center_column_wrap_inner{left:-100%;overflow:hidden;min-height:1px;position:relative}#s5_left_column_wrap{float:left;left:-50%;position:relative}#s5_below_body_wrap{margin-top:14px}#s5_main_body_wrap{min-height:100%;width:100%}#s5_width_wrap{position:relative;margin-left:auto;margin-right:auto}.s5_wrap{margin:0 auto}.s5_float_left{float:left}.s5_frontenderrormsg{float:left;height:48px;margin-top:-7px;width:61px;background:url(../images/vertex/error.png) no-repeat}#s5_above_body .s5_fourdivs_2{padding-bottom:15px;padding-right:15px}#s5_below_body .s5_fourdivs_2{padding-top:15px;padding-right:15px}#s5_above_body,#s5_below_body{margin-right:-15px}.s5_fourdivs_title{margin-bottom:8px}#s5_drop_down_container_inner{padding:30px 24px 0 0}#s5_drop_down_container{display:none;overflow:hidden}#s5_drop_down_button{cursor:pointer}#s5_drop_down_inner .s5_fourdivs_1{padding-left:24px;margin-bottom:40px}#s5_drop_down_inner .s5_fourdivs_title{margin-bottom:14px}#s5_drop_down_container_inner{z-index:1;position:relative}#s5_drop_down_button{position:relative;z-index:1} /* END TEMPLATE DEFAULTS ----------------------------------------------------------- */ a { text-decoration: none;cursor:pointer; font:arial;} a:hover { text-decoration:underline; } a:active { outline: none;} a:focus {-moz-outline-style: none;} h1, h2, h3, h4, h5 { line-height:130%; } h1 {font-size:2.3em;margin-bottom:10px;} h2 { font-size:2.1em;margin-bottom:10px;} #s5_component_wrap_inner h2, #s5_component_wrap_inner h1 { font-size:2em; font-weight:200; } #s5_component_wrap_inner h2 a, #s5_component_wrap_inner h1 a, .page-header h2 { text-decoration:none; color:#1F1F1F; font-weight: 200; } h3 { font-size:1.8em; font-weight: 300;} h4 { font-size:1.5em;} h5 { font-size:1.1em;} h3.s5_demo_h3 { background: #fff none repeat scroll 0 0; font-size: 1.3em; font-weight: 500; color:#000; margin-bottom: 25px; padding: 12px 0;} .contact h3 { font-size: 1.3em;} /* FORM FIELDS ----------------------------------------------------------- */ fieldset { padding-top:7px; padding-bottom:7px;} #form-login fieldset { border:none; padding-top:0px;} #form-login p { padding-top:0px;} #login br { display:none;} #login .button { margin-top:8px; margin-bottom:8px;} #login ul, #form-login ul { padding-top:8px; padding-bottom:8px;} #cboxLoadedContent #modlgn-username, #cboxLoadedContent #modlgn-passwd, #cboxLoadedContent #username_vmlogin, #cboxLoadedContent #password_vmlogin { width:100% !important;} .inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input, textarea, .validate, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border:none; font-size: 0.9em; padding: 12px; background:#FFFFFF; border:solid 1px #DAD9D9; font-weight:300; color:#000000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height:44px; } .inputbox:hover, .registration input:hover, .login input:hover, .contact-form input:hover, #jform_contact_message:hover, input:hover, textarea:hover, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { background:#FBFAFA; } .inputbox.mailchimp_signup { border: medium none !important; font-size: 0.8em; color:#aeaeae; font-weight: 400; padding-left: 19px; width: 65%;} .button.mailchimp_signup { margin-left: 13px; margin-top: -9px;} .mailchimp_signup_form { text-align:right;} #response { background: #fff none repeat scroll 0 0; padding: 0.4em 0.4em 0.4em 1em;} select.inputbox{behavior:none}#filter-search,select{font-size:11pt!important}label.invalid{color:red}.invalid{border-color:red!important}.tool-tip{float:left;background:#CCC;border:1px solid #333;padding:5px;color:#000;max-width:200px}.tool-title{padding:15px 0 5px;margin:-15px 0 0;font-weight:700;color:#000}.tool-text{color:#000;margin:0}#response:empty{padding:0;margin:0} /* BUTTONS ----------------------------------------------------------- */ .btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton { padding:12px 30px; margin-top:14px; margin-bottom:0px; font-size: 0.9em; font-weight: 300; border:none; color:#FFFFFF !important; cursor:pointer; letter-spacing: 0; text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} p.readmore a.btn span { display: none; } p.readmore a, p.readmore { margin-top:20px;} p.readmore:hover a, .readon:hover, .button:hover, button:hover { background:#000000 !important; text-decoration:none;} .button { margin:0px; margin-top:0px; margin-right:8px; color:#ffffff;} a.btn { color:#fff;} .btn-primary, .pager a, .pager a:hover, .readon:hover { color:#FFFFFF !important; } .button:hover { border:none !important;} /* FONT CONTROLS ----------------------------------------------------------- */ #fontControls { float: right; margin-top: 11px; text-align: center; } #fontControls a { color:#333333;} .decreaseSize { font-size:12px;} .increaseSize { font-size:19px;} .resetSize { font-size:16px; margin-left:5px; margin-right:5px;} /* SCROLL TO TOP ----------------------------------------------------------- */ #s5_scroll_wrap { bottom: -20px; position: relative;} #s5_scrolltotop { height: 0; visibility:hidden;} .s5_scrolltotop { cursor: pointer; display: table; height: 49px; margin-left: auto; margin-right: auto; position: relative; width: 49px; z-index: 23; background:#fff url(../images/s5_scroll_arrow.png) no-repeat center center;} /* BOTTOM MENU ----------------------------------------------------------- */ #s5_bottom_row3_area2 ul.menu li, #s5_bottom_row3_area2 ul li { padding-top:5px;} #s5_bottom_row3_area2 ul.menu li a:hover, #s5_bottom_row3_area2 ul li a:hover { text-decoration:none;} #s5_bottom_menu_wrap ul.menu a:hover { text-decoration:none;} #s5_bottom_menu_wrap { padding-top:10px; float:left; padding-bottom:10px; margin: auto !important;} #s5_bottom_menu_wrap ul.menu li { padding-right:7px; padding-left:7px; font-size:.9em; font-weight:300; margin-right: 12px; float:left; color:#747474;} #s5_bottom_menu_wrap ul.menu li a { font-size: 1em; color:#747474;} /* COLUMN MENU ----------------------------------------------------------- */ #s5_center_area1 .module_round_box ul.menu a { padding:24px; padding-bottom:6px; padding-top:6px; display:block; color:#191919;} .module_round_box ul.menu a:hover { text-decoration:underline;} .module_round_box ul.menu ul a:hover { text-decoration:underline;} .module_round_box ul.menu ul a { background:none; padding:6px; padding-left:10px; border-bottom: none; display:block;} .module_round_box ul.menu ul ul a { font-size:8pt; padding:3px; padding-left:20px; border-bottom: none; display:block; font-weight:normal;} .module_round_box ul.menu #current ul span { font-weight:normal;} .module_round_box ul.menu li { padding:0px;} .module_round_box ul.menu li ul li { margin-left:24px;} #s5_center_area1 .module_round_box_outer ul.menu a, #s5_center_area1 .module_round_box_outer .separator { display:block; font-size:1.0em; padding:5px 0px;} #s5_center_area1 .module_round_box_outer ul.menu a:hover { text-decoration:none; color:#000000;} #s5_center_area1 .module_round_box_outer ul.menu ul a:hover { text-decoration:none;} #s5_center_area1 .module_round_box_outer ul.menu ul a { background:none; padding:0 6px 0px 10px; border-bottom: none; display:block;} #s5_center_area1 .module_round_box_outer ul.menu ul ul a { border-bottom: medium none; display: block; font-size: 1em; font-weight: 300; line-height: 23px; padding: 0 3px 0 19px;} #s5_center_area1 .module_round_box_outer ul.menu #current ul span { font-weight:normal;} #s5_center_area1 .module_round_box_outer ul.menu li { margin-left:9px; padding:0px; margin-bottom:7px;} #s5_center_area1 .module_round_box_outer ul.menu li a, #s5_center_area1 .module_round_box_outer .separator {} #s5_center_area1 .module_round_box_outer ul.menu li li a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #s5_center_area1 .module_round_box_outer ul.menu li ul li { margin-left:24px;} #s5_center_area1 .module_round_box_outer .menu li img { margin-left: -6px; padding-right:12px;} #s5_center_area1 .module_round_box_outer .separator .image-title { font-size:1.1em;} #s5_center_area1 .module_round_box_outer .separator { display:block; margin-bottom:7px; margin-left:0px; margin-top:5px;} #s5_center_area1 .module_round_box_outer ul.menu a { } #s5_center_area1 .module_round_box_outer ul.menu ul { font-size:0.9em; margin-top:17px;} #s5_center_area1 ul.menu li ul li ul li span { line-height: 16px; padding: 0 !important;} #s5_center_area1 ul.menu li li a { color:#5d5d5d;} #s5_center_area1 ul.menu li img {display:none;} /* ACCORDION MENU ----------------------------------------------------------- */ #s5_accordion_menu ul li span { color: #000000; font-weight:300;} #s5_accordion_menu h3.s5_am_toggler, #s5_accordion_menu h3.s5_am_toggler a.mainlevel { line-height:normal !important; background:none !important; font-weight:300; } #s5_accordion_menu h3.s5_am_toggler { border:none !important; } #s5_accordion_menu h3.s5_am_open a.mainlevel { color:#fff !important; } #s5_accordion_menu h3.s5_am_open.s5_am_not_parent a.mainlevel { color:#000 !important; } #s5_accordion_menu h3.s5_am_open:hover a.mainlevel { color:#292929 !important; } div.s5_accordion_menu_element li li{ padding-left:4px !important;} div.s5_accordion_menu_element li li li{ padding-left:12px !important;} div.s5_accordion_menu_element li a, .s5_am_inner_li .separator span { padding-top:6px !important; padding-bottom:6px !important; padding-left:7px !important; border-bottom:none !important; font-size:.9em !important; display:block !important; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; color:#000000 !important;} div.s5_accordion_menu_element li li a, .s5_am_innermenu .s5_am_inner_li .separator span { background:none !important; padding-left:10px !important; padding-right:6px !important; font-size:0.85em !important; border:none !important; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; padding-top:4px !important; padding-bottom:4px !important;} #current ul.s5_am_innermenu a.mainlevel { color:#292929 !important; } h3 span.s5_accordion_menu_left { display:block !important; padding:8px 18px 6px 28px !important;} .s5_am_inner_li span.s5_accordion_menu_left { padding:0px !important;} .s5_am_innermenu span.s5_accordion_menu_left { background:none !important;} #s5_accordion_menu ul li { padding:0px !important; padding-bottom:0px !important; padding-top:0px !important; line-height: 16px;} #s5_accordion_menu { margin:6px 0px 0 !important;} #s5_accordion_menu div { width:100% !important;} .s5_am_innermenu img { display:none !important; } #s5_accordion_menu h3 { padding:0px !important; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; color:#292929 !important; margin:0px !important; position:relative !important; width:100% !important; display:block !important; font-size:1.0em !important; height:38px !important; margin-bottom:7px !important;} #s5_accordion_menu h3:hover { background: #000000 !important; color:#ffffff !important; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;} #s5_accordion_menu h3:hover a { color:#ffffff !important;} #s5_accordion_menu h3.s5_am_parent span.s5_accordion_menu_left { cursor: pointer !important; background:url(../images/s5_acc_r_parent.png) no-repeat right -27px !important; padding-right:24px !important; position:relative !important;} #s5_accordion_menu h3.s5_am_parent span.s5_accordion_menu_left:hover { background:url(../images/s5_acc_r_parent_hover.png) no-repeat right -27px !important; } #s5_accordion_menu h3.s5_am_open:hover span, #s5_accordion_menu h3.s5_am_open:hover a{ color:#ffffff;} #s5_accordion_menu h3.s5_am_open span.s5_accordion_menu_left { background:url(../images/s5_acc_r_parent_hover.png) no-repeat right -27px !important;} #s5_accordion_menu h3.s5_am_open span.s5_accordion_menu_left:hover { background:url(../images/s5_acc_r_parent_hover.png) no-repeat right -27px !important;} #s5_accordion_menu h3.s5_am_not_parent span.s5_accordion_menu_left { background:none !important; } #s5_accordion_menu h3.s5_am_toggler.s5_am_open.s5_am_parent { background:#000000 !important;} #s5_accordion_menu h3.s5_am_not_parent { cursor:pointer !important;} #s5_accordion_menu h3.s5_am_toggler div { margin:0px !important; padding:0px !important;} #s5_accordion_menu h3.s5_am_toggler a.mainlevel { width:auto !important; border:none !important; padding:0px !important; color: #292929; margin:0px !important;} #s5_accordion_menu h3.s5_am_toggler:hover a.mainlevel { color:#ffffff; text-decoration:none;} div.s5_accordion_menu_element li { list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important;} div.s5_accordion_menu_element { width:auto !important;} #s5_accordion_menu #s5_am_parent_div_current, #s5_accordion_menu .s5_accordion_menu_element { background:none !important;} ul.s5_am_innermenu { padding-top:0px !important; padding-bottom:8px !important; padding-left:11px !important; padding-right:8px !important; margin-bottom:0px !important; margin-left:20px !important; margin-top:0px !important;} ul.s5_am_innermenu a:hover { color:#000000 !important; text-decoration:underline !important; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;} #s5_accordion_menu h3.s5_am_parent { padding-right:0px !important;} #s5_accordion_menu h3 span img { padding-top: 2px; margin-left: -6px;} #s5_accordion_menu h3.s5_am_not_parent.s5_am_open span.s5_accordion_menu_left, #s5_accordion_menu h3.s5_am_not_parent span.s5_accordion_menu_left:hover, #s5_accordion_menu h3.s5_am_not_parent.s5_am_open span.s5_accordion_menu_left:hover { background-image:none !important; } /* BODY ELEMENTS ----------------------------------------------------------- */ #s5_nav li.s5_logo_spacer { padding-top: 0px; overflow: hidden;} #s5_header_area_inner .s5_logo_spacer span.s5_level1_span1 { margin: 0; padding: 0; width:0; text-indent: -999999px;} #s5_header_area_inner .s5_logo_spacer .s5_logo_css { margin-top:-20px;} #s5_loginreg { margin-top:6px;} #s5_loginreg, #s5_register, #s5_login { float:right;} #s5_login { cursor:pointer; padding: 5px 11px 5px 15px; color:#000;} #s5_login:hover { color:#000;} #s5_register { cursor:pointer; color:#000; padding: 5px 11px 5px 15px;} #s5_logo_wrap { float:left; cursor:pointer;} .s5_logo_css img { float:left;} #s5_logo_wrap2 { display: table; left: 0; margin:0 auto -18px; position: relative; cursor:pointer; right: 0; text-align: center;} #s5_body_padding { background: #ffffff; box-shadow: 0 0 38px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 38px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 38px rgba(0, 0, 0, 0.05);} .s5_inner_padding, #s5_top_header, #s5_pos_custom_4, #s5_below_columns_inner, #s5_bottom_row2_inner, #s5_custom_6 { padding-left: 8%; padding-right: 8%;} .jdGallery .slideInfoZone { margin-left: 8% !important; margin-right: 8% !important;} .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { margin-right: 6.5%;} #s5_top_header { height:50px; box-shadow: 0 -5px 4px -6px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 -5px 4px -6px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -5px 4px -6px rgba(0, 0, 0, 0.2) inset;} #s5_menu_wrap { clear:both; height:100px;} #s5_socialicons { float: left; padding-top:6px;} #s5_pos_custom_3 { z-index: 0; position:relative;} #s5_pos_custom_4 { height: 100%; position: absolute; left: 0; width:23%; top: 0; z-index: 2;} #s5_pos_custom_4_padding { background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; height: 550px; margin-top: 33%; color: #fff; position:relative; overflow:auto; padding-top:16px; padding-bottom:16px;} #s5_pos_custom_4 li { margin-top:2px; margin-bottom:2px;} #s5_pos_custom_4 li a { font-weight: 200; letter-spacing: 0; padding-bottom: 6px; padding-left: 32px; padding-top: 6px;} #s5_pos_custom_4 li a img { padding-right:14px;} #s5_pos_custom_4 li a:hover { text-decoration:none;} #s5_bottom_row2_inner .module_round_box { color:#fff;} #s5_custom_5 { width:100%; position:relative;} #s5_custom_6 { height: 100%; position: absolute; width: 306px; z-index: 1;} #s5_custom_6_inner { height: 60%; font-size: 0.9em; margin-top: 20%; box-shadow: 0 0 18px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.05); background:#fff;} #s5_custom_6_inner .module_round_box { line-height: 20px; color:#7d7d7d;} #s5_custom_6_padding { padding:35px 30px 30px;} #s5_custom_6_padding h3 { font-size:1.2em !important; color:#000 !important; font-weight: 500 !important;} .category-module-highlight1line li, .category-module-highlight2line li, .category-module li { margin-bottom:50px;} .mod-articles-category-title { font-weight:500 !important; font-size: 1em !important; line-height: 22px !important; margin-bottom: -7px !important;} .mod-articles-category-introtext{ font-weight:300; line-height: 16px; color:#6f6f6f;} #s5_footer { color: #747474; float: right; font-size: 0.9em; margin-top: 8px; font-weight: 300;} #s5_footer_area1 { margin-top:14px; margin-bottom:40px;} .newsletter_text { font-size: 2em; color: #fff; line-height:44px; font-weight:300;} .h3largetitle { padding-bottom:10px; color: #000000; font-weight: 400; margin-bottom: 24px; margin-top: 0; font-size:1.9em !important;} .addressicon { float:left; color: #000; font-size: 1.5em; margin-right: 12px;} .address_wrap { line-height: 21px; float:left;} .loginicon { color: #000; font-size: 1.6em; margin-left: 12px; margin-right: 6px;} .logintext { position: relative; top: -3px;} .s5_iconwrapper { border: 1px solid #efecec; float: left; margin-bottom: 35px; margin-right: 35px; min-width: 85px; padding: 30px; text-align: center;} .s5_iconwrapper:hover { text-decoration:none;} .s5_iconwrapper:hover .s5_iconlinks { color:#fff;} .s5_iconlinks { display:block; color:#000; text-align:center; font-size:2.9em;} #s5_language_wrap { padding-top: 10px;} #s5_breadcrumb_wrap { margin-top:50px;} #s5_phonenumber { float:left; font-weight: 400; margin-left: 20px; margin-top: 7px;} #s5_bottom_row2_inner { padding-top:40px; padding-bottom:40px;} #s5newsletterpad { padding-top:10px;} /* MODULE STYLES ----------------------------------------------------------- */ #s5_above_body, #s5_below_body { margin-right:-12px;} #s5_above_body .moduletable { margin-bottom:20px; padding-right:12px;} #s5_below_body .moduletable { margin-top:20px; padding-right:12px;} .module_round_box h3 { font-size:1.0em; margin-bottom: 24px; margin-top: 0; font-weight: 400; color:#000000;} .module_round_box .s5_h3_first { color:#000000; } .module_round_box { text-shadow:none; color:#000000; font-weight: 300; margin-left: 0px; margin-right: 0px; padding: 40px 9px;} #s5_right_column_wrap .module_round_box, #s5_left_column_wrap .module_round_box { padding: 40px 9px;} .module_round_box a { color:#7d7d7d;} .module_round_box_inner { padding:0px;} #s5_drop_down_wrap .module_round_box { margin-bottom:35px;} .module_round_box-none { margin-bottom:40px;} /* -dark ----------------------- */ .module_round_box-dark h3.s5_mod_h3 { color:#ffffff; font-size: 1.2em; margin-bottom: 35px; margin-left: 0; margin-top: 0px;} .module_round_box-dark .s5_h3_first { color:#ffffff; } .module_round_box-dark { text-shadow:none; background:#333333; color:#ffffff; padding: 40px; font-weight: 300; margin-bottom: 70px; margin-left: 0px; margin-right: 0px;} /* -gray ----------------------- */ .module_round_box-gray h3.s5_mod_h3 { color:#000000; font-size: 1.2em; font-weight: 500; margin-bottom: 35px; margin-left: 0; margin-top: 0px;} .module_round_box-gray .s5_h3_first { color:#000000; } .module_round_box-gray { text-shadow:none; background:#f8f8f8; color:#000000; padding: 40px; font-weight: 300; margin-bottom: 70px; margin-left: 0px; margin-right: 0px;} /* -highlight1 ----------------------- */ .module_round_box-highlight1 h3.s5_mod_h3 { color: #ffffff; font-size: 1.2em; font-weight: 500; margin-bottom: 16px; margin-left: 0; margin-top: 0;;} .module_round_box-highlight1 .s5_h3_first { color:#ffffff; } .module_round_box-highlight1 { text-shadow:none; background:#f8f8f8; color:#ffffff; padding: 40px; font-weight: 300; margin-bottom: 70px; margin-left: 0px; margin-right: 0px;} /* -highlight2 ----------------------- */ .module_round_box-highlight2 h3.s5_mod_h3 { color: #ffffff; font-size: 1.2em; font-weight: 500; margin-bottom: 16px; margin-left: 0; margin-top: 0;} .module_round_box-highlight2 .s5_h3_first { color:#ffffff; } .module_round_box-highlight2 { text-shadow:none; background:#f8f8f8; color:#ffffff; padding: 40px; font-weight: 300; margin-bottom: 70px; margin-left: 0px; margin-right: 0px;} /* -lightcolor ----------------------- */ .module_round_box-lightcolor h3.s5_mod_h3 { color:#000000; font-size: 1.2em; margin-bottom: 35px; margin-left: 0; margin-top: 0px;} .module_round_box-lightcolor .s5_h3_first { color:#000000; } .module_round_box-lightcolor { text-shadow:none; background:#faf8ea; color:#000000; padding: 40px; font-weight: 300; margin-bottom: 70px; margin-left: 0px; margin-right: 0px;} /* -highlight1line ----------------------- */ .module_round_box-highlight1line h3.s5_mod_h3 { font-size: 1.1em; font-weight: 400; color: #000; margin-bottom: 25px; margin-left: 0; margin-top: 0px;} .module_round_box-highlight1line { text-shadow:none; padding: 0px; font-size: 0.9em; margin-bottom: 70px; font-weight: 300; margin-left: 0px; margin-right: 0px;} .module_round_box-highlight1line .s5_mod_h3_outer { margin-bottom: 32px; border-bottom:1px solid #cccccc;} /* -highlight2line ----------------------- */ .module_round_box-highlight2line h3.s5_mod_h3 { font-size: 1.1em; font-weight: 400; color: #000; margin-bottom: 25px; margin-left: 0; margin-top: 0px;} .module_round_box-highlight2line { text-shadow:none; padding: 0px; font-size: 0.9em; margin-bottom: 70px; font-weight: 300; margin-left: 0px; margin-right: 0px;} .module_round_box-highlight2line .s5_mod_h3_outer { margin-bottom: 32px; border-bottom:1px solid #cccccc;} /* -h3largetitle ----------------------- */ .moduletable-h3largetitle h3 { font-size: 1.9em; font-weight: 400; color: #fff; margin-bottom: 25px; margin-left: 0; margin-top: 0px;} .moduletable-h3largetitle { text-align:center;} /* -default ----------------------- */ .module_round_box-default .s5_mod_h3_outer { font-size: 0.9em; margin-bottom: 28px;} /* SPACING AND ALIGNMENT ----------------------------------------------------------- */ .module_round_box_outer, #s5_component_wrap, #s5_center_area .moduletable, .module_round_box_outer-none { margin-left: 12px; margin-right: 12px;} #s5_center_area_inner, #s5_above_columns_inner { padding-bottom: 70px; padding-top: 70px;} #s5_bottom_row3_inner { padding-bottom: 50px; padding-top: 50px;} /* GLOBAL CSS ----------------------------------------------------------- */ .s5_pricetable_column.recommended, .s5_pricetable_column, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton, #middle_content .s5_imagerot_wrap img, #s5_login, #s5_register, #s5_bottom_menu_wrap ul.menu a, #s5_footer a, #s5_bottom_row3_area2 .module_round_box ul.menu a, .s5_va_active span.s5_va_h3_inner_span, .s5_va_inactive span.s5_va_h3_inner_span, #s5_top_menu ul li a, .s5_rowselector, .S5_menu_module_group img, .jdGallery a.left, .jdGallery a.right, #s5_scrolltopvar, #s5_top_menu_wrap li a, #s5_is_leftarrow, #s5_is_rightarrow, .S5_parent_subtext, .S5_submenu_item, .S5_subtext, .inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input, .s5_scrolltop_fadeout, .s5_scrolltop_fadein, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-group.open .btn-primary.dropdown-toggle, .btn-primary:hover, .btn-primary, .item-page .dropdown-menu li > a:hover, .blog .dropdown-menu li > a:hover, .item .dropdown-menu li > a:hover, #searchForm .btn-toolbar .btn, #cboxLoadedContent input, .s5_button, #cboxContent, #s5_qc_security_img, .MultiBoxContainer, .module_round_box-gray, .module_round_box-outlined, h3.s5_demo_h3, .pages_highlight_box, textarea, .validate, .faq_question, .ourteam_roundimage_inner, .ourteam_roundimage_hover, .module_round_box-highlight1, .module_round_box-highlight2, .module_round_box-dark, ul.dropdown-menu.actions, .chzn-container .chzn-results li:hover, .chzn-container-single .chzn-single, #s5_nav li:hover span.s5_level1_span1, #s5_nav li.mainMenuParentBtnFocused, #s5_nav li.mainMenuParentBtnFocused span.s5_level1_span1, #s5_register, #s5_login, #login-form li:nth-child(3n+0) a, .s5_highlight1, a.k2ReadMore, .date_wrapper { -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } .s5_button, .s5_button_highlight, p.readmore a, #cboxLoadedContent input.button, .article-info dd, #s5_accordion_menu h3.s5_am_parent, #s5_accordion_menu h3.s5_am_not_parent, .btn.dropdown-toggle, #response, .s5_iconwrapper, .s5_tab_show_outer_wrap .-icons .s5_tab_show_slide_button_active { -moz-border-radius:2px !important; -webkit-border-radius:2px !important; border-radius:2px !important; } .s5_roundedimage, .s5_roundimage_inner, .button, li.pagenav-prev a, li.pagenav-next a, input#mod-search-searchword, #s5_ls_outer_wrap .s5_ls_readmore, .pagination span.s5_pagespan span, .pagination span.s5_pagespan a, #s5_inquirybox, #s5_button_frame ul li, p.readmore a, a.readon, .s5_buttoncenter .button, .pager a, .btn, .btn:hover{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;} .jdGallery .carousel .thumbnail { -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;} #s5_inquiryboxopen, #s5_inquiryboxopentitle { -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0;} #s5_responsive_mobile_bottom_bar .s5_scrolltotop { -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius: 0px !important; } .jdGallery a.right, .jdGallery a.left, .s5_scrolltotop { -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .button, p.readmore a, a.readon, div.catItemReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton, #s5_login, #s5_register, #s5_bottom_menu_wrap ul.menu a, #s5_footer a, .s5_scrolltotop, .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail, #s5_bottom_row3_area2 .module_round_box ul.menu a, .s5_va_active span.s5_va_h3_inner_span, .s5_va_inactive span.s5_va_h3_inner_span, #s5_top_menu ul li a, a, .s5_rowselector, .S5_menu_module_group img, input#mod-search-searchword, .s5_scrolltotop, #s5_cartbutton, .jdGallery a.left, .jdGallery a.right, #s5_scrolltopvar, #s5_top_menu_wrap li a, #s5_is_leftarrow, #s5_is_rightarrow, .S5_parent_subtext, .S5_submenu_item, .S5_subtext, .inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input, .s5_scrolltop_fadeout, .s5_scrolltop_fadein, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-group.open .btn-primary.dropdown-toggle,.btn-primary:hover, .btn-primary, .item-page .dropdown-menu li > a:hover, .blog .dropdown-menu li > a:hover, .item .dropdown-menu li > a:hover, #searchForm .btn-toolbar .btn, #cboxLoadedContent input, #s5_nav li:hover, #s5_nav li, button, button:hover, .letter_div_m a:hover, .letter_div_m a, #items_imageleft, #items_imageright, .s5_button, #s5_nav li span.s5_level1_span1, .s5_scrolltotop , a.readon, p.readmore a, #s5_custom2 .module_round_box-bigtitle_dark h3.s5_mod_h3, #s5_custom2 .module_round_box-bigtitle_light h3.s5_mod_h3, textarea, a.btn, p.readmore a.btn, .circle_table_icons, #s5_pos_custom_4 li a, .s5_iconwrapper, .btn, #s5_login:hover .loginicon { -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s;} #s5_responsive_mobile_scroll .s5_scrolltotop { -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; margin-top:19px !important;} /* LOGIN ----------------------------------------------------------- */ #login-form input { display:block; width:100%; } #login-form #modlgn-remember { width:auto; } #login-form button { display:block; clear:both; margin-bottom:12px; } #login-form .control-label { margin-top:14px; } #login-form a:hover { text-decoration:underline; } /* MOBILE BAR ----------------------------------------------------------- */ #s5_responsive_mobile_bar_active { padding-top:12px !important; } /* PAGINATION ----------------------------------------------------------- */ .pagination .pagination, p.counter, .pagination span.s5_pagespan a, .pagination span.s5_pagespan a:hover { -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s;} .pagenav a { padding:10px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .pagination .counter { margin-left:auto; margin-right:auto; text-align:center; float:none; padding:0px; margin:0px; margin-bottom:12px; } .pagenav, .pagination { padding-top:76px; } .pagination { text-align:center; margin:0px; } .pagination .pagination { text-align:center; padding-top:0px; } .pagination .pagination a, .pagination .pagination span { padding:0px; margin:0px; padding:7px !important; } .pagenav a { background:#333333; color:#FFFFFF; font-size: 1.2em; font-weight: 300; width: 45%; } .pagenav a:hover { background:#000000 !important; } /* CONTENT STYLE ----------------------------------------------------------- */ .article-info dt, .article-info dd { font-size:0.9em; display:inline-block; margin-right:14px; } ul.tags { margin:0px; } ul.tags li { display:inline; margin:5px; list-style:none; } .article-info dd,.article-info dt{font-size:1.1em;line-height:170%} .article-info { margin-bottom: 9px; margin-top: 0px;} .article-info-term { display:none;} .search #searchForm fieldset.word label { margin-right:10px;} .search #searchForm fieldset.word input { width:50%;} .search #searchForm fieldset.word { margin-bottom: 50px; text-align:center;} .search fieldset.phrases legend, .search fieldset.only legend { color:#7d7d7d;} .search fieldset.phrases, .search fieldset.only { margin-bottom:13px;} .dropdown-menu, .btn { border:none !important;} .article_column { float:left;} .item-separator { display: block; clear:both; margin-bottom:50px; } .item-page, .category-desc { margin-bottom:34px; clear:both; } .item-page { margin-bottom:0px; } .article_separator { display:none; } .article-info { font-size:0.9em; font-style:normal; margin-bottom:30px;} .blog-featured .article-info { margin-top:-8px; margin-bottom:14px; } .article-info-term { display:none; } .article_column .contentpaneopen { padding-right:15px;} .buttonheading { float:right; padding-right:5px;} .contentpane ul li { text-align:left;} .sectiontableheader { text-align:left; font-weight:bold; padding:5px; } legend.sectiontableheader { background:none; } .sectiontableheader th { padding-left:8px; padding-right:8px; } .sectiontableentry1, .sectiontableentry2 { padding-bottom:5px;} td { padding-bottom:0px; padding-top:0px; } table.searchintro { padding: 10px 0; width: 80%; } tr.sectiontableentry1 td { padding: 2px; } tr.sectiontableentry2 td { padding: 2px; } .sectiontableheader { line-height:29px; padding:0pt 10px; } .sectiontableentry1 { font-size:9pt; padding:7px; background:#ECECEC; } .sectiontableentry2 { font-size:9pt; padding:7px; } ul.actions li { float:right; padding-left:8px; list-style:none;} .img-intro-left, .img-fulltext-left { float:left; } .img-intro-right, .img-fulltext-right { float:right; } #s5_component_wrap ul.actions { margin-left:0px; } #s5_component_wrap ul.pagenav { margin:0px; } ul.actions i { display:none; } .calendar .button { color: #000000 !important; background:none !important; padding: 2px !important;} .dropdown-toggle, .dropdown-toggle:hover { padding:9px; background:none !important; margin-right:0px !important; margin-top:-6px !important; border:none; font-size:14px; line-height:1; min-width:1px; } .btn .caret { margin-left:5px; margin-top:6px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dropdown-menu { border:none; } .dropdown-menu span { margin-right:8px; } .item-page .dropdown-toggle, .blog .dropdown-toggle, .item .dropdown-toggle { background:#FFFFFF !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .page-header { border: medium none; margin: 0 0 10px; padding: 0; } .item, .items-leading { margin-bottom: 60px !important; } .article-info dt, .article-info dd { display: inline-block; font-size: 0.95em; margin-right: 14px; } .items-more ol { margin:0px; } /* MISCELLANEOUS ----------------------------------------------------------- */ legend { border:none !important; } .moduletable .breadcrumb, .module_round_box_outer .breadcrumb { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; box-shadow: none; padding: 0px; margin: 0px; } .module_round_box_outer ul li a, .module_round_box_outer ul.menu li span { display: block; font-size: .9em; font-weight: 200; line-height: 15px; margin-bottom: 6px; padding-bottom: 6px; } .s5_module_box_1 ul.menu ul a span { margin:0px; padding:0px; } .jicons-icons {float:left;padding-right: 7px;} .jicons-icons { display: none; } #GM_form { margin:0;} #s5_map_canvas img { max-width:none !important;} fieldset a {font-weight: bold; } #member-registration legend { font-size:1.7em;margin-bottom:20px;} ul { margin-left:18px; } div.syndicate div { text-align: center; } .mosimage { padding: 0; border:1px solid #CCCCCC; background:#ffffff; margin:6px; } .mosimage img { padding: 0; margin: 0!important; } .mosimage_caption { background:#EFEFEF none repeat scroll 0%; border-top:1px solid #CCCCCC; color:#666666; margin-top:2px; padding:1px 2px;} div.syndicate div { text-align: center; } .back_button { height:37px; padding-top:26px; } div.back_button a, div.back_button a:hover, div.back_button a:active { margin: -2px 0; display: block; font-weight:bold; height:37px; text-decoration: none!important; } .s5_centerit {text-align:center;display:block;} iframe {border:none;} .login label {display:block;} th { font-weight: bold; padding: 5px 0; text-align: left; } td.num { text-align: left; vertical-align: top; } td.hits { text-align: center; vertical-align: top; } td p { line-height: 1.7em; margin: 0; } .filter { margin: 10px 0; } .display-limit, .filter { margin-right: 7px; text-align: right; } table, table td { border-collapse: collapse; } table.weblinks, table.category { margin: 10px 0 20px 0; width: 100%; } table.weblinks th, table.category th { font-size: 1em; font-weight: normal; } table.weblinks th:first-child, table.category th:first-child { border-left: medium none; } table th { background: #E9E9E9; padding: 6px 10px; } fieldset.filters { margin-top: 10px;} .item-page .icons { margin-top: -11px;} /* LANGUAGE FLAGS ----------------------------------------------------------- */ .s5_languageflags { margin:0px; margin-left:18px; } div.mod-languages li{margin:0 0 0 3px}#s5_pos_language li{float:right;margin:0 0 0 8px} /* IMAGES ----------------------------------------------------------- */ a img,fieldset,img{border:none}.module_round_box_outer img{line-height:100%;display:inline-block}.mosimage{padding:0;margin:6px}.mosimage img{padding:0;margin:0!important}.mosimage_caption{background:#333;color:#FFF;font-size:8pt;margin-top:2px;padding:1px 2px} /* SYSTEM MESSAGES ----------------------------------------------------------- */ #system-message{margin-bottom:20px}#system-message dd.message ul{background:url(../../system/images/notice-info.png) 4px center no-repeat #C3D2E5;margin-left:4px;margin-top:13px}#system-message dd.error ul{color:#c00;background:url(../../system/images/notice-alert.png) 4px center no-repeat #E6C0C0;border-top:3px solid #DE7A7B;border-bottom:3px solid #DE7A7B}#system-message dd.notice ul{color:#c00;background:url(../../system/images/notice-note.png) 4px center no-repeat #EFE7B8;border-top:3px solid #F0DC7E;border-bottom:3px solid #F0DC7E} /* TOOLTIPS ----------------------------------------------------------- */ .tip-wrap{z-index:1000003}.tip-wrap .tip{background:#fff;padding:5px;border:1px solid #eee;max-width:300px}.tip-wrap .tip-title{background:#101010;color:#FFF;font-size:1em;margin-bottom:4px;padding:5px 8px;text-shadow:0 1px 0 #000}.tip-wrap.tip-text{padding:3px;font-size:11px;line-height:16px}.tooltip{border:none!important;background:0 0!important} /* PAGES - GENERAL ----------------------------------------------------------- */ h1.pages_center_text{font-size:2em;font-family:arial;text-transform:none}.pages_highlight_box{padding:30px;color:#000;display:block;background:#f8f8f8;}.pages_highlight_box h3{text-transform:none;font-size:1.9em}.pages_highlight_box .readon{margin-top:20px}.pages_center_text{text-align:center}address {padding-top:4px;padding-bottom:4px;} .contact h3{ margin-bottom: 20px;margin-top: 15px;} /* PAGES - CONTACT ----------------------------------------------------------- */ .jicons-text{color: #000; font-weight: 500;}.contact-image{margin-bottom:20px}@media screen and (max-width:1050px){.contact-image{float:right}}@media screen and (max-width:700px){.contact .thumbnail{float:none!important;margin-bottom:14px}.contact .thumbnail img{width:100%}}.contact-form label {display:block;}.contact .dl-horizontal dt{width:auto}.dl-horizontal dt{float:none;overflow:visible;text-align:inherit}dd,dt{line-height:220%}#contact-form{margin:0px;}#contact-form fieldset{padding:0px;}#contact-form .form-actions{margin-bottom:0px;} /* PAGES - SEARCH ----------------------------------------------------------- */ .search #searchForm fieldset.word label{margin-right:10px}.search #searchForm fieldset.word input{width:50%}.search #searchForm fieldset.word{margin-bottom:50px;text-align:center}.search fieldset.only,.search fieldset.phrases{margin-bottom:13px}#searchForm button{padding-top:14px;padding-bottom:13px;margin-top:0}#searchForm{margin:0}#search-searchword{font-size:14px}.search h1.page-title{margin-bottom:40px}.search #searchForm .btn-toolbar{margin-bottom:20px}.searchintro{margin-bottom:15px}.searchintro strong{font-weight:400}.badge-info,.label-info{background:#333;font-weight:400}#searchForm .only legend,#searchForm .phrases legend{float:left;margin-right:17px;margin-bottom:0;font-size:.9em;margin-top:-6px;width:auto}#searchForm fieldset input,#searchForm fieldset label{min-height:auto}.chzn-container-single .chzn-single{border:1px solid #E6E9E9;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;height:32px;font-weight:400;line-height:31px;padding:0 0 0 12px;background:#fff}.chzn-container-active.chzn-with-drop .chzn-single{background:#fff}.chzn-container .chzn-drop{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.chzn-container-single .chzn-single div b{background-position:0 7px}.chzn-container .chzn-results li.active,.chzn-container .chzn-results li.highlighted{background:#000}.checkbox,.ordering-box,.ordering-box #ordering_chzn,.ordering-box .ordering,.phrases-box,.radio{float:left}.controls>.checkbox:first-child,.controls>.radio:first-child{padding-top:0}.ordering-box .ordering{margin-right:8px}.checkbox,.radio{margin-right:25px}#contact-form,#contact-form .form-actions{margin-bottom:0}.form-actions{border:none;background:#F6F6F6}#searchForm fieldset{border:none!important;background:0 0!important;padding:0!important;margin:0 0 18px!important} /* PAGES - ABOUT ----------------------------------------------------------- */ .about_wrapper{padding-top:10px}.about_wrapper img{float:left;max-width:45%!important;margin-right:30px;margin-bottom:30px}@media screen and (max-width:750px){.about_wrapper img{float:none;max-width:100%!important;margin-right:0;margin-bottom:30px}}.about_wrapper h3{margin-bottom:14px;font-weight:700}.about_bottom_item1{width:47%;float:left}.about_bottom_item2{width:47%;float:right}.about_bottom_item1 h3,.about_bottom_item2 h3{margin-top:15px;margin-bottom:15px;font-weight:700}@media screen and (max-width:750px){.about_bottom_item1,.about_bottom_item2{width:auto;float:none}} /* PAGES - SERVICES ----------------------------------------------------------- */ .services_wrap{text-align:center;width:33.3333%;float:left;margin-bottom:50px}@media screen and (max-width:750px){.services_wrap{width:auto;float:none;margin-bottom:30px}}.services_wrap_inner{padding-left:15px;padding-right:15px}.services_wrap h3{font-weight:700;margin-top:15px;margin-bottom:15px} /* PAGES - FAQs ----------------------------------------------------------- */ .faq_wrap h3{font-weight:700;margin-bottom:25px}.faq_question{font-weight:700;display:block;font-size:.9em}.faq_answer{display:block;font-size:.8em;font-style:italic;padding:5px 12px 12px} /* FAQ ACCORDION ----------------------------------------------------------- */ .ac-container label,.ac-container2 label{font-size:1em!important;height:43px!important;line-height:43px!important;padding:5px 20px;position:relative;z-index:20;display:block;margin-bottom:0!important;margin-top:0!important;cursor:pointer;background:#fff;color:#333;box-shadow:0 0 0 1px rgba(155,155,155,.3),0 0 0 rgba(255,255,255,.9) inset,0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(155,155,155,.3),0 0 0 rgba(255,255,255,.9) inset,0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(155,155,155,.3),0 0 0 rgba(255,255,255,.9) inset,0 0 1px rgba(0,0,0,.1)}.ac-container,.ac-container2{width:100%;position:relative;z-index:0;margin:10px auto 30px;text-align:left}.ac-container label:hover,.ac-container2 label:hover{background:#000000;color:#FFFFFF;}.ac-container input:checked+label,.ac-container input:checked+label:hover,.ac-container2 input:checked+label,.ac-container2 input:checked+label:hover{background:#F9F9F9;color:#666;height:30px;line-height:21px;font-size:13px}.ac-container input:checked+label:hover:after,.ac-container label:hover:after,.ac-container2 input:checked+label:hover:after,.ac-container2 label:hover:after{content:'';position:absolute;width:24px;height:24px;right:13px;top:7px}.ac-container input,.ac-container2 input{display:none}.ac-container article,.ac-container2 article{background:rgba(255,255,255,.5);margin-top:-1px;overflow:hidden;height:0;position:relative;z-index:10;-webkit-transition:height .3s ease-in-out,box-shadow .6s linear;-moz-transition:height .3s ease-in-out,box-shadow .6s linear;-o-transition:height .3s ease-in-out,box-shadow .6s linear;-ms-transition:height .3s ease-in-out,box-shadow .6s linear;transition:height .3s ease-in-out,box-shadow .6s linear}.ac-container article p,.ac-container2 article p{font-style:normal;color:#333;padding:20px}.ac-container input:checked~article,.ac-container2 input:checked~article{-webkit-transition:height .5s ease-in-out,box-shadow .1s linear;-moz-transition:height .5s ease-in-out,box-shadow .1s linear;-o-transition:height .5s ease-in-out,box-shadow .1s linear;-ms-transition:height .5s ease-in-out,box-shadow .1s linear;transition:height .5s ease-in-out,box-shadow .1s linear;box-shadow:0 0 0 1px rgba(155,155,155,.3)}.ac-container input:checked~article.ac-text,.ac-container2 input:checked~article.ac-text2{height:auto}.ac-container input:checked~article.ac-small,.ac-container2 input:checked~article.ac-small2{height:140px}.ac-container input:checked~article.ac-medium,.ac-container2 input:checked~article.ac-medium2{height:180px}.ac-container input:checked~article.ac-large,.ac-container2 input:checked~article.ac-large2{height:230px} /* PAGES - 404 ----------------------------------------------------------- */ #wrap_404{text-align:center;padding-bottom:30px}.title_404{font-size:11em;margin-bottom:20px}.line_1_404{font-size:2em;text-transform:uppercase;display:block}.line_2_404{font-size:1.1em;padding-bottom:32px;margin-bottom:32px;display:inline-block}#wrap_404 .readon{margin:0} /* PAGES - TEAM ----------------------------------------------------------- */ .overlay_outer{float:left;text-align:center}.overlay_inner{padding:.25%}.overlay_outer.one{width:100%}.overlay_outer.two{width:49.5%}.overlay_outer.three{width:32.5%}.overlay_outer.four{width:24.5%}.overlay_outer.five{width:19.5%}.overlay_outer.six{width:15.5%}.overlay_centered,.overlay_socialicons{display:table;margin:0 auto;position:relative;top:42%}.overlay_hover_outer{display:table;margin:0 auto;overflow:hidden;position:relative;width:auto;height:auto}.overlay_hover_outer .overlay_hover_inner{-moz-opacity:0;-khtml-opacity:0;filter:alpha(opacity=0);opacity:0;background-color:#333;height:100%;width:100%;position:absolute}.overlay_hover_outer:hover .overlay_hover_inner{-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);opacity:1;position:absolute;height:100%;width:100%}.overlay_hover_outer .overlay_hover_video{-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100);opacity:1;height:100%;width:100%;position:absolute}.overlay_facebook{float:left;height:29px;margin-right:9px;width:29px;background:url(../images/pages/sprite.png) 0 -72px no-repeat!important}.overlay_facebook:hover{background:url(../images/pages/sprite.png) -47px -72px no-repeat!important}.overlay_twitter{float:left;height:29px;width:29px;background:url(../images/pages/sprite.png) no-repeat!important}.overlay_twitter:hover{background:url(../images/pages/sprite.png) -47px 0 no-repeat!important}.overlay_hover_inner{-webkit-transition:all 300ms ease-in 0s;-moz-transition:all 300ms ease-in 0s;-o-transition:all 300ms ease-in 0s;transition:all 300ms ease-in 0s}.overlay_hover_outer img{width:100%;margin-bottom:-9px}.overlay_subtitle{display:block;margin-top:8px}@media screen and (max-width:950px){.overlay_outer{width:100%!important;float:none!important}} /* PAGES - PORTFOLIO ----------------------------------------------------------- */ .pages_portfolio{float:left}.pages_portfolio.one{width:100%}.pages_portfolio.two{width:50%}.pages_portfolio.three{width:33.3335%}.pages_portfolio.four{width:25%}.pages_portfolio.five{width:20%}.pages_portfolio.six{width:16.6665%}.pages_portfolio img{margin-bottom:-7px}.pages_padding{padding:5px}@media screen and (max-width:950px){.pages_portfolio{width:100%!important;float:none!important}} /* Multibox ----------------------------------------------------------- */ .MultiBoxContainer { border: 5px solid #fff !important;} .MultiBoxNext, .MultiBoxPrevious { position:fixed !important; top:48%; z-index:1;} .MultiBoxPrevious { left:30px !important;} .MultiBoxNext { right:30px !important;} .MultiBoxClose { right: -34px !important; top: -36px !important;} .MultiBoxTitle { font-size: 0.9em !important; font-weight: normal !important; margin: 10px 0 0 15px !important;} .MultiBoxNumber { font-size: 0.9em !important; font-weight:normal !important; margin: 11px 13px 0 0 !important;} .MultiBoxPrevious, .MultiBoxNext { height: 29px !important; width: 29px !important;} .MultiBoxDescription { margin: 0 16px !important; } /* S5 MASONRY ----------------------------------------------------------- */ .s5_masonry_articles li.s5_masonry_active a { color: #000; font-weight: 400; border-bottom:3px solid #ff0000;} .s5_masonry_articles li a { font-weight: 300; border-bottom:3px solid transparent;} #s5_masonry_navwrap { border-bottom:1px solid #e6e6e6;} ul.s5_masonry_articles { padding-bottom:0px !important;} ul.s5_masonry_articles li { margin-left: 0; padding-right: 23px; right:auto;} ul.s5_masonry_articles { padding-top:3px !important; left:auto;} .s5_masonry_articles li a { font-size: 1em !important; margin-bottom: 0 !important; padding-bottom: 25px !important;} .s5_masonry_articles li a:hover { border-bottom:3px solid #ff0000; text-decoration:none;} button#s5_mason_load_more { color:#000 !important; border:1px solid #dbdbdb; background:none; width:100%;} button#s5_mason_load_more:hover { border:1px solid #000 !important; color:#fff !important;} .s5_mason_it_wrap { font-size: 0.9em; line-height: 25px;} .s5_mason_loadbutton { margin: 40px 0 23px;} .s5_masonry_articletitle, .s5_masonry_articletitle a { color:#000; font-weight: 400;} #s5_masonry_form_outer_wrap { margin-top:40px;} #s5_masondisplay_container { margin-left: 0; margin-right: 0px;} #s5_masondisplay_container .item { width: 50%;} #s5_masondisplay_container .item, #s5_masondisplay_container .firstitem { margin-bottom: 50px !important;} .s5_m_articles { display:block;} /* SEARCH ----------------------------------------------------------- */ #s5_search_pos_wrap .module_round_box .s5_h3_first { color:#ffffff;} #s5_search_overlay { background:#ffffff; background:rgba(0, 0, 0, 0.6); position:fixed; left:0; top:0; width:100%;} #s5_search_pos_wrap { padding-top:120px;} #s5_search_overlay .button, #s5_search_overlay button { display:none;} #s5_search_overlay input { font-size: 0.95em; height: 51px; border: 1px solid #ffffff !important; width:100%; box-sizing: border-box !important; border-radius: 0 !important; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; padding:3.5% !important; padding-top:1.5% !important; padding-bottom:1.5% !important;} #s5_search_overlay input:focus { background:#ffffff !important;} #s5_search_overlay .s5_mod_h3_outer h3 { font-size: 1.6em; font-weight: 300; margin-bottom: 32px; color:#FFFFFF; text-align: center;} .icon_search_close { float: right; margin-right: 60px; margin-top: 52px; cursor:pointer; color:#FFFFFF; font-size: 3.2em;} .s5_search_open { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; height:1000000px; z-index:4;} .s5_search_close { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; height:0px; z-index:0; overflow:hidden;} .s5_search_open, .s5_search_close { -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;} #s5_search_wrap { color: #000; cursor: pointer; display: block; float: right; font-size: 23px; height: 18px; line-height: 18px; margin-left: 22px; margin-top: 15px; width: 18px;} .s5_wrap_fmfullwidth #s5_search_wrap { color:#666666;} #s5_search_pos_wrap { padding-left:9%; padding-right:9%;} .s5_ls_result2 h2, .s5_ls_result1 h2 { font-size: 1.6em;} #s5_search_overlay .s5_mod_h3_outer h3 { margin-bottom: 45px; padding-bottom: 25px;} /* S5 LIVE SEARCH ----------------------------------------------------------- */ .s5_ls_top_bar, .s5_ls_bottom_bar { border:medium none !important; line-height: 3px !important; background: none !important;} #s5_ls_outer_wrap { background: #ffffff;} #s5_ls_close { right: 4px !important; top: 11px !important; } #s5_ls_outer_wrap { padding-top:0px !important;} #s5_ls_outer_wrap div { margin: 0 !important; padding-bottom: 22px !important; padding-left: 34px !important; padding-top: 22px !important;} #s5_ls_outer_wrap div { border:1px solid transparent !important;} #s5_ls_outer_wrap div, .s5_ls_search_word{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .s5_ls_bar_span { font-size: 0.8em !important; font-weight: normal !important;} #s5_ls_outer_wrap .s5_ls_result2, #s5_ls_outer_wrap .s5_ls_result1 { line-height: 17px; background:none !important;} #s5_ls_outer_wrap div:hover { border:1px solid transparent !important;} .s5_ls_search_word { color: #ffffff; padding:6px 7px !important;} .s5_ls_result1 h2 a.s5_ls_result_link, .s5_ls_result2 h2 a.s5_ls_result_link { font-size:.7em !important; margin-bottom:8px !important; font-weight:normal !important;} #s5_ls_outer_wrap .s5_ls_readmore { margin-top: 15px; padding: 1px 0px; color:#FFFFFF !important; display: table;} #s5_ls_outer_wrap .s5_ls_readmore:hover { text-decoration:none !important;} .s5_ls_result1, .s5_ls_result2 { margin-bottom:10px;} .s5_ls_top_bar #s5_ls_close { height: 29px !important; width: 29px !important; display:none !important; background: url(../images/s5_lsclose.png) no-repeat !important;} #s5_search_form #loading_img { height: 23px !important; margin-left: 12px !important; margin-top: -41px !important; background: url(../images/preloader.gif) no-repeat !important;} .s5_ls_result2 h2, .s5_ls_result1 h2 { margin-bottom:14px !important;} #s5_ls_outer_wrap { margin:0px !important; margin-top:0px !important; position:relative !important; height: 300px !important; width:100% !important; overflow-x: hidden; overflow-y: scroll; border:none !important; padding-right: 0px; background:#eeeeee;} .s5_ls_result_link { color:#000000 !important;} #s5_ls_outer_wrap .s5_ls_readmore { color:#000000 !important;} #s5_ls_outer_wrap div:hover { background:#f7f5f5 !important;} #s5_ls_outer_wrap { margin: -9px 0 0 !important;} #mod-search-searchword { background:#ffffff;} /* Specific Content ----------------------------------------------------------- */ .item, .items-leading { margin-bottom: 26px !important;} #system-message { margin-bottom:50px !important; padding: 19px;} .ui-tooltip { color:#ffffff; background:#333333;} #colorbox .controls {clear:both;} .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { background-image:none !important;} .dropdown-menu { border:none !important;} .contact input, .contact textarea, #jform_contact_emailmsg{ width:50% !important;} #jform_contact_email_copy { width: 16px !important;} #cboxLoadedContent button { font-size: 0.9em !important; margin-bottom: 20px; margin-top: -5px;} #s5box_register #submit_btn { margin-top: 15px;} .form-actions { background:none; border:none; padding-left: 0 !important;} .article-info-term { display:none;} .dropdown-menu { border:none !important;} #login-form [class^="icon-"], #login-form [class*=" icon-"], #login-form .icon-arrow-right:before { content:none; background:none !important;} #cboxLoadedContent #login-form .input-prepend input { margin-top: 20px; padding: 9px;} .item-page .dropdown-toggle, .blog .dropdown-toggle, .item .dropdown-toggle { border:none !important;} .jicons-icons { display: none;} .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-list > .active > a, .nav-list > .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .btn-group.open .btn-primary.dropdown-toggle, .btn-primary, .item-page .dropdown-menu li > a:hover, .blog .dropdown-menu li > a:hover, .item .dropdown-menu li > a:hover, #searchForm .btn-toolbar .btn { border:none !important; background:#333; color:#fff;} #searchForm .checkbox { line-height:21px !important;} .btn { background:none;} .items-row.clearfix { margin-bottom:50px;} .btn-primary { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow: none !important; font-size: 0.85em !important; font-weight: 300 !important; padding: 12px 27px !important;} hr { margin-bottom:0px;} .items-row {margin-bottom:25px;} .items-more ol.nav li {margin-left:0px;} .nav-tabs.nav-stacked > li > a { border:none !important;} .label-info, .badge-info {text-shadow:none;} ul.category li {list-style:none;margin-left:-13px;} .nav-stacked a:hover { color:#ffffff !important;} legend {border:none;font-size: 0.9em;} /* search page */ #searchForm legend { font-size:1em; margin-top: 10px; margin-bottom: -9px;} fieldset.phrases { margin-top:20px;} .ordering-box { margin-top:0px;} .chzn-container { margin-top:-9px;} #searchForm .btn-toolbar .pull-left #search-searchword { float:none !important; display:table !important; width:100% !important;} #searchForm input#search-searchword { width:50% !important;} .chzn-container-single .chzn-single { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow: none !important; height: 32px; font-weight:normal; line-height: 31px; padding: 0 0 0 12px; background:#ffffff;} .chzn-container-active.chzn-with-drop .chzn-single {background:#ffffff;} .chzn-container-single .chzn-single div b {background-position:0 7px;} .chzn-container .chzn-results li.active, .chzn-container .chzn-results li.highlighted {background:#000000;} .chzn-container .chzn-results li { padding: 9px 12px !important;} .chzn-container-single .chzn-single { padding: 3px 0 4px 17px !important;line-height: 34px !important; } .chzn-container-single .chzn-single , .chzn-container-single .chzn-drop {-moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; } .chzn-container-single .chzn-single div b {background-position: 0 12px !important;} ul.chzn-results li:hover {color:#000000 !important;} .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 0;} .ordering-box .ordering { margin-right:8px;} #cboxLoadedContent .radio, .checkbox {margin-right:25px;} #cboxLoadedContent .control-group.checkbox {margin-bottom:6px !important;} .search .btn { margin-left: 35px !important; margin-top: 0 !important; padding: 14px 16px 13px 17px;} .tooltip { border:none !important; background:none !important;} #s5box_register form { margin-bottom:20px;} /* BOOTSTRAP OVERRIDES ----------------------------------------------------------- */ p.readmore a.btn span { display: none;} .registration .btn { color:#fff !important; margin-top: 0 !important;} .item-page .dropdown-toggle, .blog .dropdown-toggle, .item .dropdown-toggle { border: none !important;} #search-searchword { font-size: 14px !important;} a.btn { padding:10px; background-image:none; color: #ffffff;} .btn:hover { background:#000;} .form-actions .btn { font-size: 1em !important;} .form-actions .btn.btn-primary:hover { color:#000000;} p.readmore a.btn { border: medium none; box-shadow: none; cursor: pointer; filter: none; font-size: 0.9em; font-weight: 400; margin: 0 !important; text-shadow: none; text-transform: none;} .nav-stacked a { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; margin-bottom: -8px; margin-left: -13px;} .nav-stacked a { text-decoration:none;} a.btn.dropdown-toggle { border:1px solid #ffffff !important;} .btn.dropdown-toggle:hover { background:none !important;} .well { background-color:transparent !important; border:none !important; box-shadow: none !important; padding: 0px !important;} .form-horizontal .control-group { margin-bottom: 30px !important;} .pager [class^="icon-"], .pager [class*=" icon-"] { display:none !important; } .article-info.muted span { display: none;} .article-info.muted { color: #999999; font-size: 0.8em; margin-top: -11px; font-style: normal; margin-bottom: 35px;} .article-info dt, .article-info dd { font-size: 1em; letter-spacing: 0; font-weight: 400; line-height: 170%;} .article-info-term { display: none;} .page-header { border: medium none; margin: 0 0 10px; padding: 0;} /* S5 BOX ----------------------------------------------------------- */ #cboxOverlay { background:rgba(0, 0, 0, 0.3);} #s5box_login, #s5box_register{ padding:10px 25px !important; background:transparent !important;} .s5_regfloatleft { width: 100% !important;} #jform_profile_aboutme, .s5_regfloatleft input { width: 100% !important;} #cboxContent, #cboxContent a, #cboxContent p label, #cboxLoadedContent label, form#member-registration{ font-weight:300; color:#a2a2a2;} #cboxContent h3.s5_mod_h3 { font-weight:400;} #cboxContent .button{ cursor:pointer;} #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleLeft, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight, #cboxMiddleRight{ background:none!important;} #cboxLoadedContent .s5_mod_h3_outer { margin-bottom:5px; margin-top:9px;} #cboxContent { -webkit-box-shadow:0 0px 17px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0px 17px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0px 17px 4px rgba(0, 0, 0, 0.1); } #form-login-username, #form-login-password { font-size:1.1em;} #cboxClose { background:url(../images/multibox/close.png) no-repeat scroll left top transparent !important; top:-9px !important; cursor:pointer !important; float:right !important; height:30px !important; margin:-30px 4px -7px !important; overflow:hidden !important; padding:0 !important; position:absolute !important; right:-47px !important; text-indent:500px !important; width:30px !important;} #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight { display:none !important;} #cboxLoadedContent label { display: block; font-size: .8em !important; color:#a2a2a2 !important; margin-bottom:0px;} #cboxLoadedContent #form-login-remember label { display:inline; margin-right: 5px;} #cboxLoadedContent .button, #s5box_register_inner .button { margin-bottom: 16px; font-size: .9em; font-weight: 400; margin-top: 12px; border:3px solid #cccccc; background:none; padding:9px 23px !important} #cboxLoadedContent .button:hover, #s5box_register_inner .button:hover { color:#ffffff;} #cboxLoadedContent input.button { -webkit-box-shadow:none; box-shadow: none; -moz-box-shadow: none; } #member-registration input { margin-bottom:4px;} #cboxLoadedContent .module_round_box_outer, #s5box_register .module_round_box_outer { padding-bottom:0px !important;} #cboxLoadedContent .s5_module_box_2 { padding: 5px 5px 5px;} #cboxLoadedContent .module_round_box_outer { margin-bottom:0px; margin-top:0px;} #cboxLoadedContent input { color:#333333; font-size: 15px !important; font-weight: 300; padding:12px 21px !important} .s5_regfloatleft { margin-bottom: 3px !important; margin-right:15px;} div.likeboxwrap iframe { margin: -1px;} .likeboxwrap iframe { height:358px !important; width:252px !important; } #cboxLoadedContent { margin-bottom:0px !important;} .s5_module_box_2 form { font-size:1.1em;} #cboxMiddleRight, #cboxTopRight { width:50px !important;} #cboxTopCenter { height:50px !important;} #cboxLoadedContent .module_round_box h3 { font-size:1.5em; margin-bottom: 25px; margin-top: 0px; } #colorbox, #cboxOverlay, #cboxWrapper { overflow:visible !important;} #cboxLoadedContent #login-form ul li{ font-size: 0.9em; margin-bottom: -3px;} #cboxLoadedContent h3.s5_mod_h3 { color: #000000; font-size: 1.5em; padding-bottom: 19px;} #cboxContent .s5_mod_h3_outer h3 { font-weight:500;} #cboxLoadingOverlay { background: url(../images/loading-bar-black.gif) no-repeat scroll center center #fff;} #cboxLoadedContent .module_round_box { padding:20px 7px;} #cboxLoadedContent ul li a [class^="icon-"], #cboxLoadedContent ul li a [class*=" icon-"]{ display:none !important;} #cboxLoadedContent button { padding-left: 22px !important; padding-right: 22px !important; margin-bottom: 22px !important; margin-top: 10px;} #login-form #modlgn-remember { margin-right: 10px; position: relative; top: -10px !important;} /* WEATHER ----------------------------------------------------------- */ .s5_weatherimage { display:none !important;} .s5_weatherfloatleft { display: table-cell;} .s5_weathertempday { width: 100% !important; text-align: center;} .s5_weathertemp { margin-bottom:10px; font-size: 4.5em; font-weight: 200;} .s5_weatherlocation { font-size: 1.2em; line-height: 21px; margin-top: 18px;} .s5weather_padding { padding-left: 10px !important; padding-right: 10px !important; padding-top: 20px !important;} .s5_weatherimage { margin-left:-3px;} .s5_weatherextras{ font-size:.9em; line-height:19px;} .s5_weatherbuttons { float: left; margin-left: 52px; margin-top: 21px; display:none;} .s5_weather { cursor:pointer; float:left; height:11px; margin-left:5px; width:11px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius:10px 10px 10px 10px; } .s5_weather.nonactive { -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; background:#cccccc;} .s5_weather.active { -webkit-transition: all 200ms ease-in 0s; -moz-transition: all 200ms ease-in 0s; -o-transition: all 200ms ease-in 0s; transition: all 200ms ease-in 0s; background:#cccccc;} .s5_weathertabon { -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; } .s5_weatherwhentext { font-size:1.4em;margin-top: -21px;width: 100%; display: none;} .s5_weathertaboff {} .s5_weatherimage { opacity:1 !important; filter:alpha(opacity=100) !important;} #s5_weather1tab .s5_weathertemp { margin-bottom: 25px;} #s5_weather2 { display:none;} .s5wunits { font-size: 22px; margin-left: 7px; position: relative; top: -30px;} .s5degree { font-size: 62px; font-weight: 100 !important;} /* S5 Map It ----------------------------------------------------------- */ #description { text-align: center; font-size: inherit;} #s5_map_canvas { position: relative; height: 0; overflow: hidden;} .gm-style { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;} .s5_googlemapaddress { display: block; line-height: 23px !important;} .s5_googlemapaddress a.button { font-size: 1em !important; color:#000000; padding: 5px 15px !important;} .s5_googlemapaddress a.button:hover { text-decoration:none;} .gmnoprint div, .gmnoprint div a, .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {background-color:transparent !important;display:none !important;} /* S5 TAB SHOW ----------------------------------------------------------- */ .s5_tab_show_slides_buttons { border-bottom:1px solid #e6e6e6; padding-bottom: 4px;} .s5_tab_show_slide_button_active { background: transparent none repeat scroll 0 0; color: #000; padding: 8px 0px; font-weight: 500; border-bottom:3px solid #ccc;} .s5_tab_show_slide_button_inactive { background:transparent; color:#5f5f62; padding: 8px 0px; border-bottom:3px solid transparent; } .s5_tab_show_slides_buttons_top .s5_tab_show_slide_button_inactive, .s5_tab_show_slides_buttons_top .s5_tab_show_slide_button_active { margin-bottom: -4px; padding-bottom: 21px; margin-top: -10px;} .s5_tab_show_slides_container_wrap_outer { margin-top: 42px;} .s5_tab_show_slide_button_active, .s5_tab_show_slide_button_inactive { margin-right:25px; font-size:1em;} .s5_tab_show_slide_button_inactive { font-weight: 200;} .tabshowicons { font-size:2.2em; padding-bottom: 5px; display:block; text-align:center;} .s5_tab_show_outer_wrap .-icons .s5_tab_show_slide_button_active, .s5_tab_show_outer_wrap .-icons .s5_tab_show_slide_button_inactive { font-size:1em; margin-left: 3px; margin-right: 3px; padding:15px; color:#fff; min-width:90px; background:none;} .s5_tab_show_outer_wrap .-icons .s5_tab_show_slide_button_active { border:1px solid rgba(255, 255, 255, .2);} .s5_tab_show_outer_wrap .-icons .s5_tab_show_slide_button_inactive { border:1px solid transparent;} .s5_tab_show_outer_wrap .-icons { margin-top:70px; color:#fff;} .-icons .s5_tab_show_slides_container_wrap_outer { margin-top:60px; margin-bottom: 60px;} .-icons .s5_tab_show_slides_buttons { margin-bottom: 110px; border:none;} .-icons .s5_tab_show_slide_button_active, .-icons .s5_tab_show_slide_button_inactive { text-transform:none;} .-icons .s5_tab_show_slide_button_active { font-weight:200;} /* IMAGE AND CONTENT FADER ----------------------------------------------------------- */ .jdGallery .slideInfoZone { background:none !important; bottom: 45px !important;} .jdGallery .slideElement { background-size: 102% auto !important;} .jdGallery .slideElement { background-size: cover !important;} .jdGallery a.right, .jdGallery a.left { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; filter: alpha(opacity=50) !important; -moz-opacity: .5 !important; -khtml-opacity: .5 !important; opacity:.5 !important; width:36px !important; height:36px !important; float:left !important; padding:0px !important; top:16px !important; top:7% !important; z-index:3 !important; } .jdGallery a.right { background:url(../images/multiarrows.png) no-repeat -8px -154px !important; left: auto !important; right:2% !important; border: 1px solid #fff;} .jdGallery a.left { background:url(../images/multiarrows.png) no-repeat -6px -7px !important; right:auto !important; left:2% !important; border: 1px solid #fff;} .jdGallery a.left:hover, .jdGallery a.right:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; border: 1px solid #fff; } .carouselWrapper .thumbnail { -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s;} .carouselWrapper .thumbnail.active { -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s;} .jdGallery a.right, .jdGallery a.left { z-index: 3 !important;} .jdGallery a.carouselBtn, .jdGallery .carousel .label, .jdExtCarousel .label { display:none !important;} .jdGallery div.carouselContainer { top: auto !important; bottom:5% !important} .jdGallery .carousel { overflow:visible !important; background:none !important;} .jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { float: right !important; position: relative !important;} .carouselInner .thumbnail { position: relative !important;} .jdGallery div.carouselContainer { -moz-opacity: 1; -khtml-opacity: 1; filter:alpha(opacity=100); opacity:1 !important;} .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { border: 3px solid #ffffff; margin-left: 25px !important; -moz-opacity: 1; -khtml-opacity: 1; filter:alpha(opacity=100); opacity:1 !important; height: 143px !important; width: 183px !important;} .jdGallery .carousel .carouselInner .active { border: 3px solid #ffffff;} .jdGallery .slideInfoZone p, .jdGallery .slideInfoZone h2 { text-shadow:none !important; } .jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { padding-top: 0px !important;} #myGallery, #myGallerySet, #flickrGallery { background:#ffffff !important;} .jdGallery .loadingElement { background-color:#ffffff !important; background-image: url(../images/loading-bar-black.gif) !important;} .jdGallery .slideInfoZone { height: auto !important;} .jdGallery .slideInfoZone h2 { background: transparent; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6) !important; display: table; text-align:right; float: right; font-size: 2.6em !important; font-weight: 400 !important; left: 0 !important; line-height: 52px !important; padding: 0 0 18px !important; position: relative; border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, .2); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */} .s5_boldfont { font-weight:600;} .jdGallery .slideInfoZone { display: block !important; padding: 0px !important; right: 0 !important; left: auto !important; color:#fff !important; top:40% !important; width:42% !important; overflow:visible !important; text-align: left; margin-left: auto !important;} .jdGallery .slideInfoZone p { display: table; font-size: 1em !important; font-weight: 500; line-height: 23px; clear:both; float: left; color:#fff !important; margin-top: 17px !important; padding: 0px !important; text-shadow: none !important; } .s5_iacfbig { font-size:1.1em;} .carouselContainer .carousel .active { left:auto !important;} .center_text { text-align:left; display:block;} .slide_text { display: block; } .slideInfoZone .left, .slideInfoZone .right, .slideInfoZone .center { -webkit-transition: all 700ms ease-out; -moz-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out; -webkit-transition: all 700ms ease-out; -moz-transition: all 700ms ease-out; -o-transition: all 700ms ease-out; transition: all 700ms ease-out; } .slideInfoZone_load .right, .slideInfoZone_load .left, .slideInfoZone_load .center { margin:0px !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; filter:alpha(opacity=100) !important; opacity:1 !important; } .slideInfoZone .center, .slideInfoZone_unload .center { margin-top:-100px; padding-top:0px; float:left; width:100%; -moz-opacity: 0; -khtml-opacity: 0; filter:alpha(opacity=0); opacity:0;} .center_text.whiteline { padding-bottom: 49px;} .jdGallery a.readon { border-color: #ffffff; font-size: 0.9em; font-weight: 400; margin-left: 0; margin-right: 0; padding: 13px 23px; position: relative; text-transform: none; top: 40px;} .jdGallery a.readon.nostyle { color:#ffffff !important; background:none !important; font-size: .3em; position: relative; top: 30px; margin-left: 5px; margin-right: 5px; letter-spacing: 1px;} .jdGallery a.open { cursor:default !important;} .iacf_subtext { font-size:3.2em;} .content .jdGallery .carousel .carouselInner .active { opacity: 1 !important;} .jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { border: 1px solid none !important; margin-left:12px !important; height: 56px !important; width: 92px !important; -moz-opacity: .7; -khtml-opacity: .7; filter:alpha(opacity=70); opacity:.7 !important;} .jdGallery .carousel .thumbnail.active { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5), 0 0 0px 1px rgba(255, 255, 255, .7) inset; -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5), 0 0 0px 1px rgba(255, 255, 255, .7) inset; -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5), 0 0 0px 1px rgba(255, 255, 255, .7) inset; border:0px !important; } .jdGallery .carousel .thumbnail:hover { -moz-opacity: 1 !important; -khtml-opacity: 1 !important; filter:alpha(opacity=100) !important; opacity:1 !important;} .carouselInner .thumbnail { box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5); margin-top: 8px; border:0px !important;} .readmore_iacf { display: block; margin-top: 20px;} .readmore_iacf_inner { float: left; font-size: 18px !important; font-style: italic; font-weight: 200; text-transform: none;} .readmorecircle { height: 40px; width: 40px; display:block; float: left; margin-right: 15px; margin-top: 10px; background:#121212;} .ion-android-arrow-forward { font-size: 0.4em; line-height: 43px; margin-left: 13px; display: block; margin-top: 0px !important;} #myGallery.jdGallery a.right, #myGallery.jdGallery a.left { left: auto !important; right:9% !important;} #myGallery.jdGallery a.left { margin-right:48px;} /* == 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: 16px; 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 */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 6px; 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; } /* ------------------------------------------------------------------------------------------------------------------------ 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: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .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: rgba(0,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,0.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,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: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 5px; 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)"; }