/********* generate stylesheet mixed *********/.ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; z-index:3; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0px; margin: 0; z-index:3; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; background: #555; } .ac_results li { margin: 0px; padding: 6px 8px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; border-bottom: 1px #ddd dashed; } .ac_results li:hover,.ac_results li:focus { /*background-color:#eee;*/ } .ac_loading { background : Window url('/resources/images/indicator.gif') 90% center no-repeat; margin-right: 0px; } .ac_over { background-color: Highlight; background-color:#a2d3ed; color: HighlightText; } /* ThemeRoller override style sheet for jQuery date picker v4.0.2. */ #ui-datepicker-div, .ui-datepicker-inline { width: 17em; font-size: 75%; } #ui-datepicker-div { z-index: 100; } .ui-datepicker-inline { float: left; } .ui-datepicker-rtl { direction: rtl; } #ui-datepicker-div a, .ui-datepicker-inline a { text-decoration: none; } .ui-datepicker-prompt { height: 1.5em; padding-top: 0.25em; text-align: center; } button.ui-datepicker-cmd { height: 2em; } .ui-datepicker-cmd-clear { float: left; margin-left: 0.25em; } .ui-datepicker-cmd-close { float: right; margin-right: 0.25em; } .ui-datepicker-cmd-prev { position: static; float: left; width: 30%; height: auto; margin-left: 1%; } .ui-datepicker-cmd-next { position: static; float: right; width: 30%; height: auto; margin-right: 1%; text-align: right; } .ui-datepicker-cmd-current, .ui-datepicker-cmd-today { float: left; width: 37%; text-align: center; } .ui-datepicker-month-nav { float: left; text-align: center; } .ui-datepicker-month-nav div { float: left; width: 12.5%; margin: 1%; padding: 1%; } .ui-datepicker-month-nav span { color: #888; } .ui-datepicker-row-break { width: 100%; } .ui-datepicker-group { float: left; width: 17em; } .ui-datepicker-group .ui-datepicker-header { height: 1.5em; text-align: center; } .ui-datepicker select, .ui-datepicker-inline select { width: auto; height: 1.66em; border: none; font-weight: bold; } .ui-datepicker th { padding: 0.5em 0.3em; } .ui-datepicker td, .ui-datepicker td a, .ui-datepicker td span { border: 1px solid transparent; text-align: center; } .ui-datepicker-status { padding: 0.25em 0em; text-align: center; } .ui-datepicker .ui-helper-clearfix { clear: both; } .ui-datepicker-cover { display: none; display/**/: block; position: absolute; z-index: -1; filter: mask(); top: -1px; left: -1px; width: 187px; height: 187px; } .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ text-align: left; } .ui-timepicker-div dl dt{ height: 25px; } .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }/* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; *margin-bottom: -3px; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; background: transparent !important; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; *vertical-align: baseline; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, .2); -o-box-shadow: 0 0px 0px rgba(0, 0, 0, .2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px } /* Direction Nav */ /* .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 20px; height: 40px; margin: -25px 0 0; display: block; background: url(../images/slider/bg-direction-nav.png) no-repeat 0 0; position: absolute; bottom: 20px; z-index: 10; cursor: pointer; font-size:0px; text-indent: -20px; opacity: 0.9; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: 20px; } .flex-direction-nav .flex-prev {right: 60px;} .flexslider:hover .flex-next {opacity: 0.9; right: 20px;} .flexslider:hover .flex-prev {opacity: 0.9; right: 60px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;} */ /* Control Nav */ .flex-control-nav { display: none; width: 100%; position: absolute; bottom: 12px; right: 12px; text-align: right; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #fff; background: rgba(0, 0, 0, 0); border: 2px solid #b8b8b8; cursor: pointer; font-size: 0px; text-indent: -20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #fff; background: rgba(255, 255, 255, 0.2); } .flex-control-paging li a.flex-active { position: relative; top: -2px; width: 12px; height: 12px; border: 0px; background: #fff; background: rgba(255, 255, 255, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* .slider1 .flex-direction-nav {display:none;} .slider1 .flex-control-nav {display:block; width: 100%; position: absolute; bottom: -20px; text-align: center;z-index: 99;} .slider1 .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .slider1 .flex-control-paging li a {width: 20px; height: 10px; display: block; background: #d5d9db; border:0px; cursor: pointer; font-size:0px; text-indent: -20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; box-shadow: inset 0 0 0 rgba(0,0,0,0);} .slider1 .flex-control-paging li a:hover { background: #c9ab8b; } .slider1 .flex-control-paging li a.flex-active {position:relative; top: 0px; width: 20px; height: 10px; border:0px; background: #3b4444; cursor: default; } */ .slider1 .flex-control-paging { display: none; } /* Direction Nav Slider5 */ .slider1 .flex-direction-nav { *height: 0; } .slider1 .flex-direction-nav a { width: 47px; height: 47px; margin: -24px 0 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; font-size: 0px; text-indent: -20px; opacity: 0; -webkit-transition: all .3s ease; } .slider1 .flex-direction-nav .flex-next { position: absolute; background-position: 100% 0; right: 0px; } .slider1 .flex-direction-nav .flex-prev { left: 0px; } .slider1:hover .flex-next, .slider1:hover .flex-prev { opacity: 0.7; } .slider1 .flex-next:hover, .slider1 .flex-prev:hover { opacity: 1; } .slider1 .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=30); cursor: default; } .slider1 .flex-control-nav { display: block; width: 100%; position: absolute; bottom: 12px; text-align: center; } .slider1 .flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline; } .slider1 .flex-control-paging li a { width: 12px; height: 12px;; display: block; background: #fff; border: 0px; cursor: pointer; font-size: 0px; text-indent: -20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); } .slider1 .flex-control-paging li a:hover { background: #1c3b8d; } .slider1 .flex-control-paging li a.flex-active { position: relative; top: 0px; width: 12px; height: 12px; border: 0px; background: #1c3b8d; cursor: default; } /* Direction Nav Slider2 */ .slider2 { background: transparent; } .slider2 .flex-direction-nav { *height: 0; padding-right: 10px; } .slider2 .flex-direction-nav a { width: 34px; height: 34px; margin: -28px 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav-2n.png) no-repeat 0 0; position: absolute; bottom: 10px; z-index: 10; cursor: pointer; text-indent: -2500px; opacity: 1; -webkit-transition: none; } .slider2 .flex-direction-nav .flex-next { background-position: 100% 0; right: 0px; -webkit-transition: none; } .slider2 .flex-direction-nav .flex-prev { right: 35px; } .slider2 .flex-next:hover { opacity: 1; background: url(/resources/flexslider/images/bg-direction-nav-2o.png) no-repeat 100% 0; -webkit-transition: none; } .slider2 .flex-prev:hover { opacity: 1; background: url(/resources/flexslider/images/bg-direction-nav-2o.png) no-repeat 0 0; -webkit-transition: none; } .slider2 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .slider2 .flex-direction-nav .flex-disabled { opacity: .5 !important; filter: alpha(opacity=60); cursor: default; } .slider2 .flex-control-nav { display: none; } /* Direction Nav Slider3 */ .slider3 .flex-direction-nav { display: none; } .slider3 .flex-control-nav { display: none; } /* Direction Nav Slider4 */ .slider4 .flex-direction-nav { *height: 0; } .slider4 .flex-direction-nav a { width: 31px; height: 58px; margin: -29px 0 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav-3.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; font-size: 0px; text-indent: -20px; opacity: 0.8; -webkit-transition: all .3s ease; } .slider4 .flex-direction-nav .flex-next { background-position: 100% 0; right: -50px; } .slider4 .flex-direction-nav .flex-prev { left: -50px; } .slider4:hover .flex-next { opacity: 0.6; right: -50px; -webkit-transition: none; } .slider4:hover .flex-prev { opacity: 0.6; left: -50px; -webkit-transition: none; } .slider4 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .slider4 .flex-direction-nav .flex-disabled { opacity: .5 !important; filter: alpha(opacity=50); cursor: default; } /* Direction Nav Slider5 */ .slider5 .flex-direction-nav { *height: 0; } .slider5 .flex-direction-nav a { width: 47px; height: 47px; margin: -24px 0 0 0; display: block; background: url(/resources/flexslider/images/bg-direction-nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; font-size: 0px; text-indent: -20px; opacity: 0; -webkit-transition: all .3s ease; } .slider5 .flex-direction-nav .flex-next { position: absolute; background-position: 100% 0; right: 0px; } .slider5 .flex-direction-nav .flex-prev { left: 0px; } .slider5:hover .flex-next, .slider5:hover .flex-prev { opacity: 0.7; } .slider5 .flex-next:hover, .slider5 .flex-prev:hover { opacity: 1; } .slider5 .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=30); cursor: default; } /* = Sliders sets ----------------------------------------------- */ .flexslider .slides li { position: relative; *margin: 0 !important; *padding: 0 !important; *height: auto; } .flexslider .slides li a { text-decoration: none; } .flexslider .slides li .description { position: absolute; left: 5%; top: 5%; right: 5%; } .flexslider .slides li .description.center { top: 0; right: 0; bottom: 0; left: 0; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .flexslider .slides li .description.top-left { right: auto; bottom: auto; top: 5%; left: 5%; } .flexslider .slides li .description.top-right { bottom: auto; left: auto; top: 5%; right: 5%; } .flexslider .slides li .description.left-center { top: auto; right: auto; left: 5%; bottom: 55%; } .flexslider .slides li .description.right-center { left: auto; top: auto; right: 5%; bottom: 55%; text-align: left; } .flexslider .slides li .description.bottom-left { top: auto; right: auto; bottom: 5%; left: 5%; } .flexslider .slides li .description.bottom-right { top: auto; left: auto; bottom: 5%; right: 5%; } .flexslider .slides li .description .shadow { /* Fallback for web browsers that doesn't support RGBa */ // background: rgb(0, 0, 0) transparent; /* RGBa with 0.6 opacity */ // background: rgba(0, 0, 0, 0.5); /* For IE 5.5 - 7*/ // filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ // -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } .flexslider .slides li .description div { display: inline-block; padding: 3%; font-size: 0.1em; } .flexslider .slides li .description { color: #fff !important; } .flexslider .slides li .description span { font-size: 20px; /* line-height: 153%;*/ display: block; } .flexslider .slides li .description h1 { color: #fff !important; margin-bottom: 0px; font-size: 40px; white-space: nowrap; letter-spacing: 0.8px; } @media (max-width: 992px) { .flexslider .slides li .description h1 { font-size: 28px; } } @media (max-width: 767px) { .slider1 .flex-control-nav, .slider2 .flex-control-nav, .slider3 .flex-control-nav, .slider4 .flex-control-nav, .slider5 .flex-control-nav { display: block; } .flexslider .slides li .description h1 { font-size: 20px; } } /* Functional styling; * These styles are required for noUiSlider to function. * You don't need to change these rules to apply your design. */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1; /* Fix 401 */ } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #FAFAFA; box-shadow: inset 0 1px 1px #f0f0f0; } .noUi-connect { background: #3FB8AF; box-shadow: inset 0 0 3px rgba(51,51,51,0.45); -webkit-transition: background 450ms; transition: background 450ms; } .noUi-origin { border-radius: 2px; } .noUi-target { border-radius: 4px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB; } /* Handles and cursors; */ .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-origin, [disabled] .noUi-handle { cursor: not-allowed; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // © guybowden, 2014 https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 55px; } .irs-with-grid { height: 75px; } .irs-line { height: 10px; top: 38px; background: #dbdbdb; border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 10px; top: 38px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #000; } .irs-bar-edge { height: 10px; top: 38px; width: 14px; border: 1px solid #000; border-right: 0; background: #000; border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 34px; width: 20px; height: 20px; background: #FFF; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); cursor: pointer; } .irs-slider.state_hover, .irs-slider:hover { } .irs-min, .irs-max { color: #000; font-size: 20px; font-weight: 300; line-height: 1.333; text-shadow: none; top: 0; padding: 0; border-radius: 0; -moz-border-radius: 0; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #000; font-size: 17px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: transparent; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .irs-disabled { } .range-slider-sm .irs-min, .range-slider-sm .irs-max { font-size: 14px; }.animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&display=swap'); html, body { background: #FFFFFF; height: 100%; } body { font-size: 16px; font-family: 'Raleway', sans-serif; line-height: 24px; color: #444; font-weight: 500; } .d-none { display: none; } img { max-width: 100%; } .fa, .fas { font-weight: 900; color: #9D8E67; } .text-over-img-box { text-align: center; position: relative; margin-bottom: 20px; } .text-over-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; /* color: white; */ display: table; } .text-over-img a, .text-over-img a:hover, .text-over-img a:focus, .text-over-img a:active { color: #fff; width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-decoration: none; font-family: 'PT Serif', serif; font-size: 32px; line-height: 32px; letter-spacing: 1.6px; font-weight: 600; } @media (max-width: 991px) { .text-over-img a, .text-over-img a:hover, .text-over-img a:focus, .text-over-img a:active { font-size: 24px; line-height: 24px; } } h1, h2, h3, h4, h5, h6 { font-family: 'PT Serif', serif; text-transform: none; color: #313131; margin-top: 0px; } h1, h2 { position: relative; font-weight: normal; text-rendering: auto; } h1 { font-size: 30px; } h2 { color: #0b2262; font-size: 24px; text-align: left; padding-bottom: 12px; margin-bottom: 15px; font-weight: 600; text-transform: none; line-height: 28px; margin-top: 0px; } h2:after { position: absolute; content: ""; bottom: 0; left: 0; border-bottom: 3px solid #9C8D67; width: 60px; } .media h2.news-heading { color: #0b2262; font-size: 22px; text-align: left; padding-bottom: 12px; font-weight: 600; text-transform: none; margin: 0 0 10px 0px; } .media h2.news-heading:after { position: absolute; content: ""; bottom: 0; left: 0; border-bottom: 3px solid #9C8D67; width: 60px; } .category-item-detail h1.news-title { color: #0b2262; font-size: 24px; text-align: left; padding-bottom: 12px; margin: 0; font-weight: 600; text-transform: none; margin: 0 0 10px 0px; } .category-item-detail h1.news-title:after { position: absolute; content: ""; bottom: 0; left: 0; border-bottom: 3px solid #9C8D67; width: 60px; } @media (max-width: 767px) { .media h2.news-heading { margin-top: 15px; } } h2.text-center:after { left: 50%; margin-left: -30px; } .kontakt-users h2 { color: #0b2262; font-size: 20px; text-align: left; padding-bottom: 12px; margin-bottom: 15px; font-weight: 600; text-transform: none; } .kontakt-users h2:after { position: absolute; content: ""; bottom: 0; left: 0; border-bottom: 3px solid #9C8D67; width: 60px; } h3 { position: relative; font-size: 32px; text-align: center; font-weight: 600; margin: 30px 0 40px 0; } h4 { position: relative; margin-bottom: 15px; text-align: left; padding-bottom: 10px; color: #313131; font-size: 22px; font-weight: 600; } h4.kalkulacka { position: relative; margin-bottom: 15px; text-align: left; padding-bottom: 10px; color: #313131; font-size: 22px; font-weight: 600; } h4.kalkulacka:before { font-family: 'Font Awesome 5 Free'; content: "\f1ec"; position: relative; margin-right: 7px; color: #0b2262; } h5 { color: #575757; font-size: 18px; } h6 { color: #575757; font-size: 15px; font-weight: bold; } .space-40 { height: 40px; width: 1px; } a { color: #0b2262; font-weight: 600; -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); } a:active, a:focus, a:hover { outline: none !important; color: #0b2262; font-weight: 600; } .p-t-20 { padding-top: 20px; } .pointer { cursor: pointer; } .image { border: 5px solid #fff; } .clear { clear: both; } .right { text-align: right; } .no-resize { resize: none; } .resize-x { resize: horizontal; } .resize-y { resize: vertical; } .modal .close { position: absolute; top: 5px; right: 8px; font-size: 30px; } .modal .modal-title { color: #444444; } .modal-dialog.modal-dialog-centered .modal-content { width: 100%; } .modal-dialog.modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)); } @media (min-width: 576px) { .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } } /* FORM -------------------------------- */ form { background: transparent; padding: 0; border: 0 none; margin: 0; } 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 { background: #f9f9f9 !important; color: #000000 !important; border-color: #d8d8d8 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding: 10px 10px !important; height: auto; } * select, * textarea, * input[type="text"] { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } 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, .form-control:focus { border-color: #cacaca !important; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .btn { padding: 0; display: inline-flex; } input.btn, a.btn, span.btn a { color: #0b2262; background: #FFFFFF; font-size: 16px; font-weight: 600; border: 2px solid #0b2262; text-shadow: none !important; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 7px 20px; text-decoration: none; text-transform: uppercase; } span.btn a { color: #0b2262; background: #FFFFFF; font-size: 13px; border: 2px solid #0b2262; text-shadow: none !important; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 7px 20px; text-decoration: none; text-transform: uppercase; font-weight: 600; } .btn:active, .btn.active { -webkit-box-shadow: none !important; box-shadow: none !important; } a.btn:focus, a.btn:hover, a.btn:active, a.btn.active, input.btn:focus, input.btn:hover, input.btn:active, input.btn.active, span.btn:focus a, span.btn:hover a, span.btn:active a, span.btn.active a { background: #0b2262 !important; color: #FFFFFF !important; border-color: #0b2262; -webkit-box-shadow: none !important; box-shadow: none !important; outline: none; } input.btn.inverse, a.btn.inverse, span.btn.inverse a { border-color: #0b2262; background: #0b2262; color: #FFFFFF; } input.btn.inverse:hover, input.btn.inverse:active, input.btn.inverse.active, a.btn.inverse:hover, a.btn.inverse:active, a.btn.inverse.active, span.btn.inverse:hover a, span.btn.inverse:active a, span.btn.inverse a.active { border-color: #0b2262 !important; background: #fff !important; color: #0b2262 !important; outline: none; } /* Layout -------------------------------------------------- */ .logo { padding: 20px 0; text-align: center; } .logo img { max-height: 80px; } #wrap { /*min-height: 100%;*/ height: auto !important; margin: 0 auto; } .mobile #wrap { /* margin: 0 auto -159px;*/ } .mobile table { height: auto !important; } .mobile table tr td, .mobile table tr th { max-width: 100% !important; width: 100% !important; } #wrap-inter { padding-bottom: 0; } #header-top-container { position: relative; z-index: 20; } #header-bottom-container { height: auto; } .header-logo { margin-top: 10px; margin-bottom: 10px; } .header-right { padding-top: 25px; display: inline-block; float: right; *margin-bottom: -3px; } .header-slider { background: transparent; z-index: 0; position: relative; } #page-content { padding: 0px; line-height: 1.7; } .page-body section { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .page-body img { max-width: 100%; height: auto; } .page-body { margin-bottom: 0px; } @media (max-width: 767px) { .page-body img { max-width: 100%; height: auto; width: 100%; } } @media (min-width: 768px) { .page-body section { width: 750px; } } @media (min-width: 992px) { .page-body section { width: 970px; } } @media (min-width: 1200px) { .page-body section { width: 1170px; } } .small-text { text-align: justify; font-size: 14px; line-height: 16px; color: #000; } .page-body h1, .page-title h1 { font-size: 36px; padding: 0; margin: 0 0 20px 0; line-height: 1em; } @media (max-width: 767px) { .page-body h1, .page-title h1 { font-size: 34px; } input.btn, a.btn, span.btn a { font-size: 12px; } } .page-body a { /* font-weight: bold;*/ } .page-body h2 a { font-weight: normal; } .page-body .content-items-sort-list h4 { margin: 5px 0; } .page-body ul:not('.breadcrumb') { list-style: none; margin: 0 0 20px 0; padding: 0; } .page-body ul:not('.breadcrumb') li { position: relative; padding-left: 15px; } .page-body ul:not('.breadcrumb') li:before { position: absolute; content: ""; top: 6px; margin-top: 0; left: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ffbf00; } .page-body table td, .page-body table th { padding-left: 10px; } .page-body table p { text-align: left; margin: 0px; } #contact_form { padding: 0; } body#page-contact table i { color: #9C8D67; padding-right: 5px; } body#page-contact #contact_form { padding: 0px; } /* Shadows --------------------------------------- */ .shadow-white, .shadow-black { position: relative; } .shadow-white:before { content: " "; position: absolute; background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .95) 70%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .95) 70%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .95) 70%); } .shadow-white.shadow-bottom:before { bottom: 0; left: 0; width: 100%; } .shadow-black:before { content: " "; position: absolute; background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .95) 70%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .95) 70%); background: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .95) 70%); } .shadow-black.shadow-top:before { top: 0; left: 0; width: 100%; } .shadow-top.shadow-2x:before, .shadow-bottom.shadow-2x:before { height: 20%; } .shadow-top.shadow-3x:before, .shadow-bottom.shadow-3x:before { height: 30%; } .shadow-top.shadow-4x:before, .shadow-bottom.shadow-4x:before { height: 40%; } .shadow-top.shadow-5x:before, .shadow-bottom.shadow-5x:before { height: 50%; } .shadow-top.shadow-6x:before, .shadow-bottom.shadow-6x:before { height: 60%; } .shadow-top.shadow-7x:before, .shadow-bottom.shadow-7x:before { height: 70%; } .shadow-left.shadow-2x:before, .shadow-right.shadow-2x:before { width: 20%; } .shadow-left.shadow-3x:before, .shadow-right.shadow-3x:before { width: 30%; } .shadow-left.shadow-4x:before, .shadow-right.shadow-4x:before { width: 40%; } .shadow-left.shadow-5x:before, .shadow-right.shadow-5x:before { width: 50%; } .shadow-left.shadow-6x:before, .shadow-right.shadow-6x:before { width: 60%; } .shadow-left.shadow-7x:before, .shadow-right.shadow-7x:before { width: 70%; } /* Table --------------------------------------- */ table { width: 100%; table-layout: fixed; } table th { /*border: 1px solid #cfe0ef;*/ padding: 8px; /*background: #ffbf00;*/ font-weight: normal; color: #fff; } table td { /*border: 1px solid #cfe0ef;*/ padding: 8px; } table tr:nth-child(even) { /*background: #e2eef9;*/ } table tr:nth-child(odd) { /*background: #eaf3fb;*/ } table tr td img, table tr th img { max-width: 100%; height: auto; } .table tbody th, .table tbody td, .table tfoot th, .table tfoot td, .table th, .table td { padding: 10px 15px !important; } .table tbody th, .table tfoot th, .table th, .table thead th, .table thead td { } .table tbody td, .table tfoot td, .table td { border: 1px solid #e6e6e7 !important; } /* back to top ------------------------------------- */ #back-to-top { position: fixed; bottom: 40px; right: 40px; cursor: pointer; line-height: 45px; height: 45px; width: 45px; z-index: 99; color: #FFFFFF; background-color: #444444; font-size: 24px; -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1); text-align: center; } #back-to-top:hover { background-color: #FFFFFF; color: #444444; border: 1px solid #444444; } #back-to-top:before { font-family: 'Font Awesome 5 Free'; content: "\f106"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } /* Header menu -------------------------------------------------- */ /* .header-menu .navbar-default .navbar-nav > li.studenti.active > ul > li.active a:after{ position: absolute; content: ""; border-bottom:3px solid; position: absolute; bottom: 0; left: 0; right:0; border-bottom: 2px solid #fff; width: 100%; } */ .navbar { position: relative; min-height: 0px; margin-bottom: 20px; border: 1px solid transparent; } .header-menu { position: relative; background: #f0f0f0; } .navbar-fixed-top { top: 0; border-width: 0; width: 100%; padding-right: 0px; padding-left: 0px; background: #f0f0f0; } .header-menu .navbar-brand { margin: 0; padding: 0 10px; } .header-menu .navbar-brand img { max-width: 100%; } .header-menu .navbar-default { font-family: "Raleway"; border: none; background: #f0f0f0; padding: 0; margin: 0; text-transform: uppercase; border-radius: 0px; } .header-menu .navbar-default .navbar-toggle { border: none; } .header-menu .navbar-default .navbar-toggle .icon-bar { background-color: #444444; border-radius: 0px; } .header-menu .navbar-toggle .icon-bar + .icon-bar { margin-top: 6px; } .header-menu .navbar-default .dropdown-menu { border: 0; background: #f0f0f0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0px; } .header-menu .navbar-default .dropdown-menu > li > a { padding: 16px 0px; padding: 19px 0px 13px 0px; } .header-menu .navbar-default .dropdown-menu > li > a:last-child { padding-right: 0px; } .header-menu .navbar-default .navbar-nav { padding: 0; margin: 0; float: none; display: flex; justify-content: center; } .header-menu .navbar-default .navbar-nav > li { padding: 0px 0px; margin: 0; } .header-menu .navbar-default .navbar-nav > li > a { font-size: 16px; font-weight: 600; position: relative; color: #444444; padding: 20px 30px; margin: 0px 0px; letter-spacing: 0.8px; -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); } .header-menu .navbar-default .navbar-nav > li.active > a:before { position: absolute; content: ""; position: absolute; bottom: 0; left: 30px; right: 0; border-bottom: 2px solid #9C8D67; margin-right: 30px } .header-menu .navbar-default .navbar-nav > li.active.studenti > a:before, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia.pedagogovia > a:before { content: none; } .header-menu .navbar-default .navbar-nav > li:last-child a, .header-menu .navbar-default .navbar-nav > li.last a { } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: transparent; } .header-menu .navbar-default .navbar-nav > li.active > a, .header-menu .navbar-default .navbar-nav > li:hover > a, .header-menu .navbar-default .navbar-nav > li.active > a { color: #9D8E67; } /* studenti */ .header-menu .navbar-default .navbar-nav > li.studenti:active > a, .header-menu .navbar-default .navbar-nav > li.studenti:focus > a, .header-menu .navbar-default .navbar-nav > li.studenti:hover > a, .header-menu .navbar-default .navbar-nav > li.studenti:hover, .header-menu .navbar-default .navbar-nav > li.studenti > a:focus, .header-menu .navbar-default .navbar-nav > li.studenti > a:hover, .header-menu .navbar-default .navbar-nav > li.studenti:focus { background-color: #9BC53D; color: #fff; } .header-menu .navbar-default .navbar-nav > li.active.studenti > a { background-color: #9BC53D; color: #fff; } .header-menu .navbar-default .navbar-nav > li.studenti .dropdown-menu { background-color: #9BC53D; } .header-menu .navbar-default .navbar-nav > li.studenti > a:hover, .header-menu .navbar-default .navbar-nav > li.studenti > a:focus, .header-menu .navbar-default .navbar-nav > li.studenti > a:active, .header-menu .navbar-default .navbar-nav > li.active.studenti > a:hover, .header-menu .navbar-default .navbar-nav > li.active.studenti > a:focus, .header-menu .navbar-default .navbar-nav > li.active.studenti > a:active { color: #fff; } /* pedagogovia */ .header-menu .navbar-default .navbar-nav > li.pedagogovia:active > a, .header-menu .navbar-default .navbar-nav > li.pedagogovia:focus > a, .header-menu .navbar-default .navbar-nav > li.pedagogovia:hover > a, .header-menu .navbar-default .navbar-nav > li.pedagogovia:hover, .header-menu .navbar-default .navbar-nav > li.pedagogovia > a:focus, .header-menu .navbar-default .navbar-nav > li.pedagogovia > a:hover, .header-menu .navbar-default .navbar-nav > li.pedagogovia:focus { background-color: #FB7921; color: #fff; } .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a { background-color: #FB7921; color: #fff; } .header-menu .navbar-default .navbar-nav > li.pedagogovia .dropdown-menu { background-color: #FB7921; } .header-menu .navbar-default .navbar-nav > li.pedagogovia > a:hover, .header-menu .navbar-default .navbar-nav > li.pedagogovia > a:focus, .header-menu .navbar-default .navbar-nav > li.pedagogovia > a:active, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a:hover, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a:focus, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a:active { color: #fff; } .header-menu .navbar-nav .dropdown:before { font-family: 'Font Awesome 5 Free'; content: "\f078"; position: absolute; left: 10px; top: calc(50% - 7px); height: 14px; color: #9D8E67; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; display: none; } .header-menu .navbar-nav li.dropdown.studenti:before { content: none; } .dropdown-menu { position: absolute; width: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0; margin: 0; font-size: 16px; font-weight: 600; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: none; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 100ms cubic-bezier(0.075, 0.82, 0.165, 1); letter-spacing: 0.8px; } .nav > li { position: initial; } .dropdown-menu > li > a { font-weight: 600; letter-spacing: 0.8px; line-height: inherit; } .header-menu .navbar-default .dropdown:hover .dropdown-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -webkit-flex-direction: row; -ms-flex-pack: justify; flex-wrap: nowrap; } /***** .header-menu .navbar-default li.o-fonde ul.dropdown-menu { display: none; } .header-menu .navbar-default li.o-fonde:hover > ul.dropdown-menu { display: none; } .header-menu .navbar-default li.kalkulacka:hover > ul.dropdown-menu { display: none; } ******/ .header-menu .navbar-default li.o-fonde ul.dropdown-menu { display: none; } .header-menu .navbar-default li.o-fonde:hover > ul.dropdown-menu { /* display: none;*/ display: table; width: 300px; position: absolute; left: 683px; background: #eaeaea; padding: 0px; } .header-menu .navbar-default li.o-fonde > ul.dropdown-menu li { padding: 0; } .header-menu .navbar-default li.o-fonde > ul.dropdown-menu li a { padding: 10px 30px; border-bottom: 0px solid transparent; } .header-menu .navbar-default li.o-fonde > ul.dropdown-menu li.active a { color: inherit; border-bottom: 0px solid transparent; } .header-menu .navbar-default li.o-fonde > ul.dropdown-menu li.active { background: #F5F5F5; } .header-menu .navbar-default li.kalkulacka:hover > ul.dropdown-menu { /* display: none;*/ display: table; width: 300px; position: absolute; left: 509px; background: #eaeaea; padding: 0px; } .header-menu .navbar-default li.kalkulacka > ul.dropdown-menu li { padding: 0; } .header-menu .navbar-default li.kalkulacka > ul.dropdown-menu li a { padding: 10px 30px; border-bottom: 0px solid transparent; } .header-menu .navbar-default li.kalkulacka > ul.dropdown-menu li.active a { color: inherit; border-bottom: 0px solid transparent; } .header-menu .navbar-default li.kalkulacka > ul.dropdown-menu li.active { background: #F5F5F5; } /************************/ .header-menu .navbar-default .dropdown:hover .dropdown-menu li.dropdown-submenu ul.dropdown-menu { display: none; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu ul.dropdown-menu { display: none; } ul.dropdown-menu li { display: block; padding: 0 20px; } /* studenti */ .header-menu .navbar-default .navbar-nav > li.active.studenti > .dropdown-menu > li > a, .header-menu .navbar-default .navbar-nav > li.active.studenti > .dropdown-menu > li > a:hover, .header-menu .navbar-default .navbar-nav > li.active.studenti > .dropdown-menu > li > a:focus { background-color: #9BC53D; color: #fff; } li.dropdown.studenti a, li.dropdown.studenti a:focus, li.dropdown.studenti a:hover { color: #fff; } li.dropdown.studenti li.dropdown-submenu a, li.dropdown.studenti ul li a, li.dropdown.studenti li.dropdown-submenu a, li.dropdown.studenti ul li a:hover, li.dropdown.studenti li.dropdown-submenu a, li.dropdown.studenti ul li a:focus { background-color: #9BC53D; color: #fff; } .header-menu .navbar-default .navbar-nav > li.active.studenti > a, .header-menu .navbar-default .navbar-nav > li.active.studenti, .header-menu .navbar-default .navbar-nav > li.active.studenti > a:hover, .header-menu .navbar-default .navbar-nav > li.active.studenti > a:focus { background-color: #9BC53D; color: #fff; } /* pedagogovia */ .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > .dropdown-menu > li > a, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > .dropdown-menu > li > a:hover, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > .dropdown-menu > li > a:focus { background-color: #FB7921; color: #fff; } li.dropdown.pedagogovia a, li.dropdown.pedagogovia a:hover, li.dropdown.pedagogovia a:focus { color: #fff; } li.dropdown.pedagogovia li.dropdown-submenu a, li.dropdown.pedagogovia ul li a, li.dropdown.pedagogovia li.dropdown-submenu a, li.dropdown.pedagogovia ul li a:hover, li.dropdown.pedagogovia li.dropdown-submenu a, li.dropdown.pedagogovia ul li a:focus { background-color: #FB7921; color: #fff; } .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a:hover, .header-menu .navbar-default .navbar-nav > li.active.pedagogovia > a:focus { background-color: #FB7921; color: #fff; } .header-menu .navbar-nav li.dropdown-submenu a { border-bottom: 4px solid transparent; } .header-menu .navbar-nav li.dropdown-submenu.active a { border-bottom: 4px solid #fff; } .header-menu .navbar-nav li.active ul li.active a { border-bottom: 4px solid #fff; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student ul.dropdown-menu { display: none; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student ul.dropdown-menu li, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia ul.dropdown-menu li, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog ul.dropdown-menu li, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student ul.dropdown-menu li { padding: 0 20px; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student ul.dropdown-menu li a, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia ul.dropdown-menu li a, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog ul.dropdown-menu li a, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student ul.dropdown-menu li a { border-bottom: 0px solid #fff; padding: 6px 0 6px 0; font-size: 14px; font-weight: 500; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student ul.dropdown-menu li:last-child a, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia ul.dropdown-menu li:last-child a, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog ul.dropdown-menu li:last-child a, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student ul.dropdown-menu li:last-child a { padding: 6px 0 12px 0; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia:hover ul.dropdown-menu { display: table; max-width: 350px; left: 180px; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student:hover ul.dropdown-menu { display: table; max-width: 350px; left: 0px; } @media (max-width: 1200px) { .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia:hover ul.dropdown-menu { left: 165px; } .header-menu .navbar-default li.o-fonde:hover > ul.dropdown-menu { left: 568px; } .header-menu .navbar-default li.kalkulacka:hover > ul.dropdown-menu { left: 418px; } .header-menu .navbar-default li.kalkulacka > ul.dropdown-menu li a { padding: 10px 25px; border-bottom: 0px solid transparent; } .header-menu .navbar-default li.o-fonde > ul.dropdown-menu li a { padding: 10px 25px; border-bottom: 0px solid transparent; } } /* @media (max-width: 992px) { .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student:hover ul.dropdown-menu { left: 150px; } } */ @media (max-width: 992px) { .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog:hover ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student:hover ul.dropdown-menu { display: table; width: auto; left: 0px; } .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-student ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.schvalene-pozicky-pedagogovia ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-pedagog ul.dropdown-menu, .header-menu .navbar-default .dropdown .dropdown-menu li.dropdown-submenu.chcem-pozicku-student ul.dropdown-menu { display: table; } } /* Header search -------------------------------------------------- */ .header-menu .header-search-top { display: none; } .header-search { float: right; margin: 0; } .header-search form { position: relative; display: inline-block; vertical-align: middle; width: auto; padding: 13px 0 13px 15px; } .header-search form .form-group { margin: 0; } .header-search .search-submit { position: absolute; right: 0; top: 13px; width: 33px; height: 33px; } .header-search .search-submit:after { position: absolute; font-family: FontAwesome; content: "\f002"; top: 4px; left: 9px; color: #dedede; } .header-search .search-submit input { cursor: pointer; height: 100%; width: 100%; background: transparent none repeat scroll 0 0; border: 0 none; padding: 0; z-index: 1; } /* Device switcher -------------------------------------------------- */ .device-switcher form { background: none; padding: 10px 0 0 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin: 0; } .device-switcher input { border: none; background: none; color: #506fc2; height: 40px; padding: 0; text-indent: -999px; font-size: 0px; line-height: 0; } .device-switcher input.desktop { background: url("/themes/default/images/desktop-ico.png") no-repeat center center; width: 55px; } .device-switcher input.mobile { background: url("/themes/default/images/mobile-ico.png") no-repeat center center; width: 30px; } /* Footer -------------------------------------------------- */ #footer { background: #576071; color: #FFFFFF; } .footer-top { padding: 40px 0 20px 0; } #footer h3 { position: relative; margin: 0 0 30px 0; font-size: 20px; color: #FFFFFF; text-align: left; } #footer h3:after { display: none; } .footer-bottom { background: #111111; color: #e8e8e8; padding: 15px; font-size: 13px; text-transform: uppercase; } #footer .navbar-default { background: transparent; border-color: transparent; padding: 0; margin: 0; } #footer .navbar-collapse { padding: 0; } #footer .navbar-default .navbar-header, #footer .navbar-default .header-search { display: none; } #footer .navbar-inner { border: none; min-height: 10px; } #footer .navbar .nav { float: none !important; display: inline-block; *zoom: 1; *display: inline; margin: 0; } #footer .navbar .nav > li { float: none; display: block; border: 0 none; padding: 5px 0 5px 15px; text-align: left; background: transparent !important; } #footer .navbar .nav > li:before { font-family: 'Font Awesome 5 Free'; content: "\f054"; position: absolute; left: 0; top: calc(50% - 7px); height: 14px; color: #9e8d67; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } #footer .navbar .nav > li > a { font-size: 14px; color: #ffffff !important; text-shadow: none; padding: 0; font-weight: normal; text-transform: none; background: transparent !important; } #footer .navbar .nav > li > a:hover, #footer .navbar .nav > li.active > a { text-decoration: underline; background: none; box-shadow: none; color: #fff !important; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } #footer a { color: #ffffff !important; } #footer a:hover, #footer a:active { text-decoration: none; color: #fff !important; } .footer-top a i { background: rgba(217, 217, 217, 0.66); padding: 18px; font-size: 23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #444444; margin: 10px 10px 0 0; } .footer-top a:hover i { background: #FFFFFF; } #footer .widget.footer-info { color: #FFFFFF; text-align: left; } #footer .footer-info p { font-size: 14px; font-weight: 400; line-height: 20px; } #footer .widget.footer-contact table { width: 100% !important; } #footer .widget.footer-contact table { } #footer .widget.footer-contact table tr td { width: auto !important; padding: 0 0 10px 0; } #footer .widget.footer-contact table tr td:first-child { vertical-align: top; color: #ffbf00; width: 40px !important; padding-top: 3px !important; } #footer a#creoneo { padding: 5px 20px 5px 0px; border: 0; font-weight: bold; text-transform: lowercase; color: #d3d3d3; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAADWFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMi4yLWMwNjMgNTMuMzUyNjI0LCAyMDA4LzA3LzMwLTE4OjEyOjE4ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICAgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIKICAgIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIKICAgIHhtbG5zOklwdGM0eG1wQ29yZT0iaHR0cDovL2lwdGMub3JnL3N0ZC9JcHRjNHhtcENvcmUvMS4wL3htbG5zLyIKICAgeG1wUmlnaHRzOldlYlN0YXRlbWVudD0iIgogICBwaG90b3Nob3A6QXV0aG9yc1Bvc2l0aW9uPSIiPgogICA8ZGM6cmlnaHRzPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ii8+CiAgICA8L3JkZjpBbHQ+CiAgIDwvZGM6cmlnaHRzPgogICA8ZGM6Y3JlYXRvcj4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGk+TmF0aGFuIFNtaXRoICg5NjAgZ3JpZCBzeXN0ZW0pPC9yZGY6bGk+CiAgICA8L3JkZjpTZXE+CiAgIDwvZGM6Y3JlYXRvcj4KICAgPGRjOnRpdGxlPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ij45NjBfZ3JpZF8yNF9jb2w8L3JkZjpsaT4KICAgIDwvcmRmOkFsdD4KICAgPC9kYzp0aXRsZT4KICAgPHhtcFJpZ2h0czpVc2FnZVRlcm1zPgogICAgPHJkZjpBbHQ+CiAgICAgPHJkZjpsaSB4bWw6bGFuZz0ieC1kZWZhdWx0Ii8+CiAgICA8L3JkZjpBbHQ+CiAgIDwveG1wUmlnaHRzOlVzYWdlVGVybXM+CiAgIDxJcHRjNHhtcENvcmU6Q3JlYXRvckNvbnRhY3RJbmZvCiAgICBJcHRjNHhtcENvcmU6Q2lBZHJFeHRhZHI9IiIKICAgIElwdGM0eG1wQ29yZTpDaUFkckNpdHk9IiIKICAgIElwdGM0eG1wQ29yZTpDaUFkclJlZ2lvbj0iIgogICAgSXB0YzR4bXBDb3JlOkNpQWRyUGNvZGU9IiIKICAgIElwdGM0eG1wQ29yZTpDaUFkckN0cnk9IiIKICAgIElwdGM0eG1wQ29yZTpDaVRlbFdvcms9IiIKICAgIElwdGM0eG1wQ29yZTpDaUVtYWlsV29yaz0iIgogICAgSXB0YzR4bXBDb3JlOkNpVXJsV29yaz0iIi8+CiAgPC9yZGY6RGVzY3JpcHRpb24+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgCjw/eHBhY2tldCBlbmQ9InciPz4IF6kCAAABlklEQVR42nxTvUoDQRCevb8QEryUNmpEUNAiaQSr5F5AyRsYC8FOH0HfQCsFC/MIQV8gaUyn5wvoSQRTKCYKibnc5Zw5dmVz7jkw7DI78823385CFEWg8tfKeRX9MO1cuAEJ61Uvqrg00Is8dAb/mKEobkmhPo+XcCnMtw/aSQBGNCSAJ9HZZ+DdZU13azhxqFiqIXZHCDaYAeBdXNG5nTcLn7oG24OxijkxKxKIJgV/uzxaelxMdpsz4T5rwJvOIJF7ShtNBd+14vDx/vUeeze0woulNzt5KwaSrI6sbYZPtSQpHgt4Y2c8LF4WmZc7V5Tj0X59FDRX/LDGjxyCrFM3uhfSbWFHR8VqLpzCxiiATBTTFzkuMdjlypLy/U7OFPenK5xgd5vOV7+D2to4jKtQPDbzjHiXD1nErqlBD32oMRBiVr58sKfRHwAhYk2muzCZwuYwiCmTLfphXxSL4ZoB4BNWTkwh6CgcUm+UOBC3ZuokJkbaVYDSS5TFFKYCpPwNWutY/Jz6mRTm8Wd2sfBBlfAjwAAjucq+BMP2/wAAAABJRU5ErkJggg=='); background-position: right; text-decoration: none; } #creoneo:hover span { color: #8f288c; } #creoneo:hover { color: #d14a99 !important; text-decoration: none; } @media (max-width: 991px) { .footer-top .row > div { padding-top: 10px; padding-bottom: 10px; border: 0 none; border-bottom: 0px solid #87939a; min-height: inherit; } .footer-top .row > div + div + div + div { border-bottom: 0 none; } } @media (max-width: 767px) { #footer .navbar .collapse { display: block; border: 0 none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } } /* WIDGET -------------------------------------------------- */ .widget { position: relative; } .widget.contact-persons { background: #F8F8F8; padding: 40px 0; } .footer-contact ul { list-style-type: none; padding-left: 0px; } .footer-contact ul li { list-style-type: none; margin-left: 25px; padding: 5px 0; font-size: 14px; font-weight: 500; } .footer-contact ul li i { list-style-type: none; margin-left: -25px; width: 25px; color: #9e8d67; } .footer-contact ul li a { font-weight: bold; } #footer .footer-contact ul li a:hover, #footer .footer-contact ul li a:active, #footer .footer-contact ul li a:focus { color: #fff; text-decoration: underline; } .footer-links ul { list-style-type: none; padding-left: 0px; } .footer-links ul li { list-style-type: none; margin-left: 0px; padding: 5px 0; font-size: 14px; font-weight: 500; } .footer-links ul li a:before { font-family: 'Font Awesome 5 Free'; content: "\f054"; margin-right: 5px; height: 14px; width: 14px; color: #9e8d67; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } .footer-links ul li a { font-weight: normal; } #footer .footer-links ul li a:hover, #footer .footer-links ul li a:active, #footer .footer-links ul li a:focus { color: #fff; text-decoration: underline; } ul.users { list-style-type: none; padding-left: 0px; margin-bottom: 15px; } ul.users li { list-style-type: none; margin-left: 25px; padding: 5px 0; } ul.users li i { list-style-type: none; margin-left: -25px; width: 20px; color: #9C9669; } ul.users li a { font-weight: normal; color: #444; } .users-image { width: 30px; height: 30px; background: green; display: inline-block; } .kontakt-users h3 { display: inline-block; margin: 0px; font-size: 16px; font-weight: 600; color: #0b2262; } /* breadcrumb --------------------------------- */ .page-body .breadcrumb { background: transparent; margin: 0; padding: 20px 0 0; } .page-body .breadcrumb > li + li:before { padding: 0 5px; content: "/\00a0"; } .page-body .breadcrumb li a, .page-body .breadcrumb li { font-size: 12px; color: #444; } .page-body .breadcrumb li a:hover { color: #0b2262; text-decoration: none; } @media (max-width: 767px) { .page-body .breadcrumb { padding: 10px 0; } } /* Pagination -------------------------------------------------- */ .pagination { text-align: center; box-shadow: none; } .pagination li i { font-size: 15px; } .pagination li span { border: 0 none; background: none; } .pagination li a { background: none; border: 0 none; color: #363636; } .pagination li.active a, .pagination li.active span { background: #ffbf00; border: 0 none; color: #FFFFFF; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } .pagination li:hover a, .pagination li:active a { transition: background 0.2s linear; -webkit-transition: background 0.2s linear; background: rgba(216, 216, 216, 0.40); } @media (max-width: 767px) { .pagination .pagination-prev span, .pagination .pagination-next span { display: none; } } /* content-items-sort-list -------------------------------------------------- */ .content-items-sort-list .media { margin: 0; padding: 0; border-bottom: 0px solid #d8d8d8; } .content-items-sort-list-container a { display: block; text-decoration: none; color: #444; cursor: pointer; } .content-items-sort-list-date { width: 50px; height: 95px; margin: 0 20px 0 10px; text-align: center; } .content-items-sort-list-date span, .content-items-sort-list-date p { display: block; color: #d8d8d8; margin-bottom: 5px; font-weight: bold; font-size: 40px; line-height: 40px; } .content-items-sort-list-date span:last-child { font-size: 24px; line-height: 24px; margin-bottom: 0; } /* IE 8< not support last-child */ .content-items-sort-list-date span + span { font-size: 24px; line-height: 24px; } .content-items-sort-list-date p { font-size: 18px; line-height: 18px; font-weight: 300; } .content-items-sort-list .media-heading { font-size: 15px; /* height: 25px;*/ line-height: 26px; } .content-items-sort-list .more { margin: 15px 0 0 0; } /* media 2 */ .content-items-sort-list .media-2 { margin-top: 0; padding: 10px; border-bottom: 1px solid #d8d8d8; } .content-items-sort-list .media-2:first-child { border-top: 1px solid #d8d8d8; } .content-items-sort-list .media-2-heading { font-size: 15px; cursor: pointer; } .content-items-sort-list.display-accordion .panel-heading { position: relative; border: 0 none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; padding: 0 15px 0 15px; margin-bottom: 10px; } .content-items-sort-list.display-accordion .panel-heading .panel-title a { display: block; } .content-items-sort-list.display-accordion .panel-heading .panel-title a:hover, .content-items-sort-list.display-accordion .panel-heading .panel-title a:active { text-decoration: none; } .content-items-sort-list.display-accordion .panel-heading .panel-title a:before { position: absolute; content: ""; top: 50%; margin-top: -5px; right: 10px; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ffbf00 transparent transparent transparent; } .content-items-sort-list.display-accordion .panel-heading .panel-title a.collapsed:before { position: absolute; content: ""; top: 50%; margin-top: -5px; right: 10px; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #ffbf00; } .content-items-sort-list.display-accordion .panel-title { font-size: 16px; font-weight: bold; text-transform: uppercase; } .content-items-sort-list.display-accordion .panel-title a:hover, .content-items-sort-list.display-accordion .panel-title a:active { text-decoration: none; } .content-items-sort-list.display-accordion .panel-body { border: 0 none !important; padding-top: 0; } .content-items-sort-list.display-accordion .panel-body a { position: relative; color: #6e777c; font-weight: bold; padding: 5px 5px 5px 18px; } .content-items-sort-list.display-accordion .panel-body a.selected:before, .content-items-sort-list.display-accordion .panel-body a:hover:before { background: #ffbf00; } .content-items-sort-list.display-accordion .panel-body a:before { content: " "; position: absolute; left: 0; top: 10px; width: 12px; height: 12px; background: #FFFFFF; border: 1px solid #d8d8d8; } .content-items-sort-list.items-display-inline .media { border-bottom: 0 none; } .content-items-sort-list.items-display-inline .more { text-align: center; } @media (max-width: 991px) { .content-items-sort-list.items-display-inline .media { border-bottom: 1px solid #d8d8d8; } .content-items-sort-list.items-display-inline [class*="span"] { margin: 0; float: none; width: 100%; } } /* Aktuality --------------------------------------------------*/ .aktuality-header { background: green; background: url("/resources/images/aktuality.jpg") no-repeat center center; } .aktuality-header .page-title { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); padding: 123px 0px; } .aktuality-header .page-title h1 { margin: 0px; text-align: center; color: #fff; font-size: 52px; line-height: 54px; letter-spacing: 5px; } @media (max-width: 1200px) { .aktuality-header .page-title { padding: 110px 0px; } } @media (max-width: 991px) { .aktuality-header .page-title { padding: 100px 0px; } } @media (max-width: 767px) { .aktuality-header .page-title { padding: 70px 0px; } } /* Search content -------------------------------------------------- */ .search_text { padding: 20px 0 40px 0; } .search_result .search_link { font-weight: bold; font-size: 15px; } .search_result .search_preview { padding-left: 10px; padding-bottom: 10px; } .search_result .search_breadcrumb { font-size: 10px; padding-left: 10px; } .search_result .search_breadcrumb .breadcrumb { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; } .search_result .search_breadcrumb .breadcrumb li .divider { padding: 0 4px !important; } /* flexible google map -------------------------------------------------- */ .Flexible-container { position: relative; padding: 0; height: auto; overflow: hidden; } .Flexible-container iframe, .Flexible-container object, .Flexible-container embed { position: relative; top: 0; left: 0; width: 100%; /* height: 100%;*/ } .line, hr { position: relative; width: 100%; border: 0 none; border-bottom: 1px solid #d8d8d8; height: 1px; padding-top: 20px; margin-bottom: 20px; } /* Accordion -------------------------------------------------- */ .accordion .panel-heading { margin-top: -1px; border-top: 1px solid #9daace; border-bottom: 1px solid #9daace; } .accordion .panel:first-child .panel-heading { margin-top: 0; } .accordion .panel-title { margin: 0; } .accordion .panel-title a { position: relative; background: #ece8e1; color: #231f20; padding: 15px 20px 15px 15px; display: block; font-size: 18px; font-weight: normal; text-decoration: none; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; } .accordion .panel-title a.collapsed { background: transparent; } .accordion .panel-title a:hover, .accordion .panel-title a:focus, .accordion .panel-title a:active { text-decoration: none; } .accordion .panel-title a:after { position: absolute; right: 10px; top: 50%; font-family: FontAwesome; content: "\f078"; font-size: 16px; margin-top: -8px; color: #9e8d67; -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1); transition: all .6s cubic-bezier(.4, 0, .2, 1) } .accordion .panel-title a.collapsed:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .accordion .panel-body { padding: 15px; } /* Link container -------------------------------------------------- */ @media (max-width: 767px) { .body-index .link-container-empty { display: none; } } .link-container { position: relative; margin: 0 0 0 0; padding: 0; /*background: url("/themes/default/images/shadow-line.png") repeat-x 0 bottom;*/ *padding-bottom: 10px; font-size: 14px; } .link-container .link-block { position: relative; height: 290px; min-height: 250px; margin: 0; padding: 2em 2em 40px 2em; border-right: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } .link-container .link-block .link-block-inner { position: relative; height: 100%; overflow: hidden; } .link-container .link-block table td, .link-container .link-block table th { padding: 0; } .link-container .link-block .link-block-title { font-weight: bold; font-size: 24px; text-transform: uppercase; padding-bottom: 15px; line-height: 26px; } .link-container .link-block:nth-child(4n) { border-right: none; } .link-container a.redirect-url { position: absolute; bottom: 15px; left: 2em; } .link-container a.redirect-url:hover { color: #1e5a83; text-decoration: none; } @media only screen and (max-width: 991px) { .link-container .link-block { width: 100%; border-bottom: 0 none; } } /** Login ------------------------------------------------- */ #login_base { margin: 40px auto; width: 350px; text-align: center; } #login_base img { width: 80%; margin-bottom: 20px; } #login_base #loginform { padding: 20px; -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); -moz-box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); box-shadow: 0 0 10px rgba(100, 100, 100, 0.3); } #login_base #loginform input[type="submit"] { float: right; } #login_base .error { color: #aa1111; text-align: center; padding: 0 0 5px; } #login_base .buttons { padding-top: 10px; } #login_base .forgotten-link { display: inline-block; margin-top: 8px; color: #1e5a83; } /** Popup window style -------------------------------------------------- */ .ajaxwindow { position: absolute; top: 10%; font-size: 12px; z-index: 9999; } .ok_ajax, .error_ajax, .info_ajax { position: relative; top: 10%; margin: 0; padding-bottom: 10px; text-align: left; color: #000; z-index: 9999; min-width: 150px; max-width: 500px; -webkit-box-shadow: 1px 1px 5px #666; -moz-box-shadow: 1px 1px 5px #666; box-shadow: 1px 1px 5px #666; } .ajax_close { position: absolute; top: 6px; right: 2px; text-align: center; padding: 0; color: #333; width: 16px; height: 16px; overflow: hidden; text-indent: 1000px; z-index: 10000; cursor: pointer; background: url('/resources/images/close.png') 0 0 no-repeat; } .ajax_close a { color: #333; } .error_ajax { border: 1px solid #aa1111; background-color: #fff; } .ok_ajax { border: 1px solid #3d8e25; background-color: #fff; } .info_ajax { border: 1px solid #109fa0; background-color: #fff; } .ok_ajax_head, .error_ajax_head, .info_ajax_head { padding: 5px; } .error_ajax_head { background: #aa1111; color: #fff; } .ok_ajax_head { background: #3d8e25; color: #fff; } .info_ajax_head { background: #109fa0; color: #fff; } .ok_ajax_body, .error_ajax_body, .info_ajax_body { padding: 15px; } .error_ajax_body { color: #000; } .ok, .error, .info { font-size: 14px; margin: 0 auto; padding: 10px 15px 10px 15px; text-align: left; clear: both; color: #000; } .ok { border: 1px solid #47ae80; background: #53d69c; } .error { border: 1px solid #ff3000; background: #e16448; } .info { border: 1px solid #2fadca; background: #9fced8; } /* -------------------------------------------------------- */ /* Lastly, apply responsive CSS fixes as necessary */ /* -------------------------------------------------------- */ @media only screen and (max-width: 767px) { /* Force table to not be like tables anymore */ table:not(.table), table:not(.table) thead, table:not(.table) tbody, table:not(.table) th, table:not(.table) td, table:not(.table) tr { display: block; } /* Label the data */ td:before { content: attr(data-title); } /* Label the data */ td { width: 100% !important; } table tr, table th, table td { height: auto !important; } .page-body table td h4 { margin-top: 0; } .table th, .table td { display: block; } .table tr.hidden-responsive-sm { display: none; } .table tr:nth-child(2n) td { background-color: #f2f2f2; } .table td { position: relative; text-align: right; padding-left: 50% !important; } .table td:before { text-align: left; position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } @media (max-width: 1200px) { .header-menu .navbar-default .navbar-nav > li > a { padding: 15px 25px; font-size: 14px; } .header-menu .navbar-default .dropdown-menu > li > a { padding: 14px 0px 8px 0px; font-size: 14px; } ul.dropdown-menu li { display: block; padding: 0 20px; } .header-menu .navbar-default .navbar-nav > li.active > a:before { left: 25px; margin-right: 25px; } } @media (max-width: 992px) { /* .header-menu .navbar-default .navbar-nav { margin: 0px auto; } .header-menu .navbar-default .navbar-nav > li > a { padding: 15px 15px; font-size: 14px; } .header-menu .navbar-brand { max-width: 250px; } .header-menu .navbar-default .dropdown-menu > li > a { padding: 14px 0px 8px 0px; font-size: 14px; } .header-menu .navbar-default .navbar-nav > li.active > a:before { left: 15px; margin-right: 15px; } ul.dropdown-menu li { display: block; padding: 0 15px; } */ /**************/ .navbar-header { float: none; } .navbar-left, .navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none !important; } .navbar-nav { float: none !important; margin-top: 7.5px; } .navbar-nav > li { float: none; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; } .collapse.in { display: block !important; } /*******************/ .header-menu .navbar-default { padding: 0; } .header-menu .navbar-default .navbar-nav { display: block; } .header-menu .navbar-default .navbar-nav > li > a { padding: 5px 10px; } .header-menu .navbar-default .navbar-nav > li { padding: 0 7px; } .header-menu .navbar-default .dropdown:hover .dropdown-menu { display: block; } .header-menu .header-search-top { display: block; } .header-menu .header-search-collapse { display: none; } .header-menu .header-search { position: absolute; padding: 0; top: 8px; right: 70px; display: none; } .header-search form { padding: 0; width: 100%; } .header-search .search-submit { top: 0; } .header-right-menu { margin-top: 10px; display: block; } .breadcrumb-box { border-bottom: 0 none; } .navbar .nav.responsive-menu > li > a, .navbar .nav.responsive-menu > li, .header-menu .navbar-default .dropdown-menu > li > a { border: 0 none !important; height: auto; line-height: 24px; padding: 0px; margin: 0; padding-bottom: 0px; font-size: 14px !important; background: #f0f0f0 !important; color: #444 !important; } .header-menu .navbar-default .dropdown-menu > li > a { padding: 0px 0 5px 5px; font-size: 13px !important; line-height: 16px; } .header-menu .navbar-brand img { padding: 5px; } .header-menu .navbar-default .navbar-nav > li.active > a:before { content: none; } .header-menu .navbar-default .navbar-nav li.active > a, .header-menu .navbar-default .navbar-nav li:hover > a, .header-menu .navbar-default .navbar-nav li.active > a { color: #9f8d67 !important; background-color: transparent; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; padding: 10px 10px; height: 340px !important; } .navbar-collapse.in { overflow-y: auto !important; } .header-menu .navbar-default .navbar-nav li.active > a:after, .header-menu .navbar-default .navbar-nav li:hover > a:after, .header-menu .navbar-default .navbar-nav li.active > a:after { display: none; } .header-menu .navbar-nav .dropdown-menu { position: relative; display: block; float: none; box-shadow: none; border: 0 none; } .header-menu .navbar-default .navbar-nav > li.studenti .dropdown-menu { background-color: transparent; } .header-menu .navbar-default .navbar-nav > li.pedagogovia .dropdown-menu { background-color: transparent; } .header-menu .navbar-nav li.o-fonde:hover > ul.dropdown-menu { display: block; position: relative; left: auto; width: auto; } .header-menu .navbar-nav li.o-fonde ul.dropdown-menu { display: block; position: relative; left: auto; width: auto; } .header-menu .navbar-nav li.kalkulacka:hover > ul.dropdown-menu { display: block; position: relative; left: auto; width: auto; } .header-menu .navbar-nav li.kalkulacka ul.dropdown-menu { display: block; position: relative; left: auto; width: auto; } .header-menu .navbar-default li.kalkulacka > ul.dropdown-menu li a { padding: 5px 30px; border-bottom: 0px solid transparent; } .header-menu .navbar-default li.o-fonde > ul.dropdown-menu li a { padding: 5px 30px; border-bottom: 0px solid transparent; } .navbar-inner, .navbar { width: 100%; padding: 0; } } @media (max-width: 767px) { body { padding-left: 0; padding-right: 0; } #wrap { margin-bottom: 0; } #footer-top { height: auto; padding: 0 10px 0 10px; } .footer-info { font-size: 9px; padding: 0 15px; } #header-top-container, #header-center-container, #header-bottom-container, #page-content-container { padding: 0; } #header-bottom-container { padding: 0; } #header-center-container { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .header-right { padding-top: 0; display: block; float: none; } .header-menu .navbar-default { padding: 0; } .header-menu .navbar-default .navbar-nav { display: block; } .header-menu .navbar-default .navbar-nav > li > a { padding: 5px 10px; } .header-menu .navbar-default .navbar-nav > li { padding: 0 7px; } .header-menu .navbar-default .dropdown:hover .dropdown-menu { display: block; } .header-menu .header-search-top { display: block; } .header-menu .header-search-collapse { display: none; } .header-menu .header-search { position: absolute; padding: 0; top: 8px; right: 70px; display: none; } .header-search form { padding: 0; width: 100%; } .header-search .search-submit { top: 0; } .header-right-menu { margin-top: 10px; display: block; } .breadcrumb-box { border-bottom: 0 none; } .navbar .nav.responsive-menu > li > a, .navbar .nav.responsive-menu > li, .header-menu .navbar-default .dropdown-menu > li > a { border: 0 none !important; height: auto; line-height: 24px; padding: 0px; margin: 0; padding-bottom: 0px; font-size: 14px !important; background: #f0f0f0 !important; color: #444 !important; } .header-menu .navbar-default .dropdown-menu > li > a { padding: 0px 0 5px 5px; font-size: 13px !important; line-height: 16px; } .header-menu .navbar-brand img { padding: 5px; } .header-menu .navbar-default .navbar-nav > li.active > a:before { content: none; } .header-menu .navbar-default .navbar-nav li.active > a, .header-menu .navbar-default .navbar-nav li:hover > a, .header-menu .navbar-default .navbar-nav li.active > a { color: #9f8d67 !important; background-color: transparent; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; padding: 10px 10px; } .header-menu .navbar-default .navbar-nav li.active > a:after, .header-menu .navbar-default .navbar-nav li:hover > a:after, .header-menu .navbar-default .navbar-nav li.active > a:after { display: none; } .header-menu .navbar-nav .dropdown-menu { position: relative; display: block; float: none; box-shadow: none; border: 0 none; } .header-menu .navbar-default .navbar-nav > li.studenti .dropdown-menu { background-color: transparent; } .header-menu .navbar-default .navbar-nav > li.pedagogovia .dropdown-menu { background-color: transparent; } .navbar-inner, .navbar { width: 100%; padding: 0; } .device-switcher { margin-bottom: 10px; } /* Select Box Navigation - Show */ .navbar .nav-responsive { display: block !important; width: 100%; clear: both; } .link-container .link-block { width: auto !important; border-right: none !important; padding: 10px 0; } .link-container .link-block .link-block-title { padding-bottom: 10px; } .link-container .link-block a.redirect-url { left: 0; bottom: 10px; } } @media (max-width: 480px) { .header-menu .navbar-brand { max-width: 190px; } } .facebook-phone { font-size: 25px; padding: 10px 0 5px 0; } .facebook-phone a { color: white; } #suggestion_form label { font-size: 13px; } .image-hover-link { position: relative; overflow: hidden; } .image-hover-link .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(25, 62, 140, 0.8); overflow: hidden; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .image-hover-link:hover .overlay { opacity: 1; } .image-hover-link .overlay i { display: block; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; line-height: 46px; font-size: 1em; border: 2px solid #fff; color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; } .speed-links.type-header { margin-top: 15px; } .speed-links a { color: #444444; padding: 0px; font-size: 16px; font-weight: 400; text-align: center; display: block; text-transform: uppercase; margin-bottom: 20px; } .speed-links.type-header a { padding: 35px 0px; margin-bottom: 0px; } .speed-links a span { display: block; padding: 5px 0; margin: 0 auto; } .speed-links a i { display: inline-block; background: #7FC043; color: #FFFFFF; padding: 0; font-size: 20px; height: 50px; line-height: 50px; width: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .speed-links a:hover, .speed-links a:active, .speed-links a:focus { color: #7FC043; text-decoration: none; } .speed-links a:hover i, .speed-links a:active i, .speed-links a:focus i { background: #7FC043; } ul.bullet-list { padding: 0px; margin-left: 40px; list-style: disc; color: #9D8E67; } ul.bullet-list li { margin-bottom: 5px; } ul.bullet-list li a { text-decoration: underline; font-style: italic; color: #111; font-weight: 500; } ul.bullet-list li a:focus { color: inherit; } .studenti .speed-links a, .pedagogovia .speed-links a { font-size: 20px; font-weight: 600; text-transform: none; font-family: 'PT Serif', serif; } .studenti .speed-links a i { background: #9BC53D; } .studenti .speed-links a:hover, .studenti .speed-links a:active, .studenti .speed-links a:focus { color: #9BC53D; } .studenti .speed-links a:hover i, .studenti .speed-links a:active i, .studenti .speed-links a:focus i { background: #9BC53D; } .pedagogovia .speed-links a i { background: #FA7921; } .pedagogovia .speed-links a:hover, .pedagogovia .speed-links a:active, .pedagogovia .speed-links a:focus { color: #FA7921; } .pedagogovia .speed-links a:hover i, .pedagogovia .speed-links a:active i, .pedagogovia .speed-links a:focus i { background: #FA7921; } .speed-links.type-header .speed-links-item:nth-child(1) a { background-color: #F0F0F0; } .speed-links.type-header .speed-links-item:nth-child(2) a { background-color: #dcdcdc; } .speed-links.type-header .speed-links-item:nth-child(3) a { background-color: #c0bfbf; } .speed-links.type-header .speed-links-item:nth-child(4) a { background-color: #c0bfbf; } @media (max-width: 1199px) { .speed-links.type-header { margin-top: 15px; } } @media (max-width: 991px) { .speed-links.type-header { margin-top: 10px; } } @media (max-width: 767px) { .speed-links.type-header { margin-top: 5px; } .speed-links.type-header .speed-links-item { margin-top: 5px; } } @media (max-width: 991px) { .speed-links.type-header a { padding: 20px 0; font-size: 16px; } } @media (max-width: 767px) { .speed-links.type-header a { padding: 20px 0; font-size: 16px; min-height: auto; } } @media (max-width: 479px) { .speed-links.type-header a i { font-size: 15px; height: 35px; line-height: 35px; width: 35px; } } .ci-text-with-icon-slider .ci-text-with-icon-item { padding: 0 10px; } .ci-text-with-icon { margin-bottom: 20px; } .ci-text-with-icon .title { color: #444444; padding-bottom: 10px; text-align: center; display: block; font-size: 16px; text-transform: uppercase; } .ci-text-with-icon .title span { display: block; padding: 5px; margin: 0 auto 10px 0; } .ci-text-with-icon .title span i { display: inline-block; background: #ffbf00; color: #FFFFFF; padding: 0; font-size: 20px; height: 50px; line-height: 50px; width: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .ci-text-with-icon .description { text-align: center; line-height: 1.8; font-size: 14px; } .news-slider .thumbnail { padding: 0px 15px; border: 0 none; } .news-slider .thumbnail h4 { font-size: 20px; margin: 20px 0 10px 0; padding: 0px; font-weight: 600; } .news-slider .thumbnail .caption { padding: 0px 0; } .news-slider .thumbnail .caption .btn { margin-top: 5px; } .news-slider .item-date, .category-item-detail .item-date, .media-body .item-date { padding: 5px 0px; display: inline-block; margin-bottom: 5px } .category-item-detail { margin-bottom: 0px; } .ci-text-with-image { } .ci-text-with-image.ci-text-with-image-left { background-position: 0 0; background-size: contain; background-repeat: no-repeat; margin: 0px 7px 0px 0px; } .ci-text-with-image.ci-text-with-image-right { background-position: 100% 0; background-size: contain; background-repeat: no-repeat; margin: 0px 0px 0px -15px; } .ci-text-with-image.ci-text-with-image-left .description-wrapper { margin-left: 35%; width: 67%; padding: 30px 0px; } .ci-text-with-image.ci-text-with-image-right .description-wrapper { margin-right: 35%; width: 67%; padding: 30px 0px; } .ci-text-with-image .description { margin: 0; background: #F8F8F8; padding: 40px 80px; } .ci-text-with-image .description .btn { margin: 5px 0px; } @media (max-width: 991px) { .ci-text-with-image { background-image: none !important; } .ci-text-with-image .description-wrapper { width: 100% !important; margin: 0 !important; padding: 0px !important; } .ci-text-with-image .description { margin: 0; } .ci-text-with-image { margin: 20px -15px; } .news-slider .thumbnail h4 { margin-bottom: 0px; padding-bottom: 0px; min-height: auto; } .ci-text-with-image.ci-text-with-image-left { margin-right: -15px; margin-left: -15px; } .ci-text-with-image.ci-text-with-image-right { margin-right: -15px; margin-left: -15px; } } @media (max-width: 767px) { .ci-text-with-image .description { padding: 20px 20px; } .ci-text-with-image.ci-text-with-image-left { margin: 0px -15px; } .ci-text-with-image.ci-text-with-image-right { margin: 0px -15px; } .news-slider .thumbnail { padding: 0; } } .loan-pattern-container { padding: 50px; background-size: cover; background-repeat: no-repeat; color: #FFFFFF; text-align: center; } .request-pattern-container { background-size: cover; background-repeat: no-repeat; color: #FFFFFF; text-align: center; } .request-pattern-inner-container { padding: 50px; } .request-pattern-container { background-image: url("/themes/default/images/bg-request-pattern.jpg"); } .request-pattern-container.student { background-image: url("/themes/default/images/pedagog-parallax.jpg"); } .request-pattern-inner-container.student { background-color: rgba(155, 197, 61, 0.75); } .request-pattern-container.pedagog { background-image: url("/themes/default/images/pedagog-parallax.jpg"); } .request-pattern-inner-container.pedagog { background-color: rgba(250, 121, 33, 0.75); } .request-pattern-container p { text-align: center; color: #FFFFFF; text-align: center; font-size: 20px; margin-bottom: 10px; } .loan-pattern-container { background-image: url("/themes/default/images/bg-loan-pattern.jpg"); } .request-pattern-container h2, .loan-pattern-container h2 { color: #FFFFFF; text-align: center; text-transform: none; font-size: 33px; letter-spacing: 1.6px; font-weight: 400; padding-bottom: 0px; } .request-pattern-container h2:after, .loan-pattern-container h2:after { display: none; } .top-info-bar { background: #0b2262; padding: 10px 10px; } .top-info-bar-left { font-weight: 400; font-size: 12px; color: #fff; } .top-info-bar-left a { color: #fff; font-weight: 400; } .top-info-bar-left a:hover, .top-info-bar-left a:active { text-decoration: none; color: #9F8D67; } .top-info-bar-left a i, .top-info-bar-left i { color: #9F8D67; } .top-info-bar-right { text-align: right; } .top-info-bar-right a, .top-info-bar-right { color: #fff; font-size: 12px; } .top-info-bar-right a:hover, .top-info-bar-right a:active { text-decoration: none; } @media (max-width: 767px) { .top-info-bar { display: none; } } .mailing-list { background: #0b2262; color: #FFFFFF; padding: 40px 20px; } .mailing-list h4 { text-align: center; color: #FFFFFF; margin: 0 auto; font-family: 'Raleway', sans-serif; letter-spacing: 0.8px; margin-bottom: 15px; } .mailing-list a { text-decoration: underline; color: #fff; } .mailing-list a:hover, .mailing-list a:active { text-decoration: underline; color: #fff; } .mailing-list form { margin: 0 auto; max-width: 600px; } .mailing-list form input[type="text"] { margin-bottom: 15px; } .mailing-list form .checkbox p { text-align: left !important; font-size: 11px; } .mailing-list .mailing-list-type { font-size: 13px; } .mailing-list .mailing-list-type .checkbox { display: inline-block; margin-right: 10px; } .mailing-list .btn, .loansSearch .btn { background: #9e8d67; color: #FFFFFF; border-color: #9e8d67; } .mailing-list .btn:hover, .mailing-list .btn:focus, .mailing-list .btn:active, .loansSearch .btn:hover, .loansSearch .btn:focus, .loansSearch.btn:active { border-color: #9e8d67 !important; background: #9e8d67 !important; color: #fff !important; outline: none; } .mailing-list.color-yellow { background: #ffbf00; color: #444444; } .mailing-list.color-yellow h4, .mailing-list.color-yellow a { color: #444444; } .mailing-list.color-yellow .btn { background: #193e8c; color: #FFFFFF; } .mailing-list.color-yellow .btn:hover, .mailing-list.color-yellow .btn:focus, .mailing-list.color-yellow .btn:active { border-color: #193e8c !important; background: #ffbf00 !important; color: #193e8c !important; } /*loan search*/ .loansSearch label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 600; color: #fff; } /* -------------------------------------------------------- */ /* Sidebar /* -------------------------------------------------------- */ #sidebar-main { height: auto; /* min-height: 300px;*/ /* overflow-y: scroll;*/ } #sidebar-main .sidebar-scroll-wrapper { /* border: 1px solid red;*/ } /** * cookie * ------------------------------- */ #cookie-bar { padding: 10px; background-color: rgba(55, 55, 55, .8); position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; text-align: center; font-size: 13px; } #cookie-bar span { color: #fff; margin: 0 10px; } #cookie-bar a { color: #fff; text-decoration: underline; } #cookie-bar a.btn-confirmed { display: inline-block; cursor: pointer; text-decoration: none; color: #fff; border: 2px solid #ffffff; margin-top: 7px; padding: 3px 9px; } #cookie-bar a.btn-confirmed:hover, #cookie-bar a.btn-confirmed:active { text-decoration: none; border: 2px solid #ffffff !important; background-color: #fff; color: #000; } .inner-padding-50 { padding: 50px; } @media (max-width: 769px) { .inner-padding-50 { padding: 25px; } } .background-gray { background-color: #F8F8F8; display: block; } .background-studenti { background-color: #9bc53d; } .background-pegagogovia { background-color: #FB7921; } .a-white a, .a-white a:hover, .a-white a:focus { color: #fff; } .table-content { display: table; } .table-cell-content { display: table-cell; vertical-align: middle !important; } /* -------------------------------------------------------- */ /* calculator */ /* -------------------------------------------------------- */ .calc-box { font-family: sans-serif; } .module-calculator { margin-bottom: 30px; } label { font-weight: 600; } .module-calculator .help-block { margin-bottom: 0px; color: #444; } .calculator-table { width: 100%; margin-top: 20px; } .calculator-table tr:nth-child(odd) { } .calculator-table th { border: 1px solid #DCDCDC; padding: 8px !important; background: #F0F0F0; color: #444; font-weight: 600; text-align: right; font-size: 14px; } .calculator-table td { border: 1px solid #DCDCDC; padding: 8px !important; font-size: 14px; } @media (max-width: 767px) { .calculator-table th, .calculator-table td { text-align: center; } .calculator-table th { text-align: center; } } 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 { background: #f8f8f8 !important; color: #444 !important; border-color: #d8d8d8 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; padding: 10px 10px !important; height: auto; font-size: 16px; } .input-lg, select.input-lg { font-size: 16px; } .form-control { border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } /* -------------------------------------------------------- */ /* Logos */ /* -------------------------------------------------------- */ .logos-full { background: #f8f8f8; padding: 0px 0px; } .logos-full .logos { position: relative; text-align: center; display: table; margin: 0px auto; width: 100%; padding: 40px 0px; } .logo-cell { display: table-cell; vertical-align: middle; width: 11.1%; } .logos img { padding: 15px 15px; max-width: 100%; height: auto; opacity: 1; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .logos a:hover img { opacity: 1; } @media (max-width: 767px) { .logo-cell { display: inline-flex; justify-content: center; width: 33%; } } @media (max-width: 992px) { .table-content { display: block; } .table-cell-content { display: block; } } /* -------------------------------------------------------- */ /* Search */ /* -------------------------------------------------------- */ form.search-form { position: relative; height: 40px; padding: 0px; margin-bottom: 0; background: #FFFFFF; white-space: nowrap; text-align: right; margin-top: 18px; } form.search-form { height: 35px; padding: 0px; margin-bottom: 0; background: transparent; white-space: nowrap; text-align: right; margin-top: 0; top: 0px; right: 0px; display: inline-block; } form.search-form input[type=submit] { -webkit-appearance: none; cursor: pointer; position: absolute; left: 12px; top: -53px; width: 30px; height: 30px; display: inline-block; border: 0px; background: transparent; z-index: 1; } .search-submit { position: relative; } .search-submit:after { font-family: 'Font Awesome 5 Free'; content: "\f002"; position: absolute; left: 14px; top: -42px; height: 14px; width: 14px; color: #0B2262; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; } form.search-form input[type=text] { text-indent: 30px; border-radius: 25px !important; border: 1px solid #0B2262 !important; background: #fff !important; padding: 7px !important; color: #0B2262 !important; font-size: 14px; } form.search-form input[type=text]::placeholder { color: #0B2262 !important; font-size: 14px; } .flex-box-0 { display: flex; } @media (max-width: 767px) { .flex-box-0 { display: block; } } .flex-box { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } section { padding-top: 20px; padding-bottom: 20px; } .padding-top-0 { padding-top: 0px; } .padding-bottom-0 { padding-bottom: 0px; } .padding-40-20 { padding: 40px 20px; } .padding-20 { padding: 20px; } .padding-30 { padding: 30px; } .padding-40 { padding: 40px; } .spacer-10 { height: 10px; } .spacer-20 { height: 20px; } .spacer-30 { height: 30px; } .spacer-40 { height: 40px; } .spacer-50 { height: 50px; } .spacer-60 { height: 60px; } @media (max-width: 767px) { section { padding-top: 0px; padding-bottom: 10px; } .spacer-10 { height: 10px; } .spacer-20 { height: 10px; } .spacer-30 { height: 15px; } .spacer-40 { height: 20px; } .spacer-50 { height: 25px; } .spacer-60 { height: 30px; } } li a.offset-left { margin-left: 10px !important; } /*************************************** Dokumenty ikony ****************************************/ a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".rtf"], a[href$=".xls"], a[href$=".xlsx"] { display: inline-block; margin-bottom: 5px; } a[href$=".pdf"]:before, a[href$=".doc"]:before, a[href$=".docx"]:before, a[href$=".rtf"]:before, a[href$=".xls"]:before, a[href$=".xlsx"]:before { content: " "; display: inline-block; background-position: 0 0px; width: 45px; height: 45px; line-height: 45px; padding: 0px; text-align: center; margin: 0px 10px 0px 0px; border-radius: 50%; color: #fff; font-weight: 600; } a[href$=".pdf"]:before { content: "pdf"; background-color: #9C9669; } a[href$=".doc"]:before { content: "doc"; background-color: #9C9669; } a[href$=".docx"]:before { content: "docx"; background-color: #9C9669; } a[href$=".xls"]:before { content: "xls"; background-color: #9C9669; } a[href$=".xlsx"]:before { content: "xlsx"; background-color: #9C9669; } a[href$=".rtf"]:before { content: "rtf"; background-color: #9C9669; } .studenti a[href$=".pdf"]:before, .studenti a[href$=".doc"]:before, .studenti a[href$=".docx"]:before, .studenti a[href$=".xls"]:before, .studenti a[href$=".xlsx"]:before, .studenti a[href$=".rtf"]:before { background-color: #9bc53d; } .pedagogovia a[href$=".pdf"]:before, .pedagogovia a[href$=".doc"]:before, .pedagogovia a[href$=".docx"]:before, .pedagogovia a[href$=".xls"]:before, .pedagogovia a[href$=".xlsx"]:before, .pedagogovia a[href$=".rtf"]:before { background-color: #FB7921; } /* ####################################################################### meanMenu -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ @media (min-width: 768px) { .mean-nav .navbar-inner .container { width: auto; } } a.meanmenu-reveal { display: none; } .mean-nav .logo { margin-top: 0px; display: inline-block; max-width: 80px; margin-left: 20px; line-height: 60px; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { width: 100%; position: fixed; padding: 0px 0; top: 0; background: #1e1e1e; min-height: 60px; max-height: 100%; z-index: 999; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; margin-right: 20px; margin-top: 0px; position: absolute; top: 6px; right: 0px; cursor: pointer; color: #aaaaaa; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-weight: 700; z-index: 5000; -webkit-transition: all 0ms ease-in; -moz-transition: all 0ms ease-in; -ms-transition: all 0ms ease-in; -o-transition: all 0ms ease-in; transition: all 0ms ease-in; } .mean-container a.meanmenu-reveal span { display: block; background: #aaaaaa; height: 3px; margin-top: 3px; } .mean-container a.meanmenu-reveal:hover span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { position: absolute; float: left; overflow: hidden; min-height: 60px; max-height: 100%; background: #1e1e1e; margin-top: 0px; width: 100%; } .mean-container .mean-nav .nav { margin-top: 0px; } .mean-container .navbar-inner { position: relative; overflow-y: auto; overflow-x: hidden; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 93%; color: #aaaaaa; font-size: 12px; padding: 8px 1%; margin: 0em 3%; border-bottom: 1px solid #464646; } .mean-container .mean-nav ul li:last-child { padding: 0.7em 1% 0 0.7em; border-bottom: 0px solid #464646; } .mean-container .mean-nav ul { margin-bottom: 25px; } .mean-container .mean-nav ul li a { display: inline-block; float: left; width: 100%; text-align: left; color: #aaaaaa; font-size: 12px; } .mean-container .mean-nav ul li li a { width: 100%; border-bottom: 0px solid #464646; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 20px; } .mean-container .mean-nav ul li li li a { width: 100%; } .mean-container .mean-nav ul li li li li a { width: 100%; } .mean-container .mean-nav ul li li li li li a { width: 100%; } .mean-container .mean-nav ul li a:hover { color: #ffffff; } .mean-container .mean-nav ul li a.mean-expand { width: 20px; height: 20px; border: 0px solid; padding: 9px; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover { background: #FFF; color: #464646; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .media { margin: 0px; } #termsfeed-com---nb { bottom: 1.25em; right: 1.25em; box-shadow: 0 0.625em 1.875em rgb(2, 2, 3, 0.28); } .termsfeed-com---nb .cc-nb-main-container { padding: 1.1em 1.8em 1.4em 1.8em !important; background: white; } #open-cookie-bar { position: fixed; display: block; background: white; bottom: 1.25em; left: 1.25em; width: 40px; height: 40px; padding: 0; border-radius: 50%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAACmAAAApgHdff84AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAJlQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvrCY7gAAADJ0Uk5TAAEDBAUICg8SFhkpMDE0OEhLXmVmcHF9f4aYmZ6mp6itsrjKy8zN1drb3OXm8/f5+v6yXiULAAAA9UlEQVQoz2WS27qCIBBG/9J2kpnSriTtRGYnSW3e/+H2BYLi/i9n8S2GGQAdxoVUn+cWbry0pabMH7Rz62FBWeQD7/vUqa/rKgEAvC7u+foaYML5BCnth/6iCgBOxIHT96cHKSUwYEMrW2dtBkCrsKSDBZyigffYHladTTT+AMyPRN89prstZGk8OsvNiS53ekLl5ua+ndf78XHAOTYsV44qnhlQytHlXfxGjNrthBFx88BZDGDxu9DCrGVmJPEZwI1uAICEUjtEoAdBVXh27IBVBdc6HC1Ke6p6PV4t4EcZFeG/z5CXDbWp5zTPuJBKScFZV/gDiJ4Z1FdCCoMAAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: center center; box-shadow: 0 0.625em 1.875em rgb(2, 2, 3, 0.28); }.content-slider { position: relative; padding: 0; margin: 0 0 10px 0; } .content-slider .content-slider-control-nav { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; color: #fff; text-align: center; z-index: 10; cursor: inherit; } .content-slider .content-slider-nav { opacity: .5; color: rgba(255, 191, 0, 0.71); padding: 0; height: 30px; line-height: 30px; width: 100%; font-size: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; } .content-slider .content-slider-nav:hover { color: #ffbf00; text-decoration: none; outline: 0; opacity: 1; } .content-slider .button-prev { left: 0; } .content-slider .button-next { right: 0; } .content-slider-inner { overflow: hidden; height: auto; } .content-slider-list { position: relative; display: flex; flex-wrap: wrap; justify-content: center; } .content-slider-list.unwrap { flex-wrap: nowrap; } .content-slider-item { margin: 15px 0; /* flex: 1 0 300px; width: 300px; max-width: 300px; */ } .content-slider-pages { position: absolute; bottom: -30px; width: 100%; text-align: center; } .content-slider-pages a { display: inline-block; border: 1px solid #d8d8d8; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 10px; height: 10px; margin: 2px; } .content-slider-pages a.active { background: #d8d8d8; border-color: transparent; } .content-slider-item.use-bg img { opacity: 0; } .content-slider-item.use-bg a { /* -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); */ background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 768px) { .content-slider .content-slider-nav { height: 30px; line-height: 30px; width: 30px; font-size: 14px; } .content-slider .button-prev { left: 0; } .content-slider .button-next { right: 0; } .content-slider .content-slider-nav { font-size: 20px; } } .ekko-lightbox{display:-ms-flexbox!important;display:flex!important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}} /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVra28tbGlnaHRib3guY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGVBQ0UsOEJBQXlCLEFBQXpCLHVCQUF5QixBQUN6QixzQkFBb0IsQUFBcEIsbUJBQW9CLEFBQ3BCLHFCQUF3QixBQUF4Qix1QkFBd0IsQUFDeEIseUJBQTZCLENBQzlCLEFBQ0QseUJBQ0UsaUJBQW1CLENBQ3BCLEFBQ0QsZ0RBQ0Usa0JBQW1CLEFBQ25CLE1BQU8sQUFDUCxPQUFRLEFBQ1IsU0FBVSxBQUNWLFFBQVMsQUFDVCxVQUFZLENBQ2IsQUFDRCxzQkFDRSxXQUFZLEFBQ1osV0FBYSxDQUNkLEFBQ0QsMkJBQ0UsVUFBYSxBQUNiLGtCQUFtQixBQUNuQixNQUFPLEFBQ1AsT0FBUSxBQUNSLFdBQVksQUFDWixZQUFhLEFBQ2Isb0JBQWMsQUFBZCxZQUFjLENBQ2YsQUFDRCw2QkFDRSxXQUFRLEFBQVIsT0FBUSxBQUNSLG9CQUFjLEFBQWQsYUFBYyxBQUNkLHNCQUFvQixBQUFwQixtQkFBb0IsQUFDcEIsVUFBVyxBQUNYLHVCQUF5QixBQUN6QixXQUFZLEFBQ1osZUFBZ0IsQUFDaEIsU0FBYSxDQUNkLEFBQ0QsK0JBQ0Usb0JBQWEsQUFBYixXQUFhLENBQ2QsQUFDRCxvQ0FDRSxZQUFjLENBQ2YsQUFDRCxrQ0FDRSxjQUFnQixDQUNqQixBQUNELDZDQUNFLGdCQUFrQixDQUNuQixBQUNELG1DQUNFLG9CQUFzQixDQUN2QixBQUNELG1DQUNFLFlBQWMsQ0FDZixBQUNELHNDQUNFLGVBQWdCLEFBQ2hCLGlCQUFtQixDQUNwQixBQUNELHVCQUNFLFVBQVcsQUFDWCxvQkFBc0IsQ0FDdkIsQUFDRCw2QkFDRSxZQUFjLENBQ2YsQUFDRCw2QkFDRSxlQUFpQixDQUNsQixBQUNELHNCQUNFLGtCQUFtQixBQUNuQixNQUFPLEFBQ1AsT0FBUSxBQUNSLFNBQVUsQUFDVixRQUFTLEFBQ1QsV0FBWSxBQUNaLG9CQUFjLEFBQWQsYUFBYyxBQUVkLDBCQUF1QixBQUF2QixzQkFBdUIsQUFFdkIscUJBQXdCLEFBQXhCLHVCQUF3QixBQUV4QixzQkFBb0IsQUFBcEIsa0JBQW9CLENBQ3JCLEFBQ0QsMEJBQ0UsV0FBWSxBQUNaLFlBQWEsQUFDYixrQkFBbUIsQUFDbkIsaUJBQW1CLENBQ3BCLEFBQ0QsOEJBQ0UsV0FBWSxBQUNaLFlBQWEsQUFDYixrQkFBbUIsQUFDbkIsc0JBQXVCLEFBQ3ZCLFdBQWEsQUFDYixrQkFBbUIsQUFDbkIsTUFBTyxBQUNQLE9BQVEsQUFDUixtQ0FBNkMsQ0FDOUMsQUFDRCx5Q0FDRSxtQkFBcUIsQ0FDdEIsQUFDRCw0Q0FDRSxxQkFBdUIsQ0FDeEIsQUFVRCxhQUNFLE1BRUUsbUJBQW9CLEFBQ3BCLDBCQUE0QixDQUM3QixBQUNELElBQ0UsbUJBQW9CLEFBQ3BCLDBCQUE0QixDQUM3QixDQUNGIiwiZmlsZSI6ImVra28tbGlnaHRib3guY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmVra28tbGlnaHRib3gge1xuICBkaXNwbGF5OiBmbGV4ICFpbXBvcnRhbnQ7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBwYWRkaW5nLXJpZ2h0OiAwcHghaW1wb3J0YW50O1xufVxuLmVra28tbGlnaHRib3gtY29udGFpbmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuLmVra28tbGlnaHRib3gtY29udGFpbmVyID4gZGl2LmVra28tbGlnaHRib3gtaXRlbSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbn1cbi5la2tvLWxpZ2h0Ym94IGlmcmFtZSB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSB7XG4gIHotaW5kZXg6IDEwMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhIHtcbiAgZmxleDogMTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjVzO1xuICBjb2xvcjogI2ZmZjtcbiAgZm9udC1zaXplOiAzMHB4O1xuICB6LWluZGV4OiAxMDA7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhID4gKiB7XG4gIGZsZXgtZ3JvdzogMTtcbn1cbi5la2tvLWxpZ2h0Ym94LW5hdi1vdmVybGF5IGEgPiAqOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbn1cbi5la2tvLWxpZ2h0Ym94LW5hdi1vdmVybGF5IGEgc3BhbiB7XG4gIHBhZGRpbmc6IDAgMzBweDtcbn1cbi5la2tvLWxpZ2h0Ym94LW5hdi1vdmVybGF5IGE6bGFzdC1jaGlsZCBzcGFuIHtcbiAgdGV4dC1hbGlnbjogcmlnaHQ7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhOmhvdmVyIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmVra28tbGlnaHRib3gtbmF2LW92ZXJsYXkgYTpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG59XG4uZWtrby1saWdodGJveC1uYXYtb3ZlcmxheSBhLmRpc2FibGVkIHtcbiAgY3Vyc29yOiBkZWZhdWx0O1xuICB2aXNpYmlsaXR5OiBoaWRkZW47XG59XG4uZWtrby1saWdodGJveCBhOmhvdmVyIHtcbiAgb3BhY2l0eTogMTtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuLmVra28tbGlnaHRib3ggLm1vZGFsLWRpYWxvZyB7XG4gIGRpc3BsYXk6IG5vbmU7XG59XG4uZWtrby1saWdodGJveCAubW9kYWwtZm9vdGVyIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cbi5la2tvLWxpZ2h0Ym94LWxvYWRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBib3R0b206IDA7XG4gIHJpZ2h0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgLyogZXN0YWJsaXNoIGZsZXggY29udGFpbmVyICovXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIC8qIG1ha2UgbWFpbiBheGlzIHZlcnRpY2FsICovXG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAvKiBjZW50ZXIgaXRlbXMgdmVydGljYWxseSwgaW4gdGhpcyBjYXNlICovXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4uZWtrby1saWdodGJveC1sb2FkZXIgPiBkaXYge1xuICB3aWR0aDogNDBweDtcbiAgaGVpZ2h0OiA0MHB4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5la2tvLWxpZ2h0Ym94LWxvYWRlciA+IGRpdiA+IGRpdiB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbiAgb3BhY2l0eTogMC42O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYW5pbWF0aW9uOiBzay1ib3VuY2UgMnMgaW5maW5pdGUgZWFzZS1pbi1vdXQ7XG59XG4uZWtrby1saWdodGJveC1sb2FkZXIgPiBkaXYgPiBkaXY6bGFzdC1jaGlsZCB7XG4gIGFuaW1hdGlvbi1kZWxheTogLTFzO1xufVxuLm1vZGFsLWRpYWxvZyAuZWtrby1saWdodGJveC1sb2FkZXIgPiBkaXYgPiBkaXYge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzO1xufVxuQC13ZWJraXQta2V5ZnJhbWVzIHNrLWJvdW5jZSB7XG4gIDAlLFxuICAxMDAlIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMCk7XG4gIH1cbiAgNTAlIHtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbn1cbkBrZXlmcmFtZXMgc2stYm91bmNlIHtcbiAgMCUsXG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgLXdlYmtpdC10cmFuc2Zvcm06IHNjYWxlKDApO1xuICB9XG4gIDUwJSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxKTtcbiAgICAtd2Via2l0LXRyYW5zZm9ybTogc2NhbGUoMSk7XG4gIH1cbn1cbiJdfQ== *//** * carousel */ .carousel-inner { position: relative; } .carousel .item { position: absolute; width: 100%; height: 100%; } .carousel .item .carousel-item-img-bg { position: relative; width: 100%; height: 100%; background-repeat: repeat; } .carousel .item .carousel-item-img { position: relative; max-width: 100%; height: 100%; margin: 0 auto; background-position: center center; background-repeat: no-repeat; } .carousel.adjust-0 .item .carousel-item-img, .carousel.adjust-2 .item .carousel-item-img { background-size: auto 100%; } .carousel.adjust-1 .item .carousel-item-img, .carousel.adjust-3 .item .carousel-item-img { background-size: 100% auto; } @media (max-width: 991px) { .carousel.adjust-2 .item .carousel-item-img { background-size: 100% auto; } .carousel.adjust-3 .item .carousel-item-img { background-size: auto 100%; } } .carousel .item .carousel-item-img > a { display: block; cursor: pointer; height: 100%; width: 100%; } .carousel-indicators li { cursor: pointer; height: 10px; width: 10px; background-color: #2E667D; /*rgba(100, 100, 100, .6);*/ } .carousel-indicators .active { background-color: #e44f4f; /*rgba(100, 100, 100, .9);*/ } .carousel-control { z-index: 10; } .carousel-item-img .description { position: absolute; top: 5%; left: 5%; right: 5%; padding: 0; max-width: 50%; text-align: left; } .carousel-item-img .description.description-page-title { max-width: 100%; height: 100%; font-size: 45px; display: flex; left: 0; top: 0; justify-content: center; flex-direction: column; text-align: center; width: 100%; text-transform: uppercase; } .carousel-item-img .description.center { left: 0; top: 0; max-width: 100%; width: 100%; height: 100%; } .carousel-item-img .description.left { left: 5%; right: 5%; } .carousel-item-img .description.right { left: auto; right: 5%; } .carousel-item-img .description.top { top: 5%; right: 5%; } .carousel-item-img .description.bottom { top: auto; bottom: 15%; right: 0; } .carousel-item-img .description div { display: table; padding: 4%; } .carousel-item-img .description.center div { width: 100%; height: 100%; text-align: center; padding: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .carousel-item-img .description.center.left div { justify-content: flex-start; } .carousel-item-img .description.center.right div { justify-content: flex-end; } .carousel-item-img .description ul { list-style: none; margin: 0; padding: 0; } .carousel-item-img .description ul li { position: relative; text-align: left; padding-left: 30px; } .carousel-item-img .description a { display: inline-block; color: #FFFFFF; background: #193e8c; font-size: 14px; border: 2px solid #193e8c; text-shadow: none !important; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 7px 20px; text-decoration: none; text-transform: uppercase; } .carousel-item-img .description ul li:before { font-family: 'Font Awesome 5 Free'; content: "\f067"; position: absolute; left: 0; top: calc(50% - 11px); width: 17px; height: 17px; padding: 3px; font-size: 12px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-weight: 900; background: #ffbf00; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .carousel-item-img .description span { font-size: 20px; /* line-height: 153%;*/ display: block; } .carousel-item-img .description h1 { margin: 0; font-size: 400px; font-weight: 400; letter-spacing: 0.8px; padding:0px 20px; font-size: 40px; } .carousel-item-img .description, .carousel-item-img .description h1, .carousel-item-img .description.black, .carousel-item-img .description.black h1 { color: #000000 !important; } .carousel-item-img .description.white, .carousel-item-img .description.white h1 { color: #FFFFFF !important; } .carousel-control-prev-icon, .carousel-control-next-icon { background: rgba(60, 60, 60, .3); color: #ffffff; padding: 0; height: 50px; line-height: 50px; width: 50px; font-size: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .carousel-control i { width: 30px; height: 30px; display: inline-block; position: absolute; line-height: 30px; text-align: center; top: 50%; margin-top: -15px; } .carousel-control-prev-icon i { left: 5% } .carousel-control-next-icon i { right: 5% } @media (max-width: 992px) { .carousel-item-img .description h1 { font-size: 36px; margin-bottom: 5px; } .carousel-item-img .description span { font-size: 16px; } .carousel-item-img .description.description-page-title h1 { font-size: 36px; } } @media (max-width: 767px) { .body-index .carousel-inner { padding-bottom: 53% !important; } .carousel-item-img .description h1 { font-size:20px; } .carousel-item-img .description span { font-size: 14px; } .carousel-item-img .description.center h1 { font-size: 20px; } .carousel-item-img .description a { margin: 5px 0; font-size: 11px; padding: 4px; } .carousel-item-img .description.description-page-title h1 { font-size: 20px; } .carousel-control-prev-icon, .carousel-control-next-icon { height: 30px; line-height: 30px; width: 30px; font-size: 14px; } }