body *, body *:before, body *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a:focus { outline: none; } /* Windows Scollbar Styling */ body { scrollbar-face-color: #121416; scrollbar-shadow-color: #2A2D33; scrollbar-highlight-color: #2A2D33; scrollbar-3dlight-color: #2A2D33; scrollbar-darkshadow-color: #2A2D33; scrollbar-track-color: #2A2D33; scrollbar-arrow-color: #676A73; } /* For styling scrollbar in Windows Chrome. But it still needs to be limited somehow to just windows so that Mac Chrome and Safari is not affected. */ /* ::-webkit-scrollbar { width: 3px; height: 3px;} ::-webkit-scrollbar-button { background-color: #666; } ::-webkit-scrollbar-track { background-color: red;} ::-webkit-scrollbar-track-piece { background-color: #ffffff;} ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;} ::-webkit-scrollbar-corner { background-color: #999;}} ::-webkit-resizer { background-color: #666;} */ html { overflow: hidden; } /* Pigeon Archive style overrides. */ body { margin: 0; color: #676A73; } body #header { background: #2A2D33; border-bottom: 1px solid #101011; padding-top: 3px; } body #header a { color: #676A73; } body #header h1 a { color: #C2C5CE; } body #header .phone { color: #A7ABB5; } body #header #account-header a { border-left: 1px solid #585C5F; color: #A7ABB5; } body #header #account-header a:first-of-type { border: none !important; } body #header #archive-edit-mode { float: right; background: #5EA134; margin: 25px 0 0 15px; color: #E7F1E1; box-shadow: 0px 0px 1px rgba(22,22,24,0.5), 0px 1px 2px rgba(0,0,0,0.3), inset 0px 1px 0px #6DA83D, inset 0px -1px 0px #3C7F1B, inset 0px 1px 2px #6DA83D, inset 0px -1px 2px #3C7F1B !important; text-shadow: 0px -1px 1px rgba(0,0,0,0.45) !important; } body #header #archive-edit-mode:hover { background: #6DB03F !important; } body #footer { display: none; } .archive-browser { overflow: hidden; background: #121416; } .archive-browser ul { margin: 0; padding: 0; list-style: none; } /*Search Element*/ .search-bar-container { position: relative; } .search-bar-container input.search-box-search { background: #2A2D33; /*background: #0F1215;*/ border: none; padding: 6px 12px 6px 30px; color: #9A9BA2; font-size: 13px; border-radius: 30px; width: 100% !important; /*box-shadow: inset 0px 1px 3px rgba(0,0,0,0.65);*/ border-top: 1px solid #101011; border-bottom: 1px solid #2F3339; font-weight: 400; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; } .search-bar-container input.search-box-search:hover { background: #2F3339; border-bottom-color: #383B43; } .search-bar-container .icon-search { position: absolute; top: 9px; left: 9px; width: 14px; height: 16px; display: inline-block; vertical-align: -4px; background: url(../img/archive/icons/icon-sprite.png) no-repeat center 0px; background-size: 14px 315px; } .search-bar-container .remove-search-filter { position: absolute; top: 8px; right: 9px; opacity: 0.5; width: 14px; height: 16px; display: inline-block; vertical-align: -4px; background: url(../img/archive/icons/icon-sprite.png) no-repeat center -300px; background-size: 14px 315px; cursor: pointer; } .search-bar-container .remove-search-filter:hover { font-size: 1.05em; opacity: 1; } .search-bar-container input.search-box-search:focus { /*border: none;*/ /*box-shadow: 0px 0px 3px rgba(98,186,13,0.65);*/ box-shadow: none; background: #2F3339; border-bottom-color: #383B43;} .search-bar-container input.search-box-search::-webkit-input-placeholder { color: #9A9BA2; } .search-bar-container input.search-box-search::-moz-placeholder { color: #9A9BA2; } .search-bar-container input.search-box-searchh:-ms-input-placeholder { color: #9A9BA2; } /*On Touch Screens*/ .touch .search-bar-container input.search-box-search { font-size: 16px; line-height: 20px; padding-left: 30px; } .touch .search-bar-container .icon-search { top: 10px; left: 10px; } .touch .search-bar-container .remove-search-filter { top: 9px; right: 9px; } .touch .search-box-container .context-search-count { margin-top: 10px !important; } /* Sidebar */ #archive-sidebar { float: left; width: 240px; position: relative; overflow: hidden; -webkit-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; } #archive-sidebar.closed { width: 0; } .result-array { background: #1C1D20; overflow: scroll; } .result-array:hover ul li { opacity: 0.75; } .result-array ul { width: 180px; margin: 0 auto; text-align: center; } .result-array ul li { display: block; margin: 20px 0; opacity: 0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .result-array ul li:hover { opacity: 1; } .result-array ul li.active { opacity: 0.75; } .result-array:hover ul li.active { opacity: 1; } .result-array ul li.active img { box-shadow: 0px 0px 7px #5EA134, 0px 0px 1px #5EA134; } .result-array ul li img { box-shadow: 0px 4px 12px rgba(0,0,0,0.25); } #archive-controls { padding: 10px; background: #040505; background: #1C1D20; position: relative; top: 0; width: 100%; } /*Timeline Slider*/ #archive-controls #cnd-navigation { background: none !important; width: 100% !important; margin: 20px 0 0 0; } #archive-controls #cnd-navigation h3 { color: #676A73; color: #C2C5CE; opacity: 0.75; font-size: 13px; margin: 0;} #archive-controls #cnd-navigation .cancel { display: inline-block; float: right; opacity: 0.5; text-indent: -9999px; width: 14px; height: 14px; margin-left: 3px; margin-top: -16px; background: url(../img/archive/icons/icon-sprite.png) no-repeat center -257px; background-size: 12px 270px; cursor: pointer; } #archive-controls #cnd-navigation .cancel:hover { opacity: 1; } #archive-controls #cnd-navigation .cnd-header { margin-bottom: 15px; } #archive-controls #cnd-navigation .cnd-header:last-child { margin: 0; } /*Brand Switcher*/ #cnd-blog_id {clear: both; padding-top: 5px; } #cnd-blog_id li { cursor: pointer; margin: 5px 0; font-size: 13px; } #cnd-blog_id li.ui-state-active { color: #5EA134; } /*Main Content*/ #cnd-scroller-2 { text-align: center; } #cnd-scroller-2 ul { width: 800px; margin: 0 auto; } #cnd-scroller-2 ul li { display: block; max-width: 800px; margin: 80px 0; position: relative; } #cnd-scroller-2 ul li img { box-shadow: 0px 4px 12px rgba(0,0,0,0.25); cursor: pointer; max-width: 100%; height: auto; } /*#cnd-scroller-2 ul li:nth-child(2) { display: none; } *//*Hide first page temporarily*/ li.loading { background: #202428; overflow: hidden; box-shadow: 0px 4px 12px rgba(0,0,0,0.25); } @media only screen and (max-width: 1030px) { #cnd-scroller-2 ul, #cnd-scroller-2 ul li { width: 760px; } } @media only screen and (max-width: 768px) { #cnd-scroller-2 ul { width: 90%; } #cnd-scroller-2 ul li { width: 100%; height: auto !important; min-height: 200px;} } /*Full Display Content*/ #full-display { position: relative; overflow: auto; } #full-display .image-container { overflow: auto; width: 100%; height: 100%; padding-top: 55px; } /*#full-display .image { width: 100%; height: 100%; }*/ #full-display img { display: block; height: auto; cursor: pointer; cursor: -webkit-grab; cursor: -moz-grab; margin: 0 auto; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #full-display img:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; } body .button { border: none; box-shadow: 0px 0px 1px rgba(22,22,24,0.5), 0px 1px 2px rgba(0,0,0,0.3), inset 0px 1px 0px #545960, inset 0px -1px 0px #3D4248; color: #A7ABB5; font-size: 13px; border-radius: 3px; padding: 0px 12px; width: auto; line-height: 28px; height: 26px; margin: 0; display: inline-block; font-weight: 700; text-shadow: 0px -1px 1px rgba(0,0,0,0.65); background: #3A4045; background: -moz-linear-gradient(top, #3E444A 0%, #363C41 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3E444A), color-stop(100%,#363C41)); background: -webkit-linear-gradient(top, #3E444A 0%,#363C41 100%); background: -o-linear-gradient(top, #3E444A 0%,#363C41 100%); background: -ms-linear-gradient(top, #3E444A 0%,#363C41 100%); background: linear-gradient(to bottom, #3E444A 0%,#363C41 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3136', endColorstr='#363C41',GradientType=0 ); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body .button:hover { box-shadow: 0px 0px 1px rgba(22,22,24,0.5), 0px 1px 2px rgba(0,0,0,0.3), inset 0px 1px 0px #60656E, inset 0px -1px 0px #494E55; color: #BCBFC7; background: #31373c; background: -moz-linear-gradient(top, #494F57 0%, #41464C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494F57), color-stop(100%,#41464C)); background: -webkit-linear-gradient(top, #494F57 0%,#41464C 100%); background: -o-linear-gradient(top, #494F57 0%,#41464C 100%); background: -ms-linear-gradient(top, #494F57 0%,#41464C 100%); background: linear-gradient(to bottom, #494F57 0%,#41464C 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494F57', endColorstr='#41464C',GradientType=0 ); } /*full page control bar*/ .pswp__top-bar { background: #2A2D33 !important; } .pswp__top-bar .pswp__counter { float: right; position: static; line-height: 47px; padding: 0 14px; } .pswp__top-bar .search-box-container { width: calc(100% - 280px); float: left; padding: 9px 0 0 7px; } .pswp__top-bar .search-bar-container input.search-box-search { background: #3C4048; background: #181A1E; color: #A7ABB5; border-top: 1px solid #080809; border-bottom: 1px solid #363940; padding-bottom: 5px;} .pswp__top-bar .search-bar-container .remove-search-filter { opacity: 0.75; } @media only screen and (max-width: 450px) { .pswp__top-bar .search-box-container { width: 100%; padding: 9px; } } /*Toggle sidebar button*/ .toggle-sidebar { float: left; width: 7px; height: 24px; margin: 1px 8px 0 -3px; cursor: pointer; background: url(../img/archive/sidebar-toggle.png); text-indent: -9999px; opacity: .6; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; } .toggle-sidebar:hover { opacity: 1; } /* == Issue Details ======*/ #issue-detail .controls { background: #2A2D33; border-bottom: 1px solid #101011; margin-bottom: 20px; } #issue-detail .controls .issue-title { display: inline-block; color: #C2C5CE; font-size: 18px; margin: 0 5px; vertical-align: -1px; } #issue-detail .slider { margin: 0; } #issue-detail .slider .slide { width: auto !important; margin: 0 10px; } .bx-wrapper .bx-viewport { background: none; border: none; box-shadow: none; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #5EA134; } .bx-wrapper .bx-caption span { font-weight: 700; text-shadow: 0px 1px 1px rgba(0,0,0,0.7); font-size: 16px; } /*Search text overlay*/ .highlight { /*background: rgba(241,88,31, 0.4) !important; box-shadow: 0px 0px 10px rgba(241,88,31, 0.75);*/ background: rgba(205,28,26, 0.4) !important; box-shadow: 0px 0px 10px rgba(205,28,26, 0.8); /*background: rgba(12,119,233, 0.4) !important; box-shadow: 0px 0px 10px rgba(12,119,233, 0.75);*/ /*background: rgba(94,161,52, 0.4) !important; box-shadow: 0px 0px 10px rgba(94,161,52, 0.75);*/ /*background: rgba(253,172,10, 0.4) !important;*/ /*background: rgba(255,200,70, 0.3) !important; box-shadow: 0px 0px 10px rgba(255,200,70, 0.5), 0px 0px 20px rgba(255,200,70, 0.15);*/ } /*Annotation*/ .annotate { font-size: 15px; width: 100%; text-align: center; padding-top: 8px; } .annotate span { } .annotate span.title { margin-right: 10px; } .annotate span.title:after { content: "-"; margin-left: 10px; } .annotate span.publish_date { margin-right: 10px; } .annotate span.publish_date:after { content: "-"; margin-left: 10px; } .annotate span.page:before { content: "Page: "; } /*Archive Editor Dialog*/ div.archive-editor.ui-dialog { padding: 20px; width: 230px; position: absolute !important; to\\p: 75px !important; ri\\ght: 20px !important; lef\\t: auto !important; background: #2A2D33; } div.archive-editor.ui-dialog a { color: #5EA134; } div.archive-editor.ui-dialog .ui-dialog-titlebar { margin: -20px -20px 20px -20px; padding: 20px 20px 15px 20px; font-size: 26px; line-height: 26px; color: #C2C5CE; border-bottom: 1px solid #404349; } div.archive-editor.ui-dialog span.ui-icon-closethick, div.archive-editor.ui-dialog .ui-dialog-titlebar-close { top: 18px; right: 19px; width: 26px; height: 26px; background-size: 26px; } div.archive-editor.ui-dialog #dialog-editor { max-height: 500px; overflow: auto; } div.archive-editor.ui-dialog .archive-files ul { padding: 0; margin: 0; } div.archive-editor.ui-dialog .archive-files ul a { color: #C2C5CE; text-decoration: none; display: inline-block; } div.archive-editor.ui-dialog .archive-files ul li a.open-all { width: 240px; padding-right:10px; } div.archive-editor.ui-dialog .archive-files ul li a.open-last-edited { width: 75px; } div.archive-editor.ui-dialog .archive-files ul li a.open-unfinished { width: 70px; } div.archive-editor.ui-dialog .archive-files ul li span.done-out-of-total { color: #C2C5CE; float: right; padding-right:15px; } div.archive-editor.ui-dialog .archive-files ul li.done a { color: #5EA134; text-decoration: none; } div.archive-editor.ui-dialog .archive-files ul a:hover { text-decoration: underline; } div.archive-editor.ui-dialog .filter-by-archive-year { display: block; margin-bottom: 10px; } div.archive-editor.ui-dialog label { display: block !important; margin: 0 0 3px 0; color: #C2C5CE; } div.archive-editor.ui-dialog .voForm ul li { height: auto; } div.archive-editor.ui-dialog .voForm input { font-size: 15px; height: 34px; background: #121416; border-color: #101011; border-top-color: #000; border-bottom-color: #303339; color: #fff; } div.archive-editor.ui-dialog .voForm input:focus { box-shadow: none; } div.archive-editor.ui-dialog .voForm button.prev, .archive .ui-dialog .voForm button.next { font-size: 12px !important; background: #3F4349 !important; margin-top: 10px !important; } div.archive-editor.ui-dialog .voForm button.next { float: right; } div.archive-editor.ui-dialog .voForm button.button.submit { clear: both; display: block !important; width: 100% !important; margin-top: 10px !important; background: #5EA134 !important; color: #E7F1E1 !important; box-shadow: 0px 0px 1px rgba(22,22,24,0.5), 0px 1px 2px rgba(0,0,0,0.3), inset 0px 1px 0px #6DA83D, inset 0px -1px 0px #3C7F1B, inset 0px 1px 2px #6DA83D, inset 0px -1px 2px #3C7F1B !important; text-shadow: 0px -1px 1px rgba(0,0,0,0.45) !important; } div.archive-editor.ui-dialog .voForm button.button.submit:hover { background: #6DB03F !important; } div.archive-editor.ui-dialog .waiting-for-results { background: url(../img/archive/archive-load.gif) no-repeat center; background-size: 30px; } div.archive-editor.ui-dialog .waiting-for-results img { display: none; } div.archive-editor.ui-dialog .expand-other { display: block; margin: 1em 0; } div.archive-editor.ui-dialog .filter-by-archive-file { display: inline; margin-bottom: 1em; } div.archive-editor.ui-dialog .show-hide-finished-files { display: inline; margin-left: 20px; } div.archive-editor.ui-dialog .archive-files { min-height: 180px; } div.archive-editor.ui-dialog .archive-files .list { margin-top: 1em; } /* Dialog Dropdown */ div.archive-editor.ui-dialog .bootstrap-select { height: 34px; } div.archive-editor.ui-dialog .dropdown-toggle { background: #1C1D20; color: #9A9BA2; border-color: #404349; font-size: 15px !important; height: 34px; background: #121416; border-color: #101011; border-top-color: #000; border-bottom-color: #303339; color: #fff; line-height: 34px;} div.archive-editor.ui-dialog .dropdown-toggle span.bs-caret { height: calc(100% - 6px); width: 50px; position: absolute; right: 0; top: 3px; background: -moz-linear-gradient(left, rgba(18,20,22,0) 0%, rgba(18,20,22,1) 35%, rgba(18,20,22,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(18,20,22,0)), color-stop(35%, rgba(18,20,22,1)), color-stop(100%, rgba(18,20,22,1))); background: -webkit-linear-gradient(left, rgba(18,20,22,0) 0%, rgba(18,20,22,1) 35%, rgba(18,20,22,1) 100%); background: -o-linear-gradient(left, rgba(18,20,22,0) 0%, rgba(18,20,22,1) 35%, rgba(18,20,22,1) 100%); background: -ms-linear-gradient(left, rgba(18,20,22,0) 0%, rgba(18,20,22,1) 35%, rgba(18,20,22,1) 100%); background: linear-gradient(to right, rgba(18,20,22,0) 0%, rgba(18,20,22,1) 35%, rgba(18,20,22,1) 100%); } div.archive-editor.ui-dialog .dropdown-menu > li a { display: block; } div.archive-editor.ui-dialog .dropdown-menu > li a:hover { background: #2A2D33; text-decoration: none; } div.archive-editor.ui-dialog .dropdown-menu > li.selected > a { background: none; display: block; } div.archive-editor.ui-dialog .dropdown-menu { background: #1C1D20; } /* Pulsating effect on suggested inputs. */ div.archive-editor.ui-dialog .voForm ul li.suggested input { -webkit-animation: glow 1500ms ease-out infinite alternate; -moz-animation: glow 1500ms ease-out infinite alternate; -o-animation: glow 1500ms ease-out infinite alternate; -ms-animation: glow 1500ms ease-out infinite alternate; animation: glow 800ms ease-out infinite alternate; border-color: #333; box-shadow: 0 0 5px rgba(94,161,52,.2), inset 0 0 5px rgba(94,161,52,.1); } @-webkit-keyframes glow { 0% { border-color: #333; box-shadow: 0 0 5px rgba(94,161,52,.2), inset 0 0 5px rgba(94,161,52,.1); } 100% { border-color: #5EA134; box-shadow: 0 0 5px rgba(94,161,52,.6), inset 0 0 10px rgba(94,161,52,.4); } } @-moz-keyframes glow { 0% { border-color: #333; box-shadow: 0 0 5px rgba(94,161,52,.2), inset 0 0 5px rgba(94,161,52,.1); } 100% { border-color: #5EA134; box-shadow: 0 0 5px rgba(94,161,52,.6), inset 0 0 10px rgba(94,161,52,.4); } } @-o-keyframes glow { 0% { border-color: #333; box-shadow: 0 0 5px rgba(94,161,52,.2), inset 0 0 5px rgba(94,161,52,.1); } 100% { border-color: #5EA134; box-shadow: 0 0 5px rgba(94,161,52,.6), inset 0 0 10px rgba(94,161,52,.4); } } @-ms-keyframes glow { 0% { border-color: #333; box-shadow: 0 0 5px rgba(94,161,52,.2), inset 0 0 5px rgba(94,161,52,.1); } 100% { border-color: #5EA134; box-shadow: 0 0 5px rgba(94,161,52,.6), inset 0 0 10px rgba(94,161,52,.4); } } @keyframes glow { 0% { border-color: #333; box-shadow: 0 0 5px rgba(94,161,52,.2), inset 0 0 5px rgba(94,161,52,.1); } 100% { border-color: #5EA134; box-shadow: 0 0 5px rgba(94,161,52,.6), inset 0 0 10px rgba(94,161,52,.4); } } /*Calendar Popup*/ .datepick-popup { box-shadow: 0px 2px 5px rgba(0,0,0,0.3); width: 261px !important; } .datepick-popup, .archive-editor.datepick, .archive .datepick-month { border: none; } .archive-editor.datepick { width: 261px !important; } .archive-editor.datepick .datepick-nav, .archive-editor.datepick .datepick-month, .archive-editor.datepick table { width: 100% !important; } .archive-editor.datepick .datepick-month-header { height: auto; } .archive-editor.datepick select { width: 47%; margin-top: 10px; background: #5EA134; height: 24px; } .archive-editor.datepick .datepick-nav, .archive .datepick .datepick-ctrl { display: none; } .archive-editor.datepick table a, .archive .datepick table span { height: 30px; line-height: 30px; } .archive-editor.datepick table a { color: #424a4c; background: #fff;} .archive-editor.datepick table span { color: #a9a9a9; } .archive-editor.datepick table a.datepick-weekend, .archive-editor.datepick table span.datepick-weekend { background: #f2f2f2; } .archive-editor.datepick table a.datepick-today, .archive .datepick table a.datepick-selected { background: #008bce; color: #fff; } .archive-editor.datepick table a.datepick-highlight { background: #f4d305; } .archive-editor.datepick table td { width: 14.285%; border-color: #e3e3e3; } .archive-editor.datepick table th {font-size: 11px; border-color: #5EA134; background: #5EA134; } .archive-editor.datepick table th span { color: #fff; font-weight: bold; } /*===== Loading Animation =====================================*/ div.loading { overflow: hidden; width: 800px; margin: 0 auto; height: calc(100vh - 100px); position: relative; } div.loading .waiting-feedback { position: absolute; top: calc(50% + 40px); left: 0; width: 100%; text-align: center; } .bubblingG { text-align: center; width: 48px; height: 30px; margin: 0 !important; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -24px !important; } .bubblingG span {display: inline-block;vertical-align: middle; width: 6px;height: 6px;margin: 15px auto;background: #08090A; -moz-border-radius: 30px;-moz-animation: bubblingG 1s infinite alternate; -webkit-border-radius: 30px;-webkit-animation: bubblingG 1s infinite alternate; -ms-border-radius: 30px;-ms-animation: bubblingG 1s infinite alternate; -o-border-radius: 30px;-o-animation: bubblingG 1s infinite alternate; border-radius: 30px;animation: bubblingG 1s infinite alternate;} #bubblingG_1 { -moz-animation-delay: 0s;-webkit-animation-delay: 0s; -ms-animation-delay: 0s;-o-animation-delay: 0s; animation-delay: 0s;} #bubblingG_2 { -moz-animation-delay: 0.3s;-webkit-animation-delay: 0.3s; -ms-animation-delay: 0.3s;-o-animation-delay: 0.3s; animation-delay: 0.3s;} #bubblingG_3 { -moz-animation-delay: 0.6s;-webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s;-o-animation-delay: 0.6s; animation-delay: 0.6s;} @-moz-keyframes bubblingG { 0% {width: 6px;height: 6px;background-color:#08090A;-moz-transform: translateY(0);} 100% {width: 14px;height: 14px;background-color:#A0CB4E;-moz-transform: translateY(-13px);} } @-webkit-keyframes bubblingG { 0% {width: 6px;height: 6px;background-color:#08090A;-webkit-transform: translateY(0);} 100% {width: 14px;height: 14px;background-color:#A0CB4E;-webkit-transform: translateY(-13px);} } @-ms-keyframes bubblingG { 0% {width: 6px;height: 6px;background-color:#08090A;-ms-transform: translateY(0);} 100% {width: 14px;height: 14px;background-color:#A0CB4E;-ms-transform: translateY(-13px);} } @-o-keyframes bubblingG { 0% {width: 6px;height: 6px;background-color:#08090A;-o-transform: translateY(0);} 100% {width: 14px;height: 14px;background-color:#A0CB4E;-o-transform: translateY(-13px);} } @keyframes bubblingG { 0% {width: 6px;height: 6px;background-color:#08090A;transform: translateY(0);} 100% {width: 14px; height: 14px;background-color:#A0CB4E; transform: translateY(-13px);} } /* jquery ui slider */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.4em; height: 0.8em; cursor: pointer; outline: none; box-shadow: inset 0px 2px 6px rgba(255,255,255,0.21), inset 0px -2px 5px rgba(0,0,0,0.3), inset 0px 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(0,0,0,0.2), 0px 1px 3px rgba(0,0,0,0.3) ; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .touch .ui-slider .ui-slider-handle { width: 0.8em; } .ui-slider-horizontal { height: .3em; margin-top: 10px; border-radius: 2px; background-color:#2A2D33; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), inset 0px -1px 3px rgba(255,255,255,0.05); } .ui-slider-horizontal .ui-slider-handle { top: -.25em; /*margin-left: -.6em;*/ background-color: #385429; border-radius: 2px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;background:url("start/images/ui-bg_flat_55_999999_40x100.png") repeat-x scroll 50% 50% #e7e7e7 } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .cnd-header label { overflow: hidden; display: block; /*background: url(../../img/time-divider.png) no-repeat center;*/ } span.ui-range-start { float: left; } span.ui-range-divider { display: none; } span.ui-range-end { float: right; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-container { width: 100%; height: 100%; padding: 60px 0 55px 0; background: #121416; } .swiper-pagination { background: #1C1D20; padding: 12px 0; } .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom: 0px; } .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active{ background: #A0CB4E;} .swiper-slide span { font-size: 14px; } .swiper-img-container { text-align: center; width: 90%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; cursor: zoom-in; } .swiper-img-container img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white, .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-color: rgba(0,0,0,0.15); width: 55px; height: 90px; margin-top: -45px; } .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white { left: 0; border-radius: 0 5px 5px 0; } .swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white { right: 0; border-radius: 5px 0 0 5px; } .swiper-button-prev.swiper-button-white:hover, .swiper-container-rtl .swiper-button-next.swiper-button-white:hover, .swiper-button-next.swiper-button-white:hover, .swiper-container-rtl .swiper-button-prev.swiper-button-white:hover { background-color: rgba(0,0,0,0.3); }