/*------------------------------------------------------------------
Project:	Mentor - Mentor & Coach HTML Template
Version:	1.0
Last change:	24.10.2016
Assigned to:	ThemeStarz

[Table of contents]

1. Header
2. Hero Slider
3. Elements Styling
4. Universal classes
5. Classes
6. Forms
7. Responsive

[Color codes]

default_color[#1e4b97];
Color grey dark: #1f1f1f;
Color grey light: #fafafa;

[Typography]

Body copy:		'Lato', sans-serif; 14px;
Headers:		'Lato', sans-serif;


-------------------------------------------------------------------*/


/*General*/
#error span {
    font-size: 200%;
    background-color: white;
    padding: 50px;
    height:200px;
    display:block;
    margin-top:-800px
}

html,
body,
* {
    font-family: Arial, sans-serif;
}

html,
body {
    overflow-x: hidden;
}

body {
    /*font-family: 'muli', Arial, sans-serif;*/
    position: relative;
}


/* #vorschlag {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
} */

#vorschlagForm label,
#vorschlagFormIdea label {
    font-size: 1.0em !important;
}

#vorschlagForm #captchalabel,
#vorschlagFormIdea #captchalabel {
    text-transform: initial !important;
}

#initialMapLoader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: block;
}

#searchSomething {
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9500;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 99%;
    height: 99%;
    border-style: solid;
    border-color: black;
    bottom: 0;
    right: 0;
    margin: auto;
    padding: 7rem;
    min-width: 360px;
    min-height: 360px;
    background: rgba(24, 60, 171, .9);
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    box-shadow: 0 20px 20px -20px rgba(24, 60, 171, 1);
    font-size: 120%;
    max-width: 551px;
    max-height: 426px;
}

#searchSomething h1 {
    color: #fff;
    opacity: 1;
}

#suchboxDiv {
    position: relative;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#initialMapLoader::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
    z-index: 99999999999999;
}


/* Paddings and Margins */

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: .25rem !important;
}

.m-2 {
    margin: .5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: .25rem !important;
}

.mr-1 {
    margin-right: .25rem !important;
}

.mb-1 {
    margin-bottom: .25rem !important;
}

.ml-1 {
    margin-left: .25rem !important;
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important;
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important;
}

.mt-2 {
    margin-top: .5rem !important;
}

.mr-2 {
    margin-right: .5rem !important;
}

.mb-2 {
    margin-bottom: .5rem !important;
}

.ml-2 {
    margin-left: .5rem !important;
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important;
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.mr-4 {
    margin-right: 1.5rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4 {
    margin-left: 1.5rem !important;
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-5 {
    margin-top: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.mb-5 {
    margin-bottom: 3rem !important;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}

.p-0 {
    padding: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-1 {
    padding-top: .25rem !important;
}

.pr-1 {
    padding-right: .25rem !important;
}

.pb-1 {
    padding-bottom: .25rem !important;
}

.pl-1 {
    padding-left: .25rem !important;
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}

.pt-2 {
    padding-top: .5rem !important;
}

.pr-2 {
    padding-right: .5rem !important;
}

.pb-2 {
    padding-bottom: .5rem !important;
}

.pl-2 {
    padding-left: .5rem !important;
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
}

.pt-3 {
    padding-top: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.pt-4 {
    padding-top: 1.5rem !important;
}

.pr-4 {
    padding-right: 1.5rem !important;
}

.pb-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4 {
    padding-left: 1.5rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.pr-5 {
    padding-right: 3rem !important;
}

.pb-5 {
    padding-bottom: 3rem !important;
}

.pl-5 {
    padding-left: 3rem !important;
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}


/* 1. Header */

body .primary-nav,
body .secondary-nav {
    display: inline-block;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}

body .primary-nav.has-mega-menu,
body .secondary-nav.has-mega-menu {
    position: initial;
}

body .primary-nav.has-mega-menu .mega-menu-parent,
body .secondary-nav.has-mega-menu .mega-menu-parent {
    position: initial;
    display: inline-block;
}

body .primary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu,
body .primary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu:hover,
body .secondary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu,
body .secondary-nav.has-mega-menu .mega-menu-parent:hover .mega-menu:hover {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: -7px;
    text-align: left;
    top: -3px;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu:hover,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu:hover {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .nav-wrapper,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .nav-wrapper {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: #fff;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu h4,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu h4 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 0;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block;
    background-color: transparent;
    border: none;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 3px 0 !important;
    display: block;
    font-weight: bold;
    display: inline-block;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a:hover,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #1e4b97;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .container {
    padding-left: 30px;
    padding-right: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row {
    display: table;
    width: 100%;
    height: 100%;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row>[class*=" col-"],
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row>[class*=" col-"] {
    display: table;
    height: 100%;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .image,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .image {
    width: 100%;
    height: 100%;
    position: relative;
    display: table;
    z-index: 1;
}

body .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .btn,
body .secondary-nav.has-mega-menu .mega-menu-parent .mega-menu .btn {
    z-index: 1;
}

body .primary-nav.has-mega-menu .mega-menu-parent .wrapper,
body .secondary-nav.has-mega-menu .mega-menu-parent .wrapper {
    right: 0 !important;
    left: inherit !important;
}

body .primary-nav ul.navigation,
body .secondary-nav ul.navigation {
    list-style: none;
    margin-bottom: 0;
}

body .primary-nav ul.navigation>li.has-child:hover>a,
body .secondary-nav ul.navigation>li.has-child:hover>a {
    color: #1e4b97;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

body .primary-nav ul.navigation>li.has-child:hover>a:before,
body .secondary-nav ul.navigation>li.has-child:hover>a:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

body .primary-nav ul.navigation>li.has-child:hover>a:after,
body .secondary-nav ul.navigation>li.has-child:hover>a:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

body .primary-nav ul.navigation>li.has-child:hover .wrapper,
body .secondary-nav ul.navigation>li.has-child:hover .wrapper {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
}

body .primary-nav ul.navigation li,
body .secondary-nav ul.navigation li {
    display: inline-block;
    position: relative;
    text-align: left;
}

body .primary-nav ul.navigation li.has-child>a,
body .secondary-nav ul.navigation li.has-child>a {
    padding-right: 20px;
}

body .primary-nav ul.navigation li.has-child>a:before,
body .secondary-nav ul.navigation li.has-child>a:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    color: #000;
    content: "\f078";
    position: absolute;
    font-size: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
    padding-right: 7px;
}

body .primary-nav ul.navigation li.has-child>a:after,
body .secondary-nav ul.navigation li.has-child>a:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    color: #000;
    content: "\f077";
    position: absolute;
    font-size: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
    padding-right: 7px;
}

body .primary-nav ul.navigation li.has-child>.wrapper,
body .secondary-nav ul.navigation li.has-child>.wrapper {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
    /****/
    right: inherit;
    left: 0;
}

body .primary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper,
body .primary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper,
body .secondary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper,
body .secondary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper {
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
    padding-left: 0;
    margin-top: 10px;
    min-width: 150px;
}

body .primary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child,
body .primary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper>ul>li:first-child,
body .secondary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child,
body .secondary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper>ul>li:first-child {
    position: relative;
}

body .primary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child:hover:after,
body .primary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper>ul>li:first-child:hover:after,
body .secondary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child:hover:after,
body .secondary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper>ul>li:first-child:hover:after {
    border-color: transparent transparent #f2f2f2 transparent;
}

body .primary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child:after,
body .primary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper>ul>li:first-child:after,
body .secondary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child:after,
body .secondary-nav ul.navigation li.has-child>.wrapper .mega-menu .nav-wrapper>ul>li:first-child:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    z-index: 1;
    top: -6px;
    left: 12px;
    content: "";
}

body .primary-nav ul.navigation li.has-child .nav-wrapper i,
body .secondary-nav ul.navigation li.has-child .nav-wrapper i {
    margin-right: 10px;
}

body .primary-nav ul.navigation li ul,
body .secondary-nav ul.navigation li ul {
    padding-left: 0;
}

body .primary-nav ul.navigation li ul li,
body .secondary-nav ul.navigation li ul li {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

body .primary-nav ul.navigation li ul li:last-child,
body .secondary-nav ul.navigation li ul li:last-child {
    border-bottom: none;
}

body .primary-nav ul.navigation li ul li:hover,
body .secondary-nav ul.navigation li ul li:hover {
    background-color: #f2f2f2;
    color: #1e4b97;
}

body .primary-nav ul.navigation li ul li:hover ul li,
body .secondary-nav ul.navigation li ul li:hover ul li {
    background-color: transparent;
}

body .primary-nav ul.navigation li ul li:hover ul li:hover,
body .secondary-nav ul.navigation li ul li:hover ul li:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

body .primary-nav ul.navigation li ul li:hover>.nav-wrapper,
body .secondary-nav ul.navigation li ul li:hover>.nav-wrapper {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
}

body .primary-nav ul.navigation li ul li.has-child>a:before,
body .secondary-nav ul.navigation li ul li.has-child>a:before {
    content: "\f054";
}

body .primary-nav ul.navigation li ul li .nav-wrapper,
body .secondary-nav ul.navigation li ul li .nav-wrapper {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: #fff;
    pointer-events: none;
    position: absolute;
    z-index: 1;
    right: 0;
    min-width: 150px;
    top: 0;
}

body .primary-nav ul.navigation li ul li ul li:first-child,
body .secondary-nav ul.navigation li ul li ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

body .primary-nav ul.navigation li ul li a,
body .secondary-nav ul.navigation li ul li a {
    display: block !important;
    padding: 6px 8px !important;
}

body .primary-nav ul.navigation li ul li a:hover,
body .secondary-nav ul.navigation li ul li a:hover {
    color: #1e4b97;
}

body .primary-nav a i,
body .secondary-nav a i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    margin-right: 5px;
}

body .secondary-nav ul.navigation li.has-child>.wrapper {
    left: inherit;
    right: 0;
}

body .secondary-nav ul.navigation li.has-child>.wrapper>.nav-wrapper>ul>li:first-child::after {
    left: inherit;
    right: 10px;
}

#page-header {
    z-index: 999;
    position: relative;
    width: 100%;
}

#page-header nav {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    display: table;
    width: 100%;
    background-color: #fafafa;
    padding: 6px 7px;
    position: relative;
    z-index: 999;
    white-space: nowrap;
    height: 10vh;
}

#page-header .left,
#page-header .right {
    display: table-cell;
    vertical-align: middle;
}

#page-header .left {
    width: 263px;
}

#page-header .right {
    text-align: right;
}

#page-header .secondary-nav {
    display: inline-block;
    margin-right: 10px;
}

@media screen and (max-width:552px) {
    #page-header .secondary-nav {
        margin-right: 30px;
    }
}

#page-header .secondary-nav .image {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    float: right;
    margin-bottom: -3px;
}

#page-header .secondary-nav a:not(.btn),
#page-header .primary-nav a:not(.btn) {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    color: #1f1f1f;
    margin: 0;
    border: 2px solid transparent;
    padding: 4px 6px;
}

#page-header .secondary-nav a:not(.btn):hover,
#page-header .primary-nav a:not(.btn):hover {
    color: #d22d32;
}

#page-header .secondary-nav a:not(.btn).promoted,
#page-header .primary-nav a:not(.btn).promoted {
    color: #1e4b97;
    font-weight: 800;
}

#page-header .secondary-nav .navigation,
#page-header .primary-nav .navigation {
    display: inline-block;
    margin-bottom: 0;
    list-style: none;
}

#page-header .secondary-nav li.has-child>a,
#page-header .primary-nav li.has-child>a {
    padding-right: 20px;
    padding-left: 10px;
}

#page-header .primary-nav>ul>li.active>a,
#page-header .secondary-nav>ul>li.active>a {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #1e4b97;
    border: 2px solid rgba(0, 0, 0, 0.2);
}

#page-header .nav-btn {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: none;
    padding: 8px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    bottom: 0;
    height: 48px;
    right: 8px;
    margin: auto;
    background-color: transparent;
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 0px 2px rgb(37, 80, 154);
}

#page-header .nav-btn:hover,
#page-header .nav-btn.active {
    background-color: #1e4b97;
}

#page-header .nav-btn:hover i,
#page-header .nav-btn.active i {
    background-color: #fff;
}

#page-header .nav-btn:hover i:last-child,
#page-header .nav-btn.active i:last-child {
    width: 32px;
}

#page-header .nav-btn i {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    height: 3px;
    width: 32px;
    background-color: #fff;
    margin-bottom: 6px;
    display: block;
    background-color: #1e4b97;
}

#page-header .nav-btn i:first-child {
    margin-top: 5px;
}

#page-header .nav-btn i:last-child {
    width: 32px;
    margin-bottom: 0px;
}

#page-header .btn.icon i {
    margin-left: 0;
}

body.nav-btn-only #page-header .nav-btn {
    display: inline-block;
}

body.nav-btn-only #page-header .right {
    padding-right: 40px;
}

body.nav-btn-only #page-header .primary-nav {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: 0.2s transform;
    -webkit-transition: 0.2s transform;
    transition: 0.2s transform;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    visibility: hidden;
    position: absolute;
    top: 100%;
    margin-top: 6px;
    background-color: #1e4b97;
    padding-right: 0;
    margin-right: 0;
    border: 0;
    right: 0;
}

body.nav-btn-only #page-header .primary-nav.show {
    visibility: visible;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu {
    position: absolute;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent {
    position: relative;
    display: block;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.1);
    visibility: visible;
    pointer-events: auto;
    position: relative;
    right: 0;
    text-align: inherit;
    padding-top: 0;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu h4 {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #fff;
    font-weight: 800;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a {
    font-weight: 800;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child {
    padding-right: 25px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    color: #fff;
    content: "\f078";
    position: absolute;
    font-size: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
    padding-right: 7px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child:after,
body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu a.has-child:before {
    color: #fff;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul {
    background-color: rgba(0, 0, 0, 0.1);
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu ul li a {
    display: block;
    padding: 8px 10px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container {
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row {
    display: block;
    width: inherit;
    height: inherit;
    padding-right: 0px;
    padding-left: 0px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row>[class*=" col-"] {
    display: block;
    height: 100%;
    width: 100%;
    clear: both;
    margin-bottom: 0px;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row>[class*=" col-"]:last-child {
    margin-bottom: 0;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row>[class*=" col-"]:first-child>a {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .container .row>[class*=" col-"] a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .image {
    width: 100%;
    height: 100%;
    position: relative;
    display: table;
    z-index: 1;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .btn {
    z-index: 1;
}

body.nav-btn-only #page-header .primary-nav.has-mega-menu .mega-menu-parent .mega-menu .nav-wrapper {
    background-color: transparent;
}

body.nav-btn-only #page-header .primary-nav ul.navigation>li:first-child:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 8px 5px;
    border-color: transparent transparent #1e4b97 transparent;
    position: absolute;
    z-index: 1;
    top: -6px;
    right: 27px;
    content: "";
}

body.nav-btn-only #page-header .primary-nav ul.navigation>li.has-child a,
body.nav-btn-only #page-header .primary-nav ul.navigation>li.has-child:hover a {
    border: none;
    color: #fff;
}

body.nav-btn-only #page-header .primary-nav ul.navigation>li.has-child .wrapper,
body.nav-btn-only #page-header .primary-nav ul.navigation>li.has-child:hover .wrapper {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

body.nav-btn-only #page-header .primary-nav ul.navigation>li.has-child>.wrapper>.nav-wrapper>ul>li:first-child::after,
body.nav-btn-only #page-header .primary-nav ul.navigation>li.has-child:hover>.wrapper>.nav-wrapper>ul>li:first-child::after {
    display: none;
}

body.nav-btn-only #page-header .primary-nav ul.navigation li ul li a {
    padding: 10px 10px !important;
}

body.nav-btn-only #page-header .primary-nav ul.navigation li ul li .nav-wrapper {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: transparent;
}

body.nav-btn-only #page-header .primary-nav ul {
    padding-left: 0;
    min-width: 220px;
}

body.nav-btn-only #page-header .primary-nav ul li {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.nav-btn-only #page-header .primary-nav ul li:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

body.nav-btn-only #page-header .primary-nav ul li:hover a {
    border: none;
}

body.nav-btn-only #page-header .primary-nav ul li.active {
    background-color: rgba(0, 0, 0, 0.2);
}

body.nav-btn-only #page-header .primary-nav ul li.active a {
    border: none;
    color: #fff;
}

body.nav-btn-only #page-header .primary-nav ul li.has-child>a {
    padding-right: 25px;
}

body.nav-btn-only #page-header .primary-nav ul li.has-child>a:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    color: #fff;
    content: "\f078";
    position: absolute;
    font-size: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 11px;
    padding-right: 7px;
}

body.nav-btn-only #page-header .primary-nav ul li.has-child>a:after,
body.nav-btn-only #page-header .primary-nav ul li.has-child>a:before {
    color: #fff;
}

body.nav-btn-only #page-header .primary-nav ul li.has-child>a:hover:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

body.nav-btn-only #page-header .primary-nav ul li .wrapper {
    position: relative;
    padding-top: 0;
}

body.nav-btn-only #page-header .primary-nav ul li a {
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font-weight: 800;
    padding: 10px;
    display: block;
    border: none;
    color: #fff;
    position: relative;
}

body.nav-btn-only #page-header .primary-nav ul li a:hover {
    color: #fff;
}

body.nav-btn-only #page-header .primary-nav ul li a.has-child {
    padding-right: 25px;
}

body.nav-btn-only #page-header .primary-nav ul li a.has-child:before,
body.nav-btn-only #page-header .primary-nav ul li a.has-child:after {
    color: #fff;
    padding-right: 10px;
}

body.nav-btn-only #page-header .primary-nav ul li a.has-child[aria-expanded=true] {
    background-color: rgba(0, 0, 0, 0.2);
}

body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    position: relative;
}

body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul {
    background-color: rgba(0, 0, 0, 0.2);
}

body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul li {
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

body.nav-btn-only #page-header .primary-nav ul li .nav-wrapper ul li:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.noscroll {
    overflow: hidden;
}

.hero-section {
    position: relative;
}

.hero-section.full-screen.has-map.has-sidebar {
    height: 89vh !important;
}

.hero-section.has-background h1 {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #fff;
    font-weight: 800;
    font-size: 54px;
}

.hero-section.has-background h2 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
}

.hero-section.has-background h4 {
    color: #fff;
}

.hero-section.has-background .slider {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.hero-section.has-background .slider .owl-carousel,
.hero-section.has-background .slider .owl-stage-outer,
.hero-section.has-background .slider .owl-stage,
.hero-section.has-background .slider .owl-item {
    height: 100%;
}

.hero-section.has-background .slider .owl-nav,
.hero-section.has-background .slider .owl-dots {
    position: absolute;
}

.hero-section.has-background .slider .owl-controls {
    text-align: center;
}

.hero-section.has-background .slider .slide {
    display: table;
    height: 100%;
    width: 100%;
}

.hero-section.has-background .slider [data-owl-dots="1"] .owl-dots {
    display: inline-block !important;
    bottom: 10px;
}

.hero-section.has-background .slider .presentation {
    width: 100%;
    height: 100%;
}

.hero-section.has-background .slider .presentation:after {
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}

.hero-section.has-background .slider .presentation .description {
    position: absolute;
    width: 100%;
    bottom: 200px;
    z-index: 1;
}

.hero-section.has-background .slider .presentation .description h1 {
    text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.5);
    font-size: 72px;
    font-weight: bold;
}

.hero-section.has-background .slider .presentation .description h2 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    font-size: 18px;
    font-weight: bold;
}

.hero-section.has-background .slider .presentation .description h2 i {
    margin-right: 10px;
}

.hero-section.has-background .slider .presentation .description hr {
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    margin-bottom: 20px;
}

.hero-section.has-background .slider .presentation .description .label,
.hero-section.has-background .slider .presentation .description .rating-passive {
    display: inline-block;
    margin-right: 20px;
}

.hero-section.has-background .slider .presentation .description .label {
    padding: 6px;
    background-color: #fff;
    color: #000;
}

.hero-section.has-background .slider .presentation .description .rating-passive .stars figure {
    color: #fff;
    font-size: 16px;
}

.hero-section.has-background .slider .presentation .bg-transfer:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    content: "";
}

.hero-section.has-background form {
    z-index: 1;
}

.hero-section.has-map .results-wrapper .search-form {
    position: relative;
    height: auto;
    padding: 20px;
}

.hero-section.has-map .results-wrapper .search-form form {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 1);
    padding: 10px 20px;
    display: table;
    height: 100%;
    width: 100%;
}

.hero-section.has-map .results-wrapper .search-form .form-group {
    margin-bottom: 10px;
    display: table;
    height: auto;
    width: 100%;
    position: relative;
    padding-left: 0;
}

.hero-section.has-map .results-wrapper .search-form .btn {
    padding: 8px;
}

.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="text"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="email"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="date"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="time"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="search"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="password"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="number"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="tel"],
.hero-section.has-map .results-wrapper .search-form.inputs-underline textarea.form-control {
    padding-left: 0;
    color: inherit;
}

.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="text"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="text"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="email"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="email"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="date"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="date"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="time"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="time"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="search"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="search"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="password"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="password"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="number"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="number"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="tel"]:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline input[type="tel"]:focus,
.hero-section.has-map .results-wrapper .search-form.inputs-underline textarea.form-control:active,
.hero-section.has-map .results-wrapper .search-form.inputs-underline textarea.form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}

.hero-section.has-map .results-wrapper .search-form input[type="text"],
.hero-section.has-map .results-wrapper .search-form input[type="email"],
.hero-section.has-map .results-wrapper .search-form input[type="date"],
.hero-section.has-map .results-wrapper .search-form input[type="time"],
.hero-section.has-map .results-wrapper .search-form input[type="search"],
.hero-section.has-map .results-wrapper .search-form input[type="password"],
.hero-section.has-map .results-wrapper .search-form input[type="number"],
.hero-section.has-map .results-wrapper .search-form input[type="tel"],
.hero-section.has-map .results-wrapper .search-form textarea.form-control {
    padding: 8px;
    color: inherit;
}

.hero-section.has-map .results-wrapper .search-form .ui-slider {
    margin-top: 2px;
}

.hero-section.has-map .results-wrapper .search-form .ui-slider .noUi-base .noUi-handle {
    border: 2px solid #1e4b97;
    background-color: #fff;
}

.hero-section.has-map .results-wrapper .search-form .ui-slider .noUi-base .noUi-handle:hover,
.hero-section.has-map .results-wrapper .search-form .ui-slider .noUi-base .noUi-handle.noUi-active {
    -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
}

.hero-section.has-map .results-wrapper .search-form .btn[type="submit"] {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    width: 45px;
    height: 45px;
    bottom: -40px;
    right: 0px;
}

.hero-section.has-map .results-wrapper .search-form .btn[type="submit"]:before {
    display: none;
}

.hero-section.has-map .results-wrapper .search-form .btn[type="submit"]:after {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.hero-section.has-map .results-wrapper .search-form .btn[type="submit"]:active {
    top: inherit;
}

.hero-section.has-map .results-wrapper .search-form .btn[type="submit"] i {
    margin-left: 0;
    margin-top: -1px;
}

.hero-section.has-sidebar.sidebar-grid .map-wrapper,
.hero-section.has-sidebar.sidebar-grid .results-wrapper {
    width: 50%;
}

.hero-section.has-sidebar.sidebar-grid .results-wrapper .sidebar-detail {
    z-index: 22;
}

.hero-section.has-sidebar.sidebar-grid .results-content .item {
    display: inline-block;
    width: 46%;
    margin: 10px 10px 20px 20px;
    height: 270px;
}

.hero-section.has-sidebar.sidebar-grid .results-content .item .description {
    z-index: 1;
}

.hero-section.has-sidebar.sidebar-grid .results-content .item .image {
    background-size: cover;
}

.hero-section.has-sidebar.sidebar-grid .results-content .item .image .price {
    right: inherit;
    left: 10px;
}

#divmore500 {
    margin: 10px 20px;
    font-size: 20px;
    display: inline-block;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
}

.hero-section .coupon {
    display: table-cell;
    vertical-align: middle;
}

.hero-section .coupon div {
    height: auto;
}

.hero-section .coupon h1 {
    font-size: 36px;
    font-weight: bold;
}

.hero-section .coupon .wrapper {
    display: inline-block;
    text-align: left;
    width: 900px;
    position: relative;
}

.hero-section .coupon .image {
    position: absolute;
    left: 0;
}

.hero-section .coupon .image .circle {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 90px;
    height: 90px;
    color: #fff;
    font-weight: bold;
    left: 0;
    top: 0;
    background-color: #1e4b97;
    font-size: 24px;
    text-align: center;
    line-height: 86px;
}

.hero-section .coupon .image .bg-transfer {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 300px;
    height: 300px;
}

.hero-section .coupon .description {
    padding-left: 330px;
    padding-top: 10px;
}

.hero-section .coupon .description hr {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    border-top: 2px solid #fff;
    margin-bottom: 20px;
    margin-top: 20px;
}

.hero-section .coupon .description figure {
    display: inline-block;
    margin-right: 20px;
}

.hero-section .coupon .description .location i {
    margin-right: 10px;
}

.hero-section .coupon .description .label {
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
}

.hero-section .coupon .description .count-down {
    margin-bottom: 20px;
}

.hero-section .coupon .description .count-down .countdown-row .countdown-amount {
    font-size: 36px;
}

.hero-section>.wrapper {
    display: table;
    height: 100%;
    width: 100%;
    z-index: 2;
    position: relative;
}

.hero-section>.wrapper>.inner {
    display: table-cell;
    vertical-align: middle;
}

.hero-section .map-wrapper {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.hero-section .results-wrapper {
    -moz-transition: 0.7s ease;
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
    -moz-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
    position: relative;
    float: right;
    display: inline-block;
    background-color: #fff;
    height: 100%;
    overflow: hidden;
}

.hero-section .results-wrapper.show-detail .results {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.hero-section .results-wrapper.show-detail .sidebar-detail {
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.hero-section .results-wrapper.loading .sidebar-detail,
.hero-section .results-wrapper.loading .results {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.hero-section .results-wrapper h2 {
    margin: 10px 20px;
    font-size: 30px;
    display: inline-block;
}

.hero-section .results-wrapper h2 .results-number {
    margin-left: 10px;
    font-size: 22px;
    color: rgba(0, 0, 0, 0.4);
    display: inline-block;
}

.hero-section .results-wrapper h2 .results-number:before {
    content: "(";
}

.hero-section .results-wrapper h2 .results-number:after {
    content: ")";
}

.hero-section .results-wrapper .section-title {
    margin-top: 0;
    margin-bottom: 0;
}

.hero-section .results-wrapper .section-title .full-detail {
    float: right;
    margin-top: 10px;
}

.hero-section .results-wrapper .results {
    -moz-transition: 0.7s ease;
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    height: 100%;
}

.hero-section .results-wrapper .result-item {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.hero-section .results-wrapper .result-item>a {
    color: inherit;
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

.hero-section .results-wrapper .result-item>a:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background-color: #1e4b97;
}

.hero-section .results-wrapper .result-item>a:hover,
.hero-section .results-wrapper .result-item>a.hover-state {
    background-color: rgba(0, 0, 0, 0.05);
}

.hero-section .results-wrapper .result-item>a:hover:before,
.hero-section .results-wrapper .result-item>a.hover-state:before {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.hero-section .results-wrapper .result-item>a h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.hero-section .results-wrapper .result-item>a h4 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    font-size: 12px;
    font-weight: normal;
    margin-top: 0;
}

.hero-section .results-wrapper .result-item>a .result-item-detail {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: table;
    padding-bottom: 15px;
    width: 100%;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .image {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    width: 70px;
    height: 70px;
    background-size: cover;
    top: 0;
    left: 0;
    text-align: center;
    float: left;
    clear: both;
    position: relative;
    border-radius: 20px;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .image:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background: -moz-linear-gradient(top, transparent 0%, #1e4b97 100%);
    background: -webkit-linear-gradient(top, transparent 0%, #1e4b97 100%);
    background: linear-gradient(to bottom, transparent 0%, #1e4b97 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1e4b97', endColorstr='#1e4b97', GradientType=0);
    background-color: rgba(30, 75, 151, .2);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 20px;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .image figure {
    position: absolute;
    bottom: 5px;
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    width: 100%;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .description {
    padding-left: 94px;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .description h5 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .description h5 i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    margin-right: 5px;
    font-size: 12px;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .description p {
    font-size: 12px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    margin-bottom: 0;
}

.hero-section .results-wrapper .result-item>a .result-item-detail .description .label {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: transparent;
    margin: 3px 0;
    display: inline-block;
    margin: 8px 0;
}

.hero-section .results-wrapper .result-item .ribbon {
    right: 10px;
    font-size: 9px;
}

.hero-section .results-wrapper .result-item .controls-more {
    padding: 1px 15px;
    z-index: 5;
}

.hero-section .results-wrapper .result-item .controls-more a {
    padding: 7px 10px;
}

.hero-section .results-wrapper .result-item .controls-more ul {
    right: 15px;
}

.hero-section .results-wrapper .tse-scrollable {
    width: 100%;
    height: 49vh;
}

.hero-section .results-wrapper .tse-scrollable .tse-scroll-content {
    height: 100% !important;
    position: relative;
}

.hero-section .results-wrapper .tse-scrollbar .drag-handle {
    right: 4px;
    width: 15px;
    opacity: .8;
}

.hero-section .results-wrapper .tse-scrollbar .drag-handle.visible {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.hero-section .results-wrapper .image .price,
.hero-section .results-wrapper .gallery-wrapper .price {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    font-weight: 900;
    color: #1f1f1f;
    position: absolute;
    left: -6px;
    top: 10px;
    z-index: 2;
    padding: 5px;
    font-size: 12px;
}

.hero-section .results-wrapper .image .price:after,
.hero-section .results-wrapper .gallery-wrapper .price:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #ababab transparent transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
}

.hero-section .results-wrapper.multi-choice {
    float: none;
    width: 100%;
}

@-webkit-keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    10% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    10% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@-o-keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    10% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

@keyframes pulse {
    0% {
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

    10% {
        filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -webkit-transform: scale(2);
        transform: scale(2);
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }
}

.map,
.map-wrapper {
    height: 100%;
}


/* If you check the network tab and the map tiles are loading ok,
yet the map still remains grey,
it can be due to CSS contamination from your surrounding page. */

.map img {
    max-height: none !important;
}


/* .leaflet-pane .img {
        position: absolute;
    } */

.map-wrapper .geo-location {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: absolute;
    height: 26px;
    width: 26px;
    background-color: #1e4b97;
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
    right: 13px;
    top: 40px;
    z-index: 1;
    cursor: pointer;
}

.map-wrapper .geo-location:hover {
    background-color: white;
    color: #1e4b97;
}

.map.show-marker-labels .marker .title {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.map .cluster:hover>div {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.leaflet-marker-icon:not(:hover) {
    z-index: 0 !important;
}

.map .cluster>div {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    background-color: #1e4b97;
    border: 2px solid #1e4b97;
    width: 36px;
    height: 36px;
    color: #fff !important;
    line-height: 32px !important;
}

.map .cluster>div:after {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transform: translateZ(-2px);
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    border: 2px solid #1e4b97;
    background-color: #1e4b97;
    width: 36px;
    height: 36px;
    position: absolute;
    top: -2px;
    left: -2px;
    content: "";
}

.map .cluster>div:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transform: translateZ(-4px);
    -ms-transform: translateZ(-4px);
    -webkit-transform: translateZ(-4px);
    transform: translateZ(-4px);
    content: "\f002";
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 36px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}

.map a[href^="http://maps.google.com/maps"] {
    display: none !important;
}

.map a[href^="https://maps.google.com/maps"] {
    display: none !important;
}

.map .gmnoprint a,
.map .gmnoprint span,
.map .gm-style-cc {
    display: none;
}

.map .gm-style button[draggable="false"] {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.map .marker {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.map .marker:after {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    width: 14px;
    height: 4px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

.map .marker:hover:after,
.map .marker.hover-state:after,
.map .marker.active:after {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.map .marker:hover .marker-wrapper,
.map .marker.hover-state .marker-wrapper,
.map .marker.active .marker-wrapper {
    -moz-transform: rotateY(180deg) translateY(-4px);
    -ms-transform: rotateY(180deg) translateY(-4px);
    -webkit-transform: rotateY(180deg) translateY(-4px);
    transform: rotateY(180deg) translateY(-4px);
}

.map .marker:hover .marker-wrapper .pin:after,
.map .marker.hover-state .marker-wrapper .pin:after,
.map .marker.active .marker-wrapper .pin:after {
    -moz-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.map .marker:hover .title,
.map .marker.hover-state .title,
.map .marker.active .title {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.map .marker.active .marker-wrapper:before {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 2s;
    -webkit-animation-name: pulse;
    -webkit-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -webkit-animation-iteration-count: infinite;
    -moz-animation-delay: 0s;
    -moz-animation-duration: 2s;
    -moz-animation-name: pulse;
    -moz-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -moz-animation-iteration-count: infinite;
    -o-animation-delay: 0s;
    -o-animation-duration: 2s;
    -o-animation-name: pulse;
    -o-animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    -o-animation-iteration-count: infinite;
    animation-delay: 0s;
    animation-duration: 2s;
    animation-name: pulse;
    animation-fill-mode: forwards;
    /* this prevents the animation from restarting! */
    animation-iteration-count: infinite;
}

.map .marker .marker-wrapper {
    -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    position: relative;
    transform-style: preserve-3d;
    width: 37px;
    height: 49px;
}

.map .marker .marker-wrapper:before {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #1e4b97;
    width: 37px;
    height: 37px;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    z-index: -1;
}

.map .marker .marker-wrapper:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-transform: translateZ(-4px);
    -ms-transform: translateZ(-4px);
    -webkit-transform: translateZ(-4px);
    transform: translateZ(-4px);
    content: "\f002";
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
}

.map .marker .marker-wrapper .pin {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px white;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px white;
    transform-style: preserve-3d;
    border: 2px solid #1e4b97;
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
    background-size: cover;
}

.map .marker .marker-wrapper .pin:before {
    -moz-transform: translateZ(-2px);
    -ms-transform: translateZ(-2px);
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.3);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #1e4b97;
    content: "";
    z-index: -2px;
    background-color: #1e4b97;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 37px;
    height: 37px;
    z-index: 1;
}

.map .marker .marker-wrapper .pin .image {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px white;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px white;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 2px white;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 2;
}

.map .marker .marker-wrapper .pin .image:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #1e4b97 transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
}

.map .marker .tag {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transform: translateZ(3px);
    -ms-transform: translateZ(3px);
    -webkit-transform: translateZ(3px);
    transform: translateZ(3px);
    position: absolute;
    top: -3px;
    right: -1px;
    z-index: -1;
    background-color: #1e4b97;
    width: 19px;
    font-size: 9px;
    height: 19px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    transform-style: preserve-3d;
}

.map .marker .tag i {
    -moz-transform: translateZ(2px);
    -ms-transform: translateZ(2px);
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px);
    transform-style: preserve-3d;
}

.map .marker .title {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    pointer-events: none;
    position: absolute;
    left: 50px;
    top: 5px;
    white-space: nowrap;
    background-color: #fff;
    padding: 2px 4px;
}

.map .marker .title:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.map .marker .title:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent rgba(0, 0, 0, 0.2) transparent transparent;
    content: "";
    position: absolute;
    left: -6px;
    top: 2px;
    bottom: 0;
    margin: auto;
}

.haltestelle24px {
    width: 13px !important;
}

.haltestelle26px {
    width: 13px !important;
}

.haltestelle28px {
    width: 22px !important;
}

.haltestelle30px {
    width: 22px !important;
}

.haltestelle32px {
    width: 22px !important;
}

.haltestelle34px {
    width: 22px !important;
}

.haltestelle36px {
    width: 22px !important;
}

.haltestelle38px {
    width: 22px !important;
}

.map .tooltip .tooltip-inner {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    white-space: nowrap;
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    background-color: #fff;
    color: #1f1f1f;
}

.map .tooltip .tooltip-arrow {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    border-top-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    bottom: -1px;
}

.map .tooltip .tooltip-arrow:after {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    border-top-color: #fff;
    position: absolute;
    top: -6px;
    left: -5px;
    content: "";
}

.sidebar-detail {
    -moz-transition: 0.7s ease;
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    padding: 10px 0;
}

.sidebar-detail section {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 15px;
    margin-top: 15px;
}

.sidebar-detail section:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.sidebar-detail h3 {
    font-size: 18px;
    font-weight: normal;
    color: inherit;
    margin-bottom: 20px;
}

.sidebar-detail .gallery-wrapper {
    height: 100%;
    position: relative;
}

.sidebar-detail .gallery-wrapper .price {
    font-size: 14px !important;
    padding: 5px 10px !important;
}

.sidebar-detail .gallery {
    height: 100%;
}

.sidebar-detail .gallery .owl-stage-outer {
    height: 100%;
}

.sidebar-detail .sidebar-wrapper,
.modal .sidebar-wrapper {
    padding: 0 20px;
}

.sidebar-detail .section-title,
.modal .section-title {
    margin-bottom: 15px;
    position: relative;
    margin-top: 10px;
}

.sidebar-detail .section-title h2,
.modal .section-title h2 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.sidebar-detail .section-title h4,
.modal .section-title h4 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.sidebar-detail h5,
.modal h5 {
    font-size: 14px;
}

.sidebar-detail h5 i,
.modal h5 i {
    color: rgba(0, 0, 0, 0.2);
    margin-right: 10px;
}

.sidebar-detail h5 a,
.modal h5 a {
    color: inherit;
}

.sidebar-detail .label,
.modal .label {
    margin-bottom: 10px;
    display: inline-block;
    padding: 5px;
    margin-right: 15px;
    margin-top: 5px;
}

.sidebar-detail .rating-passive,
.modal .rating-passive {
    display: inline-block;
}

.sidebar-detail .owl-dots,
.modal .owl-dots {
    text-align: left;
}

.sidebar-detail .back,
.modal .back {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.1);
    width: 40px;
    height: 40px;
    margin-right: 15px;
    position: relative;
}

.sidebar-detail .back:after,
.modal .back:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    position: absolute;
    top: 0;
    left: 0;
    content: "\#";
    width: 20px;
    height: 20px;
    width: 100%;
    line-height: 36px;
    font-size: 22px;
    text-align: center;
    color: #1e4b97;
}

.sidebar-detail .back:hover,
.modal .back:hover {
    border: 2px solid rgba(0, 0, 0, 0.3);
}

.sidebar-detail .gallery,
.modal .gallery {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    margin: 20px 0 20px -15px;
}

.sidebar-detail .gallery.show,
.modal .gallery.show {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.sidebar-detail .gallery img,
.modal .gallery img {
    display: block;
    position: relative;
}

.sidebar-detail .gallery img:after,
.modal .gallery img:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
}

.sidebar-detail .ribbon,
.modal .ribbon {
    top: inherit;
    bottom: 0;
}

.sidebar-detail .controls-more,
.modal .controls-more {
    margin: inherit;
    bottom: inherit;
    top: 5px;
    z-index: 5;
}

.sidebar-detail .controls-more ul,
.modal .controls-more ul {
    bottom: inherit;
    top: 35px;
}

.sidebar-detail .controls-more ul li:first-child a:after,
.modal .controls-more ul li:first-child a:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 11px 11px;
    border-color: transparent transparent #fff transparent;
    content: "";
    position: absolute;
    right: 0px;
    top: -10px;
    bottom: inherit;
    height: 11px;
    width: 11px;
}

.sidebar-detail .controls-more ul li:first-child a:before,
.modal .controls-more ul li:first-child a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 15px 14px;
    border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent;
    content: "";
    position: absolute;
    right: -2px;
    top: -15px;
    bottom: inherit;
    height: 11px;
    width: 11px;
}

.sidebar-detail .controls-more ul li:first-child a:hover:after,
.modal .controls-more ul li:first-child a:hover:after {
    border-color: transparent transparent #e8e8e8 transparent;
}

.sidebar-detail .controls-more ul li:last-child a:before,
.sidebar-detail .controls-more ul li:last-child a:after,
.modal .controls-more ul li:last-child a:before,
.modal .controls-more ul li:last-child a:after {
    display: none;
}

.sidebar-detail .jssocials-share,
.modal .jssocials-share {
    padding: 1px 3px 2px 3px;
}

.sidebar-detail .jssocials-share .jssocials-share-logo,
.modal .jssocials-share .jssocials-share-logo {
    font-size: 1em;
}

.jssocials-shares {
    margin: 0.2em 0;
}

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: 0.3em 0.6em 0.3em 0;
}
.jssocials-share-twitter svg{
    width:15px
}
.jssocials-shares * {
    box-sizing: border-box;
}

.jssocials-share {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3px 5px;
}

.jssocials-share-twitter .jssocials-share-link {
    color: #00aced;
}

.jssocials-share-facebook .jssocials-share-link {
    color: #3b5998;
}

.jssocials-share-googleplus .jssocials-share-link {
    color: #dd4b39;
}

.jssocials-share-linkedin .jssocials-share-link {
    color: #007bb6;
}

.jssocials-share-pinterest .jssocials-share-link {
    color: #cb2027;
}

.jssocials-share-link {
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    padding:8px;
    height:30px;
}
.jssocials-share-link:hover {
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
    background-color:#00aced24
}
.jssocials-share-label {
    font-size: 0.8em;
    color: #444;
    -webkit-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
    padding-left: 0.3em;
    vertical-align: middle;
}
.jssocials-share-twitter .jssocials-share-label{
    line-height:18px;
    vertical-align: top;
}
.sidebar-detail .jssocials-share .jssocials-share-logo,
.modal .jssocials-share .jssocials-share-logo {
    font-size: 1em;
}

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 1.5em;
}

.infobox-wrapper {
    -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.infobox-wrapper.show {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.infobox-wrapper.show>img {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.infobox-wrapper.show .infobox>a {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.infobox-wrapper.show .infobox .rating-passive {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -moz-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.infobox-wrapper.show .infobox .description {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -moz-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.infobox-wrapper>img {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    position: absolute !important;
    z-index: 1;
    right: -15px;
    top: -15px;
}

.infobox-wrapper .infobox {
    width: 270px;
}

.infobox-wrapper .infobox .description {
    -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    z-index: 1;
    bottom: 40px;
    padding-right: 20px;
}

.infobox-wrapper .infobox .description h3 {
    font-size: 18px;
}

.infobox-wrapper .infobox .description h4 {
    font-size: 12px;
}

.infobox-wrapper .infobox .rating-passive {
    -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    position: absolute;
    bottom: 15px;
    left: 20px;
    padding: 0;
    background-color: transparent;
    color: #fff;
    display: inline-block;
}

.infobox-wrapper .infobox .rating-passive .stars {
    margin-right: 2px;
}

.infobox-wrapper .infobox .rating-passive .stars figure {
    color: #fff;
}

.infobox-wrapper .infobox>a {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -moz-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -webkit-transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    transition: 0.5s cubic-bezier(0, 0.28, 0.45, 1.01);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.infobox-wrapper .infobox>a .image {
    background-position: 50% 50%;
    background-size: cover;
}

.infobox-wrapper .infobox>a .image:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background-color: transparent;
}

.infobox-wrapper .infobox .controls-more {
    right: 15px;
    top: inherit;
    bottom: 10px;
}

.infobox-wrapper .infobox .controls-more:hover:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #fff;
}

.infobox-wrapper .infobox .controls-more:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #fff;
}

.icon-img.icon-accessibility {
    background-image: url(https://www.sportatlas-hessen.de/assets/img/icon-accessibility.svg);
    width: 22px;
    height: 25px;
    background-size: 22px auto;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width:767px) {
    .icon-img.icon-accessibility {
        left: 15px;
        position: relative;
    }
}

.bubble {
    display: none;
    position: absolute;
    background: #1e4b97;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 17px;
    line-height: 120px;
    text-align: center;
    width: 100%;
    height: 128px;
    border-radius: 7px;
    padding: 0px;
    border: #c2e1f5 solid 1px;
    margin: 2rem 0 4rem;
    top: -160px;
    z-index: 999;
    opacity: 1.9;
    font-weight: 600;
}

.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 28px 28px 0;
    border-color: transparent #1e4b97 transparent transparent;
    bottom: -28px;
    left: 84%;
    margin-left: -14px;
}

.bubble:before {
    content: '';
    position: absolute;
    width: 0;
    z-index: 0;
    border-style: solid;
    border-width: 0 29px 29px 0;
    border-color: transparent #1e4b97 transparent transparent;
    bottom: -30px;
    left: 84%;
    margin-left: -14px;
    display: block;
}

.bubble2 {
    display: none;
    position: absolute;
    background: #971e1e;
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.25rem;
    text-align: center;
    width: 100%;
    height: 100%;
    min-height: 60px;
    border-radius: 7px;
    padding: 2rem 1rem;
    border: #c2e1f5 solid 1px;
    margin: 2rem 0 4rem;
    top: -80px;
}

.bubble2:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 28px 28px 0;
    border-color: transparent #971e1e transparent transparent;
    bottom: -28px;
    left: 84%;
    margin-left: -14px;
}

.bubble2:before {
    content: '';
    position: absolute;
    width: 0;
    z-index: 0;
    border-style: solid;
    border-width: 0 29px 29px 0;
    border-color: transparent #971e1e transparent transparent;
    bottom: -30px;
    left: 84%;
    margin-left: -14px;
    display: block;
}


/* 3. Elements Styling */

body {
    color: #0a1c3c;
    font-size: 14px;
    /*font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;*/
    position: relative;
}

address {
    margin-bottom: 10px;
}

address figure {
    margin-bottom: 5px;
}

address i {
    width: 30px;
    color: #1e4b97;
    margin-left: -30px;
}

a {
    -moz-transition: 0.2s ease-in-out;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    color: #1e4b97;
    text-decoration: none;
    position: relative;
}

a:hover,
a:active,
a:focus {
    color: #000;
    outline: none !important;
    text-decoration: none;
}

a.link {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

a.link:hover,
a.link:active,
a.link:focus {
    color: #000;
}

a.link:hover.icon i,
a.link:active.icon i,
a.link:focus.icon i {
    color: #1f1f1f;
}

a.link.icon i {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

a.link.arrow:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    content: "$";
    font-size: 14px;
    vertical-align: middle;
    margin-left: 2px;
    top: -1px;
    position: relative;
}

a.icon i {
    margin: 0 5px;
}

a.underline {
    text-decoration: underline;
}

a.btn {
    display: inline-block;
}

dl {
    margin-bottom: 0;
}

dl dt {
    float: left;
    padding: 2px 0;
}

dl dd {
    text-align: right;
    padding: 2px 0;
}

.homepage h2 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    color: #0362b9;
    font-size: 36px;
    font-weight: 100;
    text-transform: uppercase;
}

.homepage h3 {
    margin-bottom: 15px;
    font-weight: lighter;
    margin-top: 10px;
}

.homepage .section-title {
    margin-top: 15px;
}

h1 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    color: #1e4b97;
    font-size: 36px;
    font-weight: lighter;
    margin-top: 5px;
}

h2 {
    font-size: 26px;
    color: #1e4b97;
    font-weight: lighter;
    margin-top: 5px;
}

h3 {
    margin-top: 0px;
    color: #1e4b97;
    font-size: 18px;
    margin-bottom: 25px;
}

h3.subtitle {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #1a273f;
    font-size: 16px;
    font-weight: normal;
}

h3 span {
    padding-left: 5px;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

.results-wrapper hr {
    color: #000;
    height: 2px;
    border-bottom: 2px solid #1e4b97;
}

html,
body {
    height: 100%;
    width: 100%;
}

p {


    line-height: 18px;
}

ul {
    padding-left: 15px;
}

ul.bullets {
    list-style: none;
    padding-left: 0px;
    line-height: 25px;
}

ul.bullets li:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f111";
    color: #1e4b97;
    font-size: 7px;
    position: relative;
    top: -4px;
    margin-right: 12px;
}

ul.checkboxes {
    list-style: none;
    padding-left: 0;
}

ul.checkboxes label {
    font-weight: normal;
}

ul.checkboxes label span {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    float: right;
    font-size: 10px;
    line-height: 20px;
}

ul.checkboxes.inline li {
    width: 24%;
    float: left;
}

section:not(.block) {
    margin-top: 5px;
    margin-bottom: 30px;
}

section:not(.block) h2 {
    margin-bottom: 20px;
}


/* 4. Universal classes */

.block {
    padding: 30px 0;
    padding-top: 0;
    /*overflow: hidden;*/
    position: relative;
}

.block.big-padding {
    padding: 60px 0;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.bg img {
    max-width: inherit;
    height: 100%;
}

.bg.color.default {
    background-color: #1e4b97;
}

.bg.color.dark {
    background-color: #1f1f1f;
}

.bg.color.white {
    background-color: #fff;
}

.bg.color.neutral {
    background-color: #f6f6f4;
}

.bg.color.black {
    background-color: #000;
}

.background-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.background-wrapper img {
    width: 100%;
    height: auto;
}

.background-wrapper .map {
    height: 100%;
}

.background-wrapper .background-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}

.background-wrapper .background-color.background-color-white {
    background-color: #fff;
}

.background-wrapper .background-color.background-color-black {
    background-color: #000;
}

.background-wrapper .background-color.background-color-default {
    background-color: #1e4b97;
}

.background-is-dark {
    color: #fff;
}

.background-is-dark a {
    color: #fff;
}

.background-is-dark a:hover,
.background-is-dark a:active,
.background-is-dark a:focus {
    color: #fff;
}

.background-is-dark a.btn-default {
    color: #000;
}

.background-is-dark h1,
.background-is-dark h2,
.background-is-dark h3,
.background-is-dark h4,
.background-is-dark h5 {
    color: #fff;
}

.background-is-dark .btn.btn-primary {
    /*background-color: darken( $color-default, 5% );*/
    color: #fff;
    /*border-color: darken( $color-default, 5% );*/
}

.background-is-dark .btn.btn-primary:hover,
.background-is-dark .btn.btn-primary:active,
.background-is-dark .btn.btn-primary:active:hover,
.background-is-dark .btn.btn-primary:focus {
    /*background-color: darken($color-default,12%); border-color: darken($color-default,12%);*/
}

.background-is-dark .btn.btn-primary.btn-framed {
    color: #fff;
}

.background-is-dark .btn.btn-primary.btn-framed:hover,
.background-is-dark .btn.btn-primary.btn-framed:active,
.background-is-dark .btn.btn-primary.btn-framed:active:hover,
.background-is-dark .btn.btn-primary.btn-framed:focus {
    border-color: #1e4b97;
}

.background-is-dark .owl-dots .owl-dot span {
    background-color: #fff;
}

.background-is-dark .ui-slider .noUi-base {
    background-color: #7434ea;
}

.background-is-dark .ui-slider .noUi-base .noUi-connect {
    background-color: #fff;
}

.background-is-dark .ui-slider .noUi-base .noUi-background {
    background-color: #7434ea;
}

.background-is-dark .ui-slider .noUi-base .noUi-handle {
    border: 2px solid #fff;
    background-color: #1e4b97;
}

.background-is-dark .ui-slider .noUi-base .noUi-handle:hover,
.background-is-dark .ui-slider .noUi-base .noUi-handle.noUi-active {
    -moz-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07);
    -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07);
    box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07);
}

.background-is-dark .ui-slider .values {
    color: #fff;
}

.background-is-dark .ui-slider .values input {
    background-color: transparent;
    border: none;
    width: 49%;
}

.bg-transfer {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    width: 100%;
}

.bg-transfer img {
    display: none !important;
}

.box {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    padding: 20px;
    position: relative;
    background-color: #fafafa;
}

.center {
    text-align: center;
}

.container .block {
    padding: 30px;
}

.label.label-info {
    background-color: #f6f6f4;
    color: rgba(0, 0, 0, 0.5);
}

.label.label-danger {
    background-color: #ed2a21;
}

.font-color-white {
    color: white;
}

.font-color-white:hover,
.font-color-white:active,
.font-color-white:focus {
    color: white !important;
}

.font-color-white:hover i,
.font-color-white:active i,
.font-color-white:focus i {
    color: white !important;
}

.font-color-black {
    color: #000;
}

.font-color-default {
    color: #1e4b97;
}

.font-color-dark {
    color: #1f1f1f;
}

.font-color-neutral {
    color: #f6f6f4;
}

.no-margin {
    margin: 0;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.no-top-margin {
    margin-top: 0;
}

.note {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    color: #000;
    vertical-align: middle;
    font-size: 12px;
    margin: 5px 0;
}

.half-bottom-margin {
    margin-bottom: 30px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.opacity-90 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
}

.opacity-80 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.opacity-70 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.opacity-60 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.opacity-50 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.opacity-40 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.opacity-30 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.opacity-20 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=20);
    opacity: 0.2;
}

.opacity-19 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=19);
    opacity: 0.19;
}

.opacity-18 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=18);
    opacity: 0.18;
}

.opacity-17 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=17);
    opacity: 0.17;
}

.opacity-16 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=16);
    opacity: 0.16;
}

.opacity-15 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=15);
    opacity: 0.15;
}

.opacity-14 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=14);
    opacity: 0.14;
}

.opacity-13 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=13);
    opacity: 0.13;
}

.opacity-12 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=12);
    opacity: 0.12;
}

.opacity-11 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=11);
    opacity: 0.11;
}

.opacity-10 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
}

.opacity-9 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=9);
    opacity: 0.09;
}

.opacity-8 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=8);
    opacity: 0.08;
}

.opacity-7 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=7);
    opacity: 0.07;
}

.opacity-6 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=6);
    opacity: 0.06;
}

.opacity-5 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=5);
    opacity: 0.05;
}

.opacity-4 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=4);
    opacity: 0.04;
}

.opacity-3 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=3);
    opacity: 0.03;
}

.opacity-2 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=2);
    opacity: 0.02;
}

.opacity-1 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=1);
    opacity: 0.01;
}

.opacity-0 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
}

.overlay {
    position: relative;
}

.overlay:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
}

.text-color-white {
    color: #fff !important;
}

.text-color-white a {
    color: #fff;
}

.text-align-right {
    text-align: right;
}

.text-align-left {
    text-align: left;
}

.vertical-aligned-elements {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding-top:20px
}

.vertical-aligned-elements .element {
    display: flex;
    vertical-align: middle;
    justify-content: space-around;
}

.width-10 {
    width: 10% !important;
}

.width-15 {
    width: 15% !important;
}

.width-20 {
    width: 20% !important;
}

.width-25 {
    width: 25% !important;
}

.width-30 {
    width: 30% !important;
}

.width-33 {
    width: 33% !important;
}

.width-35 {
    width: 35% !important;
}

.width-40 {
    width: 40% !important;
}

.width-45 {
    width: 45% !important;
}

.width-50 {
    width: 50% !important;
}

.width-55 {
    width: 55% !important;
}

.width-60 {
    width: 60% !important;
}

.width-65 {
    width: 65% !important;
}

.width-70 {
    width: 70% !important;
}

.width-75 {
    width: 75% !important;
}

.width-80 {
    width: 80% !important;
}

.width-85 {
    width: 85% !important;
}

.width-90 {
    width: 90% !important;
}

.width-95 {
    width: 95% !important;
}

.width-100 {
    width: 100% !important;
}

.width-100px {
    width: 100px;
}

.width-150px {
    width: 150px;
}

.width-200px {
    width: 200px;
}

.width-250px {
    width: 250px;
}

.width-300px {
    width: 300px;
}

.width-350px {
    width: 350px;
}

.width-400px {
    width: 400px;
}

.width-450px {
    width: 450px;
}

.width-500px {
    width: 500px;
}

.width-550px {
    width: 550px;
}

.width-600px {
    width: 600px;
}

.width-650px {
    width: 650px;
}

.width-700px {
    width: 700px;
}

.width-750px {
    width: 750px;
}

.width-800px {
    width: 800px;
}

.width-850px {
    width: 850px;
}

.width-900px {
    width: 900px;
}

.width-950px {
    width: 950px;
}

.width-1000px {
    width: 1000px;
}

.min-width-50px {
    min-width: 50px;
}

.min-width-100px {
    min-width: 100px;
}

.min-width-150px {
    min-width: 150px;
}

.min-width-200px {
    min-width: 200px;
}

.min-width-250px {
    min-width: 250px;
}

.min-width-300px {
    min-width: 300px;
}

.min-width-350px {
    min-width: 350px;
}

.height-10percent {
    height: 10%;
}

.height-20percent {
    height: 20%;
}

.height-30percent {
    height: 30%;
}

.height-40percent {
    height: 40%;
}

.height-50percent {
    height: 50%;
}

.height-60percent {
    height: 60%;
}

.height-70percent {
    height: 70%;
}

.height-80percent {
    height: 80%;
}

.height-90percent {
    height: 90%;
}

.height-100percent {
    height: 100%;
}

.height-100px {
    height: 100px;
}

.height-150px {
    height: 150px;
}

.height-200px {
    height: 200px;
}

.height-250px {
    height: 250px;
}

.height-300px {
    height: 300px;
}

.height-350px {
    height: 350px;
}

.height-400px {
    height: 400px;
}

.height-450px {
    height: 450px;
}

.height-500px {
    height: 500px;
}

.height-550px {
    height: 550px;
}

.height-600px {
    height: 600px;
}

.height-650px {
    height: 650px;
}

.height-700px {
    height: 700px;
}

.height-750px {
    height: 750px;
}

.height-800px {
    height: 800px;
}

.height-850px {
    height: 850px;
}

.height-900px {
    height: 900px;
}

.height-950px {
    height: 950px;
}

.height-1000px {
    height: 1000px;
}

.space {
    height: 50px;
}

.shadow {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.shadow-big {
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
}


/* 5. Classes */

.answer {
    margin-bottom: 50px;
}

.answer .box {
    padding-top: 40px;
    position: relative;
}

.answer .box:after {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    content: "?";
    color: #fff;
    font-weight: bold;
    background-color: #1e4b97;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    font-size: 16px;
    top: -15px;
}

.answer .box:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 4px 0 4px;
    border-color: #1e4b97 transparent transparent transparent;
    content: "";
    position: absolute;
    left: 31px;
    top: 11px;
}

.answer h3 {
    margin-bottom: 10px;
}

.answer figure {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    text-align: right;
    font-size: 12px;
    margin-top: 10px;
}

.answer figure a {
    margin-left: 10px;
    color: inherit;
}

.answer figure i {
    font-size: 10px;
    margin-left: 5px;
}

.blog-post {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 60px;
    padding-bottom: 30px;
}

.blog-post iframe {
    margin-bottom: 20px;
}

.blog-post img {
    width: 100%;
}

.blog-post header h2 {
    border: none;
    font-size: 36px;
    margin: 20px 0;
    padding-bottom: 0;
}

.blog-post p {
    margin-bottom: 20px;
}

.blog-post ul {
    padding-left: 25px;
}

.blog-post .meta {
    display: table;
    width: 100%;
    margin: 20px 0;
}

.blog-post .meta a {
    color: #1f1f1f;
    margin: 0 10px;
}

.blog-post .meta a:first-child {
    margin-left: 0;
}

.blog-post .meta a i {
    color: rgba(0, 0, 0, 0.4);
}

.blog-post .meta .tags {
    display: inline-block;
    float: right;
}

.blog-post .meta .tags .tag {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    font-size: 12px;
    margin: 0 3px;
    padding: 5px;
}

.breadcrumb {
    padding: 10px 0px;
    margin-bottom: 10px;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.bootstrap-datetimepicker-widget {
    min-width: 240px;
}

.bootstrap-datetimepicker-widget .picker-switch .table-condensed {
    width: 100%;
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch .table-condensed a {
    cursor: pointer;
    width: 100%;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bootstrap-datetimepicker-widget .picker-switch .table-condensed a:hover {
    background-color: #fafafa;
}

.bootstrap-datetimepicker-widget .timepicker-picker table {
    text-align: center;
    width: 100%;
}

.categories-list .list-item {
    margin-bottom: 60px;
}

.categories-list .list-item .title {
    margin-bottom: 10px;
}

.categories-list .list-item .title .icon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #d22d32;
    color: #fff;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.categories-list .list-item .title .icon i {
    font-size: 14px;
    line-height: 38px;
}

.categories-list .list-item .title h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

.categories-list .list-item ul {
    list-style: none;
    padding-left: 52px;
}

.categories-list .list-item ul li a {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: black;
    display: inline-block;
    padding: 2px 0;
}

.categories-list .list-item ul li a:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.categories-list .list-item ul li .count {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: inline-block;
    font-size: 10px;
    float: right;
    top: 7px;
    position: relative;
}

.circle-icon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.1);
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    line-height: 31px;
    margin-left: 1px;
    margin-right: 1px;
    color: rgba(0, 0, 0, 0.4);
}

.circle-icon:hover,
.circle-icon.active {
    border: 2px solid rgba(0, 0, 0, 0.2);
    color: #1e4b97;
}

.comments {
    list-style: none;
    padding-left: 0;
}

.comments .comment {
    display: table;
    margin-bottom: 20px;
    padding-left: 80px;
    position: relative;
}

.comments .comment figure {
    left: 0;
    position: absolute;
    top: 0;
}

.comments .comment figure .image {
    background-color: #1f1f1f;
    height: 70px;
    position: relative;
    overflow: hidden;
    width: 60px;
}

.comments .comment figure .image:after {
    bottom: 0px;
    content: "";
    height: 0px;
    border-style: solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 0;
    width: 0px;
}

.comments .comment figure .image:before {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 10px;
    left: 0;
    width: calc(100% - 10px);
    position: absolute;
}

.comments .comment figure .image img {
    height: 100%;
}

.comments .comment .date {
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 5px;
}

.comments .comment .date .fa {
    color: #b8b8b8;
    font-size: 10px;
    margin-right: 10px;
}

.comments .comment .name {
    display: table;
    font-size: 18px;
    width: 100%;
}

.comments .comment .reply {
    color: #1f1f1f;
}

.comments .comment .reply .fa {
    color: #1e4b97;
    margin-right: 10px;
}

.count-down .countdown-row .countdown-section {
    display: inline-block;
    margin-right: 20px;
}

.count-down .countdown-row .countdown-amount {
    font-weight: bold;
    display: block;
    position: relative;
}

.count-down .countdown-row .countdown-period {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    font-size: 12px;
    text-transform: uppercase;
}

.controls-more {
    font-size: 18px;
    padding: 1px 5px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: 0;
    top: 0;
    margin: auto;
    height: 27px;
}

.controls-more.show ul {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.controls-more ul {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    visibility: hidden;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    list-style: none;
    padding-left: 0;
    position: absolute;
    bottom: 25px;
    right: 8px;
    background-color: #fff;
    font-size: 14px;
    text-align: right;
}

.controls-more ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.controls-more ul li:last-child {
    border-bottom: none;
}

.controls-more ul li:last-child a:after {
    /*background-image: url("https://www.sportatlas-hessen.de/assets/img/triangle.png");*/
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11px 11px 0;
    border-color: transparent #fff transparent transparent;
    content: "";
    position: absolute;
    right: 0px;
    bottom: -10px;
    height: 11px;
    width: 11px;
}

.controls-more ul li:last-child a:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 14px 0;
    border-color: transparent rgba(0, 0, 0, 0.05) transparent transparent;
    content: "";
    position: absolute;
    right: -2px;
    bottom: -14px;
    height: 11px;
    width: 11px;
}

.controls-more ul li:last-child a:hover:after {
    border-color: transparent #e8e8e8 transparent transparent;
}

.controls-more ul li a {
    display: block;
    color: #1f1f1f;
    white-space: nowrap;
    padding: 7px 10px;
}

.controls-more ul li a:hover {
    background-color: #e8e8e8;
}

.controls-more:hover:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #1e4b97;
}

.controls-more:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f142";
    color: #000;
}

.container.full-width {
    width: 100%;
}

.customizer {
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    background-color: #fff;
    position: fixed;
    top: 150px;
    left: 0;
    padding: 15px;
    z-index: 999;
    width: 250px;
}

.customizer.show-it {
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.customizer h3 {
    margin-top: 0;
    font-weight: normal;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.customizer .sp-container {
    background-color: transparent;
    border: none;
}

.customizer .sp-color,
.customizer .sp-hue,
.customizer .sp-clear {
    border: none;
}

.customizer .sp-palette-container {
    border: none;
    padding-left: 0;
}

.customizer .sp-palette {
    max-width: 20px;
}

.customizer .sp-palette .sp-thumb-el {
    border: none;
}

.customizer .sp-button-container {
    padding-top: 5px;
}

.customizer .sp-container button {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    text-shadow: none;
    position: relative;
    padding: 10px 10px;
    background-image: none;
    background-color: transparent;
    border: none;
    color: #000;
    border: 2px solid rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-size: 10px;
    right: -1px;
    overflow: hidden;
    margin-right: 2px;
    font-weight: bold;
}

.customizer .sp-container button:active,
.customizer .sp-container button:focus,
.customizer .sp-container button:hover,
.customizer .sp-container button:active:hover,
.customizer .sp-container button:active:focus,
.customizer .sp-container button:focus:hover {
    background-color: #1e4b97;
}

.customizer .sp-container button:active:after,
.customizer .sp-container button:focus:after,
.customizer .sp-container button:hover:after,
.customizer .sp-container button:active:hover:after,
.customizer .sp-container button:active:focus:after,
.customizer .sp-container button:focus:hover:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.customizer .sp-container button:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.customizer .sp-container button:hover,
.customizer .sp-container button:active,
.customizer .sp-container button:focus {
    text-shadow: none;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid black;
    background-image: none;
    background-color: transparent;
}

.customizer .sp-cancel {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #000 !important;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.customizer .sp-container input {
    padding: 2px 4px;
    font: 10px "Lato", "sans-serif";
}

.customizer .sp-container input:focus {
    border: none;
}

.customizer .sp-picker-container,
.customizer .sp-palette-container {
    padding-bottom: inherit;
    margin-bottom: inherit;
}

.customizer .sp-picker-container {
    padding-right: 0;
}

.customizer .checkboxes li {
    display: block;
}

.customizer .cog {
    -moz-box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    text-align: center;
    padding: 7px 11px;
    top: 0;
    right: -37px;
    background-color: #1f1f1f;
    color: #fff;
    font-size: 18px;
}

.customizer .cog:hover {
    cursor: pointer;
}

.datepicker {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 5px;
    border: none;
}

.datepicker .table-condensed>tbody>tr>td.day {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 8px;
    cursor: pointer;
    text-align: center;
}

.datepicker .table-condensed>tbody>tr>td.day:hover {
    background-color: #1e4b97;
    color: #fff;
}

.datepicker .old,
.datepicker .new,
.datepicker .disabled {
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
}

.datepicker .today {
    background-color: #1f1f1f;
    color: #fff;
}

.datepicker .month {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    margin: 5px;
    padding: 5px 8px;
    cursor: pointer;
}

.datepicker .month:hover {
    background-color: #1e4b97;
    color: #fff;
}

.datepicker .month.focused {
    background-color: #1f1f1f;
    color: #fff;
}

.datepicker .glyphicon {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    color: #1e4b97;
    cursor: pointer;
}

.datepicker .glyphicon:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.datepicker .datepicker-switch {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    padding: 6px;
}

.detail-sidebar .content {
    background-color: #fafafa;
    padding: 20px;
}

.detail-sidebar address figure {
    margin-left: 30px;
}

.duplicated-element {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    height: 0;
}

.featured-contact {
    position: relative;
    padding-left: 50px;
}

.featured-contact i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    font-size: 36px;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    bottom: 0;
    margin: auto;
}

.featured-contact h4 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 14px;
    margin: 0;
}

.featured-contact h3 {
    font-size: 24px;
    font-weight: normal;
    margin-top: 3px;
    margin-bottom: 3px;
}

.file-upload {
    position: relative;
    height: 70px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.file-upload .file-upload-input {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.03);
    width: 100%;
    border: 2px dashed rgba(0, 0, 0, 0.1);
    height: 70px;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 70px 0 0 0;
    overflow: hidden;
    z-index: 1;
}

.file-upload .file-upload-input:hover {
    border: 2px dashed rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0.02);
}

.file-upload span {
    position: absolute;
    top: 0;
    bottom: 0;
    line-height: 75px;
    width: 100%;
    text-align: center;
    margin: auto;
    z-index: 0;
    left: 0;
    text-transform: uppercase;
    color: #1e4b97;
    font-size: 12px;
    font-weight: bold;
}

.file-upload-previews>.MultiFile-label {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.03);
    display: inline-block;
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
    margin-right: 10px;
    width: 100%;
}

.file-upload-previews span.MultiFile-label {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 10px;
}

.file-upload-previews span.MultiFile-label .MultiFile-title {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 10px;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.file-upload-previews span.MultiFile-label .MultiFile-preview {
    max-width: 200px !important;
    max-height: 150px !important;
}

.file-upload-previews .MultiFile-remove {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: transparent;
    position: absolute;
    background-color: #ed2a21;
    width: 20px;
    height: 20px;
    top: -10px;
    right: -10px;
    z-index: 1;
}

.file-upload-previews .MultiFile-remove:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f00d";
    color: #fff;
    top: -2px;
    position: relative;
    font-size: 10px;
}

.file-uploaded-images .image {
    height: 150px;
    display: inline-block;
    margin-bottom: 18px;
    margin-right: 15px;
    position: relative;
}

.file-uploaded-images .image figure {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    background-color: #ed2a21;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -10px;
    top: -10px;
    content: "";
    text-align: center;
    line-height: 15px;
}

.file-uploaded-images .image figure i {
    color: #fff;
    font-size: 10px;
}

.file-uploaded-images .image img {
    height: 100%;
}

.gallery.featured .item {
    margin-left: 10px;
}

.gallery.featured .item .controls:hover:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #fff;
}

.gallery.featured .item .controls:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f142";
    color: #fff;
}

.gallery.detail .image {
    width: 550px;
    height: 360px;
}

.owl-height {
    min-height: 150px;
    height: auto !important;
    height: 150px;
}

.gallery .item {
    width: 260px;
}

.gallery .owl-stage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#gallery-nav {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 15px;
    height: 27px;
    width: 75px;
}

#gallery-nav .owl-next,
#gallery-nav .owl-prev {
    display: inline-block !important;
    position: absolute;
    cursor: pointer;
    margin-left: 2px;
    top: 0;
}

#gallery-nav .owl-next:after,
#gallery-nav .owl-prev:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid white;
    padding: 3px 4px;
    font-size: 24px;
}

#gallery-nav .owl-next {
    right: 0px;
}

#gallery-nav .owl-next:after {
    content: "5";
}

#gallery-nav .owl-prev {
    right: 40px;
}

#gallery-nav .owl-prev:after {
    content: "4";
}

.item {
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-bottom: 30px;
}

.item>a {
    display: block;
    position: relative;
    height: 220px;
    overflow: hidden;
}

.item>a:hover .image {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.item>a:hover .description {
    will-change: transform;
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.item>a:hover .description h4 {
    will-change: transform;
}

.item>a .description {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
}

.item>a .description figure {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 12px;
    font-weight: bold;
}

.item>a .description figure i {
    margin-right: 5px;
}

.item>a .description figure span {
    margin-right: 10px;
}

.item>a .description h3 {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 5px;
}

.item>a .description h4 {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.item>a .image {
    -moz-transition: 0.6s ease;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: scale(1.01, 1.01);
    -ms-transform: scale(1.01, 1.01);
    -webkit-transform: scale(1.01, 1.01);
    transform: scale(1.01, 1.01);
    position: absolute;
    width: 100%;
    height: 100%;
}

.item>a .image:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
}

.item.featured .label {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.item.featured .additional-info {
    background-color: #1e4b97;
    color: #fff;
    position: relative;
}

.item.featured .additional-info:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.item.featured .additional-info .rating-passive {
    position: relative;
    z-index: 1;
}

.item.featured .additional-info .rating-passive .stars figure {
    color: #fff;
}

.item.featured .additional-info .controls-more {
    z-index: 1;
}

.item.featured .additional-info .controls-more:after {
    color: #fff;
}

.item.item-row {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: #fafafa;
    z-index: 2;
}

.item.item-row:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.item.item-row:active:after,
.item.item-row:focus:after,
.item.item-row:hover:after,
.item.item-row:active:hover:after,
.item.item-row:active:focus:after,
.item.item-row:focus:hover:after {
    background-color: rgba(0, 0, 0, 0.03);
}

.item.item-row:hover {
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.item.item-row>a {
    height: 150px;
    width: 100%;
    display: table;
    padding-left: 180px;
}

.item.item-row>a:hover .image {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.item.item-row>a:hover .description {
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.item.item-row>a .label {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: transparent;
    display: inline-block;
    margin: 8px 0;
    padding: 4px 8px;
}

.item.item-row>a .image {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    width: 180px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.item.item-row>a .image:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    background-color: transparent;
}

.item.item-row>a .image figure {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    z-index: 1;
    bottom: 5px;
}

.item.item-row>a .description {
    position: relative;
    bottom: inherit;
    left: inherit;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.item.item-row>a .description h4,
.item.item-row>a .description h3 {
    text-shadow: none;
    will-change: unset;
}

.item.item-row>a .description h4 {
    color: rgba(0, 0, 0, 0.5);
}

.item.item-row>a .description h3 {
    color: #1e4b97;
    font-size: 18px;
    margin-bottom: 4px;
}

.item.item-row>a .map {
    height: 100%;
    width: 100px;
    display: table-cell;
    background-color: rgba(0, 0, 0, 0.1);
}

.item.item-row .additional-info {
    padding: 0;
    background-color: transparent;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 150px;
    padding-right: 40px;
    top: -2px;
}

.item.item-row .additional-info .reviews {
    color: #000;
}

.item.item-row .controls-more {
    z-index: 1;
}

.item .price {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    font-weight: 900;
    color: #1f1f1f;
    position: absolute;
    right: -6px;
    top: 30px;
    z-index: 1;
    padding: 5px;
    font-size: 14px;
}

.item .price:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #ababab transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    right: 0;
}

.item .circle {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -15px;
    left: 20px;
    background-color: #fff;
    text-align: center;
}

.item .circle i {
    font-size: 12px;
    color: #1e4b97;
    line-height: 28px;
}

.item .circle.featured {
    background-color: #1e4b97;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 43px;
}

.item .circle.sale {
    position: absolute;
    z-index: 1;
    top: -20px;
    left: 20px;
}

.item .additional-info {
    background-color: #fafafa;
    padding: 15px 20px;
    position: relative;
}

.jssocials-share {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3px 5px;
}

.jssocials-share:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.list-descriptive {
    list-style: none;
    padding-right: 0;
}

.list-descriptive.icon li {
    position: relative;
    margin-bottom: 15px;
}

.list-descriptive.icon li i {
    color: #1e4b97;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 10px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    padding: 5px 6px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    line-height: 11px;
    text-align: center;
}

.list-descriptive.icon li .description {
    padding-left: 35px;
}

.list-schedule {
    display: table;
    height: 100%;
    width: 100%;
}

.list-schedule li {
    margin-bottom: 15px;
}

.list-schedule .left {
    float: left;
    text-align: left;
}

.list-schedule .right {
    float: right;
    text-align: right;
}

.list-schedule .promoted {
    color: #1e4b97;
}

.list-schedule figure {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    font-size: 12px;
}

.message-popup {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #1f1f1f;
    position: fixed;
    width: 280px;
    padding: 20px;
    color: #fff;
    font-size: 12px;
    z-index: 999;
}

.message-popup.bottom-left {
    left: 20px;
    bottom: 20px;
}

.message-popup.top-right {
    right: 20px;
    top: 100px;
}

.message-popup.featured {
    background-color: #1e4b97;
}

.message-popup .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
}

.message-popup .close {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    position: absolute;
    right: 10px;
    top: 17px;
    color: #fff;
    z-index: 1;
    padding: 5px;
    font-size: 12px;
}

.message-popup p {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    margin: 0;
}

[data-show-after-time] {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    visibility: hidden;
}

[data-show-after-time].show {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

[data-show-after-scroll] {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    visibility: hidden;
}

[data-show-after-scroll].show {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.modal {
    text-align: center;
}

.modal-body h3 {
    font-weight: 600;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section .row .col-md-9 button.auto-clear {
    right: 15px;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section .row .col-md-9 .auto-results-wrapper.auto-is-active {
    max-width: 300px;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section .row .col-md-9 .auto-results-wrapper.auto-is-active ul li {
    padding-left: 0;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section .row .col-md-9 .auto-results-wrapper.auto-is-active ul li::before {
    top: 0;
    left: initial;
    right: 10px;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section .row .col-md-9 .auto-results-wrapper.auto-is-active ul li::marker {
    color: #fff;
}

@media screen and (min-width: 768px) {
    .modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.modal-dialog {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal.fade .modal-dialog {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal.modal-external .modal-content {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}

.modal.modal-external.show .modal-content {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.modal.modal-external.show .loading-icon {
    display: none;
}

.modal .modal-item-detail.modal-dialog {
    width: 750px;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left {
    float: left;
    display: table-cell;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section {
    padding-left: 30px;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.right {
    display: table;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.right section:first-child {
    margin-top: 0;
}

.modal .modal-item-detail.modal-dialog .modal-content .modal-body>.right section:first-child h3 {
    margin-top: 0;
}
a.routenplaner{
    max-width:200px;
    display:block;
}
.modal .modal-item-detail .map {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    height: 150px;
    margin-bottom: 20px;
}

.modal .modal-item-detail .label {
    display: inline-block;
}

.modal .modal-multi-choice .result-item {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.modal .modal-multi-choice .result-item:last-child {
    border-bottom: none;
}

.modal .modal-multi-choice .result-item>a {
    color: inherit;
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

.modal .modal-multi-choice .result-item>a:hover,
.modal .modal-multi-choice .result-item>a.hover-state {
    background-color: rgba(0, 0, 0, 0.05);
}

.modal .modal-multi-choice .result-item>a h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.modal .modal-multi-choice .result-item>a h4 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    font-size: 12px;
    font-weight: normal;
    margin-top: 0;
}

.modal .modal-multi-choice .result-item>a .result-item-detail {
    position: relative;
    display: table;
    padding-bottom: 15px;
    width: 100%;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .image {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    color: #fff;
    width: 125px;
    height: 100px;
    background-size: cover;
    top: 0;
    left: 0;
    text-align: center;
    float: left;
    clear: both;
    position: relative;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .image:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
}

.modal .modal-multi-choice .result-item>a .result-item-detail .image figure {
    position: absolute;
    bottom: 5px;
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    width: 100%;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .description {
    padding-left: 140px;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .description h5 {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .description h5 i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    margin-right: 5px;
    font-size: 12px;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .description p {
    font-size: 12px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    margin-bottom: 0;
}

.modal .modal-multi-choice .result-item>a .result-item-detail .description .label {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: transparent;
    margin: 3px 0;
    display: inline-block;
    margin: 8px 0;
}

.modal .modal-multi-choice .result-item .ribbon {
    right: -5px;
    font-size: 9px;
    top: -10px;
    bottom: inherit;
}

.modal .loading-icon {
    color: #fff;
    font-size: 36px;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.modal .modal-content {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    padding: 30px;
    display: table;
    width: 100%;
}

.modal .modal-header,
.modal .modal-body {
    padding: 0;
    border: none;
}

.modal .section-title {
    margin-top: 0;
}

.modal .section-title h2 {
    margin-bottom: 15px;
    word-break: break-word;
}

.modal .gallery {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    /*! -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); */
    /*! -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); */
    /*! box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); */
    visibility: hidden;
    margin-top: 0;
    margin-bottom: 10px;
}

.modal .gallery .thumbnail {
    display: block;
    /* padding: 4px; */
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    /* border-radius: 4px; */
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    padding: 0;
    border: 0;
}

.col-xs-4.slick-slide.slick-current.slick-active {
    /*! padding-right: 0; */
}

.modal .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    max-height: 235px;
    overflow: hidden;
}

.slick-list.draggable {
    width: 350px;
    margin: 0 auto;
}

.col-xs-4.slick-slide {
    width: 350px !important;
}

.slick-slide .thumbnail>img {
    max-height: 220px;
}

.slick-lightbox-close {
    width: 45px !important;
    height: 45px !important;
}

.slick-lightbox-close::before {
    font-size: 54px !important;
}

@media screen and (max-width: 452px) {

    .slick-list.draggable,
    .col-xs-4.slick-slide {
        width: 270px !important;
    }
}

.modal .gallery.owl-carousel {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.modal .gallery.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
}

.modal .gallery.owl-carousel .owl-nav .owl-prev,
.modal .gallery.owl-carousel .owl-nav .owl-next {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=90);
    opacity: 0.9;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: #1f1f1f;
    color: #fff;
    padding: 4px 4px 0px 4px;
    position: absolute;
    bottom: 0;
}

.modal .gallery.owl-carousel .owl-nav .owl-prev:hover,
.modal .gallery.owl-carousel .owl-nav .owl-next:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    cursor: pointer;
}

.modal .gallery.owl-carousel .owl-nav .owl-prev {
    right: 32px;
}

.modal .gallery.owl-carousel .owl-nav .owl-next {
    right: 0;
}

.modal .close {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    font-size: 18px;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-color: #fff;
}

.modal .controls-more {
    right: 0;
}

.modal .bg-transfer {
    z-index: 0;
}

.modal .modal-scrollable-content {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.modal .tse-scrollable {
    position: absolute;
    height: 100%;
    width: 100%;
}

.modal .tse-content {
    padding: 10px;
}

.slick-prev::before,
.slick-next::before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal .slick-prev {
    margin-left: 20px;
    z-index: 999;
}

.modal .slick-next {
    margin-right: 12px;
}

.modal .slick-prev::before,
.modal .slick-next::before {
    color: grey;
}

.slick-lightbox-close::before {
    font-family: "slick";
    font-size: 54px;
}

.slick-lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    height: 45px;
    width: 45px;
}

.my-items {
    overflow: visible;
}

.my-items .my-item {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    margin-bottom: 60px;
    position: relative;
}

.my-items .my-item .image-wrapper {
    position: relative;
    float: left;
}

.my-items .my-item .image-wrapper .image {
    width: 180px;
    height: 140px;
    position: relative;
    display: block;
}

.my-items .my-item .image-wrapper .image .bg-transfer {
    position: relative;
    z-index: 0;
}

.my-items .my-item .image-wrapper .image img {
    width: 100%;
}

.my-items .my-item .info {
    margin-left: 200px;
    padding: 20px 0;
}

.my-items .my-item .info h2 {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}

.my-items .my-item .info .location {
    font-size: 12px;
}

.my-items .my-item .info .additional-info {
    font-size: 12px;
    font-weight: bold;
    margin: 2px 0;
}

.my-items .my-item .info .additional-info i {
    margin-right: 5px;
}

.my-items .my-item .info .additional-info>span {
    padding-right: 10px;
}

.my-items .my-item .info .additional-info>span span {
    padding-right: 5px;
}

.my-items table {
    z-index: 2;
    position: relative;
    border-collapse: separate;
    border-spacing: 0px 45px;
}

.my-items table thead tr th {
    border: none;
    padding: 0;
    width: 8%;
}

.my-items table thead tr th:first-child {
    width: 50%;
}

.my-items table thead tr th:last-child {
    text-align: right;
    width: 15%;
}

.my-items table tbody tr td {
    border: none;
    padding: 0;
    width: 8%;
    vertical-align: middle;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    background-color: #fafafa;
}

.my-items table tbody tr td:first-child {
    width: 50%;
}

.my-items table tbody tr td:last-child {
    text-align: right;
    padding-right: 20px;
    width: 15%;
}

.my-items ul {
    list-style: none;
    padding-left: 0;
    z-index: 2;
    position: relative;
}

.my-items ul li {
    display: inline-block;
    width: 9%;
    vertical-align: middle;
}

.my-items ul li:first-child {
    width: 50%;
}

.my-items .featured {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

.my-items .featured.yes {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #1e4b97;
}

.my-items .last-edit {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    white-space: nowrap;
}

.my-items .edit-options {
    position: absolute;
    right: 0;
    bottom: -35px;
}

.my-items .edit-options a {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: #1f1f1f;
    padding: 10px;
    display: inline-block;
}

.my-items .edit-options a:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.my-items .edit-options a:last-child {
    padding-right: 0px;
}

.my-items .edit-options a.delete {
    color: #ed2a21;
}

.my-items .circle {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -15px;
    left: 10px;
    background-color: #1e4b97;
    text-align: center;
    z-index: 1;
}

.my-items .circle i {
    font-size: 12px;
    color: #fff;
    line-height: 28px;
}

.my-items .label {
    display: inline-block;
    margin: 4px 0;
    padding: 4px;
}

.nav-tabs>li>a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.owl-carousel .owl-item .item .circle.sale {
    top: 20px;
}

.owl-carousel .owl-item .item .circle.featured {
    background-color: #fff;
    color: #1e4b97;
}

.owl-dots {
    margin-top: 5px;
    text-align: center;
}

.owl-dots .owl-dot {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: inline-block;
}

.owl-dots .owl-dot.active {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.owl-dots .owl-dot span {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background-color: #000;
    width: 5px;
    height: 5px;
    margin: 3px 5px;
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.owl-nav .owl-next:before,
.owl-nav .owl-prev:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    font-size: 24px;
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}

.owl-nav .owl-next:before {
    content: "\$";
}

.owl-nav .owl-prev:before {
    content: "\#";
}

[data-owl-dots="0"] .owl-dots {
    display: none !important;
}

[data-owl-nav="0"] .owl-nav {
    display: none !important;
}

[data-owl-dots="1"] .owl-dots {
    display: block !important;
}

[data-owl-nav-container] .owl-controls {
    display: none !important;
}

[data-owl-nav="1"] .owl-nav {
    display: block !important;
}

[data-owl-nav="1"] .owl-nav .owl-next,
[data-owl-nav="1"] .owl-nav .owl-prev {
    display: inline-block !important;
}

.panel-group .panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 2px solid rgba(0, 0, 0, 0.1);
}

.panel-group .panel-heading {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: transparent;
    padding: 0px;
}

.panel-group .panel-heading:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

.panel-group .panel-heading .panel-title {
    font-weight: bold;
    font-size: 14px;
}

.panel-group .panel-heading .panel-title a {
    padding: 15px;
    display: block;
    position: relative;
}

.panel-group .panel-heading .panel-title a:after {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    margin: auto;
    height: 18px;
    font-size: 18px;
}

.panel-group .panel-heading .panel-title a[aria-expanded="false"]:after {
    content: "L";
}

.panel-group .panel-heading .panel-title a[aria-expanded="true"]:after {
    content: "K";
}

.panel-group .panel-heading .panel-title a i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
    margin-right: 8px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}

.page-wrapper {
    /* display: table; */
    width: 100%;
    height: auto;
    /*  overflow: hidden; */
    position: relative;
    padding-bottom: 130px;
}

.page-wrapper.iframewrapper {
    padding-bottom: 0px !important;
}

@media screen and (min-width: 452px) {
    .page-wrapper {
        height: 100%;
    }
}

.page-wrapper #page-header,
.page-wrapper #page-content,
.page-wrapper #page-footer {
    /* display: table-row; */
}

.page-wrapper #page-header,
.page-wrapper #page-footer {
    /*! height: 0vh; */
}

.page-wrapper #page-footer {
    position: relative;
    width: 100%;
    height: 130px !important;
    bottom: 0;
    display: block;
    float: right;
    margin-top:20px;
}

.page-wrapper #page-content {
    height: auto;
    overflow: hidden;
    position: relative;
    /* margin-top: 9vh;
    margin-bottom: 88px;*/
}

#page-footer .footer-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#page-footer #partner {
    margin-top: 20px
}

#page-footer p {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #898989;
    margin-bottom: 0;
    align-self: center;
}

#page-footer .footer-navigation {
    background-color: #1e4b97;
    padding: 8px 0;
    color: #fff;
    font-size: 12px;
}

#page-footer .footer-navigation a {
    color: #fff;
    margin: 0 3px;
}

#page-footer .circle-icon {
    color: #1e4b97;
}
#page-footer .circle-icon svg{
width:15px;
    margin-top:8px;
}
.d-flex.justify-content-end.align-items-end {
    min-height: 20px !important;
}

.label {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 800;
}

.label.label-default {
    background-color: #1e4b97;
}

.label.label-info {
    background-color: white;
}

.logos {
    display: table;
    width: 100%;
}

.logos .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.logos .logo a {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.logos .logo a:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.pagination li {
    display: inline-block;
}

.pagination li a {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: transparent;
    border: none;
    border-color: transparent;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    margin-left: 5px;
    margin-right: 5px;
}

.pagination li a:hover {
    color: rgba(0, 0, 0, 0.5);
}

.pagination li.active a {
    pointer-events: none;
    background-color: #1e4b97;
    color: #fff;
}

.pagination li.previous a,
.pagination li.next a {
    -moz-border-radius-topleft: 100%;
    -webkit-border-top-left-radius: 100%;
    border-top-left-radius: 100%;
    -moz-border-radius-topright: 100%;
    -webkit-border-top-right-radius: 100%;
    border-top-right-radius: 100%;
    -moz-border-radius-bottomleft: 100%;
    -webkit-border-bottom-left-radius: 100%;
    border-bottom-left-radius: 100%;
    -moz-border-radius-bottomright: 100%;
    -webkit-border-bottom-right-radius: 100%;
    border-bottom-right-radius: 100%;
    background-color: #fafafa;
    color: inherit;
    padding: 7px 10px;
}

.pricing {
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: center;
    padding: 30px 20px;
}

.pricing.box {
    background-color: #fafafa;
}

.pricing.box.featured {
    background-color: #1e4b97;
    color: #fff;
}

.pricing.box.featured ul li.available,
.pricing.box.featured ul li.not-available,
.pricing.box.featured ul li {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.pricing.featured:not(.box) figure {
    background-color: #1e4b97;
    color: #fff;
}

.pricing.description {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    text-align: left;
    padding-left: 0;
}

.pricing h2 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    color: inherit;
    font-size: 30px;
    font-weight: lighter;
}

.pricing figure {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    width: 75px;
    height: 75px;
    position: absolute;
    top: 5px;
    right: -10px;
    text-align: center;
    line-height: 75px;
    color: #1e4b97;
    font-size: 18px;
    font-weight: bold;
}

.pricing ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px;
    margin-top: 20px;
}

.pricing ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    line-height: 55px;
}

.pricing ul li:last-child {
    border-bottom: none;
}

.pricing ul li.available {
    color: #1e4b97;
}

.pricing ul li.not-available {
    color: rgba(0, 0, 0, 0.5);
}

.pricing ul li i {
    font-size: 20px;
}

.rating-passive .stars {
    margin-right: 5px;
}

.rating-passive .stars figure {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=10);
    opacity: 0.1;
    color: #000;
    font-size: 11px;
    margin-right: 1px;
}

.rating-passive .stars figure.active {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #1e4b97;
}

.rating-passive .reviews {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 11px;
}

.rating-passive .reviews:after {
    content: ")";
}

.rating-passive .reviews:before {
    content: "(";
}

.review {
    position: relative;
    margin-bottom: 40px;
    display: table;
    height: 100%;
}

.review .image {
    position: absolute;
    left: 0;
    top: 0;
}

.review .image>div {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 80px;
    height: 80px;
}

.review .description {
    padding-left: 100px;
}

.review .description .rating-passive {
    display: inline-block;
    margin-right: 20px;
}

.review .description .date {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 12px;
}

.review .description p {
    margin-top: 10px;
}

.reviews .review {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    margin-bottom: 30px;
    position: relative;
}

.reviews .review.switch {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    pointer-events: none;
}

.reviews .review.write .name {
    margin-bottom: 20px;
}

.reviews .review.write .comment:before {
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent white transparent;
    left: 20px;
    top: -10px;
}

.reviews .review form {
    margin: 0;
}

.reviews .review .name {
    font-weight: bold;
    font-size: 16px;
    margin-top: 15px;
}

.reviews .review .comment {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    padding: 20px;
    position: relative;
}

.reviews .review .comment:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fafafa transparent transparent;
    position: absolute;
    left: -10px;
    top: 30px;
}

.reviews .review .comment .options {
    text-transform: uppercase;
    font-size: 10px;
    color: #acacac;
    margin-top: 30px;
}

.reviews .review .comment .options a {
    margin-right: 10px;
}

.reviews .review .comment .comment-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.reviews .review .comment .comment-title h4 {
    font-size: 18px;
    display: inline-block;
}

.reviews .review .comment .comment-title .rating {
    color: #1e4b97;
    font-size: 20px;
    font-weight: bold;
    margin-right: 20px;
    display: inline-block;
}

.reviews .review .comment .comment-title .rating:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: "\f005";
    margin-right: 10px;
}

.reviews .review .answer {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, 0.05);
    padding: 15px;
    position: relative;
    margin-top: 30px;
}

.reviews .review .answer:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 6px 5px;
    border-color: transparent transparent rgba(0, 0, 0, 0.05) transparent;
    position: absolute;
    left: 20px;
    top: -6px;
}

.reviews .review .answer h4 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
}

.reviews .review .visitor-rating dt {
    font-weight: normal;
}

.reviews .review .visitor-rating dd {
    font-weight: bold;
    color: #1e4b97;
}

.reviews .review .visitor-rating dd.star-rating {
    clear: left;
    margin-bottom: 10px;
    text-align: left;
    padding: 0;
}

.reviews .review .ribbon {
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
    padding: 8px;
}

.reviews .review.muted .name,
.reviews .review.muted .date,
.reviews .review.muted .comment {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.reviews .review.muted .name:hover,
.reviews .review.muted .date:hover,
.reviews .review.muted .comment:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.ribbon {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #1e4b97;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px;
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 1;
}

.ribbon:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: #1e4b97 transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    right: 0;
}

.ribbon:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: rgba(0, 0, 0, 0.4) transparent transparent transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    right: 0;
    z-index: 1;
}

.section-title {
    margin-bottom: 50px;
    margin-top: 5px;
}

.section-title h2 {
    margin-top: 0;
}

.pac-container {
    z-index: 1051 !important;
}

.page-title {
    margin-bottom: 40px;
    margin-top: 5px;
    display: table;
    width: 100%;
    height: auto;
}

.page-title h3 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    color: inherit;
}

.page-title.error h1 {
    font-size: 200px;
}

.page-title.pull-left,
.page-title.pull-right {
    width: auto;
}

.subject-list {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    position: relative;
    margin-bottom: 50px;
}

.subject-list h3 {
    margin-bottom: 5px;
}

.subject-list h4 {
    font-weight: normal;
}

.subject-list .image {
    height: 250px;
    position: relative;
    z-index: 1;
    display: block;
}

.subject-list .description section {
    padding: 10px 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.subject-list .description .name,
.subject-list .description .contacts {
    background-color: #fff;
}

.subject-list .description .name {
    padding-top: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.subject-list .description .contacts {
    padding-bottom: 20px;
}

.subject-list .description .contacts a {
    color: inherit;
}

.subject-list .description .contacts i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    margin-right: 10px;
}

.subject-list .description .social a {
    display: inline-block;
    padding: 5px;
}

.subject-list .ribbon {
    z-index: 2;
}

.subject-detail {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #fafafa;
    margin-bottom: 50px;
    display: table;
    width: 100%;
    height: 100%;
}

.subject-detail .image {
    position: relative;
    width: 250px;
    height: 250px;
    display: table-cell;
    z-index: 1;
}

.subject-detail .description {
    display: table-cell;
    vertical-align: middle;
    padding-left: 50px;
    padding-right: 50px;
}

.subject-detail .description section {
    margin-top: 20px;
    margin-bottom: 15px;
}

.subject-detail .description h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.subject-detail .description .contacts i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    margin-right: 10px;
}

.subject-detail .description .contacts a {
    color: inherit;
}

.subject-detail .description .social a {
    padding: 5px;
}

.post-author {
    border: 2px solid rgba(0, 0, 0, 0.1);
    display: table;
    margin-bottom: 60px;
    padding: 20px;
    position: relative;
    width: 100%;
}

.post-author img {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}

.post-author header {
    color: #1f1f1f;
    margin-bottom: 10px;
}

.post-author .wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.noUi-horizontal {
    min-height: 43px;
    height: inherit;
}

.sidebar section {
    margin-bottom: 30px;
}

.sidebar h2 {
    font-size: 24px;
    font-weight: lighter;
    margin-bottom: 30px;
}

.sidebar .form-group {
    margin-bottom: 10px;
    min-height: 45px;
}

.sidebar .bootstrap-select .dropdown-menu {
    margin-top: 0;
}

.sidebar .btn[type=submit] {
    text-transform: none;
    font-size: 14px;
}

.sidebar .btn[type=submit] i {
    margin-right: 0;
    margin-left: 10px;
}

.sidebar .ui-slider .noUi-base {
    background-color: #e8e8e8;
}

.sidebar .ui-slider .noUi-base .noUi-connect {
    background-color: #cccccc;
}

.sidebar .ui-slider .noUi-base .noUi-background {
    background-color: #e8e8e8;
}

.sidebar .ui-slider .noUi-base .noUi-handle {
    border: 2px solid #cccccc;
    background-color: #cccccc;
}

.sidebar .ui-slider .noUi-base .noUi-handle:hover,
.sidebar .ui-slider .noUi-base .noUi-handle.noUi-active {
    -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
}

.sidebar .item {
    margin-bottom: 10px;
}

.sidebar .item>a {
    height: 140px;
}

.sidebar .item .controls-more {
    bottom: 0px;
    top: inherit;
    margin: inherit;
}

.sidebar .item .controls-more:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    color: #fff;
}

.step {
    position: relative;
    margin-bottom: 40px;
}

.step .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 175px;
    height: 175px;
    text-align: center;
}

.step .circle>i {
    font-size: 60px;
    color: #fff;
    z-index: 1;
    position: relative;
    line-height: 175px;
}

.step .circle figure {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    right: 0;
    top: 15px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 55px;
    height: 55px;
    background-color: #1e4b97;
    z-index: 1;
}

.step .circle .circle-bg {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #1e4b97;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.step .box {
    margin-left: 220px;
}

.step .box:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 11px 11.5px 0;
    border-color: transparent #fafafa transparent transparent;
    content: "";
    position: absolute;
    top: 30px;
    left: -11px;
}

.step .box:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 11px 11.5px 0;
    border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
    content: "";
    position: absolute;
    top: 32px;
    left: -11px;
}

.step h2 {
    margin-bottom: 20px;
}

.step p {
    margin-bottom: 20px;
}

.star-rating i {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: inline-block;
    cursor: pointer;
    padding: 2px;
    color: rgba(0, 0, 0, 0.2);
}

.star-rating i.active,
.star-rating i.hover {
    color: #1e4b97;
}

.visitor-rating dt {
    font-weight: normal;
}

.visitor-rating dd {
    font-weight: bold;
    color: #1e4b97;
}

.visitor-rating dd.star-rating {
    clear: left;
    margin-bottom: 10px;
    text-align: left;
    padding: 0;
}

.subpage-detail #gallery-nav {
    position: absolute;
    right: 15px;
    top: -25px;
}

.subpage-detail #gallery-nav .owl-next:after,
.subpage-detail #gallery-nav .owl-prev:after {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    background-color: #1e4b97;
    padding: 4px;
    color: #fff;
}

.subpage-detail #gallery-nav .owl-prev {
    right: 32px;
}

.tab-content>.tab-pane {
    padding-top: 15px;
}

.tags {
    list-style: none;
    padding-left: 0;
}

.tags li {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: inline-block;
    background-color: #fafafa;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    margin-right: 5px;
    color: rgba(0, 0, 0, 0.8);
    padding: 5px 10px;
    margin-bottom: 5px;
}

.tags li:before {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    content: "\f00c";
    color: #1e4b97;
    margin-right: 3px;
    display: none;
}

.testimonials {
    padding: 0;
}

.testimonials.center .owl-carousel {
    top: -30px;
    position: relative;
}

.testimonials.center blockquote {
    text-align: center;
    padding-left: 20px;
}

.testimonials.center blockquote p {
    font-size: 14px;
    font-style: italic;
}

.testimonials.center blockquote .image {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 95px;
    height: 95px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
}

.testimonials.center blockquote .image img {
    -moz-transform-style: flat;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.testimonials blockquote {
    border-left: none;
    margin-bottom: 0;
    position: relative;
    padding-left: 120px;
}

.testimonials blockquote h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
}

.testimonials blockquote h4 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
}

.testimonials blockquote p {
    font-size: 16px;
    font-style: italic;
}

.testimonials blockquote .image {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 0;
}

.testimonials blockquote .image img {
    -moz-transform-style: flat;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.text-element {
    margin-bottom: 30px;
    position: relative;
}

.text-element.event {
    padding-left: 70px;
    padding-top: 10px;
}

.text-element.event .date-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    padding: 5px 3px 4px 3px;
    position: absolute;
    width: 50px;
    left: 0;
}

.text-element.event .date-icon:before {
    background-image: url("https://www.sportatlas-hessen.de/assets/img/calendar-spring.png");
    width: 37px;
    height: 6px;
    position: absolute;
    top: -3px;
    left: 4px;
    content: "";
}

.text-element.event .date-icon .day {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 20px;
    margin-bottom: -3px;
}

.text-element.event .date-icon .month {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    font-size: 12px;
    text-transform: uppercase;
}

.text-element a.link {
    color: #1f1f1f;
}

.text-element .date {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 12px;
    margin-bottom: 12px;
    font-weight: bold;
}

.text-element .date i {
    margin-right: 8px;
}

.to-top {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 50px;
    height: 50px;
    background-color: #1f1f1f;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 52px;
    position: fixed;
    right: 30px;
    bottom: 20px;
    z-index: 999;
}

.to-top:hover,
.to-top:active,
.to-top:focus {
    color: #fff;
}

.user-details {
    margin-bottom: 30px;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 60px;
}

.user-details .user-image {
    position: absolute;
    top: -60px;
    z-index: 1;
}

.user-details .user-image .image {
    width: 150px;
    height: 150px;
    position: relative;
}

.user-details .user-image .image .bg-transfer {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.user-details .user-image .image .single-file-input {
    position: absolute;
    width: 100%;
    bottom: -30px;
}

.user-details .btn {
    position: absolute;
    right: 20px;
    top: 20px;
}

.user-details .description {
    padding-left: 170px;
}

.user-details .description h3 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
    color: inherit;
    font-size: 14px;
    margin: 0;
}

.user-details .description h2 {
    font-size: 20px;
    margin: 3px 0;
    font-weight: normal;
}

.user-details .description hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.video iframe {
    width: 100%;
    height: 100%;
}

.version-selector a {
    color: #000;
}

.version-selector .logo {
    text-align: center;
    margin: 40px 0;
}

.version-selector h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.version-selector h1 {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
    color: #000;
    font-weight: bold;
}

.version-selector .description {
    padding-bottom: 5px;
}

.version-selector .versions {
    padding: 40px 0;
    display: table;
}

.version-selector .version {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    display: inline-block;
    margin-bottom: 60px;
    padding: 15px 5px;
    text-align: center;
}

.version-selector .version:hover {
    background-color: #f0f0f0;
}


/* 6. Forms */

input[type="text"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="search"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea.form-control {
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), inset 1px 0 5px rgba(0, 0, 0, 0.03);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-appearance: none;
    background-color: #fff;
    border: none;
    font-size: 14px;
    font-weight: 400;
    outline: none !important;
    width: 100%;
    height: inherit;
    padding: 12px;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

input[type="text"]:active,
input[type="text"]:focus,
input[type="email"]:active,
input[type="email"]:focus,
input[type="date"]:active,
input[type="date"]:focus,
input[type="time"]:active,
input[type="time"]:focus,
input[type="search"]:active,
input[type="search"]:focus,
input[type="password"]:active,
input[type="password"]:focus,
input[type="number"]:active,
input[type="number"]:focus,
input[type="tel"]:active,
input[type="tel"]:focus,
textarea.form-control:active,
textarea.form-control:focus {
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
input[type="tel"]:hover,
textarea.form-control:hover {
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), inset 1px 0 5px transparent;
}

input[type="text"].input-dark,
input[type="email"].input-dark,
input[type="date"].input-dark,
input[type="time"].input-dark,
input[type="search"].input-dark,
input[type="password"].input-dark,
input[type="number"].input-dark,
input[type="tel"].input-dark,
textarea.form-control.input-dark {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

input::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: inherit;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}

.bootstrap-select.open .dropdown-menu {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bootstrap-select .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.1), 0px 2px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border: none;
    outline: none !important;
    text-transform: none;
    padding: 12px;
    padding-right: 30px;
    font-size: 14px;
    width: 100%;
}

.bootstrap-select .btn:active,
.bootstrap-select .btn:focus,
.bootstrap-select .btn:hover {
    -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 5px rgba(0, 0, 0, 0.1);
    top: 0;
    background-color: #fff;
    outline: none !important;
    border: none;
}

.bootstrap-select .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block !important;
    visibility: hidden;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    pointer-events: none;
    padding: 0;
    border: none;
    background-clip: none;
    margin: 0;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0px transparent !important;
}

.bootstrap-select .dropdown-menu>li>a {
    padding: 5px 12px;
}

.bootstrap-select>select {
    left: 0;
    height: 0 !important;
    max-height: 0px;
    padding: 0 !important;
}

.btn[disabled] {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
}

.btn {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-width: 2px;
    border-style: solid;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

.btn:active,
.btn:active:hover,
.btn:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
}

.btn:hover {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.btn:active {
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}

.btn.btn-primary {
    background-color: #1e4b97;
    color: #fff;
    border-color: #1e4b97;
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active:hover,
.btn.btn-primary:active:focus,
.btn.btn-primary:focus:hover {
    background-color: #1e4b97;
}

.btn.btn-primary:active:after,
.btn.btn-primary:focus:after,
.btn.btn-primary:hover:after,
.btn.btn-primary:active:hover:after,
.btn.btn-primary:active:focus:after,
.btn.btn-primary:focus:hover:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-primary:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:active:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active:focus {
    background-color: #9f1418;
    border-color: #1e4b97;
}

.btn.btn-primary.btn-rounded:after {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.btn.btn-primary.btn-framed {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #1e4b97;
    background-color: transparent;
}

.btn.btn-primary.btn-framed:hover,
.btn.btn-primary.btn-framed:active,
.btn.btn-primary.btn-framed:active:hover,
.btn.btn-primary.btn-framed:focus {
    background-color: transparent;
    /*border-color: darken($color-default,8%);*/
}

.btn.btn-primary.btn-framed.btn-light-frame {
    border-color: rgba(0, 0, 0, 0.2);
}

.btn.btn-primary.btn-framed.btn-light-frame:after {
    display: none;
}

.btn.btn-primary.btn-framed.btn-light-frame:hover,
.btn.btn-primary.btn-framed.btn-light-frame:active,
.btn.btn-primary.btn-framed.btn-light-frame:active:hover,
.btn.btn-primary.btn-framed.btn-light-frame:focus {
    border-color: rgba(0, 0, 0, 0.3);
    background-color: transparent;
}

.btn.btn-default {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:active:hover,
.btn.btn-default:focus {
    background-color: #fff;
    border-color: #fff;
}

.btn.btn-default.btn-framed {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

.btn.btn-default.btn-framed:hover,
.btn.btn-default.btn-framed:active,
.btn.btn-default.btn-framed:active:hover,
.btn.btn-default.btn-framed:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.btn.btn-default.btn-framed.btn-light-frame {
    border-color: rgba(255, 255, 255, 0.4);
}

.btn.btn-default.btn-framed.btn-light-frame:hover,
.btn.btn-default.btn-framed.btn-light-frame:active,
.btn.btn-default.btn-framed.btn-light-frame:active:hover,
.btn.btn-default.btn-framed.btn-light-frame:focus {
    border-color: rgba(255, 255, 255, 0.6);
    background-color: transparent;
}

.btn.icon i {
    margin-left: 5px;
    margin-right: 5px;
}

.btn.btn-rounded {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.btn.arrow {
    padding-right: 30px;
    position: relative;
}

.btn.arrow:before {
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'ElegantIcons';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
    content: "$";
    position: absolute;
    font-size: 14px;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 14px;
}

.btn.roll-effect {
    padding-bottom: 4px;
}

.btn.btn-small {
    padding: 3px 8px;
}

.btn.btn-xs {
    font-size: 10px;
    padding: 2px 7px;
}

.btn.darker {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    border-color: rgba(0, 0, 0, 0.4);
}

.btn.darker:active,
.btn.darker:focus,
.btn.darker:hover,
.btn.darker:active:focus,
.btn.darker:active:hover {
    border-color: rgba(0, 0, 0, 0.5);
}

.btn.darker:active:after,
.btn.darker:focus:after,
.btn.darker:hover:after,
.btn.darker:active:focus:after,
.btn.darker:active:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
}

.btn.darker:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.btn.sa:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent #1e4b97 transparent;
    position: absolute;
    content: "";
    right: 0px;
    top: -9px;
    top: -5px;
    z-index: -1;
}

.form-control {
    background-color: transparent;
    height: auto;
}

.icheckbox {
    -moz-box-shadow: inset 0px 0px 0px 2px #e8e8e8;
    -webkit-box-shadow: inset 0px 0px 0px 2px #e8e8e8;
    box-shadow: inset 0px 0px 0px 2px #e8e8e8;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    position: relative;
    width: 20px;
    top: -1px;
}

.icheckbox:after {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    color: #1f1f1f;
    content: "\f00c";
    position: absolute;
    line-height: 20px;
    font-size: 10px;
    left: 5.5px;
}

.icheckbox.checked:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.iradio {
    -moz-box-shadow: inset 0px 0px 0px 2px #e8e8e8;
    -webkit-box-shadow: inset 0px 0px 0px 2px #e8e8e8;
    box-shadow: inset 0px 0px 0px 2px #e8e8e8;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    position: relative;
    width: 20px;
    top: -1px;
}

.iradio:after {
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    background-color: #1f1f1f;
    content: "";
    position: absolute;
    line-height: 20px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.iradio.checked:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.hero-section .form.vertical {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

.hero-section .form.vertical:hover {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.hero-section .form.vertical ::-webkit-input-placeholder {
    color: white;
}

.hero-section .form.vertical :-moz-placeholder {
    color: white;
}

.hero-section .form.vertical ::-moz-placeholder {
    color: white;
}

.hero-section .form.vertical :-ms-input-placeholder {
    color: white;
}

.hero-section .form.vertical .btn[type=submit] {
    width: inherit;
    margin-top: 15px;
}

.hero-section .form.vertical.search-form .row,
.hero-section .form.vertical.search-form .container {
    height: 0;
}

.hero-section .form.vertical .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.hero-section .form .advanced-search-heading {
    margin-top: 0px;
    margin-bottom: 15px;
}

.hero-section select.form-control,
.hero-section select {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #1e4b97;
    border: none;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hero-section select.form-control:active,
.hero-section select.form-control:focus,
.hero-section select:active,
.hero-section select:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hero-section select.form-control:hover,
.hero-section select:hover {
    /*background-color: darken($color-default, 5%);*/
}

.hero-section select.form-control option,
.hero-section select option {
    background-color: #fff;
    color: #1f1f1f;
}

.hero-section input[type="text"],
.hero-section input[type="email"],
.hero-section input[type="date"],
.hero-section input[type="time"],
.hero-section input[type="search"],
.hero-section input[type="password"],
.hero-section input[type="number"],
.hero-section input[type="tel"],
.hero-section textarea.form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 0px 6px 3px rgba(0, 0, 0, 0.05);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-appearance: none;
    background-color: #1e4b97;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
}

.hero-section input[type="text"]:active,
.hero-section input[type="text"]:focus,
.hero-section input[type="text"]:hover,
.hero-section input[type="email"]:active,
.hero-section input[type="email"]:focus,
.hero-section input[type="email"]:hover,
.hero-section input[type="date"]:active,
.hero-section input[type="date"]:focus,
.hero-section input[type="date"]:hover,
.hero-section input[type="time"]:active,
.hero-section input[type="time"]:focus,
.hero-section input[type="time"]:hover,
.hero-section input[type="search"]:active,
.hero-section input[type="search"]:focus,
.hero-section input[type="search"]:hover,
.hero-section input[type="password"]:active,
.hero-section input[type="password"]:focus,
.hero-section input[type="password"]:hover,
.hero-section input[type="number"]:active,
.hero-section input[type="number"]:focus,
.hero-section input[type="number"]:hover,
.hero-section input[type="tel"]:active,
.hero-section input[type="tel"]:focus,
.hero-section input[type="tel"]:hover,
.hero-section textarea.form-control:active,
.hero-section textarea.form-control:focus,
.hero-section textarea.form-control:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 0px 70px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0px 0px 70px 0px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 0px 70px 0px rgba(0, 0, 0, 0.25);
}

.hero-section .bootstrap-select.open .dropdown-menu {
    visibility: visible;
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    pointer-events: auto;
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.hero-section .bootstrap-select .btn {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #1e4b97;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    outline: none !important;
    text-transform: none;
    padding: 12px;
    font-size: 14px;
    position: relative;
}

.hero-section .bootstrap-select .btn:active,
.hero-section .bootstrap-select .btn:focus,
.hero-section .bootstrap-select .btn:hover,
.hero-section .bootstrap-select .btn:active:hover,
.hero-section .bootstrap-select .btn:active:focus,
.hero-section .bootstrap-select .btn:focus:hover {
    background-color: #1e4b97;
}

.hero-section .bootstrap-select .btn:active:after,
.hero-section .bootstrap-select .btn:focus:after,
.hero-section .bootstrap-select .btn:hover:after,
.hero-section .bootstrap-select .btn:active:hover:after,
.hero-section .bootstrap-select .btn:active:focus:after,
.hero-section .bootstrap-select .btn:focus:hover:after {
    background-color: rgba(0, 0, 0, 0.2);
}

.hero-section .bootstrap-select .btn:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.hero-section .bootstrap-select .btn:active,
.hero-section .bootstrap-select .btn:focus,
.hero-section .bootstrap-select .btn:hover,
.hero-section .bootstrap-select .btn:active:hover {
    top: 0;
    color: #fff;
}

.hero-section .bootstrap-select .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block !important;
    visibility: hidden;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    pointer-events: none;
    padding: 0;
    border: none;
    background-clip: none;
    margin: 0;
    margin-top: -1px;
}

.hero-section .bootstrap-select .dropdown-menu>li>a {
    padding: 5px 12px;
}

.hero-section .form-control {
    height: auto;
}

.hero-section .input-group {
    margin-bottom: 15px;
}

.hero-section form {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.hero-section.has-map .btn[type=submit] {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    border-bottom: none;
    margin-top: 15px;
    border: none;
    text-transform: none;
    outline: none !important;
    font-size: 14px;
    padding: 12px 30px;
    position: relative;
}

.hero-section.has-map .btn[type=submit]:active {
    top: 0;
}

.hero-section.has-map .btn[type=submit] i {
    margin-left: 10px;
}

.hero-section.has-map .form.horizontal form {
    padding: 20px 25px 5px 25px;
}

.hero-section .search-form {
    position: absolute;
    z-index: 20;
    height: 0;
    width: 100%;
}

.hero-section .search-form.show form {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
}

.hero-section.has-background .form .input-group-btn .btn[type="submit"] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    border-color: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 11px 15px 12px 15px;
    margin-top: 0;
}

.hero-section.has-background .form .input-group-btn .btn[type="submit"]:active,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:focus,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:hover,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:focus,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:after,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:focus:after,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:hover:after,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:focus:after,
.hero-section.has-background .form .input-group-btn .btn[type="submit"]:active:hover:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.hero-section.has-background .form .input-group-btn .btn[type="submit"]:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: transparent;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.hero-section.has-background .form.horizontal {
    position: relative;
}

.hero-section.has-background .form.horizontal.position-bottom,
.hero-section.has-background .form.horizontal.position-top {
    position: absolute;
}

.hero-section.has-background .form.horizontal form {
    padding: 18px;
    padding-bottom: 3px;
    background-color: transparent;
}

.hero-section.has-background .form.horizontal form:after {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    content: "";
    position: absolute;
    background-color: #1e4b97;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

.horizontal-input-title {
    display: table;
    height: 46px;
}

.horizontal-input-title * {
    display: table-cell;
    vertical-align: middle;
}

form {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.form {
    position: relative;
}

.form.vertical .form-group {
    margin-bottom: 0;
}

.form.horizontal form {
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    background-color: #1e4b97;
    display: table;
    width: 100%;
    height: 100%;
}

.form.horizontal form ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.form.horizontal form :-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.form.horizontal form ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.form.horizontal form :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.form.horizontal .row>[class^="col-"],
.form.horizontal .row>[class*=" col-"] {
    padding-right: 10px;
    padding-left: 10px;
}

.form.horizontal .container {
    height: inherit;
}

.form.horizontal input[type="text"],
.form.horizontal input[type="email"],
.form.horizontal input[type="date"],
.form.horizontal input[type="time"],
.form.horizontal input[type="search"],
.form.horizontal input[type="password"],
.form.horizontal input[type="number"],
.form.horizontal input[type="tel"],
.form.horizontal textarea.form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    border-bottom: none;
    color: inherit;
}

.form.horizontal input[type="text"]:active,
.form.horizontal input[type="text"]:focus,
.form.horizontal input[type="text"]:hover,
.form.horizontal input[type="email"]:active,
.form.horizontal input[type="email"]:focus,
.form.horizontal input[type="email"]:hover,
.form.horizontal input[type="date"]:active,
.form.horizontal input[type="date"]:focus,
.form.horizontal input[type="date"]:hover,
.form.horizontal input[type="time"]:active,
.form.horizontal input[type="time"]:focus,
.form.horizontal input[type="time"]:hover,
.form.horizontal input[type="search"]:active,
.form.horizontal input[type="search"]:focus,
.form.horizontal input[type="search"]:hover,
.form.horizontal input[type="password"]:active,
.form.horizontal input[type="password"]:focus,
.form.horizontal input[type="password"]:hover,
.form.horizontal input[type="number"]:active,
.form.horizontal input[type="number"]:focus,
.form.horizontal input[type="number"]:hover,
.form.horizontal input[type="tel"]:active,
.form.horizontal input[type="tel"]:focus,
.form.horizontal input[type="tel"]:hover,
.form.horizontal textarea.form-control:active,
.form.horizontal textarea.form-control:focus,
.form.horizontal textarea.form-control:hover {
    background-color: #fafafa;
    border-bottom: none;
}

.form.horizontal select.form-control,
.form.horizontal select {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    color: inherit;
    border-bottom: none;
    min-height: 43px;
}

.form.horizontal select.form-control:active,
.form.horizontal select.form-control:focus,
.form.horizontal select:active,
.form.horizontal select:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}

.form.horizontal select.form-control:hover,
.form.horizontal select:hover {
    background-color: #fafafa;
}

.form.horizontal .bootstrap-select .btn {
    background-color: #fff;
    border-bottom: none;
    color: inherit;
}

.form.horizontal .bootstrap-select .btn:active,
.form.horizontal .bootstrap-select .btn:focus,
.form.horizontal .bootstrap-select .btn:hover {
    background-color: #fafafa;
    color: inherit;
}

.form.horizontal .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.form.horizontal .btn[type=submit] {
    margin-top: 0;
    width: 100%;
    text-align: center;
}

.form.horizontal .btn[type=submit]:before {
    display: none;
}

.form.horizontal .btn[type=submit] i {
    margin-left: -5px;
}

.form.horizontal.position-top {
    top: 40px;
}

.form.horizontal.position-bottom {
    bottom: 0;
}

.form.horizontal.position-bottom form {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    position: relative;
    bottom: 40px;
}

.form .checkboxes {
    margin-bottom: 0;
}

.form.has-padding {
    padding-top: 40px;
    padding-bottom: 30px;
}

.form.no-background {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.form.no-background form {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}

.form label {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    font-size: 13px;
    text-transform: none;
    margin-bottom: 8px;
}

.form label.no-margin {
    filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-bottom: 0;
}

.form h3 {
    margin-bottom: 10px;
}

.form .btn[type=submit] {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.form.inputs-dark form ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.form.inputs-dark form :-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.form.inputs-dark form ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.form.inputs-dark form :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.form.inputs-dark input[type="text"],
.form.inputs-dark input[type="email"],
.form.inputs-dark input[type="date"],
.form.inputs-dark input[type="time"],
.form.inputs-dark input[type="search"],
.form.inputs-dark input[type="password"],
.form.inputs-dark input[type="number"],
.form.inputs-dark input[type="tel"],
.form.inputs-dark textarea.form-control {
    /*background-color: darken($color-default, 8%);*/
    -moz-box-shadow: inset 0px 0px 0px 30px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: inset 0px 0px 0px 30px rgba(0, 0, 0, 0.23);
    box-shadow: inset 0px 0px 0px 30px rgba(0, 0, 0, 0.23);
    color: #fff;
    background-color: #1e4b97;
}

.form.inputs-dark input[type="text"]:active,
.form.inputs-dark input[type="text"]:focus,
.form.inputs-dark input[type="text"]:hover,
.form.inputs-dark input[type="email"]:active,
.form.inputs-dark input[type="email"]:focus,
.form.inputs-dark input[type="email"]:hover,
.form.inputs-dark input[type="date"]:active,
.form.inputs-dark input[type="date"]:focus,
.form.inputs-dark input[type="date"]:hover,
.form.inputs-dark input[type="time"]:active,
.form.inputs-dark input[type="time"]:focus,
.form.inputs-dark input[type="time"]:hover,
.form.inputs-dark input[type="search"]:active,
.form.inputs-dark input[type="search"]:focus,
.form.inputs-dark input[type="search"]:hover,
.form.inputs-dark input[type="password"]:active,
.form.inputs-dark input[type="password"]:focus,
.form.inputs-dark input[type="password"]:hover,
.form.inputs-dark input[type="number"]:active,
.form.inputs-dark input[type="number"]:focus,
.form.inputs-dark input[type="number"]:hover,
.form.inputs-dark input[type="tel"]:active,
.form.inputs-dark input[type="tel"]:focus,
.form.inputs-dark input[type="tel"]:hover,
.form.inputs-dark textarea.form-control:active,
.form.inputs-dark textarea.form-control:focus,
.form.inputs-dark textarea.form-control:hover {
    /*background-color: darken($color-default, 12%);*/
    -moz-box-shadow: inset 0px 0px 0px 30px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0px 0px 0px 30px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 0px 30px rgba(0, 0, 0, 0.4);
    background-color: #1e4b97;
    border-bottom: none;
}

.form.inputs-dark select.form-control,
.form.inputs-dark select {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 30px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 30px rgba(0, 0, 0, 0.25);
    background-color: #1e4b97;
    color: #fff;
    border-bottom: none;
}

.form.inputs-dark select.form-control:active,
.form.inputs-dark select.form-control:focus,
.form.inputs-dark select:active,
.form.inputs-dark select:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: none;
}

.form.inputs-dark select.form-control:hover,
.form.inputs-dark select:hover {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 30px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 30px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px 0px 0px 30px rgba(0, 0, 0, 0.35);
    background-color: #1e4b97;
}

.form.inputs-dark .bootstrap-select {
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.form.inputs-dark .bootstrap-select .btn {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #1e4b97;
    color: #fff;
    border-bottom: none;
}

.form.inputs-dark .bootstrap-select .btn:active,
.form.inputs-dark .bootstrap-select .btn:focus,
.form.inputs-dark .bootstrap-select .btn:hover,
.form.inputs-dark .bootstrap-select .btn:active:focus,
.form.inputs-dark .bootstrap-select .btn:active:hover {
    border-color: rgba(0, 0, 0, 0.3);
}

.form.inputs-dark .bootstrap-select .btn:active:after,
.form.inputs-dark .bootstrap-select .btn:focus:after,
.form.inputs-dark .bootstrap-select .btn:hover:after,
.form.inputs-dark .bootstrap-select .btn:active:focus:after,
.form.inputs-dark .bootstrap-select .btn:active:hover:after {
    background-color: rgba(0, 0, 0, 0.3);
}

.form.inputs-dark .bootstrap-select .btn:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.form.inputs-dark .bootstrap-select .btn:active,
.form.inputs-dark .bootstrap-select .btn:focus,
.form.inputs-dark .bootstrap-select .btn:hover {
    color: #fff;
    background-color: #1e4b97;
}

.form.inputs-dark .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: rgba(255, 255, 255, 0.8);
}

.form.inputs-dark .btn[type=submit] {
    /*background-color: darken($color-default, 15%);*/
}

.form.inputs-dark .checkboxes {
    color: #fff;
}

.form.inputs-dark .icheckbox {
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.3);
}

.form.inputs-dark .icheckbox:after {
    color: #fff;
}

.form.inputs-dark .ui-slider .noUi-base {
    /*background-color: lighten($color-default, 20%);*/
    background-color: rgba(255, 255, 255, 0.15);
}

.form.inputs-dark .ui-slider .noUi-base .noUi-connect {
    background-color: #fff;
}

.form.inputs-dark .ui-slider .noUi-base .noUi-background {
    /*background-color: lighten($color-default, 20%);*/
    background-color: rgba(0, 0, 0, 0.7);
}

.form.inputs-dark .ui-slider .noUi-base .noUi-handle {
    border: 2px solid #fff;
    background-color: #1e4b97;
}

.form.inputs-dark .ui-slider .noUi-base .noUi-handle:hover,
.form.inputs-dark .ui-slider .noUi-base .noUi-handle.noUi-active {
    -moz-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07);
    -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07);
    box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.07);
}

.form.inputs-dark .ui-slider .values {
    color: #fff;
}

.form.inputs-dark .ui-slider .values input {
    background-color: transparent;
    border: none;
    width: 49%;
}

.form .btn[type=submit] {
    padding: 13px;
    margin-top: -2px;
}

form.submitted .status {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

form.submitted .form-group,
form.submitted .input-group {
    pointer-events: none;
}

form .status {
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    top: -20px;
    right: -20px;
    position: absolute;
}

form .status .status-icon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.33);
    width: 40px;
    height: 40px;
    background-color: grey;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

form .status .status-icon.valid {
    background-color: #50aa8d;
}

form .status .status-icon.invalid {
    background-color: #e45544;
}

form .status i {
    font-size: 18px;
}

.form.inputs-underline label:not(.no-margin),
.input-group.inputs-underline label:not(.no-margin) {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    bottom: -5px;
}

.form.inputs-underline input[type="text"],
.form.inputs-underline input[type="email"],
.form.inputs-underline input[type="date"],
.form.inputs-underline input[type="time"],
.form.inputs-underline input[type="search"],
.form.inputs-underline input[type="password"],
.form.inputs-underline input[type="number"],
.form.inputs-underline input[type="tel"],
.form.inputs-underline textarea.form-control,
.input-group.inputs-underline input[type="text"],
.input-group.inputs-underline input[type="email"],
.input-group.inputs-underline input[type="date"],
.input-group.inputs-underline input[type="time"],
.input-group.inputs-underline input[type="search"],
.input-group.inputs-underline input[type="password"],
.input-group.inputs-underline input[type="number"],
.input-group.inputs-underline input[type="tel"],
.input-group.inputs-underline textarea.form-control {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    padding-left: 0;
    padding-right: 0;
}

.form.inputs-underline input[type="text"]:active,
.form.inputs-underline input[type="text"]:focus,
.form.inputs-underline input[type="email"]:active,
.form.inputs-underline input[type="email"]:focus,
.form.inputs-underline input[type="date"]:active,
.form.inputs-underline input[type="date"]:focus,
.form.inputs-underline input[type="time"]:active,
.form.inputs-underline input[type="time"]:focus,
.form.inputs-underline input[type="search"]:active,
.form.inputs-underline input[type="search"]:focus,
.form.inputs-underline input[type="password"]:active,
.form.inputs-underline input[type="password"]:focus,
.form.inputs-underline input[type="number"]:active,
.form.inputs-underline input[type="number"]:focus,
.form.inputs-underline input[type="tel"]:active,
.form.inputs-underline input[type="tel"]:focus,
.form.inputs-underline textarea.form-control:active,
.form.inputs-underline textarea.form-control:focus,
.input-group.inputs-underline input[type="text"]:active,
.input-group.inputs-underline input[type="text"]:focus,
.input-group.inputs-underline input[type="email"]:active,
.input-group.inputs-underline input[type="email"]:focus,
.input-group.inputs-underline input[type="date"]:active,
.input-group.inputs-underline input[type="date"]:focus,
.input-group.inputs-underline input[type="time"]:active,
.input-group.inputs-underline input[type="time"]:focus,
.input-group.inputs-underline input[type="search"]:active,
.input-group.inputs-underline input[type="search"]:focus,
.input-group.inputs-underline input[type="password"]:active,
.input-group.inputs-underline input[type="password"]:focus,
.input-group.inputs-underline input[type="number"]:active,
.input-group.inputs-underline input[type="number"]:focus,
.input-group.inputs-underline input[type="tel"]:active,
.input-group.inputs-underline input[type="tel"]:focus,
.input-group.inputs-underline textarea.form-control:active,
.input-group.inputs-underline textarea.form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 12px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.15);
}

.form.inputs-underline input[type="text"]:hover,
.form.inputs-underline input[type="email"]:hover,
.form.inputs-underline input[type="date"]:hover,
.form.inputs-underline input[type="time"]:hover,
.form.inputs-underline input[type="search"]:hover,
.form.inputs-underline input[type="password"]:hover,
.form.inputs-underline input[type="number"]:hover,
.form.inputs-underline input[type="tel"]:hover,
.form.inputs-underline textarea.form-control:hover,
.input-group.inputs-underline input[type="text"]:hover,
.input-group.inputs-underline input[type="email"]:hover,
.input-group.inputs-underline input[type="date"]:hover,
.input-group.inputs-underline input[type="time"]:hover,
.input-group.inputs-underline input[type="search"]:hover,
.input-group.inputs-underline input[type="password"]:hover,
.input-group.inputs-underline input[type="number"]:hover,
.input-group.inputs-underline input[type="tel"]:hover,
.input-group.inputs-underline textarea.form-control:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.form.inputs-underline .input-group .btn,
.input-group.inputs-underline .input-group .btn {
    background-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    padding: 8px 12px 9px 12px;
}

.form.inputs-underline .input-group-btn .btn,
.input-group.inputs-underline .input-group-btn .btn {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    border-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    padding: 14px 12px 13px 12px;
}

.form.inputs-underline .input-group-btn .btn:active,
.form.inputs-underline .input-group-btn .btn:focus,
.form.inputs-underline .input-group-btn .btn:hover,
.form.inputs-underline .input-group-btn .btn:active:focus,
.form.inputs-underline .input-group-btn .btn:active:hover,
.input-group.inputs-underline .input-group-btn .btn:active,
.input-group.inputs-underline .input-group-btn .btn:focus,
.input-group.inputs-underline .input-group-btn .btn:hover,
.input-group.inputs-underline .input-group-btn .btn:active:focus,
.input-group.inputs-underline .input-group-btn .btn:active:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.form.inputs-underline .input-group-btn .btn:active:after,
.form.inputs-underline .input-group-btn .btn:focus:after,
.form.inputs-underline .input-group-btn .btn:hover:after,
.form.inputs-underline .input-group-btn .btn:active:focus:after,
.form.inputs-underline .input-group-btn .btn:active:hover:after,
.input-group.inputs-underline .input-group-btn .btn:active:after,
.input-group.inputs-underline .input-group-btn .btn:focus:after,
.input-group.inputs-underline .input-group-btn .btn:hover:after,
.input-group.inputs-underline .input-group-btn .btn:active:focus:after,
.input-group.inputs-underline .input-group-btn .btn:active:hover:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.form.inputs-underline .input-group-btn .btn:after,
.input-group.inputs-underline .input-group-btn .btn:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: transparent;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.form.inputs-underline .bootstrap-select,
.input-group.inputs-underline .bootstrap-select {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form.inputs-underline .bootstrap-select .btn,
.input-group.inputs-underline .bootstrap-select .btn {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    color: inherit;
    padding-left: 0 !important;
    outline: none !important;
}

.form.inputs-underline .bootstrap-select .btn:active,
.form.inputs-underline .bootstrap-select .btn:focus,
.form.inputs-underline .bootstrap-select .btn:hover,
.input-group.inputs-underline .bootstrap-select .btn:active,
.input-group.inputs-underline .bootstrap-select .btn:focus,
.input-group.inputs-underline .bootstrap-select .btn:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: inherit;
}

.form.inputs-underline .bootstrap-select .btn:active:after,
.form.inputs-underline .bootstrap-select .btn:focus:after,
.form.inputs-underline .bootstrap-select .btn:hover:after,
.input-group.inputs-underline .bootstrap-select .btn:active:after,
.input-group.inputs-underline .bootstrap-select .btn:focus:after,
.input-group.inputs-underline .bootstrap-select .btn:hover:after {
    display: none;
}

.form.inputs-underline .bootstrap-select>.dropdown-toggle.bs-placeholder,
.input-group.inputs-underline .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline select,
.form.inputs-underline select.form-control,
.input-group.inputs-underline select,
.input-group.inputs-underline select.form-control {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    color: inherit;
    padding-left: 0;
    padding-right: 0;
    outline: none !important;
}

.form.inputs-underline select:hover,
.form.inputs-underline select.form-control:hover,
.input-group.inputs-underline select:hover,
.input-group.inputs-underline select.form-control:hover {
    cursor: pointer;
}

.form.inputs-underline select option[value=""],
.form.inputs-underline select.form-control option[value=""],
.input-group.inputs-underline select option[value=""],
.input-group.inputs-underline select.form-control option[value=""] {
    color: rgba(0, 0, 0, 0.5);
}

.form.inputs-underline ::-webkit-input-placeholder,
.input-group.inputs-underline ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline :-moz-placeholder,
.input-group.inputs-underline :-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline ::-moz-placeholder,
.input-group.inputs-underline ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline :-ms-input-placeholder,
.input-group.inputs-underline :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.checkboxes li {
    display: inline-block;
    margin-right: 20px;
}

.single-file-input {
    overflow: hidden;
    position: relative;
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
    padding: 3px 0;
}

.single-file-input input[type="file"] {
    padding-top: 40px;
    position: absolute;
    width: 100%;
    cursor: pointer;
    outline: none;
    z-index: 1;
}

.single-file-input div i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    margin-left: 5px;
}

.ui-slider {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin-top: -2px;
}

.ui-slider .noUi-base {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 2px;
    background-color: #e4e4e2;
    margin-top: 6px;
}

.ui-slider .noUi-base .noUi-connect {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1e4b97;
}

.ui-slider .noUi-base .noUi-background {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e4e4e2;
}

.ui-slider .noUi-base .noUi-handle {
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #1e4b97;
    background-color: #1e4b97;
    cursor: pointer;
    height: 10px;
    width: 10px;
    left: 0px;
    top: -4px;
}

.ui-slider .noUi-base .noUi-handle:before,
.ui-slider .noUi-base .noUi-handle:after {
    display: none;
}

.ui-slider .noUi-base .noUi-handle:hover,
.ui-slider .noUi-base .noUi-handle.noUi-active {
    -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
}

.ui-slider .noUi-base .noUi-handle.noUi-handle-upper {
    left: -8px;
}

.ui-slider .values {
    font-size: 10px;
}

.ui-slider .values input {
    background-color: transparent;
    border: none;
    width: 49%;
}

.ui-slider .values input:first-child {
    float: left;
}

.ui-slider .values input:last-child {
    float: right;
    text-align: right;
}

.read-more+[data-readmore-toggle],
.read-more[data-readmore] {
    min-width: auto !important;
}

select,
select.form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-appearance: inherit;
    -webkit-appearance: none;
    background-color: #fff;
    padding: 13px 9px;
    width: 100%;
    position: relative;
    background-image: url("https://www.sportatlas-hessen.de/assets/img/carret-down.png");
    background-repeat: no-repeat;
    background-position: 96% 50%;
}

select:hover,
select.form-control:hover {
    cursor: pointer;
}


/*
@-moz-document url-prefix() {
    select, select.form-control { padding: 4px 10px; }
}
*/

.form-control {
    border: 0px solid red;
    padding: 0;
}


/* 7. Responsive */

body::before {
    display: none;
    content: "lg";
}

.hero-section.has-sidebar .map-wrapper {
    width: 75%;
}

.hero-section.has-sidebar .results-wrapper {
    width: 25%;
}

.hero-section .map-wrapper {
    width: 100%;
}

.brand img {
    max-width: 263px;
    position: relative;
    display: block;
}

@media (min-width: 992px) and (max-width: 1199px) {
    body::before {
        content: "md";
    }

    .hero-section.has-sidebar.sidebar-grid .map-wrapper,
    .hero-section.has-sidebar.sidebar-grid .results-wrapper {
        width: 50%;
    }

    .hero-section.has-sidebar.sidebar-grid .results-content .item {
        width: 43.2%;
    }

    .hero-section.has-sidebar .map-wrapper {
        width: 65%;
    }

    .hero-section.has-sidebar .results-wrapper {
        width: 35%;
    }

    .hero-section .map-wrapper {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body::before {
        content: "sm";
    }

    .categories-list .list-item .title h3 {
        display: block;
    }

    .categories-list .list-item .title .icon {
        display: block;
    }

    .categories-list .list-item ul {
        padding-left: 0;
    }

    .item>a .description h3 {
        font-size: 16px;
    }

    .pricing h2 {
        font-size: 20px;
    }

    .pricing figure {
        top: -35px;
    }

    .hero-section.has-sidebar.sidebar-grid .map-wrapper,
    .hero-section.has-sidebar.sidebar-grid .results-wrapper {
        width: 50%;
    }

    .hero-section.has-sidebar.sidebar-grid .results-content {
        padding-right: 40px;
    }

    .hero-section.has-sidebar.sidebar-grid .results-content .item {
        width: 100%;
    }

    .hero-section.has-sidebar .map-wrapper {
        width: 65%;
    }

    .hero-section.has-sidebar .results-wrapper {
        width: 35%;
    }

    .hero-section .map-wrapper {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body::before {
        content: "xs";
    }

    body .primary-nav a i,
    body .secondary-nav a i {
        display: inline-block;
    }

    body .primary-nav a span,
    body .secondary-nav a span {
        display: none;
    }

    body.html {
        overflow-x: hidden;
    }

    .page-wrapper {
        overflow-x: hidden;
        overflow: visible;
    }

    .page-wrapper #page-header,
    .page-wrapper #page-content,
    .page-wrapper #page-footer {
        display: block;
    }

    .page-wrapper #page-content {
        margin-top: 0px;
    }

    .page-wrapper #page-header,
    .page-wrapper #page-footer {
        height: auto;
    }

    .gallery.detail .image {
        height: 200px;
    }

    .item.item-row {
        overflow: hidden;
    }

    .item.item-row>a {
        display: block;
        padding-left: 0;
        height: auto;
    }

    .item.item-row>a .image {
        width: 100%;
        height: 220px;
        position: relative;
    }

    .item.item-row>a .description {
        display: block;
        padding-top: 15px;
    }

    .item.item-row>a .map {
        display: block;
        height: 100px;
        width: 100%;
    }

    .item.item-row .additional-info {
        width: 100%;
        display: block;
        text-align: left;
        padding: 20px;
    }

    .item.item-row .controls-more {
        top: inherit;
        bottom: 20px;
    }

    .form .checkboxes {
        margin-top: 10px;
    }

    .form .checkboxes li {
        width: 49%;
        margin-right: 0px;
    }

    .modal {
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal .modal-dialog {
        width: auto;
        margin-top: 40px;
    }

    .modal .modal-item-detail.modal-dialog {
        width: auto;
    }

    .modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left {
        float: none;
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section {
        padding-left: 0;
    }

    #page-header .add-listing {
        padding: 3px 7px;
    }

    #page-header .add-listing span {
        display: none;
    }

    #page-header .add-listing i {
        margin-right: 0;
    }

    #page-header .secondary-nav .image {
        float: none;
        margin-bottom: 0;
    }

    #page-header nav {
        white-space: nowrap;
    }

    #page-header nav .brand img {
        max-width: 100%;
    }

    #sportatlas .brand img {
        width: 100%;
    }

    #sportatlas .brand {
        max-width: 180px;
    }

    .hero-section.has-map.sidebar-grid .results-wrapper,
    .hero-section.has-map.has-sidebar.sidebar-grid .results-wrapper {
        height: 700px;
        z-index: 1;
        /*overflow: hidden;*/
    }

    .hero-section.has-map.sidebar-grid .results-content,
    .hero-section.has-map.has-sidebar.sidebar-grid .results-content {
        padding-right: 40px;
    }

    .hero-section.has-map.sidebar-grid .results-content .item,
    .hero-section.has-map.has-sidebar.sidebar-grid .results-content .item {
        width: 100%;
    }

    .hero-section.has-map .map-wrapper,
    .hero-section.has-map.has-sidebar .map-wrapper {
        width: 100%;
    }

    .hero-section.has-map .results-wrapper,
    .hero-section.has-map.has-sidebar .results-wrapper {
        width: 100%;
        height: 500px;
        z-index: 1;
        margin-bottom: 20px;
        float: none;
    }

    .hero-section.has-map .results-wrapper .results,
    .hero-section.has-map.has-sidebar .results-wrapper .results {
        /*min-height: 500px;*/
        height: 650px;
    }

    .hero-section .coupon {
        width: 100%;
    }

    .hero-section .coupon h1 {
        font-size: 24px;
    }

    .hero-section .coupon .image {
        position: absolute;
        left: 0;
    }

    .hero-section .coupon .image .circle {
        width: 90px;
        height: 90px;
        color: #fff;
        font-weight: bold;
        left: 0;
        top: 0;
        background-color: #1e4b97;
        font-size: 24px;
        text-align: center;
        line-height: 86px;
    }

    .hero-section .coupon .image .bg-transfer {
        width: 300px;
        height: 300px;
    }

    .hero-section .coupon .description {
        padding-left: 330px;
        padding-top: 10px;
    }

    .hero-section .coupon .description hr {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .hero-section .coupon .description figure {
        display: inline-block;
        margin-right: 20px;
    }

    .hero-section .coupon .description .count-down {
        margin-bottom: 20px;
    }

    .hero-section .coupon .description .count-down .countdown-row .countdown-amount {
        font-size: 18px;
    }

    .hero-section {
        z-index: 1;
    }

    .hero-section.has-map .search-form {
        z-index: 1;
        position: relative;
        height: auto;
        top: 0 !important;
    }

    .hero-section.has-map .search-form .container {
        height: auto !important;
    }

    .hero-section.has-map .search-form form {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .hero-section.has-map .form.horizontal form {
        padding: 25px;
    }

    .hero-section.has-map .form.horizontal.position-bottom form {
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        bottom: 0px;
        margin-top: 10px;
    }

    .hero-section.has-background {
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: hidden;
    }

    .hero-section.has-background h1 {
        font-size: 38px;
        margin-top: 20px;
    }

    .hero-section.has-background h2 {
        font-size: 20px;
    }

    .hero-section.has-background .form.horizontal form {
        padding-bottom: 10px;
    }

    .hero-section .form .advanced-search-heading {
        margin-top: 25px;
        text-align: center;
    }

    .hero-section .search-form {
        height: auto;
        margin-bottom: 20px;
    }

    .hero-section .results-wrapper {
        overflow: visible;
    }

    .my-items {
        overflow-x: scroll;
    }

    .invisible-on-mobile {
        display: none !important;
    }

    .page-title {
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    [class*=" height-"]:not(.map) {
        height: auto;
    }

    .subject-list .image {
        height: auto;
    }

    .subject-list .image .bg-transfer {
        background-image: none;
        position: relative;
    }

    .subject-list .image .bg-transfer img {
        display: block !important;
        width: 100%;
    }

    .subject-detail {
        display: block;
    }

    .subject-detail .image {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }

    .subject-detail .image .bg-transfer {
        background-image: none;
        position: relative;
    }

    .subject-detail .image .bg-transfer img {
        display: block !important;
        width: 100%;
    }

    .subject-detail .description {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile-height-inherit {
        height: 100% !important;
    }

    .hero-section.has-background {
        padding-top: 0;
        height: 100% !important;
        min-height: inherit !important;
    }

    .hero-section.has-background .slider .slide {
        display: block;
        overflow: hidden;
    }

    .hero-section .coupon {
        display: block;
    }

    .hero-section .coupon .wrapper {
        width: 100%;
        overflow: hidden;
    }

    .hero-section .coupon .image {
        position: relative;
    }

    .hero-section .coupon .image .bg-transfer {
        width: 100%;
        height: 150px;
        border-radius: 0;
        position: relative;
    }

    .hero-section .coupon .image .circle {
        position: absolute;
        left: 10px;
        bottom: -10px;
        top: inherit;
    }

    .hero-section .coupon .description {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }

    .hero-section.has-background .slider [data-owl-dots="1"] .owl-dots {
        text-align: center;
        width: 100%;
        bottom: 0;
    }

    .hero-section.has-background .slider .presentation .description {
        position: relative;
        bottom: 0;
        padding-bottom: 50px;
    }

    .hero-section.has-background .form.horizontal form {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .hero-section.has-background .form.horizontal.position-bottom,
    .hero-section.has-background .form.horizontal.position-top {
        position: relative;
    }

    .form.horizontal.position-bottom form {
        bottom: 0;
        margin-top: 20px;
    }

    .hero-section.has-background .slider .presentation .description h1 {
        font-size: 40px;
    }

    .xs-p-relative {
        position: relative !important;
    }

    .step {
        text-align: center;
    }

    .step .circle {
        position: relative;
        display: inline-block;
    }

    .step .box {
        margin-left: 0;
        margin-top: 20px;
    }

    .step .box:after {
        border-width: 0 11.5px 11px 11.5px;
        border-color: transparent transparent #fafafa transparent;
        top: -10px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .step .box:before {
        border-width: 0 11.5px 11px 11.5px;
        border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
        top: -11px;
        left: 0;
        right: 0;
        margin: auto;
    }
}

.form.inputs-underline input[type="search"]:hover,
.form.inputs-underline input[type="password"]:hover,
.form.inputs-underline input[type="number"]:hover,
.form.inputs-underline input[type="tel"]:hover,
.form.inputs-underline textarea.form-control:hover,
.input-group.inputs-underline input[type="text"]:hover,
.input-group.inputs-underline input[type="email"]:hover,
.input-group.inputs-underline input[type="date"]:hover,
.input-group.inputs-underline input[type="time"]:hover,
.input-group.inputs-underline input[type="search"]:hover,
.input-group.inputs-underline input[type="password"]:hover,
.input-group.inputs-underline input[type="number"]:hover,
.input-group.inputs-underline input[type="tel"]:hover,
.input-group.inputs-underline textarea.form-control:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.form.inputs-underline .input-group .btn,
.input-group.inputs-underline .input-group .btn {
    background-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    padding: 8px 12px 9px 12px;
}

.form.inputs-underline .input-group-btn .btn,
.input-group.inputs-underline .input-group-btn .btn {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    position: relative;
    border-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    padding: 14px 12px 13px 12px;
}

.form.inputs-underline .input-group-btn .btn:active,
.form.inputs-underline .input-group-btn .btn:focus,
.form.inputs-underline .input-group-btn .btn:hover,
.form.inputs-underline .input-group-btn .btn:active:focus,
.form.inputs-underline .input-group-btn .btn:active:hover,
.input-group.inputs-underline .input-group-btn .btn:active,
.input-group.inputs-underline .input-group-btn .btn:focus,
.input-group.inputs-underline .input-group-btn .btn:hover,
.input-group.inputs-underline .input-group-btn .btn:active:focus,
.input-group.inputs-underline .input-group-btn .btn:active:hover {
    border-color: rgba(0, 0, 0, 0.1);
}

.form.inputs-underline .input-group-btn .btn:active:after,
.form.inputs-underline .input-group-btn .btn:focus:after,
.form.inputs-underline .input-group-btn .btn:hover:after,
.form.inputs-underline .input-group-btn .btn:active:focus:after,
.form.inputs-underline .input-group-btn .btn:active:hover:after,
.input-group.inputs-underline .input-group-btn .btn:active:after,
.input-group.inputs-underline .input-group-btn .btn:focus:after,
.input-group.inputs-underline .input-group-btn .btn:hover:after,
.input-group.inputs-underline .input-group-btn .btn:active:focus:after,
.input-group.inputs-underline .input-group-btn .btn:active:hover:after {
    background-color: rgba(0, 0, 0, 0.1);
}

.form.inputs-underline .input-group-btn .btn:after,
.input-group.inputs-underline .input-group-btn .btn:after {
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: transparent;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.form.inputs-underline .bootstrap-select,
.input-group.inputs-underline .bootstrap-select {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form.inputs-underline .bootstrap-select .btn,
.input-group.inputs-underline .bootstrap-select .btn {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
    color: inherit;
    padding-left: 0 !important;
    outline: none !important;
}

.form.inputs-underline .bootstrap-select .btn:active,
.form.inputs-underline .bootstrap-select .btn:focus,
.form.inputs-underline .bootstrap-select .btn:hover,
.input-group.inputs-underline .bootstrap-select .btn:active,
.input-group.inputs-underline .bootstrap-select .btn:focus,
.input-group.inputs-underline .bootstrap-select .btn:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: inherit;
}

.form.inputs-underline .bootstrap-select .btn:active:after,
.form.inputs-underline .bootstrap-select .btn:focus:after,
.form.inputs-underline .bootstrap-select .btn:hover:after,
.input-group.inputs-underline .bootstrap-select .btn:active:after,
.input-group.inputs-underline .bootstrap-select .btn:focus:after,
.input-group.inputs-underline .bootstrap-select .btn:hover:after {
    display: none;
}

.form.inputs-underline .bootstrap-select>.dropdown-toggle.bs-placeholder,
.input-group.inputs-underline .bootstrap-select>.dropdown-toggle.bs-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline select,
.form.inputs-underline select.form-control,
.input-group.inputs-underline select,
.input-group.inputs-underline select.form-control {
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    color: inherit;
    padding-left: 0;
    padding-right: 0;
    outline: none !important;
}

.form.inputs-underline select:hover,
.form.inputs-underline select.form-control:hover,
.input-group.inputs-underline select:hover,
.input-group.inputs-underline select.form-control:hover {
    cursor: pointer;
}

.form.inputs-underline select option[value=""],
.form.inputs-underline select.form-control option[value=""],
.input-group.inputs-underline select option[value=""],
.input-group.inputs-underline select.form-control option[value=""] {
    color: rgba(0, 0, 0, 0.5);
}

.form.inputs-underline ::-webkit-input-placeholder,
.input-group.inputs-underline ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline :-moz-placeholder,
.input-group.inputs-underline :-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline ::-moz-placeholder,
.input-group.inputs-underline ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.form.inputs-underline :-ms-input-placeholder,
.input-group.inputs-underline :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.checkboxes li {
    display: inline-block;
    margin-right: 20px;
}

.single-file-input {
    overflow: hidden;
    position: relative;
    margin-top: 6px;
    font-size: 12px;
    text-align: center;
    padding: 3px 0;
}

.single-file-input input[type="file"] {
    padding-top: 40px;
    position: absolute;
    width: 100%;
    cursor: pointer;
    outline: none;
    z-index: 1;
}

.single-file-input div i {
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    margin-left: 5px;
}

.ui-slider {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: transparent;
    margin-top: -2px;
}

.ui-slider .noUi-base {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    height: 2px;
    background-color: #e4e4e2;
    margin-top: 6px;
}

.ui-slider .noUi-base .noUi-connect {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #1e4b97;
}

.ui-slider .noUi-base .noUi-background {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #e4e4e2;
}

.ui-slider .noUi-base .noUi-handle {
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 2px solid #1e4b97;
    background-color: #1e4b97;
    cursor: pointer;
    height: 10px;
    width: 10px;
    left: 0px;
    top: -4px;
}

.ui-slider .noUi-base .noUi-handle:before,
.ui-slider .noUi-base .noUi-handle:after {
    display: none;
}

.ui-slider .noUi-base .noUi-handle:hover,
.ui-slider .noUi-base .noUi-handle.noUi-active {
    -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.07);
}

.ui-slider .noUi-base .noUi-handle.noUi-handle-upper {
    left: -8px;
}

.ui-slider .values {
    font-size: 10px;
}

.ui-slider .values input {
    background-color: transparent;
    border: none;
    width: 49%;
}

.ui-slider .values input:first-child {
    float: left;
}

.ui-slider .values input:last-child {
    float: right;
    text-align: right;
}

.read-more+[data-readmore-toggle],
.read-more[data-readmore] {
    min-width: auto !important;
}

select,
select.form-control {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-appearance: inherit;
    -webkit-appearance: none;
    background-color: #fff;
    padding: 13px 9px;
    width: 100%;
    position: relative;
    background-image: url("https://www.sportatlas-hessen.de/assets/img/carret-down.png");
    background-repeat: no-repeat;
    background-position: 96% 50%;
}

select:hover,
select.form-control:hover {
    cursor: pointer;
}


/*
@-moz-document url-prefix() {
    select, select.form-control { padding: 4px 10px; }
}
*/

.form-control {
    border: 0px solid red;
    padding: 0;
}


/* 7. Responsive */

body::before {
    display: none;
    content: "lg";
}

.hero-section.has-sidebar .map-wrapper {
    width: 75%;
}

.hero-section.has-sidebar .results-wrapper {
    width: 25%;
}

.brand img {
    max-width: 263px;
    position: relative;
    display: block;
}

.hero-section .map-wrapper {
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    body::before {
        content: "md";
    }

    .hero-section.has-sidebar.sidebar-grid .map-wrapper,
    .hero-section.has-sidebar.sidebar-grid .results-wrapper {
        width: 50%;
    }

    .hero-section.has-sidebar.sidebar-grid .results-content .item {
        width: 43.2%;
    }

    .hero-section.has-sidebar .map-wrapper {
        width: 65%;
    }

    .hero-section.has-sidebar .results-wrapper {
        width: 35%;
    }

    .hero-section .map-wrapper {
        width: 100%;
    }
}

@media (max-width:991px) {
    #map-homepage #formweg {
        display: block;
        position: absolute;
        left: 45%;
        z-index: 1000;
        background-color: #003B87;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    #map-homepage #formweg a {
        padding: 5px 25px;
        color: #fff;
    }

         #map-homepage #formweg button {
             padding: 3px 25px;
             color: #fff;
             background-color: #1e4b97;
             color: #fff;

         }
    #map-homepage #formweg a i::before, #map-homepage #formweg button i::before {
        font-size: 24px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body::before {
        content: "sm";
    }

    .categories-list .list-item .title h3 {
        display: block;
    }

    .categories-list .list-item .title .icon {
        display: block;
    }

    .categories-list .list-item ul {
        padding-left: 0;
    }

    .item>a .description h3 {
        font-size: 16px;
    }

    .pricing h2 {
        font-size: 20px;
    }

    .pricing figure {
        top: -35px;
    }

    .hero-section.has-sidebar.sidebar-grid .map-wrapper,
    .hero-section.has-sidebar.sidebar-grid .results-wrapper {
        width: 50%;
    }

    .hero-section.has-sidebar.sidebar-grid .results-content {
        padding-right: 40px;
    }

    .hero-section.has-sidebar.sidebar-grid .results-content .item {
        width: 100%;
    }

    .hero-section.has-sidebar .map-wrapper {
        width: 65%;
    }

    .hero-section.has-sidebar .results-wrapper {
        width: 35%;
    }

    .hero-section .map-wrapper {
        width: 100%;
    }
}

@media (max-width: 767px) {
    body::before {
        content: "xs";
    }

    body .primary-nav a i,
    body .secondary-nav a i {
        display: inline-block;
    }

    body .primary-nav a span,
    body .secondary-nav a span {
        display: none;
    }

    body.html {
        overflow-x: hidden;
    }

    .page-wrapper {
        overflow-x: hidden;
        overflow: visible;
    }

    .page-wrapper #page-header,
    .page-wrapper #page-content,
    .page-wrapper #page-footer {
        display: block;
    }

    .page-wrapper #page-header,
    .page-wrapper #page-footer {
        height: auto;
    }

    .gallery.detail .image {
        height: 200px;
    }

    .item.item-row {
        overflow: hidden;
    }

    .item.item-row>a {
        display: block;
        padding-left: 0;
        height: auto;
    }

    .item.item-row>a .image {
        width: 100%;
        height: 220px;
        position: relative;
    }

    .item.item-row>a .description {
        display: block;
        padding-top: 15px;
    }

    .item.item-row>a .map {
        display: block;
        height: 100px;
        width: 100%;
    }

    .item.item-row .additional-info {
        width: 100%;
        display: block;
        text-align: left;
        padding: 20px;
    }

    .item.item-row .controls-more {
        top: inherit;
        bottom: 20px;
    }

    .form .checkboxes {
        margin-top: 10px;
    }

    .form .checkboxes li {
        width: 49%;
        margin-right: 0px;
    }

    .modal {
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal .modal-dialog {
        width: auto;
        margin-top: 40px;
    }

    .modal .modal-item-detail.modal-dialog {
        width: auto;
    }

    .modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left {
        float: none;
        width: 100%;
        display: block;
        margin-left: 0;
    }

    .modal .modal-item-detail.modal-dialog .modal-content .modal-body>.left section {
        padding-left: 0;
    }

    #page-header .add-listing {
        padding: 3px 7px;
    }

    #page-header .add-listing span {
        display: none;
    }

    #page-header .add-listing i {
        margin-right: 0;
    }

    #page-header .secondary-nav .image {
        float: none;
        margin-bottom: 0;
    }

    #page-header nav {
        white-space: nowrap;
    }

    #page-header nav .brand img {
        width: 100%;
        max-width: 200px
    }

    #sportatlas .brand img {
        width: 100%;
    }

    #sportatlas .brand {
        max-width: 180px;
    }

    .hero-section.has-map.sidebar-grid .results-wrapper,
    .hero-section.has-map.has-sidebar.sidebar-grid .results-wrapper {
        height: 700px;
        z-index: 1;
        /*overflow: hidden;*/
    }

    .hero-section.has-map.sidebar-grid .results-content,
    .hero-section.has-map.has-sidebar.sidebar-grid .results-content {
        padding-right: 40px;
    }

    .hero-section.has-map.sidebar-grid .results-content .item,
    .hero-section.has-map.has-sidebar.sidebar-grid .results-content .item {
        width: 100%;
    }

    .hero-section.has-map .map-wrapper,
    .hero-section.has-map.has-sidebar .map-wrapper {
        width: 100%;
    }

    .hero-section.has-map .results-wrapper,
    .hero-section.has-map.has-sidebar .results-wrapper {
        width: 100%;
        height: 500px;
        z-index: 1;
        margin-bottom: 20px;
        float: none;
    }

    .hero-section.has-map .results-wrapper .results,
    .hero-section.has-map.has-sidebar .results-wrapper .results {
        /*min-height: 500px;*/
        height: 650px;
    }

    .hero-section .coupon {
        width: 100%;
    }

    .hero-section .coupon h1 {
        font-size: 24px;
    }

    .hero-section .coupon .image {
        position: absolute;
        left: 0;
    }

    .hero-section .coupon .image .circle {
        width: 90px;
        height: 90px;
        color: #fff;
        font-weight: bold;
        left: 0;
        top: 0;
        background-color: #1e4b97;
        font-size: 24px;
        text-align: center;
        line-height: 86px;
    }

    .hero-section .coupon .image .bg-transfer {
        width: 300px;
        height: 300px;
    }

    .hero-section .coupon .description {
        padding-left: 330px;
        padding-top: 10px;
    }

    .hero-section .coupon .description hr {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .hero-section .coupon .description figure {
        display: inline-block;
        margin-right: 20px;
    }

    .hero-section .coupon .description .count-down {
        margin-bottom: 20px;
    }

    .hero-section .coupon .description .count-down .countdown-row .countdown-amount {
        font-size: 18px;
    }

    .hero-section {
        z-index: 1;
    }

    .hero-section.has-map .search-form {
        z-index: 1;
        position: relative;
        height: auto;
        top: 0 !important;
    }

    .hero-section.has-map .search-form .container {
        height: auto !important;
    }

    .hero-section.has-map .search-form form {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .hero-section.has-map .form.horizontal form {
        padding: 25px;
    }

    .hero-section.has-map .form.horizontal.position-bottom form {
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        bottom: 0px;
        margin-top: 10px;
    }

    .hero-section.has-background {
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: hidden;
    }

    .hero-section.has-background h1 {
        font-size: 38px;
        margin-top: 20px;
    }

    .hero-section.has-background h2 {
        font-size: 20px;
    }

    .hero-section.has-background .form.horizontal form {
        padding-bottom: 10px;
    }

    .hero-section .form .advanced-search-heading {
        margin-top: 25px;
        text-align: center;
    }

    .hero-section .search-form {
        height: auto;
        margin-bottom: 20px;
    }

    .hero-section .results-wrapper {
        overflow: visible;
    }

    .my-items {
        overflow-x: scroll;
    }

    .invisible-on-mobile {
        display: none !important;
    }

    .page-title {
        margin-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    [class*=" height-"]:not(.map) {
        height: auto;
    }

    .subject-list .image {
        height: auto;
    }

    .subject-list .image .bg-transfer {
        background-image: none;
        position: relative;
    }

    .subject-list .image .bg-transfer img {
        display: block !important;
        width: 100%;
    }

    .subject-detail {
        display: block;
    }

    .subject-detail .image {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }

    .subject-detail .image .bg-transfer {
        background-image: none;
        position: relative;
    }

    .subject-detail .image .bg-transfer img {
        display: block !important;
        width: 100%;
    }

    .subject-detail .description {
        display: block;
        padding-left: 10px;
        padding-right: 10px;
    }

    .mobile-height-inherit {
        height: 100% !important;
    }

    .hero-section.has-background {
        padding-top: 0;
        height: 100% !important;
        min-height: inherit !important;
    }

    .hero-section.has-background .slider .slide {
        display: block;
        overflow: hidden;
    }

    .hero-section .coupon {
        display: block;
    }

    .hero-section .coupon .wrapper {
        width: 100%;
        overflow: hidden;
    }

    .hero-section .coupon .image {
        position: relative;
    }

    .hero-section .coupon .image .bg-transfer {
        width: 100%;
        height: 150px;
        border-radius: 0;
        position: relative;
    }

    .hero-section .coupon .image .circle {
        position: absolute;
        left: 10px;
        bottom: -10px;
        top: inherit;
    }

    .hero-section .coupon .description {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }

    .hero-section.has-background .slider [data-owl-dots="1"] .owl-dots {
        text-align: center;
        width: 100%;
        bottom: 0;
    }

    .hero-section.has-background .slider .presentation .description {
        position: relative;
        bottom: 0;
        padding-bottom: 50px;
    }

    .hero-section.has-background .form.horizontal form {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .hero-section.has-background .form.horizontal.position-bottom,
    .hero-section.has-background .form.horizontal.position-top {
        position: relative;
    }

    .form.horizontal.position-bottom form {
        bottom: 0;
        margin-top: 20px;
    }

    .hero-section.has-background .slider .presentation .description h1 {
        font-size: 40px;
    }

    .xs-p-relative {
        position: relative !important;
    }

    .step {
        text-align: center;
    }

    .step .circle {
        position: relative;
        display: inline-block;
    }

    .step .box {
        margin-left: 0;
        margin-top: 20px;
    }

    .step .box:after {
        border-width: 0 11.5px 11px 11.5px;
        border-color: transparent transparent #fafafa transparent;
        top: -10px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .step .box:before {
        border-width: 0 11.5px 11px 11.5px;
        border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
        top: -11px;
        left: 0;
        right: 0;
        margin: auto;
    }
}


/*HANDLER*/

#searchFormKarte .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #1e4b97;
    background: #1e4b97;
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    padding: 1px 2px;
    top: -5px;
}

#searchFormKarte .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.7em;
    height: 1.8em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
    text-align: center;
}

#plzslider label {
    margin: 1rem 0;
    position: relative;
    line-height: 2.5rem
}

.isrelative {
    position: relative;
}

#searchFormKarte #resetSuche1,
#searchFormKarte #resetSuche2 {
    display: none;
    position: absolute;
    top: 35px;
    right: 1px;
    background: white;
    border: none;
    font-size: 1.2em;
}

#searchFormKarte #resetSuche1 i,
#searchFormKarte #resetSuche2 i {
    color: #1f1f1f;
}

#sportartenSelect,
#sportanlagentypSelect {
    padding: 5px 10px;
}

.select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 0 !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1) !important;
    padding-bottom: 30px !important;
    outline: none !important;
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-x: hidden;
}

.far.fa-thumbs-up {
    color: #05a205;
}

.far.fa-thumbs-down {
    color: red;
}

.social-share.jssocials {
    margin: 2rem 0;
}

@media screen and (max-width: 767px) {
    #page-content .hero-section .search-form #searchFormKarte .row input {
        border: 2px solid #efefef;
        border-radius: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container {
        width: 70vw !important;
        margin-top: -60px !important;
    }

    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
        width: 32px !important;
        margin-top: 10px !important;
        margin-right: 20px !important;
    }

    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-left .leaflet-bar.easy-button-container.leaflet-control {
        margin-left: 18px;
    }

    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
        left: 1px;
    }

    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container .leaflet-routing-alt,
    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container .leaflet-routing-geocoders,
    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container .leaflet-routing-alternatives-container,
    #page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom .leaflet-control-container .leaflet-top.leaflet-right .leaflet-routing-container .leaflet-routing-error {
        max-height: 270px;
    }
}


/*Karte*/

#sportartenSelect option {
    padding: 5px 20px;
    position: relative;
}

#page-content .hero-section .search-form {
    position: relative;
}

#page-content .hero-section .search-form #searchFormKarte {
    position: relative;
    width: 100%;
    z-index: 20;
    padding-left: 0;
    padding-right: 0;
    float: right;
    height: 30vh;
    min-height: 365px;
}

#page-content .hero-section .search-form #searchFormKarte .row {
    margin-left: 0;
    margin-right: 0;
}

#page-content .hero-section .search-form #searchFormKarte .row input {
    color: #000;
}

#page-content .hero-section .search-form #searchFormKarte .form-group .btn-container {
    text-align: center;
}

#page-content .hero-section .search-form #searchFormKarte .form-group #formseachbtn {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 25px;
}
#page-content.isIframe .hero-section .search-form #searchFormKarte .form-group #listbutton{
    margin-top: 10px;
}
#page-content .hero-section .search-form #searchFormKarte .form-group #listbutton{
    margin-top: 30px;
    margin-bottom: 25px;
    padding:3px 5px;
}
#page-content .hero-section .search-form #searchFormKarte .form-group #listbutton i{
font-size:150%
}
#page-content .hero-section #startsuchemapwrapper {
    position: relative;
    left: 0;
    width: 100%;
    /* height: 100% !important; */
}

#page-content .map.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom {
    min-height: 68% !important;
    max-height: 100%;
}

#page-content .hero-section #startsucheBox {
    margin: 0;
    max-width: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    right: 0;
    float: right;
    overflow-x: hidden;
    overscroll-behavior: contain;
    height: 60vh;
}

#page-content .hero-section #startsucheBox .results {
    padding-left: 0;
    padding-right: 0;
    z-index: 21;
    float: right;
    width: 100%;
}
/*************************************/
/*Modal*/
/*************************************/
#startsucheBox.modal{
    position:absolute;
}
.hero-section .results-wrapper.modal .tse-scrollable {
    height:100%;
}
.hero-section .results-wrapper.modal .tse-scrollable .modal-header{
    top:20px;
    width:100%;
    height:20px;
    position:fixed;
    left:-30px;
    z-index:99999;
}
.mt-2 {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .modal .modal-item-detail.modal-dialog .modal-content .modal-body>.right {
        padding-left: 20px;
    }

    #page-content .hero-section .search-form #searchFormKarte .row.row-paddings {
        padding: 50px 0 30px 0;
    }
}

@media (min-width: 992px) {

    #page-content .hero-section .search-form #searchFormKarte,
    #page-content .hero-section #startsucheBox .results {
        width: 48rem !important;
    }

    #page-content .hero-section #startsuchemapwrapper {
        padding: 0 48rem 0 0;
        position: absolute !important;
        top: 0;
    }
}

@media (max-width: 767px) {

    #page-content .hero-section #startsuchemapwrapper,
    #page-content .hero-section #startsuchemapwrapper #map-homepage {
        /*MD height: 400px !important;
        height: 50vh !important; */

    }

    .hero-section.full-screen.has-map.has-sidebar {
        height: 150vh !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #page-content .hero-section #startsuchemapwrapper,
    #page-content .hero-section #startsuchemapwrapper #map-homepage {
        /*MD height: 50vh !important; */

    }

    .hero-section.full-screen.has-map.has-sidebar {
        height: 150vh !important;
    }
}


/*Schaltflächen*/

.leaflet-touch .leaflet-bar a {
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.leaflet-touch .leaflet-control-layers-toggle {
    width: 48px;
    height: 48px;
}


/* Datenschutz */

#Datenschutzerklaerung {
    margin-left: 15px !important;
    margin-right: 15px;
    margin-top: 25px;
}

.align-center {
    margin-left: 10px;
}

@media (min-width: 552px) {
    #Datenschutzerklaerung {
        margin-left: 0px !important;
        margin-right: 0px;
    }

    .align-center {
        margin-left: 0px;
    }
}


/* Barrierefreiheit */

#Barrierefreiheit h2 {
    color: #0362b9;
    font-size: 36px;
    font-weight: 100;
    text-transform: uppercase;
    padding-top: 1rem;
    line-height: 1.1;
}

#Barrierefreiheit p,
#Barrierefreiheit li {
    font-size: 18px;
    opacity: .65;
}


/* Impressum */

#Impressum h2 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

#myNotificationToast {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #aaa;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#myNotificationToast.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}


/* News */

#news-container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#news-container .card {
    margin-bottom: 3em;
}

#news-container .crop-img .card-img {
    /*min-width: 200px;*/
    max-width: 100%;
    min-width: 100%;
}

#news-container .card .card-body {
    position: relative;
    background-color: #fafafa;
    border: 1px solid #efefef;
    min-height: 270px;
}

#news-container .card .card-body .btn {
    position: absolute;
    bottom: 2rem;
    width: 95%;

}
@media screen and (max-width:452px) {
 #news-container .card .card-body .btn {
        position: relative;
        margin-top:20px;
    }
    #news-container .card .card-body {
        min-height: 100px;

    }
}
@media screen and (min-width:452px) {
    #news-container .card .card-body {
        min-height: 500px;
    }

}

@media screen and (min-width:552px) {
    #news-container .crop-img {
        /* height: auto; */
        overflow: hidden;
    }

    #news-container .card {
        max-height: 527px;
    }
     #news-container .crop-img {
        /* height: 120px ;*/
        height: 300px;
        width:100%;
        position: relative;
        overflow: hidden;
    }
     #news-container .crop-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      /* height: 100%; */
      width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
     }
}

@media screen and (min-width:768px) {
    #news-container .card .card-body {
        min-height: 350px;
    }

    #news-container .card {
        max-height: 700px;
    }
    #news-container .crop-img {
        height: 210px;
        width:100%;
        position: relative;
        overflow: hidden;
    }
     #news-container .crop-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      /* height: 100%; */
      width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
     }
}

@media screen and (min-width:952px) {
    #news-container .card .card-body {
        min-height: 250px;
    }
}

@media screen and (min-width:1024px) {
    #news-container .card {
        max-height: 100%;
    }
}
@media screen and (min-width:1200px)  {
    #news-container .card .card-body {
        min-height: 430px;
    }
    #news-container .crop-img {
        /* height: 120px ;*/
        height: 120px;
        width:100%;
        position: relative;
        overflow: hidden;
    }
     #news-container .crop-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      /* height: 100%; */
      width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
     }
}


@media screen and (min-width:1320px) {
     #news-container .card .card-body {
        min-height: 420px;
    }
    #news-container .crop-img {
        /* height: 120px ;*/
        height: 160px;
        width:100%;
        position: relative;
        overflow: hidden;
    }
     #news-container .crop-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      /* height: 100%; */
      width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
     }
}



@media screen and (min-width:1865px) {
    #news-container .card .card-body {
        min-height: 320px;
    }
    #news-container .crop-img {

        height: 250px;
        width:100%;
        position: relative;
        overflow: hidden;
    }
     #news-container .crop-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      /* height: 100%; */
      width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
     }
}
@media screen and (min-width:2300px) {
    #news-container .card .card-body {
        min-height: 320px;
        font-size:125%
    }
    #news-container .crop-img {

        height: 250px;
        width:100%;
        position: relative;
        overflow: hidden;
    }
     #news-container .crop-img img{
      position: absolute;
      left: 50%;
      top: 50%;
      /* height: 100%; */
      width: auto;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
     }
}
    @media screen and (min-width:2500px) {
#news-container .crop-img {
        height: 350px;

    }
}
@media screen and (min-width:3000px) {
#news-container .crop-img {
        height: 410px;

    }
}




/* Newsdetailansicht */

.card.carddetail {
    display: flex;
    flex-wrap: wrap;
    gap: .5%;
}

.card.carddetail .card-img {
    min-width: 350px;
    width: 100%;
    margin: 0 auto;
}

.card.carddetail .card-body {
    width: 98%;
    background-color: #fff !important;
    border: none !important;
}

.card.carddetail .col-12.col-md-5.col-xxxl-4.col-meta.d-inline-flex.flex-row.flex-md-column.pb-3.pb-md-0.pr-0.pr-md-4.pr-xxxl-20 {
    width: 100%;
}

.card.carddetail .label.mt-0 {
    display: none;
}

.card.carddetail .teaser-generic__field-pt-dateline.topline-title.topline.mb-0 {
    margin-top: 1em;
    margin-bottom: .75em !important;
}

.card.carddetail .teaser-generic__field-pt-teasertext.teasertext {
    margin-top: 3em;
}

@media screen and (min-width:992px) {
    .card.carddetail .card-img {
        max-width: 49%;
        object-fit: contain;
    }

    .card.carddetail .card-body {
        width: 49%;
    }
}

.iframewrapper .clapitbutton,
.clapitbutton {
    display: none;
}

@media screen and (max-width:470px) {
    .homepage h2 {
        font-size: 2.5rem;
    }

    .leaflet-touch .leaflet-bar a {
        width: 28px;
        height: 28px;
        line-height: 28px;
    }

    .modal .modal-content {
        padding: 20px;
    }

    .iframewrapper .modal .modal-dialog {
        width: auto;
        margin-top: 29px;
    }

    .iframewrapper .modal .modal-item-detail.modal-dialog {
        width: 90%;
    }

    #page-content .hero-section .search-form #searchFormKarte .row input {
        height: 32px;
    }

    #searchFormKarte #resetSuche1,
    #searchFormKarte #resetSuche2 {
        top: 23px;
    }

    .iframewrapper #plzslider {
        margin: 25px 34px;
    }

    #page-content .hero-section .search-form #searchFormKarte .form-group #formseachbtn {
        width: 100%;
        margin-top: 11px;
        margin-bottom: 11px;
    }

    #page-content .hero-section .search-form #searchFormKarte {
               height: 25vh;
        min-height: 329px;
    }

    .iframewrapper.page-wrapper #page-content {
        margin-bottom: 0px;
        height: 100vh;
    }

    .iframewrapper #page-content .hero-section #startsuchemapwrapper,
    #page-content .hero-section #startsuchemapwrapper #map-homepage {
        /* MD height: 56vh !important; */
    }

    .iframewrapper .clapitbutton {
        width: 100%;
        height: 25px;
        position: relative;
    }

    .iframewrapper .clapitbutton i:after {
        content: '⏷';
        position: absolute;
        margin: auto;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 20px;
    }

    .iframewrapper.clapit .clapitbutton {}

    #modalundefined .modal-dialog {
        width: 90%;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 90%;
        z-index: 2000;
    }
}