.svg-location,
svg {
    fill: currentColor
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
a,
a:focus {
    outline: 0;
}

* {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"
}

a,
a:focus {
    text-decoration: none!important
}

.profile-nav,
.sidebar ul li a,
table a i {
    text-decoration: none
}

.activated:before {
    position: absolute;
    top: -18px;
    right: 9px;
    display: inline-block;
    border-right: 15px solid transparent;
    border-bottom: 18px solid #ccc;
    border-left: 16px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .2);
    content: '';
    width: 1px
}

.navbar-nav>li>a {
    padding-top: 14px;
    padding-bottom: 8px;
    font-size: 12px
}

.navbar-default .navbar-nav>li>a {
    color: #999;
    padding: 10px!important
}

.active1,
.active1:focus,
.active1:hover {
    margin-bottom: -1px;
    font-weight: 100;
    color: #db4344!important;
    border-bottom: 2px solid #db4344;
    background-color: #f1f1f1!important
}

.modal-size {
    width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.btn.mobile-login {
    margin-left: 20px;
    height: 24px;
    padding: 5px 32px!important;
    font-size: 1.2rem!important;
    font-weight: 100;
    border: 1px solid #999;
    border-radius: 3px;
    min-width: 180px;
    line-height: .428571;
    background-color: rgba(255, 255, 255, .6);
    color: #333
}

.navbar-left>li>a {
    padding: 9px 11px;
    font-size: 14px;
    color: #333!important
}

.navbar-nav>li {
    color: #333;
    float: left
}

.navbar,
.navbar-default {
    background-color: #fff;
    border-color: #fff;
    background-image: none;
    box-shadow: none;
    border-radius: 0
}

.btn.login {
    color: #999;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid
}

.form-control {
    height: 40px
}

.btn.new-btn.create-event {
    color: #dd4e4e;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid;
    font-weight: 100
}

.btn.new-btn.create-event:hover {
    border: 1px solid
}

.btn.new-btn.create-event:hover,
.create-event-mobile:hover {
    color: #fff;
    background-color: #dd4e4e;
    border-color: #dd4e4e;
    border-radius: 3px
}

.btn.new-btn.create-event-mobile {
    color: #dd4e4e;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid
}

.btn.new-btn {
    padding: 2px 8px
}

.btn.submit {
    background: #70d5d9;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 100;
    letter-spacing: .5px
}

.sidebar-overlay,
.sidebar-overlay:hover {
    background: rgba(0, 0, 0, .8)!important
}

.btn.submit:hover {
    color: #fff
}

.separator {
    color: #8f8f8f;
    font-size: 20px;
    font-style: normal
}

.separator span:first-child {
    position: relative;
    right: 15px;
    letter-spacing: -5px
}

.separator span:last-child {
    position: relative;
    left: 15px;
    letter-spacing: -5px
}

.sidebar-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
    transition: visibility 0 linear .4s, opacity .4s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.sidebar-overlay.active {
    opacity: .5;
    visibility: visible;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0
}

.openLeftSidebar {
    color: #000;
    float: left;
    font-size: 14px;
    line-height: 20px;
    padding-left: 10px
}

.openLeftSidebar:hover {
    color: #000
}

.openRightSidebar {
    color: #fff;
    float: left;
    padding: 20.5px 15px;
    font-size: 17px;
    line-height: 23px;
    height: 64px
}

.openRightSidebar:hover {
    color: #fff
}

.sidebar {
    min-width: 280px;
    z-index: 9999;
    background: #fff;
    height: 100%;
    left: -350px;
    position: fixed;
    top: 0;
    transition: all .2s ease-out 0s
}

.sidebar ul li,
.sidebar ul li a {
    position: relative
}

.sidebar .drop-menu,
.sidebar ul li a {
    transition: all .2s cubic-bezier(.55, 0, .1, 1)
}

.sidebar.active {
    left: 0
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar ul li:hover>a {
    background-color: #e7e7e7
}

.sidebar ul li a {
    color: #999;
    font-weight: 100;
    font-style: normal;
    background-color: transparent;
    cursor: pointer;
    user-select: none;
    display: initial;
    line-height: 36px;
    padding: 0 15px;
    clear: both;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sidebar ul li a .caret {
    position: absolute;
    right: 24px;
    top: 24px
}

.sidebar .drop-menu {
    display: none;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.breadcrumbs,
.panel {
    margin-top: 20px
}

.sidebar .active-drop {
    display: block
}

.sidebar .sidebar-header {
    background-color: #02A477;
    color: #fff;
    padding: 15px
}

.sidebar .sidebar-header .logo-brand {
    line-height: 30px
}

.sidebar .sidebar-header .logo-brand i {
    line-height: 30px;
    float: right;
    cursor: pointer;
    right: -15px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative
}

.sidebar .sidebar-header .logo-brand i:hover {
    font-weight: 700
}

.showsidebar {
    left: 0!important;
    z-index: 9999
}

.caret.caret-reverse {
    border-top-width: 0;
    border-bottom: 4px solid
}

.shadow-1 {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.shadow-2 {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.shadow-3 {
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19)
}

.shadow-4 {
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .22), 0 25px 55px 0 rgba(0, 0, 0, .21)
}

.shadow-5 {
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .2), 0 40px 77px 0 rgba(0, 0, 0, .22)
}

.breadcrumbs {
    background-color: #e7e7e7;
    color: #6E6E6E;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px
}

.breadcrumbs i {
    padding-left: 10px;
    padding-right: 10px;
    top: 8px;
    position: relative
}

.breadcrumbs ul {
    display: inline-block;
    padding-left: 5px
}

.breadcrumbs ul li {
    display: inline-block
}

.breadcrumbs ul li::after {
    content: " >"
}

.breadcrumbs ul li:last-child::after {
    content: ""
}

.panel .panel-header {
    padding: 5px 15px 0;
    border-bottom: 1px solid #e7e7e7
}

.panel .panel-header .panel-title {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 2px solid #02A477;
    padding-left: 5px;
    padding-right: 5px
}

.panel .panel-content {
    padding: 15px
}

.boxed-input {
    border: 1px solid #e7e7e7!important;
    box-shadow: none!important;
    padding-left: 10px!important;
    padding-right: 10px!important
}

.boxed-input:focus {
    border-bottom: 1px solid #02A477!important;
    box-shadow: 0 1px 0 0 #02A477!important
}

.boxed-input.hasError:focus {
    border-bottom-color: #e51c23!important;
    box-shadow: 0 1px 0 0 #e51c23!important
}

table thead {
    background-color: #02A276
}

table thead th {
    color: #fff
}

table a i {
    color: #989BA2
}

.bottom-logout,
.bottom-logout a,
.btn-secundary,
.profile-nav,
.profile-nav:hover {
    color: #fff
}

.btn-primary {
    background-color: #02A477
}

.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #02956C
}

.btn-secundary {
    -webkit-background-size: 200% 200%;
    background-size: 200%;
    background-position: 50%;
    background-color: #768185
}

.btn-secundary:active:hover,
.btn-secundary:focus,
.btn-secundary:hover {
    background-color: #484D4F;
    color: #fff
}

input[type=radio]::after {
    border-color: #02A477!important
}

input[type=checkbox]:checked::after {
    background-color: #02A477!important;
    border-color: #02A477!important
}

#checkAll::after {
    border-color: #fff!important
}

.table-checkbox {
    text-align: center
}

.datepicker-icon {
    top: 7px;
    position: relative;
    padding-left: 5px;
    cursor: pointer
}

.filter::after {
    font-size: 11px;
    content: " \\/"
}

.profile-nav {
    vertical-align: middle;
    padding: 15px;
    line-height: 23px;
    height: 64px;
    float: left
}

.dropdown-menu.segment-menu>li>a {
    padding: 6px 20px;
    background-color: none
}

.dropdown-menu.segment-menu>li>a:hover {
    background-color: #fff;
    background-image: none
}

.profile-nav .profile-nav-text {
    display: inline-block;
    line-height: 35px;
    vertical-align: middle;
    text-align: right
}

.profile-nav .profile-nav-text .profile-nav-text-name {
    font-weight: 700;
    line-height: 20px
}

.profile-nav .profile-nav-text .profile-nav-text-job {
    font-size: 12px;
    line-height: 12px
}

.profile-nav .profile-nav-pic {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px
}

.profile-nav .profile-nav-pic img {
    width: 35px;
    height: auto;
    border-radius: 50%;
    border: 1px solid #ddd;
    vertical-align: middle
}

.banner-header {
    height: 120px;
    line-height: 120px;
    background-color: #d8d8d8
}

.activated:after {
    position: absolute;
    top: -16px;
    right: 10px;
    display: inline-block;
    border-right: 14px solid transparent;
    border-bottom: 16px solid #FAFAFA;
    border-left: 14px solid transparent;
    content: ''
}

.bottom-logout {
    padding: 12px 20px;
    background: #333
}

.left-dropdownmenu,
.right-dropdownmenu {
    padding: 10px 20px;
    min-height: 160px
}

.left-dropdownmenu a {
    color: #999
}

.left-dropdownmenu a:hover {
    color: #db4344
}

.right-dropdownmenu {
    background-color: #fafafa
}

.right-dropdownmenu a {
    color: #999
}

.right-dropdownmenu a:hover {
    color: #db4344
}

.login-dropdown .dropdown-menu {
    padding-top: 0;
    min-width: 400px
}

.login-dropdown .dropdown-menu li {
    padding: 4px
}

@media screen and (max-width:768px) {
    .nav.navbar-nav.navbar-right.solution>li {
        color: #999;
        float: none
    }
    .modal-dialog.modal-size {
        width: 360px
    }
}

@media screen and (max-width:992px) {
    .logo {
        width: 70px
    }
    .navbar-left>li>a {
        padding: 9px
    }
}

.svg-location {
    width: 10px;
    height: 10px;
    margin-left: 10px
}

.swiper-container {
    width: 100%
}

.swiper-slide {
    text-align: center;
    font-size: 14px;
    background: #fff;
    width: 140px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.breadcrumb-header a,
.cities li a,
.swiper-container .swiper-wrapper .swiper-slide a {
    color: #999
}

.cities li a:hover {
    color: #3dc6c4
}

.cities li {
    padding-bottom: 5px
}

.autocitysearch li,
.autocitysearch li:hover {
    width: 100%;
    padding: 8px;
    background: #ECECEC;
    margin-top: 2px
}

.autocitysearch {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400
}

.autocitysearch li {
    color: #777
}

.autocitysearch li:hover {
    color: #dd4e4e
}

.location.nav>li>a {
    padding: 15px 5px!important
}

.top-leftnav.nav>li>a,
.top-rightnav.nav>li>a {
    padding: 15px 10px!important
}

.lower-header.nav>li {
    padding: 10px!important;
    cursor: pointer
}

.lower-header.nav>li:hover {
    border-bottom: 2px solid #db4344;
    background: #f1f1f1;
    color: #db4344;
    padding-bottom: 8px!important
}

.nav.navbar-nav.navbar-nav1 li a {
    padding: 0!important
}

.nav.navbar-nav.navbar-left.lower-menu li a {
    padding: 10px!important
}

.ui.input {
    position: relative;
    margin: 0;
}

.ui.input input {
    margin: 0;
    max-width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    text-align: left;
    padding: .66861429em 25px .66861429em 1em;
    background: #FFF;
    -webkit-transition: box-shadow .1s ease, border-color .1s ease;
    transition: box-shadow .1s ease, border-color .1s ease;
    box-shadow: none;
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: 300;
    color: #333;
    border: none;
    border-left: 1px solid #d8d8d8;
    border-radius: 0;
    min-width: 350px
}

.ui.input input:focus,
.ui.input.focus input {
    border-color: #85B7D9;
    background: #FFF;
    color: rgba(0, 0, 0, .8);
    box-shadow: none
}

.ui.input svg {
    position: absolute;
    top: 12px;
    right: 6px;
    width: 16px;
    height: 16px
}

svg:not(:root) {
    overflow: hidden
}

svg {
    width: 10px;
    height: 10px;
    margin-left: 10px
}

.ui.input .menu {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    width: 400px;
    padding: 10px 20px;
    border-radius: 3px;
    background-color: #fff
}

.ui.input .menu.current {
    -webkit-transition: -webkit-transform 2s ease, opacity .2s ease .2s;
    -moz-transition: -webkit-transform 2s ease, opacity .2s ease .2s;
    -o-transition: -webkit-transform 2s ease, opacity .2s ease .2s;
    -ms-transition: -webkit-transform 2s ease, opacity .2s ease .2s;
    transition: transform 2s ease, opacity .2s ease .2s;
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden
}

.ui.input .menu .suggestion {
    display: block;
    margin: 10px 0 20px
}

.ui.input .menu .suggestion svg {
    position: static;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    margin-left: 0;
    vertical-align: middle
}

.ui.input .menu .suggestion span {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 300;
    vertical-align: middle;
    color: #555
}

.ui.input .menu .suggestion span span {
    color: #db4344
}

.ui.input .menu .title {
    text-align: left;
    padding: 0 0 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #3dc6c4;
    border-bottom: 1px solid #ccc
}

.ui.input .menu .events {
    display: flex;
    margin-bottom: 20px
}

.ui.input .menu .events .date {
    display: inline-block;
    width: 56px;
    height: 56px;
    padding: 12px;
    margin-right: 10px;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    color: #999;
    background-color: #e4e4e4
}

.ui.input .menu .events .content {
    display: inline-block;
    width: calc(100% - 70px);
    vertical-align: middle
}

.ui.input .menu .events .content h4 {
    text-align: left;
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #555
}

.ui.input .menu .events .content p {
    font-size: 1.2rem;
    font-weight: 400;
    color: #999
}

.ui.input .menu .tagges {
    padding: 10px 0
}

.ui.input .menu .tagges .tag {
    display: inline-block;
    height: 26px;
    padding: 4px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 400;
    white-space: nowrap;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-transition: .2s all;
    -moz-transition: .2s all;
    transition: .2s all
}

.overlay1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 3
}

.modal {
    background: rgba(0, 0, 0, .6)!important
}

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    overflow: hidden;
    white-space: nowrap;
    background: center 50% no-repeat #db4344;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s
}

.cd-top.cd-fade-out,
.cd-top.cd-is-visible,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}

.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1
}

.cd-top.cd-fade-out {
    opacity: .8
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1
}

@media only screen and (min-width:768px) {
    .cd-top {
        right: 20px;
        bottom: 20px
    }
}

@media only screen and (min-width:1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px
    }
}

@media screen and (max-width:769px) {
    .top-leftnav.nav>li>a,
    .top-rightnav.nav>li>a {
        padding: 15px 5px!important
    }
}

@media screen and (max-width:768px) {
    .lower-header.nav>li {
        padding: 9px 5px!important;
        cursor: pointer;
        font-size: 12px
    }
    .ui.input input {
        min-width: initial
    }
}

@media screen and (max-width:1024px) and (min-width:768px) {
    .lower-header.nav>li {
        padding: 9px 5px!important;
        cursor: pointer;
        font-size: 12px
    }
    .ui.input input {
        min-width: initial;
        max-width: 160px
    }
    .top-rightnav.nav>li>a {
        padding: 15px 5px!important
    }
}