article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
input,
label,
main,
menu,
nav,
section,
select,
summary {
    display: block
}

body,
dl dd,
img,
ol,
picture,
ul {
    margin: 0
}

img,
legend {
    border: 0
}

pre,
textarea {
    overflow: auto
}

[hidden],
label abbr,
template {
    display: none
}

fieldset,
p {
    margin: 0 0 .75em
}

.social-nav a,
a {
    text-decoration: none
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.active2:after,
.ui.sidebar {
    position: absolute
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.ui.button,
.ui.button.border {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-weight: 400
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    display: inline;
    margin-right: .375em
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -webkit-appearance: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    padding: 0
}
.ui.button.join-community{
    padding: 7px 20px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #3dc6c4;
}
.page-wrapper .featured-events .community-card{
    height: 360px !important;
}
textarea {
    resize: vertical
}

.ui.red.button {
    border-radius: 3px;
    background-color: #db4344
}

.ui.red.button:focus,
.ui.red.button:hover {
    background-color: #db2828
}

.ui.red.button.tilt {
    width: 120px;
    height: 35px;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 20px;
    opacity: .8;
    color: #fff;
    border: 1px solid transparent;
    background-color: #3dc6c4;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12);
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
}

.ui.red.button.tilt:hover {
    opacity: 1;
    background-color: #009c9a
}

.ui.red.button.tilt.following.hover {
    color: #db4344!important;
    border: 1px solid #db4344!important;
    background-color: rgba(255, 255, 255, .8)
}

.ui.button.border {
    height: 24px;
    padding: 5px 8px!important;
    font-size: 1.2rem!important;
    border: 1px solid #999;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: .2s all ease;
    -moz-transition: .2s all ease;
    transition: .2s all ease;
}

td,
th {
    padding: .75em 0
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
label,
select {
    font-size: 62.5%;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"
}
.ui.button.border.e-red {
    color: #db4344;
    border-color: #db4344
}

.ui.button.border.e-red:hover {
    color: #fff;
    background-color: #db4344
}

.ui.dropdown.onHover.item a {
    color: #999
}

.ui.dropdown.onHover.item a:hover {
    color: #db4344
}

fieldset {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    padding: 1.5em
}

label {
    font-weight: 600;
    margin-bottom: .375em
}

label.required::after {
    content: "*"
}

input:not([type]),
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
input[type=number],
input[type=search],
select[multiple=multiple],
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
    box-sizing: border-box;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-size: 62.5%;
    margin-bottom: .75em;
    padding: .5em;
    transition: border-color 150ms ease;
    width: 100%
}

input:not([type]):hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=password]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
input[type=number]:hover,
input[type=search]:hover,
select[multiple=multiple]:hover,
textarea:hover {
    border-color: #b1b1b1
}

input:not([type]):focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=search]:focus,
select[multiple=multiple]:focus,
textarea:focus {
    border-color: #477dca;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(55, 112, 192, .7);
    outline: 0
}

hr,
td {
    border-bottom: 1px solid #ddd
}

input:not([type]):disabled,
input[type=color]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
select[multiple=multiple]:disabled,
textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed
}

input:not([type]):disabled:hover,
input[type=color]:disabled:hover,
input[type=date]:disabled:hover,
input[type=datetime]:disabled:hover,
input[type=datetime-local]:disabled:hover,
input[type=email]:disabled:hover,
input[type=month]:disabled:hover,
input[type=password]:disabled:hover,
input[type=tel]:disabled:hover,
input[type=text]:disabled:hover,
input[type=time]:disabled:hover,
input[type=url]:disabled:hover,
input[type=week]:disabled:hover,
input[type=number]:disabled:hover,
input[type=search]:disabled:hover,
select[multiple=multiple]:disabled:hover,
textarea:disabled:hover {
    border: 1px solid #ddd
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block
}

.ui.grid.main-navbar .ui.menu::after,
.ui.grid.main-navbar::after {
    content: "";
    display: table;
    clear: both
}

input[type=file] {
    margin-bottom: .75em;
    width: 100%
}

select {
    margin-bottom: 1.5em;
    max-width: 100%;
    width: auto
}

ol,
ul {
    list-style-type: none;
    padding: 0
}

dl {
    margin-bottom: .75em
}

dl dt {
    font-weight: 700;
    margin-top: .75em
}

table {
    border-spacing: 0;
    border-collapse: collapse;
    font-feature-settings: "kern", "liga", "tnum";
    margin: .75em 0;
    table-layout: fixed;
    width: 100%
}

th {
    border-bottom: 1px solid #a6a6a6;
    font-weight: 600;
    text-align: left
}

td,
th,
tr {
    vertical-align: middle
}

body,
html {
    line-height: 1.5;
    color: #333;
    font-feature-settings: "kern", "liga", "pnum"
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 .75em;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    line-height: 1.2
}

a {
    transition: color 150ms ease;
    color: #477dca
}

a:active,
a:focus,
a:hover {
    color: #355e98
}

hr {
    margin: 1.5em 0;
    border-top: 0;
    border-right: 0;
    border-left: 0
}
.ui.dropdown.onHover.item a {
    color: inherit
}
/* back to top button */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  white-space: nowrap;
  background: #db4344 no-repeat center 50%;
  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-is-visible, .cd-top.cd-fade-out, .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 {
  /* the button becomes 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 (max-width: 768px) {
  .cd-top {
    display: none;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
.ui.dropdown.onHover.item a:active,
.ui.dropdown.onHover.item a:hover {
    color: #db4344;
}
img,
picture {
    max-width: 100%
}

.ui.menu {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B"
}

*,
::after,
::before {
    box-sizing: content-box;
}

.ui.grid.main-navbar {
    margin: 0 auto;
    max-width: 100%;
}

.ui.grid.main-navbar>div {
    padding: 0
}

.ui.grid.main-navbar .ui.menu {
    width: 100%;
    height: 48px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    box-shadow: none;
    max-width: 100%;
    margin: 0 auto
}

.ui.visible.uncover.sidebar {
    z-index: 999;
    background-color: rgba(250, 250, 250, .95)
}

.ui.link.menu .item:hover,
.ui.menu .active.item,
.ui.menu .active.item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover,
.ui.vertical.menu .active.item:hover {
    background-color: transparent
}

.ui.menu .item {
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-size: 18px;
    color: #999;
    border: none;
    outline: 0;
    padding: .92857143em 0.64285714em;
}

@media (min-width:768px) and (max-width:800px) {
    .ui.menu .item {
        padding: 10px 5px;
    }
}

.ui.menu .item:before {
    display: none
}

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

.page-wrapper .banner::after,
.page-wrapper .blogs::after,
.page-wrapper .collections::after,
.page-wrapper .featured-events .card .content::after,
.page-wrapper .featured-events::after,
.page-wrapper .mobile-apps::after,
.page-wrapper .movies::after,
.square:after,
.square:before {
    content: ""
}

@media screen and (max-width:767px) {
    .ui.grid.main-navbar .ui.menu {
        height: 40px
    }
    .ui.navbar.menu .brand.item {
        padding-right: 2px
    }
    .ui.navbar.menu .brand.item img {
        width: 22px;
        height: 18px
    }
}

.ui.navbar.menu .left.menu {
    padding-right: 0;
    margin: 0!important
}

.ui.navbar.menu .left.menu svg {
    width: 18px;
    height: 18px;
    margin: 0
}

.ui.navbar.menu .right.menu {
    padding: 0
}

.ui.navbar.menu .right.menu .item:last-child {
    padding-left: 0
}

.ui.navbar.menu .right.menu svg {
    width: 16px;
    height: 16px;
    margin: 0;
    color: #3dc6c4;
}

@media screen and (max-width:767px) {
    .ui.navbar.menu .right.menu svg {
        margin-right: 15px;
        color: #777;
    }
}

.ui.left.sidebar {
    width: 280px;
}

.ui.left.sidebar .navbar.menu {
    width: 100%;
    min-height: 100%;
}

.ui.left.sidebar .navbar.menu .banner {
    height: 120px;
    line-height: 120px;
    background-color: #d8d8d8;
}

.ui.left.sidebar .navbar.menu .banner svg {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin-right: 15px;
    vertical-align: middle;
    color: #777;
    border: 2px solid #777;
    border-radius: 50%;
}
.ui.left.sidebar .navbar.menu .banner .ui.button.border {
    width: 100%;
    max-width: 150px;
    background-color: rgba(255, 255, 255, .6)
}
.ui.left.sidebar .navbar.menu .ui.button.border.e-red {
    display: block;
    width: 100%;
    height: 30px;
    max-width: 240px;
    padding: 8px!important;
    margin: 15px auto;
    font-size: 1.4rem
}

.ui.left.sidebar .navbar.menu .item {
    padding-bottom: 8px;
    font-size: 1.4rem
}

.ui.visible.left.overlay.sidebar~.dimmable.pushable {
    overflow: hidden
}

.ui.right.sidebar {
    width: 100%
}

.ui.right.sidebar.overlay {
    z-index: 999;
    border: none;
    background: 0 0;
    box-shadow: none
}

.ui.right.sidebar .navbar.menu {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0
}

.ui.right.sidebar .navbar.menu .ui.input {
    position: relative;
    width: 100%;
    height: 100%
}

.ui.right.sidebar .navbar.menu .ui.input input {
    height: 40px;
    font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
    font-size: 1.2rem;
    font-weight: 300;
    color: #333;
    border-right: none;
    border-left: none;
    border-radius: 0
}

.ui.right.sidebar .navbar.menu .ui.input input::-webkit-input-placeholder {
    color: #ccc
}

.ui.right.sidebar .navbar.menu .ui.input input::-moz-placeholder {
    color: #ccc
}

.ui.right.sidebar .navbar.menu .ui.input input:-moz-placeholder {
    color: #ccc
}

.ui.right.sidebar .navbar.menu .ui.input input:-ms-input-placeholder {
    color: #ccc
}

.ui.right.sidebar .navbar.menu .ui.input svg {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 12px;
    height: 12px;
    cursor: pointer
}

.ui.right.sidebar .navbar.menu .ui.input .menu.search {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: 0;
    padding: 10px 20px;
    overflow: scroll;
    max-height: 500px;
    overflow-x: hidden;
    opacity: 0;
    border-radius: 0!important;
    background-color: rgba(250, 250, 250, .95);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.ui.right.sidebar .navbar.menu .ui.input .menu.search.show {
    display: block;
    height: 100%;
    opacity: 1
}

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

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

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

.ui.right.sidebar .navbar.menu .ui.input .menu.search .suggestion span span {
    color: #db4344
}

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

.ui.right.sidebar .navbar.menu .ui.input .menu.search .events {
    display: inline-block;
    margin-bottom: 20px
}

.ui.right.sidebar .navbar.menu .ui.input .menu.search .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.right.sidebar .navbar.menu .ui.input .menu.search .events .date span {
    display: block
}

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

.ui.right.sidebar .navbar.menu .ui.input .menu.search .events .content h4 {
    margin-bottom: 5px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #555
}

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

.ui.right.sidebar .navbar.menu .ui.input .menu.search .tagges {
    padding: 10px 0
}

.ui.right.sidebar .navbar.menu .ui.input .menu.search .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
}

.ui.right.sidebar .navbar.menu .ui.input .menu.search .tagges .tag:hover {
    border-color: #999
}

.sub-nav-wrap {
    width: 100%
}

.sub-nav-wrap.ui.sticky.fixed {
    right: 0;
    left: 0;
    width: 100%
}

.sub-nav-wrap .ui.menu.sub-menu {
    margin: 0;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0
}

@media screen and (max-width:767px) {
    .sub-nav-wrap {
        overflow: hidden;
        overflow-x: scroll
    }
    .sub-nav-wrap .ui.menu.sub-menu {
        width: auto;
        max-width: calc(100% + 300px);
        min-width: 950px
    }
}

.sub-nav-wrap .ui.menu.sub-menu .item {
    margin-bottom: -1px;
    font-size: 18px;
    color: #555;
    border-bottom: 2px solid transparent;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all
}

@media screen and (min-width:768px) {
    .sub-nav-wrap .ui.menu.sub-menu .item:hover {
        color: #db4344
    }
}

.sub-nav-wrap .ui.menu.sub-menu .item.active {
    margin-bottom: -1px;
    font-weight: 500;
    color: #db4344;
    border-bottom: 2px solid #db4344;
    background-color: #f1f1f1!important;
    border-color: #dd4e4e!important
}

.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover.active {
    font-weight: 400!important;
    border-color: #db4344
}

.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover .menu {
    top: 102%;
    width: 223px;
    padding: 20px;
    border-top: none;
    box-shadow: inset 0 1px 2px 0 rgba(34, 36, 38, .15)
}

.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover .menu>.item {
    padding: 0 0 15px!important;
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: #777!important
}

.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover .menu>.item:last-child {
    padding: 0!important
}

.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover .menu>.item:hover {
    color: #555!important;
    background: 0 0!important
}

.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover.active,
.sub-nav-wrap .ui.menu.sub-menu .item.ui.dropdown.onHover:hover {
    background-color: transparent
}

.sub-nav-wrap .ui.menu.sub-menu .item .tag {
    display: inline-block;
    width: 18px;
    height: 11px;
    padding: 2px;
    margin-left: 5px;
    font-size: 6px;
    font-weight: 300;
    vertical-align: middle;
    color: #db4344;
    border: 1px solid #db4344;
    border-radius: 1px
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input {
    width: 100%;
    max-width: 375px;
    margin-left: auto
}

@media screen and (max-width:767px) {
    .sub-nav-wrap .ui.menu.sub-menu .ui.input {
        display: none
    }
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input input {
    padding-right: 35px;
    font-size: 1.4rem;
    font-weight: 300;
    color: #555;
    border: none;
    border-left: 1px solid #d8d8d8;
    border-radius: 0
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input input::-webkit-input-placeholder {
    font-size: 1.4rem;
    font-weight: 300;
    color: #ccc
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input input::-moz-placeholder {
    font-size: 1.4rem;
    font-weight: 300;
    color: #ccc
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input input:-moz-placeholder {
    font-size: 1.4rem;
    font-weight: 300;
    color: #ccc
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input input:-ms-input-placeholder {
    font-size: 1.4rem;
    font-weight: 300;
    color: #ccc
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input svg {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 16px;
    height: 16px
}
.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    display: none;
    width: 400px;
    padding: 10px 20px;
    border-radius: 3px;
    background-color: #fff;
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden;
}
.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .suggestion {
    display: block;
    margin: 10px 0 20px
}

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

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

.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .suggestion span span {
    color: #db4344
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .title {
    padding: 0 0 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #3dc6c4;
    border-bottom: 1px solid #ccc;
}
.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .events {
    display: flex;
    margin-bottom: 20px;
}
.sub-nav-wrap .ui.menu.sub-menu .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
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .events .date span {
    display: block
}

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

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

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

.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .tagges {
    padding: 10px 0
}

.sub-nav-wrap .ui.menu.sub-menu .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
}

.sub-nav-wrap .ui.menu.sub-menu .ui.input .menu .tagges .tag:hover {
    border-color: #999
}

.ui.menu .ui.dropdown.profile .menu {
    border-radius: 4px
}

.ui.menu .ui.dropdown.profile .menu>.item {
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: #777!important
}

html {
    box-sizing: border-box;
    overflow-x: hidden
}

.MB0-imp {
    margin-bottom: 0!important
}

.PT130 {
    padding-top: 130px
}

.display-IB {
    display: inline-block
}

.overflow-H {
    overflow: hidden
}

.container {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1130px
    }
}

.pusher {
    position: relative
}

.dimmable {
    height: auto
}

.heading {
    margin-bottom: 40px
}

.heading h2 {
    margin-bottom: 5px;
    font-size: 3.6rem;
    font-weight: 300;
    color: #777
}

@media screen and (max-width:1199px) {
    .heading h2 {
        font-size: 2.8rem
    }
}

@media screen and (max-width:767px) {
    .heading h2 {
        font-size: 2rem
    }
}

.heading h2 .ui.button.red.tilt {
    float: right
}

.heading p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999
}

.square {
    display: block;
    background-color: #ddd
}

.square:before {
    float: left;
    padding-bottom: 100%
}

.square:after {
    display: table;
    clear: both
}

.divider {
    display: block;
    padding: 20px 0;
    clear: both;
    border-bottom: 1px solid #d8d8d8
}

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

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

.ui.breadcrumb .active.section {
    font-weight: 500
}
.ui.breadcrumb {
    width: 100%;
    padding: 20px 17px;
    line-height: 30px
}
.top-breadcum .section {
    color: #fff!important;
    font-size: 12px!important
}

.top-breadcum .divider {
    font-size: 1.2rem!important;
    color: #fff!important;
    border: none
}

.ui.breadcrumb {
    width: 100%;
    padding: 20px 17px;
    line-height: 30px
}

.ui.breadcrumb .section {
    font-size: 1.6rem;
    font-weight: 400;
    opacity: .9;
    color: #999!important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all
}

.ui.breadcrumb .section:hover {
    color: #999
}

.ui.breadcrumb .section.active {
    color: #888!important
}

.ui.breadcrumb .divider {
    padding: 0;
    font-size: 1.6rem;
    font-weight: 400
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(1.2, 1.2)
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes pulsate {
    0% {
        -moz-transform: scale(1.2, 1.2)
    }
    50% {
        opacity: 1
    }
    100% {
        -moz-transform: scale(1, 1)
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes pulsate1 {
    0% {
        -webkit-transform: scale(1.2, 1.2)
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1)
    }
}

@-moz-keyframes pulsate1 {
    0% {
        -moz-transform: scale(1.2, 1.2)
    }
    50% {
        opacity: 1
    }
    100% {
        -moz-transform: scale(1, 1)
    }
}

@keyframes pulsate1 {
    0% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2)
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}
.page-wrapper .collections .unit a .topic-default-image {
    height:200px;
    width:auto !important;
    max-width: none;
}
.page-wrapper .banner .content,
.page-wrapper .collections .unit a .content {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    left: 50%
}

.headroom {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
    background-color: #fff;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease
}
.content .categoryHeader.banner_title.offerHeader h2 {
    text-align: center
}
.sub-nav-wrap.headroom {
    top: 48px;
    z-index: 8;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

@media screen and (max-width:767px) {
    .sub-nav-wrap.headroom {
        top: 40px
    }
}

.headroom--unpinned {
    top: -100px
}

.sub-nav-wrap.ui.headroom--unpinned {
    top: 0
}

.headroom--pinned {
    top: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.sub-nav-wrap.ui.headroom--pinned {
    top: 48px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media screen and (max-width:767px) {
    .sub-nav-wrap.ui.headroom--pinned {
        top: 40px
    }
}

.page-wrapper {
    position: relative;
    background-color: #ececec
}

.page-wrapper .bg.overlay {
    z-index: 4;
    display: none
}
.page-wrapper .banner {
    position: relative;
    height: 390px;
    padding-top: 40px;
    background-image: url(../images/home_banner.png);
    background-position: center 50px;
    background-size: cover;
    max-width: 100%;
    background-repeat: no-repeat;
    transition: background 1s linear;
    margin: 35px auto 40px
}
.page-wrapper .banner.icon-boxes,
.page-wrapper .banner.topic {
    background-image: url(../images/startup-photos_blured.jpg)
}
.page-wrapper .banner::after {
    clear: both;
    display: table
}
@media screen and (min-width:1920px) {
    .page-wrapper .banner {
        height: 590px
    }
}

.page-wrapper .banner::after {
    clear: both;
    display: table
}

.page-wrapper .banner .content {
    position: absolute;
    top: 62%;
    z-index: 2;
    min-width: 80%;
    text-align: center;
    transform: translate(-50%, -50%)
}

.page-wrapper .banner .content h2 {
    font-size: 4.8rem;
    font-weight: 600;
    color: #fff
}

@media screen and (max-width:1199px) {
    .page-wrapper .banner .content h2 {
        font-size: 3.8rem
    }
}

@media screen and (max-width:767px) {
    .page-wrapper .banner .content h2 {
        font-size: 2.8rem
    }
}


/* back to top button */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  white-space: nowrap;
  background: #db4344 no-repeat center 50%;
  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-is-visible, .cd-top.cd-fade-out, .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 {
  /* the button becomes 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;
  }
}
/* end */

.page-wrapper .banner .content .ui.button.red {
    height: 35px;
    padding: 10px 15px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff
}

.page-wrapper .banner.icon-boxes {
    overflow: hidden
}

@media screen and (min-width:1024px) {
    .page-wrapper .banner.icon-boxes .content {
        max-width: 1024px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .banner.icon-boxes .content {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .page-wrapper .banner .content .ui.button.red {
        padding: 12px 15px;
        font-size: 1.2rem
    }
    .page-wrapper .banner.icon-boxes {
        height: 640px
    }
    .page-wrapper .banner.icon-boxes .content {
        top: 58%;
        width: 100%;
        max-width: 320px;
        min-width: 0;
    }
    .page-wrapper .banner.icon-boxes .content h2 {
        text-align: center;
    }
}

.page-wrapper .banner.topic .content .info {
    margin-bottom: 20px
}

.page-wrapper .banner.topic .content .info span {
    font-size: 1.4rem;
    font-weight: 300;
    color: #fff
}

.page-wrapper .banner.topic .content .info span:first-child {
    margin-right: 40px
}

.page-wrapper .banner.topic .content .action-room .ui.button.red.tilt {
    margin-right: 20px;
    vertical-align: middle;
    opacity: .9
}

.page-wrapper .banner.topic .content .action-room .share {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 42px;
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 3px;
    outline: 0;
    background-color: rgba(255, 255, 255, .1);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12);
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease
}

.page-wrapper .banner.topic .content .action-room .share svg {
    width: 14px;
    height: 14px;
    margin: 0;
    color: #fff
}

.page-wrapper .banner.topic .content .action-room .share:hover {
    border-color: #3dc6c4;
    background-color: #fff
}

.page-wrapper .banner.topic .content .action-room .share:hover svg {
    color: #3dc6c4
}

.page-wrapper .collections {
    margin-bottom: 40px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .collections::after {
    clear: both;
    display: table
}

.page-wrapper .collections .unit {
    position: relative;
    max-height: 220px;
    margin-bottom: 2.35765%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .3);
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.page-wrapper .collections .unit:last-child,
.page-wrapper .collections .unit:nth-child(4n) {
    margin-right: 0
}

.page-wrapper .collections .unit:nth-child(4n+1) {
    clear: left
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .page-wrapper .collections .unit {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .page-wrapper .collections .unit:last-child {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(4n) {
        margin-right: 2.35765%
    }
    .page-wrapper .collections .unit:nth-child(4n+1) {
        clear: none
    }
    .page-wrapper .collections .unit:nth-child(3n) {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(3n+1) {
        clear: left
    }
    .sub-nav-wrap .ui.menu.sub-menu .item {
        font-size: 1.2rem
    }
}

@media screen and (max-width:767px) {
    .page-wrapper .collections .unit {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-bottom: 15px
    }
    .page-wrapper .collections .unit:last-child {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(3n) {
        margin-right: 2.35765%
    }
    .page-wrapper .collections .unit:nth-child(3n+1) {
        clear: none
    }
    .page-wrapper .collections .unit:nth-child(2n) {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(2n+1) {
        clear: left
    }
}

@media screen and (max-width:479px) {
    .page-wrapper .collections .unit {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .page-wrapper .collections .unit:last-child {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(2n) {
        margin-right: 2.35765%
    }
    .page-wrapper .collections .unit:nth-child(2n+1) {
        clear: none
    }
    .page-wrapper .collections .unit:nth-child(1n) {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(1n+1) {
        clear: left
    }
}

.page-wrapper .collections .unit a {
    display: block
}

@media screen and (min-width:768px) {
    .page-wrapper .collections .unit a:hover .overlay {
        background-color: rgba(0, 0, 0, .6);
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        transition: .5s all
    }
    .page-wrapper .collections .unit a:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: .5s all ease-out;
        -moz-transition: .5s all ease-out;
        transition: .5s all ease-out
    }
    .page-wrapper .collections .unit a:hover .content h4 {
        font-size: 1.8rem;
        -webkit-transition: .5s all ease-out;
        -moz-transition: .5s all ease-out;
        transition: .5s all ease-out
    }
    .page-wrapper .collections .unit a:hover .content h4.no-change {
        font-size: 2.4rem
    }
    .page-wrapper .collections .unit a:hover .content p {
        margin-bottom: 0;
        opacity: 1;
        -webkit-transition: .5s all ease-out;
        -moz-transition: .5s all ease-out;
        transition: .5s all ease-out
    }
}

.page-wrapper .collections .unit a .overlay {
    z-index: 1;
    background-color: rgba(0, 0, 0, .3);
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all
}

.page-wrapper .collections .unit a .topic-default-image {
    height:200px;
    width:auto !important;
    max-width: none;
}

.page-wrapper .collections .unit a .content {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 100%;
    padding: 15px;
    text-align: center;
    transform: translate(-50%, -50%)
}

.page-wrapper .collections .unit a .content h4 {
    font-size: 2.4rem;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    transition: .5s all ease
}

.page-wrapper .collections .unit a .content p {
    margin-bottom: -90px;
    font-size: 1.3rem;
    font-weight: 400;
    opacity: 0;
    color: #fff;
    -webkit-transition: .5s all ease-in;
    -moz-transition: .5s all ease-in;
    transition: .5s all ease-in
}

.page-wrapper .collections.segment .unit {
    max-height: 150px
}

.page-wrapper .outdoor-units {
    margin-bottom: 20px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .outdoor-units::after {
    clear: both;
    content: "";
    display: table
}

.page-wrapper .outdoor-units .unit {
    position: relative;
    margin-bottom: 30px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

@media screen and (max-width:767px) {
    .page-wrapper .outdoor-units .unit {
        margin-bottom: 2.35765%;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .page-wrapper .outdoor-units .unit:last-child,
    .page-wrapper .outdoor-units .unit:nth-child(2n) {
        margin-right: 0
    }
    .page-wrapper .outdoor-units .unit:nth-child(2n+1) {
        clear: left
    }
}

.page-wrapper .outdoor-units .unit:last-child {
    margin-right: 0
}

.page-wrapper .outdoor-units .unit a {
    display: block
}

.page-wrapper .outdoor-units .unit a .content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.page-wrapper .featured-events {
    margin-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .featured-events::after {
    clear: both;
    display: table
}
.page-wrapper .featured-events .card {
    position: relative;
    height: 365px;
    max-width: 350px;
    margin-bottom: 30px;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12);
    float: left;
    display: block;
    margin-right: 1.45765%;
    width: 31.76157%;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease;
}
@media screen and (max-width:767px) {
    .page-wrapper .featured-events .card:nth-child(2n+1),
    .page-wrapper .featured-events .card:nth-child(3n+1) {
        clear: none
    }
    .page-wrapper .featured-events .card {
        float: left;
        display: block;
        margin-right: 1% !important;
        width: 48.82117%
    }
    .page-wrapper .featured-events .card:last-child {
        margin-right: 0
    }
    .page-wrapper .featured-events .card:nth-child(3n) {
        margin-right: 2.35765%
    }
    .page-wrapper .featured-events .card:nth-child(2n) {
        margin-right: 0
    }
}
@media screen and (max-width:479px) {
    .page-wrapper .featured-events .card:last-child {
        margin-right: 0
    }
    .page-wrapper .featured-events .card:nth-child(2n) {
        margin-right: 2.35765%
    }
    .page-wrapper .featured-events .card:nth-child(2n+1) {
        clear: none
    }
    .page-wrapper .featured-events .card {
        display: block;
        width: 100% !important;
        float: none;
        margin-right: auto!important;
        margin-left: auto;
        float:none !important;
    }
    .page-wrapper .featured-events .card:nth-child(1n) {
        margin-right: 0
    }
    .page-wrapper .featured-events .card:nth-child(1n+1) {
        clear: left
    }
}
@media screen and (max-width: 467px){
    .page-wrapper .featured-events .card:nth-child(2n+1), .page-wrapper .featured-events .card {
        margin-right: 1% !important;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .featured-events .card {
        height: 340px;
    }
}
@media screen and (min-width:768px) {
    .sub-nav-wrap .ui.menu.sub-menu .item:hover {
        color: #db4344
    }
}
@media screen and (max-width:767px) {
    .sub-nav-wrap {
        overflow: hidden;
        overflow-x: scroll
    }
    .sub-nav-wrap .ui.menu.sub-menu {
        width: auto;
        max-width: calc(100% + 300px);
        min-width: 950px
    }
}
@media (min-width:768px) {
    .container {
        width: 750px
    }
}
@media (min-width:992px) {
    .container {
        width: 970px
    }
}
@media (min-width:1200px) {
    .container {
        width: 1130px
    }
}
@media screen and (max-width:1199px) {
    .heading h2 {
        font-size: 2.8rem
    }
}
@media screen and (max-width:767px) {
    .heading h2 {
        font-size: 2rem
    }
}
@media screen and (max-width:767px) {
    .sub-nav-wrap.headroom {
        top: 40px
    }
}
@media screen and (max-width:1199px) {
    .page-wrapper .banner .content h2 {
        font-size: 3.8rem
    }
}
@media screen and (max-width:767px) {
    .page-wrapper .banner .content h2 {
        font-size: 2.8rem
    }
}
@media screen and (max-width:767px) {
    .page-wrapper .banner .content .ui.button.red {
        padding: 12px 15px;
        font-size: 1.2rem
    }
    .page-wrapper .banner.icon-boxes {
        height: 640px
    }
    .page-wrapper .banner.icon-boxes .content {
        top: 58%;
        width: 100%;
        max-width: 320px;
        min-width: 0
    }
    .page-wrapper .banner.icon-boxes .content h2 {
        text-align: left
    }
    .page-wrapper .banner.icon-boxes .content .categoryHeader.banner_title.offerHeader {
        text-align: center;
        font-size: 4.8rem
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .banner.icon-boxes .content {
        width: 100%
    }
}
@media screen and (min-width:1024px) {
    .page-wrapper .banner.icon-boxes .content {
        max-width: 1024px
    }
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .page-wrapper .collections .unit {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%
    }
    .page-wrapper .collections .unit:nth-child(4n) {
        margin-right: 2.35765%
    }
    .page-wrapper .collections .unit:nth-child(4n+1) {
        clear: none
    }
    .page-wrapper .collections .unit:last-child,
    .page-wrapper .collections .unit:nth-child(3n) {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(3n+1) {
        clear: left
    }
    .sub-nav-wrap .ui.menu.sub-menu .item {
        font-size: 1.2rem
    }
}
@media screen and (max-width:767px) {
    .page-wrapper .collections .unit {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-bottom: 15px
    }
    .page-wrapper .collections .unit:nth-child(3n) {
        margin-right: 2.35765%
    }
    .page-wrapper .collections .unit:last-child,
    .page-wrapper .collections .unit:nth-child(2n) {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(3n+1) {
        clear: none
    }
    .page-wrapper .collections .unit:nth-child(2n+1) {
        clear: left
    }
    .page-wrapper .outdoor-units .unit {
        margin-bottom: 2.35765%;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .page-wrapper .outdoor-units .unit:last-child,
    .page-wrapper .outdoor-units .unit:nth-child(2n) {
        margin-right: 0
    }
    .page-wrapper .outdoor-units .unit:nth-child(2n+1) {
        clear: left
    }
}
@media screen and (max-width:479px) {
    .page-wrapper .collections .unit {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .page-wrapper .collections .unit:nth-child(2n) {
        margin-right: 2.35765%
    }
    .page-wrapper .collections .unit:nth-child(2n+1) {
        clear: none
    }
    .page-wrapper .collections .unit:last-child,
    .page-wrapper .collections .unit:nth-child(1n) {
        margin-right: 0
    }
    .page-wrapper .collections .unit:nth-child(1n+1) {
        clear: left
    }
}
@media screen and (min-width:768px) {
    .page-wrapper .collections .unit a:hover .overlay {
        background-color: rgba(0, 0, 0, .6);
        -webkit-transition: .5s all;
        -moz-transition: .5s all;
        transition: .5s all
    }
    .page-wrapper .collections .unit a:hover img {
        -webkit-transition: .5s all ease-out;
        -moz-transition: .5s all ease-out;
        transition: .5s all ease-out;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
    .page-wrapper .collections .unit a:hover .content h4 {
        font-size: 1.8rem;
        -webkit-transition: .5s all ease-out;
        -moz-transition: .5s all ease-out;
        transition: .5s all ease-out
    }
    .page-wrapper .collections .unit a:hover .content h4.no-change {
        font-size: 2.4rem
    }
    .page-wrapper .collections .unit a:hover .content p {
        margin-bottom: 0;
        opacity: 1;
        -webkit-transition: .5s all ease-out;
        -moz-transition: .5s all ease-out;
        transition: .5s all ease-out
    }
}
.page-wrapper .featured-events .card:hover {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .24);
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all
}

.page-wrapper .featured-events .card img {
    width: 100%
}

.page-wrapper .featured-events .card .content {
    position: relative;
    height: calc(100% - 218px);
    padding: 15px 20px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .featured-events .card .content::after {
    clear: both;
    display: table
}

.page-wrapper .featured-events .card .content .ui.red.button.tag {
    position: absolute;
    top: -22px;
    right: 10px;
    padding: 8px 10px;
    font-size: 1.4rem;
    cursor: default
}

.page-wrapper .featured-events .card .content .ui.red.button.tag:hover {
    background-color: #db4344
}

.page-wrapper .featured-events .card .content .ui.red.button.tag.sale {
    color: #555;
    background-color: #fcc32c
}

.page-wrapper .featured-events .card .content .ui.red.button.tag.popular {
    color: #fff;
    background-color: #3dc6c4
}

.page-wrapper .featured-events .card .content .date {
    padding-right: 10px;
    margin-right: 2.35765%;
    width: 14.70196%
}

.page-wrapper .featured-events .card .content .date:last-child {
    margin-right: 0
}

.page-wrapper .featured-events .card .content .date {
    display: inline-block;
    float: none;
    margin: 0 0 10px;
    vertical-align: middle
}
.page-wrapper .featured-events .card .content .date span:first-child {
    font-size: 2.8rem;
    font-weight: 400;
    color: #555
}
@media screen and (max-width:480px) {
	.page-wrapper .featured-events .card .content .date span:first-child {
	    font-size: 2.8rem;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .featured-events .card .content .date span:first-child {
        font-size: 2.6rem
    }
}

.page-wrapper .featured-events .card .content .date span:last-child {
    font-size: 1.4rem;
    font-weight: 400;
    color: #3dc6c4
}

@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .featured-events .card .content .date span:last-child {
        font-size: 1.1rem
    }
}

.page-wrapper .featured-events .card .content .description-full {
    padding: 0 10px;
    text-align: left;
    margin-right: 2.35765%;
    width: 100% !important;
}

.page-wrapper .featured-events .card .content .description-full p {
    max-height: 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #555;
}

.page-wrapper .featured-events .card .content .description {
    padding: 0 10px;
    text-align: left;
    margin-right: 2.35765%;
    width: 82.94039%
}

.page-wrapper .featured-events .card .content .description:last-child {
    margin-right: 0
}

.page-wrapper .featured-events .card .content .description {
    display: inline-block;
    float: none;
    margin: 0 0 10px;
    vertical-align: middle
}

.page-wrapper .featured-events .card .content .description h4 {
    max-height: 50px;
    margin: 0;
    font-size: 2rem;
    font-weight: 400;
    color: #555;
    overflow:hidden;
}
@media screen and (min-width: 468px){
    .page-wrapper .featured-events .card {
        height:390px;
    }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .featured-events .card .content .description h4 {
        font-size: 1.8rem
    }
}

.page-wrapper .featured-events .card .content .description p {
    max-height: 20px;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-weight: 400;
    color: #999
}

@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .featured-events .card .content .description p {
        font-size: 1.1rem
    }
}

.page-wrapper .featured-events .card .content .description.fluid {
    width: 100%;
    padding: 0
}

.page-wrapper .featured-events .card .footer {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    height: 45px;
    padding: 10px 0;
    text-align: left;
    border-top: 1px solid #ccc;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: calc(100% - 40px)
}

.page-wrapper .featured-events .card .footer:last-child {
    margin-right: 0
}

.page-wrapper .featured-events .card .footer .amount {
    float: left;
    font-size: 1.7rem;
    color: #777
}

.page-wrapper .featured-events .card .footer .amount.sold {
    color: #db4344
}

.page-wrapper .featured-events .card .footer .amount.na {
    color: #3dc6c4
}

.page-wrapper .featured-events .card .footer .fav {
    float: right;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease
}

.page-wrapper .featured-events .card .footer .fav input[type=checkbox] {
    display: none
}

.page-wrapper .featured-events .card .footer .fav .heart {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

.page-wrapper .featured-events .card .footer .fav .heart svg {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    color: #555;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease
}

.learning .block,
.learning .block img {
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease
}

.page-wrapper .featured-events .card .footer .fav .heart .like-filled {
    display: none
}

.page-wrapper .featured-events .card .footer .fav .heart:focus .like,
.page-wrapper .featured-events .card .footer .fav .heart:hover .like {
    color: #db4344!important
}
.page-wrapper .featured-events .card .footer .fav input[type=checkbox]:checked+.heart .like {
    display: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-animation: pulsate1 .8s ease-out;
    -moz-animation: pulsate1 .8s ease-out;
    animation: pulsate1 .8s ease-out;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1
}
.page-wrapper .featured-events .card .footer .fav input[type=checkbox]:checked+.heart .like-filled {
    display: inline-block;
    vertical-align: middle;
    color: #db4344;
    -webkit-animation: pulsate .8s ease-out;
    -moz-animation: pulsate .8s ease-out;
    animation: pulsate .8s ease-out;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.page-wrapper .featured-events .card .footer .fav .count {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 400;
    vertical-align: baseline;
    color: #555
}

.page-wrapper .blogs {
    position: relative;
    margin-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .blogs::after {
    clear: both;
    display: table
}

.page-wrapper .blogs .blog {
    position: relative;
    height: 300px;
    margin-bottom: 2.35765%;
    overflow: hidden;
    border-radius: 3px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.page-wrapper .blogs .blog:last-child {
    margin-right: 0
}

.page-wrapper .blogs .blog:first-child {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%
}

.page-wrapper .blogs .blog:first-child:last-child,
.page-wrapper .blogs .blog:first-child:nth-child(1n) {
    margin-right: 0
}

.page-wrapper .blogs .blog:first-child:nth-child(1n+1) {
    clear: left
}

@media screen and (max-width:767px) {
    .page-wrapper .blogs .blog {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-bottom: 15px
    }
    .page-wrapper .blogs .blog:last-child,
    .page-wrapper .blogs .blog:nth-child(1n) {
        margin-right: 0
    }
    .page-wrapper .blogs .blog:nth-child(1n+1) {
        clear: left
    }
}

.page-wrapper .blogs .blog img {
    max-width: none;
    margin: 0 auto;
    height: 300px;
}
.page-wrapper .blogs .blog .overlay {
    z-index: 1;
    background-color: rgba(51, 51, 51, .3)
}

.page-wrapper .blogs .blog .content {
    position: absolute;
    top: 20px;
    right: 20px;
    left: 20px;
    z-index: 2
}

.page-wrapper .blogs .blog .content h4 {
    margin-bottom: 10px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #fff
}

@media screen and (min-width:768px) and (max-width:991px) {
    .page-wrapper .blogs .blog {
        height: 250px
    }
    .page-wrapper .blogs .blog .content h4 {
        font-size: 2rem
    }
}

.page-wrapper .blogs .blog .content .info .comment,
.page-wrapper .blogs .blog .content .info .date,
.page-wrapper .blogs .blog .content .info .ui.button.red.label {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    margin-right: 10px;
    font-weight: 400
}

.page-wrapper .blogs .blog .content .info .ui.button.red.label {
    margin-bottom: 10px;
    cursor: default
}

.page-wrapper .blogs .blog .content .info .ui.button.red.label.orange {
    background-color: #f5804b
}

.page-wrapper .blogs .blog .content .info .ui.button.red.label.pink {
    background-color: #ee7280
}

.page-wrapper .blogs .blog .content .info .ui.button.red.label.green {
    background-color: #82ca9b
}

.page-wrapper .blogs .blog .content .info .ui.button.red.label.blue {
    background-color: #4fbcdb
}

.page-wrapper .blogs .blog .content .info .date svg {
    width: 12px;
    height: 11px;
    margin-right: 10px;
    margin-left: 0
}

.page-wrapper .blogs .blog .content .info .comment svg {
    width: 12px;
    height: 11px;
    margin-right: 10px;
    margin-left: 0
}

.page-wrapper .movies {
    margin-bottom: 40px;
    text-align: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .movies::after {
    clear: both;
    display: table
}

.page-wrapper .movies .card {
    margin-bottom: 20px;
    float: left;
    margin-right: 2.35765%;
    width: 23.23176%;
    display: inline-block!important;
    max-width: 253px
}

.page-wrapper .movies .card:last-child,
.page-wrapper .movies .card:nth-child(4n) {
    margin-right: 0
}

.page-wrapper .movies .card:nth-child(4n+1) {
    clear: left
}

@media screen and (max-width:767px) {
    .page-wrapper .movies .card {
        float: none!important;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%
    }
    .page-wrapper .movies .card:nth-child(4n) {
        margin-right: 2.35765%
    }
    .page-wrapper .movies .card:nth-child(4n+1) {
        clear: none
    }
    .page-wrapper .movies .card:last-child,
    .page-wrapper .movies .card:nth-child(2n) {
        margin-right: 0
    }
    .page-wrapper .movies .card:nth-child(2n+1) {
        clear: left
    }
    .page-wrapper .movies .card:nth-child(4n) {
        margin-right: 2.35765%
    }
    .page-wrapper .movies .card:nth-child(4n+1) {
        clear: none
    }
}
@media screen and (max-width:479px) {
    .page-wrapper .movies .card {
        float: none!important;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .page-wrapper .movies .card:nth-child(2n) {
        margin-right: 2.35765%
    }
    .page-wrapper .movies .card:nth-child(2n+1) {
        clear: none
    }
    .page-wrapper .movies .card:last-child,
    .page-wrapper .movies .card:nth-child(1n) {
        margin-right: 0
    }
    .page-wrapper .movies .card:nth-child(1n+1) {
        clear: left
    }
}

.page-wrapper .movies .card .info {
    display: block;
    padding: 10px 0;
    text-align: left
}

.page-wrapper .movies .card .info .title {
    margin-bottom: 5px;
    font-size: 2rem;
    font-weight: 400;
    color: #555
}

.page-wrapper .movies .card .info .title .label {
    float: right;
    margin-top: 5px;
    font-size: 1.3rem;
    font-weight: 400;
    color: #999
}

.page-wrapper .movies .card .info .rating .ui.rating {
    margin-right: 10px;
    font-size: 1.6rem;
    vertical-align: sub
}

.page-wrapper .movies .card .info .rating .count {
    font-size: 1.3rem;
    font-weight: 300;
    color: #555
}
.page-wrapper .mobile-apps {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
@media screen and (max-width:767px) {
    .page-wrapper .mobile-apps {
        display: none
    }
}
.page-wrapper .mobile-apps::after {
    clear: both;
    display: table
}

.page-wrapper .mobile-apps .content:nth-child(2n+1),
.page-wrapper .mobile-apps .images:nth-child(2n+1) {
    clear: left
}

@media screen and (max-width:767px) {
    .page-wrapper .mobile-apps {
        display: none
    }
}

.page-wrapper .mobile-apps .content {
    position: relative;
    height: 360px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.page-wrapper .mobile-apps .content:last-child,
.page-wrapper .mobile-apps .content:nth-child(2n) {
    margin-right: 0
}

.page-wrapper .mobile-apps .content .wrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-wrapper .mobile-apps .content .wrap h2 {
    margin-bottom: 10px;
    font-size: 3.6rem;
    font-weight: 400;
    color: #555
}

.page-wrapper .mobile-apps .content .wrap .ui.input {
    margin-bottom: 20px
}

.page-wrapper .mobile-apps .content .wrap .ui.input input {
    height: 35px;
    max-width: 300px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #555;
    border: 1px solid #ccc!important;
    border-radius: 3px!important;
    background-color: #fff
}

.page-wrapper .mobile-apps .content .wrap .ui.input input::-webkit-input-placeholder {
    color: #ccc
}

.page-wrapper .mobile-apps .content .wrap .ui.input input::-moz-placeholder {
    color: #ccc
}

.page-wrapper .mobile-apps .content .wrap .ui.input input:-moz-placeholder {
    color: #ccc
}

.page-wrapper .mobile-apps .content .wrap .ui.input input:-ms-input-placeholder {
    color: #ccc
}

.page-wrapper .mobile-apps .content .wrap .ui.input .ui.button {
    width: 120px;
    height: 35px;
    margin-left: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff;
    border-radius: 3px;
    background-color: #3dc6c4;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12);
    justify-content: center
}

.page-wrapper .mobile-apps .content .wrap .store a:first-child {
    margin-right: 20px
}
.page-wrapper .mobile-apps .images {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%
}

.page-wrapper .mobile-apps .images:last-child,
.page-wrapper .mobile-apps .images:nth-child(2n) {
    margin-right: 0
}

.page-wrapper .mobile-apps .images img {
    display: inline-block;
    vertical-align: bottom
}

@media screen and (max-width:991px) {
    .page-wrapper .mobile-apps .images img {
        margin-right: 2.35765%;
        width: 40.29137%;
        display: inline-block;
        float: none
    }
    .page-wrapper .mobile-apps .images img:last-child {
        margin-right: 0
    }
}

.page-wrapper .footer .footer-top::after,
.page-wrapper .footer::after {
    clear: both;
    display: table;
    content: ""
}

.page-wrapper .mobile-apps .images img:first-child {
    margin-right: 20px
}

.page-wrapper .footer,
.page-wrapper .footer .footer-top {
    margin-right: auto;
    max-width: 100%;
    margin-left: auto
}

.page-wrapper .footer .footer-top {
    padding: 40px 0 10px;
    background-color: #555
}

.page-wrapper .footer .footer-top .container {
    display: block;
    overflow: hidden
}

.page-wrapper .footer .footer-top .category {
    margin-bottom: 30px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%
}

.page-wrapper .footer .footer-top .category:last-child,
.page-wrapper .footer .footer-top .category:nth-child(3n) {
    margin-right: 0
}
.city_content {
    text-align: left;
    font-size: 2rem;
    border-bottom: 1px solid #ccc;
    padding: 45px 35px;
}
.page-wrapper .footer .footer-top .category:nth-child(3n+1) {
    clear: left;
}
@media screen and (max-width:767px) {
    .page-wrapper .footer .footer-top .category {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .page-wrapper .footer .footer-top .category:nth-child(3n) {
        margin-right: 2.35765%
    }
    .page-wrapper .footer .footer-top .category:nth-child(3n+1) {
        clear: none
    }
    .page-wrapper .footer .footer-top .category:last-child {
        margin-right: 0
    }
    .page-wrapper .footer .footer-top .category:last-child,
    .page-wrapper .footer .footer-top .category:nth-child(3n) {
        margin-right: 0
    }
    .page-wrapper .footer .footer-top .category:nth-child(3n+1) {
        clear: left
    }
}
.page-wrapper .footer .footer-top .category>a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff
}

.page-wrapper .footer .footer-top .category>a:hover {
    color: #db4344
}

.page-wrapper .footer .footer-top .category ul li {
    float: left;
    margin-right: 10px
}

.page-wrapper .footer .footer-top .category ul li a {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999
}

.page-wrapper .footer .footer-top .category ul li a:hover {
    color: #3dc6c4
}

.page-wrapper .footer .footer-mid {
    padding: 30px 0;
    background-color: #333;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.page-wrapper .footer .footer-mid::after {
    clear: both;
    content: "";
    display: table
}

.page-wrapper .footer .footer-mid .container {
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #999
}

.page-wrapper .footer .footer-mid .category {
    margin-bottom: 30px;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 23.23176%
}

.page-wrapper .footer .footer-mid .category:last-child,
.page-wrapper .footer .footer-mid .category:nth-child(4n) {
    margin-right: 0
}

.page-wrapper .footer .footer-mid .category:nth-child(4n+1) {
    clear: left
}
@media screen and (max-width:767px) {
    .page-wrapper .footer .footer-mid .category {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .page-wrapper .footer .footer-mid .category:nth-child(1n) {
        margin-right: 0
    }
    .page-wrapper .footer .footer-mid .category:nth-child(1n+1) {
        clear: left
    }
    .page-wrapper .footer .footer-mid .category:nth-child(4n) {
        margin-right: 2.35765%
    }
    .page-wrapper .footer .footer-mid .category:nth-child(4n+1) {
        clear: none
    }
    .page-wrapper .footer .footer-mid .category:last-child {
        margin-right: 0
    }
    .page-wrapper .footer .footer-mid .category:nth-child(1n+1) {
        clear: left
    }
}
.page-wrapper .footer .footer-mid .category:last-child,
.page-wrapper .footer .footer-mid .category:nth-child(4n) {
    margin-right: 0
}
.page-wrapper .footer .footer-mid .category:nth-child(4n+1) {
    clear: left
}
.page-wrapper .footer .footer-mid .category h4 {
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff
}

.page-wrapper .footer .footer-mid .category ul li {
    margin-right: 10px;
    margin-bottom: 10px
}

.page-wrapper .footer .footer-mid .category ul li a {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999
}

.page-wrapper .footer .footer-mid .category ul li a:hover {
    color: #3dc6c4
}

.page-wrapper .footer .footer-mid .category.main ul li {
    margin-bottom: 20px
}

.page-wrapper .footer .footer-mid .category.main ul li a {
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff
}

.page-wrapper .footer .footer-mid .category.main ul li a:hover {
    color: #db4344
}

.page-wrapper .footer .footer-mid .category.main ul li .verify-img {
    max-width: 200px
}

.page-wrapper .footer .footer-mid .bottom {
    border: none
}

.page-wrapper .footer .footer-mid .bottom ul {
    display: block;
    max-width: 550px;
    padding-top: 30px;
    padding-bottom: 10px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.page-wrapper .footer .footer-mid .bottom ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px
}

.page-wrapper .footer .footer-mid .bottom ul li a {
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center;
    color: #999
}

.page-wrapper .footer .footer-mid .bottom ul li a:hover {
    color: #3dc6c4
}

.page-wrapper .footer .footer-mid .bottom p {
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    color: #646464
}
.action-room {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom:40px;
}

.action-room .count {
    margin-bottom: 5px;
    font-size: 1.8rem;
    font-weight: 400;
    color: #777
}

.learning .block.active p,
.learning .block.active svg,
.learning .block:hover p,
.learning .block:hover svg {
    color: #fff
}

.learning {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.learning::after {
    clear: both;
    content: "";
    display: table
}

.learning .block {
    position: relative;
    z-index: 2;
    padding: 15px 22px;
    transition: .3s all ease;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 14.70196%
}
.learning .block:last-child {
    margin-right: 0;
}
@media screen and (min-width:1440px) {
    .learning .block {
        display: inline-block;
        float: none;
        max-width: 210px;
    }
}
@media screen and (max-width:767px) {
    .learning .block {
        margin-bottom: 20px;
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%
    }
    .learning .block:last-child,
    .learning .block:nth-child(1n) {
        margin-right: 0
    }
    .learning .block:nth-child(1n+1) {
        clear: left
    }
}

.learning .block.active {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5)
}

.learning .block.active svg.check {
    visibility: visible
}

.learning .block img.check,
.learning .block svg.check {
    right: 10px;
    visibility: hidden;
    position: absolute;
    top: 10px
}

.learning .block img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 10px;
    color: rgba(255, 255, 255, .6);
    transition: .3s all ease
}

.learning .block p,
.learning .block svg {
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease
}

@media screen and (max-width:767px) {
    .learning .block img {
        display: inline-block;
        width: 42px;
        height: 42px;
        margin: 0 15px 0 0;
        vertical-align: middle
    }
}

.learning .block img.check {
    width: 10px;
    height: 10px;
    margin: 0;
    color: #fff
}

.learning .block svg {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 10px;
    color: rgba(255, 255, 255, 1);
    transition: .3s all ease
}

@media screen and (min-width:650px) and (max-width:800px) {
    .sub-nav-wrap .ui.menu.sub-menu .item {
        font-size: 1.2rem
    }
}

@media screen and (max-width:767px) {
    .learning .block svg {
        display: inline-block;
        width: 42px;
        height: 42px;
        margin: 0 15px 0 0;
        vertical-align: middle
    }
}

.learning .block svg.check {
    width: 10px;
    height: 10px;
    margin: 0;
    color: #fff
}

.bannerFirstValue {
    min-height: 60px
}

.learning .block p {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-weight: 300;
    color: rgba(255, 255, 255, .6);
    transition: .3s all ease
}

@media screen and (max-width:767px) {
    .learning .block p {
        display: inline-block;
        vertical-align: middle
    }
    .learning .block p:last-child {
        margin-left: 10px
    }
    .learning .block {
        max-width: none;
        padding: 10px;
        margin-bottom: 10px;
        text-align: left
    }
}

.filters {
    height: 48px;
    margin-bottom: 40px;
    background-color: #fff;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.filters::after {
    clear: both;
    content: "";
    display: table
}

.filters .container.mobile {
    height: 100%;
    line-height: 45px
}

@media screen and (min-width:768px) {
    .filters .container.mobile {
        display: none
    }
}

.filters .container.mobile .filter-btn {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    vertical-align: middle;
    color: #555
}

.filters .container.mobile .filter-btn img {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    vertical-align: middle;
    color: #555
}

.filters .container.desktop {
    height: inherit
}

@media screen and (max-width:767px) {
    .filters .container.desktop {
        display: none
    }
}

.filters .container.desktop .filter {
    display: inline-block;
    height: inherit;
    margin-right: 30px
}

.filters .container.desktop .filter .label-text {
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 48px;
    vertical-align: middle;
    color: #999
}

.filters .container.desktop .filter .ui.dropdown {
    min-width: 135px;
    vertical-align: middle;
    border: none;
    box-shadow: none
}

.filters .container.desktop .filter .ui.dropdown .default.text,
.filters .container.desktop .filter .ui.dropdown .text {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    vertical-align: middle;
    color: #555
}

.filters .container.desktop .filter .ui.dropdown .caret-icon {
    position: absolute;
    right: 0;
    display: inline-block;
    vertical-align: middle
}

.filters .container.desktop .filter .ui.dropdown .menu {
    width: 100%;
    min-width: calc(100% + 30px);
    padding: 15px;
    border: none;
    box-shadow: none
}

.filters .container.desktop .filter .ui.dropdown .menu .item {
    padding: 0 0 15px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #777;
    border: none;
}

.filters .container.desktop .filter .ui.dropdown .menu .item:hover {
    color: #555;
    background-color: transparent;
}

.filters .container.desktop .filter.right {
    float: right;
    margin-right: 0;
}

.filters.outdoor {
    background-color: transparent;
}

.filters.outdoor .container.desktop .filter {
    margin: 0;
}

.filters.outdoor .container.desktop .filter .label-text {
    margin: 0;
    font-size: 2rem;
    font-weight: 300;
    color: #777;
}
.filters.outdoor .container.desktop .filter .ui.dropdown {
    min-width: 0;
    background-color: transparent;
}
.filters.outdoor .container.desktop .filter .ui.dropdown .text {
    position: relative;
    font-size: 2rem;
    color: #3dc6c4;
}
.filters.outdoor .container.desktop .filter .ui.dropdown .text:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 15px;
    content: "";
    border-bottom: 1px dashed #ccc;
}
.filters.outdoor .container.desktop .filter .ui.dropdown .caret-icon {
    top: 10px;
    right: 8px
}

.filters.outdoor .container.desktop .filter .ui.dropdown .menu {
    top: 0
}

.newsletter {
    padding: 10px 0;
    background-color: #fcc32c
}

.newsletter h3 {
    margin-bottom: 10px;
    font-size: 36px;
    font-weight: 300;
    color: #777
}

.newsletter input {
    display: inline-block;
    width: 100%;
    height: 35px;
    max-width: 300px;
    margin-right: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #555;
    border-radius: 3px
}

.newsletter input::-webkit-input-placeholder {
    color: #ccc
}

.newsletter input::-moz-placeholder {
    color: #ccc
}

.newsletter input:-moz-placeholder {
    color: #ccc
}

.newsletter input:-ms-input-placeholder {
    color: #ccc
}

.newsletter .ui.red.button.tilt {
    height: 35px;
    margin: 0 0 10px;
    line-height: 12px;
    vertical-align: bottom;
    opacity: 1;
    color: #fff
}

.ui.modal.location {
    right: 0;
    left: 0;
    width: 95%;
    max-width: 400px;
    padding: 0 20px;
    margin: 0 auto
}

.ui.modal.location>.header {
    padding: 20px 0!important;
    border-bottom: 1px solid #d8d8d8;
}
.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
}
.active-like svg {
    display: inline-block;
    vertical-align: middle;
    color: #db4344!important;
    -webkit-animation: pulsate .8s ease-out;
    -moz-animation: pulsate .8s ease-out;
    animation: pulsate .8s ease-out
}
.inactive-like svg {
    display: inline-block;
    vertical-align: middle;
    color: #ececec!important;
    -webkit-animation: pulsate .8s ease-out;
    -moz-animation: pulsate .8s ease-out;
    animation: pulsate .8s ease-out;
}
.ui.modal.location>.header input {
    height: 35px;
    margin-bottom: 20px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #555;
    border-color: #ccc;
    border-radius: 3px
}

.ui.modal.location>.header input::-webkit-input-placeholder {
    font-size: 1.4rem;
    color: #ccc
}

.ui.modal.location>.header input::-moz-placeholder {
    font-size: 1.4rem;
    color: #ccc
}

.ui.modal.location>.header input:-moz-placeholder {
    font-size: 1.4rem;
    color: #ccc
}

.ui.modal.location>.header input:-ms-input-placeholder {
    font-size: 1.4rem;
    color: #ccc
}

.ui.modal.location>.header .suggestion {
    font-size: 14px;
    font-weight: 400;
    color: #555
}

.ui.modal.location .content {
    padding: 20px 0!important
}

.ui.modal.location .content h4 {
    font-size: 1.4rem;
    font-weight: 400;
    color: #555
}

.ui.modal.location .content .cities li {
    display: inline-block;
    width: 32%;
    padding: 10px 15px 10px 0;
    vertical-align: top
}

@media screen and (max-width:479px) {
    .ui.modal.location .content .cities li {
        width: 49%
    }
}

.ui.modal.location .content .cities li a {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999
}

.ui.modal.location .content .cities li a:focus,
.ui.modal.location .content .cities li a:hover {
    color: #3dc6c4
}

.ui.modal.location .content .link-all {
    display: block;
    margin-top: 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #3dc6c4
}

.filter-modal .label-text {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: 300;
    color: #999
}

.filter-modal .ui.selection.dropdown .menu .item,
.filter-modal .ui.selection.dropdown .text {
    color: #555;
    font-size: 1.4rem;
    font-weight: 400
}

.filter-modal .ui.selection.dropdown {
    width: 100%;
    height: 38px;
    padding: 13px 10px;
    margin-bottom: 20px
}

.filter-modal .ui.selection.dropdown .menu {
    max-height: none
}

.filter-modal .ui.selection.dropdown svg {
    float: right
}

.filter-modal .ui.button.red {
    width: 100%;
    height: 38px;
    padding: 12px 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #fff
}

.share-modal .content .message {
    margin-bottom: 20px
}

.share-modal .content .message textarea {
    height: auto;
    max-height: 200px;
    min-height: 95px;
    padding: 10px;
    margin: 0;
    font-size: 1.4rem;
    font-weight: 400;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: none
}

.share-modal .content .socials a {
    display: inline-block;
    width: 105px;
    height: 32px;
    padding: 0 15px;
    margin-right: 18px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 32px;
    opacity: .9;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    transition: .3s all ease
}

@media screen and (max-width:420px) {
    .share-modal .content .socials a {
        width: 29%;
        padding: 0 10px;
        margin-right: 3%;
        font-size: 1.2rem
    }
}

.share-modal .content .socials a:last-child {
    margin: 0
}

.share-modal .content .socials a:focus,
.share-modal .content .socials a:hover {
    opacity: 1
}

.share-modal .content .socials a svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-left: 0;
    vertical-align: middle;
    color: #fff
}

@media screen and (max-width:420px) {
    .share-modal .content .socials a svg {
        margin-right: 5px
    }
}

.share-modal .content .socials a span {
    display: inline-block;
    vertical-align: middle
}

.share-modal .content .socials a.fb {
    background-color: #3b5998
}

.share-modal .content .socials a.tw {
    background-color: #55acee
}

.share-modal .content .socials a.g-pluse {
    background-color: #dc4e41
}

.social-nav {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 10px auto
}

.social-nav li {
    display: inline-block
}

.social-nav a {
    display: inline-block;
    float: left;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
    position: relative;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.model-9 li {
    margin: 0 10px
}

.model-9 a {
    color: #fff;
    overflow: hidden;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%
}

.model-9 a:hover {
    background: #fff
}

.model-9 a:hover .fa {
    -moz-animation: .4s icon-move linear 0s;
    -webkit-animation: .4s icon-move linear 0s;
    animation: .4s icon-move linear 0s
}

.model-9 .twitter {
    background: #00ACED
}

.model-9 .twitter:hover {
    color: #00ACED
}

.model-9 .facebook {
    background: #3B579D
}

.model-9 .facebook:hover {
    color: #3B579D
}

.model-9 .google-plus {
    background: #DD4A3A
}

.model-9 .google-plus:hover {
    color: #DD4A3A
}

.model-9 .linkedin {
    background: #007BB6
}

.model-9 .linkedin:hover {
    color: #007BB6
}

.model-9 .pinterest {
    background: #CB2026
}

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

.model-9 .pinterest:hover {
    color: #CB2026
}

@-moz-keyframes icon-move {
    49% {
        -moz-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
    50% {
        -moz-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes icon-move {
    49% {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
    50% {
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes icon-move {
    49% {
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
    50% {
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -webkit-transform: translateX(40px);
        transform: translateX(40px);
        opacity: 1
    }
    80% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

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

.autocitysearch li {
    color: #777
}

.autocitysearch li:hover {
    color: #dd4e4e
}

.page-wrapper .collections .unit a img {
    height: 200px;
    width: 100%;
    -webkit-transition: .5s all ease-in;
    -moz-transition: .5s all ease-in;
    transition: .5s all ease-in;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.bg_heart {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.heart1:after,
.heart1:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: 100%
}

.heart1 {
    position: absolute;
    top: -50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -m-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.heart1:before {
    top: -50%;
    left: 0
}

.heart1:after {
    top: 0;
    right: -50%
}

@-webkit-keyframes love {
    0% {
        top: 110%
    }
}

@-moz-keyframes love {
    0% {
        top: 110%
    }
}

@-ms-keyframes love {
    0% {
        top: 110%
    }
}

@keyframes love {
    0% {
        top: 110%
    }
}