@charset "UTF-8";body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
    color: #555
}

h1,h2,h3,h4,h5,h6 {
    color: #000
}

a {
    color: #555;
    transition: all .5s ease
}

a:hover {
    color: #555;
    text-decoration: none
}

::placeholder {
    font-style: italic;
    opacity: 1
}

:-ms-input-placeholder {
    color: red
}

::-ms-input-placeholder {
    color: red
}

.generatedForm .td1 {
    width: 50%!important;
    font-weight: 600;
    font-size: 15px
}

.generatedForm td {
    padding: 10px 0
}

.header {
    position: static;
    height: auto
}

.header.header_twelve .header-top-bar {
    border-bottom: 1px solid #e6e6e6;
    padding: 9px 0 4px
}

.header-top-bar {
    background: #fff
}

.header.header_twelve .header-top-bar {
    border-bottom: 1px solid #e6e6e6;
    padding: 9px 0 4px
}

.align-items-stretch {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.header.header_twelve .header-info span {
    letter-spacing: 0;
    vertical-align: text-top
}

.header .top-bar-right {
    text-align: right
}

.header.header_twelve .top-bar-right>div {
    border-right: 1px solid #e6e6e6
}

.header.header_twelve .cs_link-popup svg {
    margin-right: 8px
}

.header.header_twelve .cs_link-popup span,.header.header_twelve .header-customer span {
    vertical-align: text-bottom
}

.header.header_twelve .header-top-bar a {
    font-size: calc(15px - 2px)
}

.header.header_twelve .cs_link-popup svg,.header.header_twelve .header-customer svg {
    margin-right: 6px
}

.header.header_twelve .top-bar-right>div {
    border-right: 1px solid #e6e6e6
}

.header.header_twelve .cs_link-popup,.header.header_twelve .currencies-picker {
    padding-right: 20px;
    margin-right: 16px
}

.header.header_twelve .cs_link-popup,.header.header_twelve .header-customer {
    line-height: 1.35
}

.header .top-bar-right>div {
    display: inline-block
}

.header-top-bar .cs_link-popup {
    cursor: pointer
}

.header.header_twelve .top-bar-right>div:last-child {
    border: none
}

.header-info {
    font-size: 12px
}

.header .header-info svg {
    margin-right: 7px;
    vertical-align: middle;
    margin-bottom: 3px
}

.align-items-center .align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

.logo {
    /* max-width:150px!important; */
    width: 100%
}

.header-main {
    padding: 30px 0
}

.search {
    position: relative
}

.search .search-bar .input-group-field {
    height: 46px;
    border: 2px solid #ddca92;
    padding: 0 27px;
    width: 99%;
    border-radius: 20px 0;
    outline: 0
}

.search .search-bar .input-group-btn {
    position: static;
    width: 70px;
    padding-right: 5px;
    text-align: center;
    background: #ddca92;
    cursor: pointer;
    border-radius: 20px 0;
    outline: 0;
    padding-bottom: 1px;
    margin-left: -64px
}

.search .search-bar .input-group-btn>button {
    font-size: 0;
    vertical-align: middle
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%
}

.search-bar {
    max-width: 100%
}

.open_search .search-bar .input-group-btn {
    position: static;
    height: 100%;
    width: 63px;
    padding-right: 6px;
    text-align: center;
    background: #ddca92;
    cursor: pointer;
    border-radius: 0 30px 30px 0;
    padding-bottom: 3px
}

.icon-fallback-text {
    margin-left: 10px;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(92deg);
    margin-top: 9px
}

button {
    background: 0 0;
    border: none;
    display: inline-block;
    cursor: pointer
}

.header_twelve .header-cart {
    position: relative
}

.header a,.header p,.header span {
    font-size: 15px;
    display: b;
}

.header_twelve .header-cart svg {
    margin-right: 6px;
    vertical-align: middle
}

.cart-count {
    position: absolute;
    top: 21px;
    left: 13px;
    background-color: #ddca92;
    color: #070707;
    border-radius: 50%;
    font-size: 15px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
    line-height: 20px;
    font-weight: 500
}

.header_twelve .header-cart .cart_total_price {
    font-weight: 600;
    vertical-align: middle
}

.list-nav ul {
    list-style: none;
    font-size: 1em;
    line-height: 40px;
    margin: 0;
    padding: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    position: relative;
}

.list-nav ul li {
    display: inline-block
}

.header-navigation .site-nav a {
    color: #070707;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px 11px 0
}

.list-nav>svg {
    display: none
}

.site-nav {
    margin: 0
}

.header-navigation-vertical {
    height: 100%;
    position: relative
}

.header.header_twelve .vertical-manu-header {
    justify-content: flex-start;
    border-radius: 10px 10px 0 0
}

.header-navigation-vertical .vertical-manu-header {
    justify-content: space-between;
    background-color: #ddca92;
    padding: 0 20px;
    cursor: pointer;
    min-height: 46px
}

.header-navigation-vertical .vertical-manu-header span {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.header-navigation-vertical .vertical-manu-header {
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.header-navigation-vertical .vertical-manu-header span {
    font-weight: 700;
    text-transform: uppercase;
    color: #070707;
    font-family: "Archivo Narrow",Arial,sans-serif;
    font-size: 14px
}

.header.header_twelve .vertical-manu-header svg {
    margin-right: 10px
}

.none {
    display: none
}

.block {
    display: block
}

#back-to-top {
    position: fixed;
    z-index: 99;
    bottom: 10%;
    right: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    background: #9e9e9ea3;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out 0;
    -o-transition: all .4s ease-in-out 0;
    transition: all .4s ease-in-out 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.rtl #back-to-top {
    left: 30px;
    right: auto
}

#back-to-top:hover {
    color: #fff;
    background: #056fa4
}

#back-to-top.active {
    opacity: 1
}

#back-to-top i {
    font-size: 25px;
    line-height: 60px
}

#back-to-top {
    bottom: 80px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 40px
}

#back-to-top i {
    line-height: 50px
}

.slider-images .aheref {
    background-position: center;
    background-size: cover;
    display: block;
    width: 100%;
    height: 80vh;
    z-index: 9
}

.intro-carousel .owl-nav {
    position: static!important
}

.intro-carousel .owl-prev {
    position: absolute;
    background: #0000004f!important;
    left: 10px;
    top: 45%;
    border-radius: 70px;
    height: 60px;
    width: 60px
}

.intro-carousel .owl-next {
    position: absolute;
    background: #0000004f!important;
    right: 10px;
    top: 45%;
    border-radius: 70px;
    height: 60px;
    width: 60px
}

.intro-carousel .owl-nav i {
    color: #fff!important
}

.vertical-menu {
    position: absolute;
    z-index: 99;
    background: #fff;
    width: 100%;
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1rem
}

.vertical-menu ul {
    padding: 0
}

.header-navigation-vertical .vertical-menu .hide-items>li,.header-navigation-vertical .vertical-menu .visible-items>li {
    background: #fff;
    margin-bottom: 0;
    padding: 0 0 0 20px;
    position: initial
}

.header.header_twelve .header-navigation-vertical .vertical-menu .hide-items>li>a,.header.header_twelve .header-navigation-vertical .vertical-menu .visible-items>li>a {
    padding: 13px 0 8px;
    transition: all .4s;
    display: flex
}

.header-navigation-vertical .vertical-menu .hide-items>li>a,.header-navigation-vertical .vertical-menu .visible-items>li>a {
    padding: 11px 0 10px;
    border-bottom: 1px solid #e6e6e6;
    color: #707070;
    transition: all .4s
}

.header-navigation-vertical .vertical-menu .hide-items>li>a span,.header-navigation-vertical .vertical-menu .visible-items>li>a span {
    color: #707070;
    font-size: 15px
}

.header-navigation-vertical .vertical-menu .visible-items>li:hover {
    border-right: 5px solid
}

.ul-dropmenu {
    position: absolute;
    z-index: 99;
    background-color: #fff;
    transition: all .4s;
    width: 100%;
    margin-bottom: 0;
    padding: 11px 0;
    display: none;
    visibility: hidden;
    transform: translateY(0);
    left: 0;
    top: 40px;
    padding: 15px;
}

.ul-dropmenu h2 {
    text-align: center;
    margin: 7px 4px;
    color: #221e1e;
    font-size: 21px;
    border-radius: 6px;
    padding: 5px;
    background: transparent;
    text-transform: uppercase;
    width: 65%;
    background-color: #dbc79d;
}

.ul-dropmenu .dropmenu-hover {
    width: 64%;
    margin: 0;
    padding: 10px;
    flex-wrap: wrap;
    justify-content: left;
}

.ul-dropmenu .first {
    margin: 5px 0
}

.ul-dropmenu .first .main-link {
    font-weight: 600;
    color: #202020
}

.child-menu span a {
    font-size: 13px
}

.show_more_no li:hover .ul-dropmenu {
    display: block;
    visibility: unset
}

.category-image img {
    padding: 0
}

.section-heading {
    width: 100%;
    position: relative;
    margin: 68px auto 40px;
    text-align: center
}

.section-heading:after,.section-heading:before {
    content: "";
    position: absolute;
    top: 14px;
    width: 30%;
    height: 1px;
    background-color: #e0e0e0
}

.section-heading .section-title {
    margin: 0;
    font-size: 27px;
    font-weight: 500;
    color: #212121;
    text-transform: uppercase;
    line-height: 30px
}

.section-heading:after {
    left: 50px
}

.section-heading:before {
    right: 50px
}

.carousel-wrap {
    padding: 0 5%;
    width: 100%;
    position: relative
}

.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden
}

.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd
}

.owl-next {
    right: -40px;
    position: absolute;
    outline: 0
}

.owl-prev {
    left: -40px;
    position: absolute;
    top: 7pc;
    outline: 0
}

.owl-next i,.owl-prev i {
    font-size: 30px
}

.product-value {
    width: 20%;
    border-radius: 20px;
    position: relative;
    margin: 10px 0 20px 30px;
    background-color: #fff;
    padding: 30px;
    left: unset !important;
    top: unset !important;
}

.discount {
    position: absolute;
    top: 20px;
    right: 12px;
    display: block;
    z-index: 1;
    background: #ddca92;
    padding: 19px 5px;
    line-height: 1;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    color: #3a3434;
    font-weight: 800
}

.product-name {
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500
}

.product-item-price b {
    font-size: 17px;
    color: #191919
}

.product-info {
    margin-top: 30px;
    position: relative;
    color: #454545
}

.product img {
    padding: 5px 10px;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.product-item-star {
    position: absolute;
    top: -25px
}

.product-item-star i {
    color: #ddca92
}

.product-box {
    margin-bottom: 20px
}

.new-product-content {
    margin-top: 40px;
    padding: 0 0 50px 0;
    background-color: #f5f6fa
}

.advanced-grid {
    position: relative
}

.button {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif!important;
    color: #fff!important;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 600;
    text-transform: uppercase;
    background: #cb2d41
}

.button {
    display: inline-block;
    cursor: pointer;
    border: none;
    color: #222!important;
    background-color: #d9121f;
    font-size: 11px;
    line-height: 1.6;
    font-weight: 600;
    text-transform: uppercase;
    padding: 13px 38px 10px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    outline: 0;
    -webkit-font-smoothing: subpixel-antialiased
}

.computer6-banner {
    padding: 0 0 159px
}

#main .computer6-button {
    padding: 18px 40px 15px!important
}

.computer6-banner .button {
    margin: 13px 0 0
}

.computer6-banner .title {
    color: #fff;
    font-size: 90px;
    line-height: 1;
    position: relative;
    margin-left: -4px;
    padding: 98px 0 0
}

.computer6-banner .price .price-old {
    font-size: 25px;
    font-weight: 300;
    color: #666;
    text-decoration: line-through
}

.computer6-banner .price {
    color: #cb2d41;
    font-size: 30px;
    line-height: 1
}

ul.filters {
    display: block;
    width: 100%;
    margin: 0;
    padding: 30px 0
}

ul.filters>li {
    list-style: none;
    display: inline-block
}

ul.filters>li>a {
    display: block;
    color: #434e5e;
    text-decoration: none;
    padding: 5px 20px;
    font-weight: 700
}

ul.filters>li>a:hover {
    background-color: #e6e9ed
}

ul.filters>li.active>a {
    color: #222;
    background-color: #ddca92;
    font-weight: 700
}

.card-head {
    position: relative;
    overflow: hidden
}

.card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(67,78,94,.8);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    transition: ease-in-out .2s
}

.card-hover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40,190,168,.9);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-direction: column;
    box-sizing: border-box;
    padding: 30px;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    transition: ease-in-out .2s
}

.card-body {
    padding-top: 10px;
    padding-bottom: 10px
}

h4.title {
    color: #434e5e;
    font-size: 1.2rem;
    margin-bottom: 0
}

.card-btn {
    margin-bottom: -40px;
    font-size: .9rem;
    background-color: #fff;
    color: #222;
    border: 1px solid #eee;
    border-radius: 0;
    padding-left: 50px;
    padding-right: 50px
}

.card-btn:hover {
    background-color: #28bea8;
    color: #fff
}

.advantages_hp {
    background: #ddca92;
    margin-bottom: 0
}

.advantages_hp .advantages-item__title {
    margin-bottom: 2px
}

.advantages_hp .advantages-item_thumb {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.advantages_hp .advantages-item_thumb {
    max-width: 45px;
    margin-right: 20px
}

.advantages_hp .advantages-item {
    position: relative;
    padding: 19px 5px 18px 0;
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.advantages_hp .adv_text h5,.advantages_hp .adv_text p {
    color: #070707;
    font-weight: 600
}

.adv_text {
    margin-top: -5px
}

.advantages_hp .advantages-item__desc {
    font-size: 12px;
    margin-bottom: 0
}

.col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.advantages_hp .advantages-item>a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2
}

.advantages_hp .advantages-item_thumb {
    max-width: 45px;
    margin-right: 20px
}

.blogread {
    background: #ddca92;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    width: 100%;
    border-radius: 12px
}

.home-blog-image {
    position: relative
}

.home-blog-image img {
    border-radius: 4px
}

.home-blog-image .dattime {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1
}

.owlblog .blogdes {
    padding: 15px 15px 15px;
    background: #f5f6fa;
    border-radius: 0 0 4px 4px;
    margin-top: -1px
}

.blogbdr {
    border-radius: 4px;
    margin-bottom: 1px
}

.home-blog-image .dattime span {
    background: #f3283d;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    padding: 5px 12px;
    border-radius: 4px
}

.home-blog-image .author {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: 0 auto;
    text-align: center;
    z-index: 1
}

.blog-header {
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    padding: 0 15px;
    font-weight: 600
}

.owl-prev {
    top: 0;
    left: 15px
}

.owl-next {
    right: -73px;
    outline: 0;
    top: 0
}

.owl-nav {
    position: absolute;
    top: -9%;
    right: 8%
}

.owl-nav i {
    color: #191919
}

.kcl-elm-666 {
    padding-top: 2em;
    padding-bottom: 2em
}

.apus-footer a:active,.apus-footer a:focus,.apus-footer a:hover {
    color: #333!important
}

.kcl-elm-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.kcl-elm-668 {
    margin-bottom: 2em;
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem!important;
    color: #fff;
    text-transform: uppercase
}

.kcl-elm-667 {
    margin-bottom: .5em
}

.kcl-elm-666m ul li a {
    font-size: 1.3rem!important
}

.kcl-elm-666 {
    padding-top: 2em;
    padding-bottom: 2em
}

.kc-css-505953 {
    margin-bottom: 0!important
}

.kcl-elm-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.kcl-elm-social a {
    margin-left: 1.5em;
    margin-right: 1.5em;
    display: inline-block;
    color: #fff
}

.payment {
    background: url(../img/banka.png) no-repeat 50% 50%;
    height: 50px;
    margin-bottom: 10px;
    background-size: 700px
}

.product-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #222!important
}

.kcl-elm-s666 {
    padding-bottom: 3em;
    text-align: center
}

.kcl-elm-s669 {
    margin-bottom: 1em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem!important;
    font-style: normal;
    font-weight: 700;
    color: #fff
}

.social-footer {
    border: 2px solid;
    height: 40px;
    width: 40px;
    border-radius: 50px
}

.kc-css-502598 {
    border-top: 1px solid #979292
}

.kc-css-985062 {
    color: #fff!important;
    border-top: 1px solid #979292
}

.kc-css-991592 {
    margin-bottom: 0
}

.social-footer i {
    font-size: 20px;
    line-height: 36px
}

.sidebar-left input[type=checkbox] {
    display: none
}

.sidebar-left input[type=checkbox]+label {
    background: url(../img/check-box.png) no-repeat 0 center;
    padding-left: 23px
}

.sidebar-left input[type=checkbox]+label:hover,.sidebar-left input[type=checkbox]:checked+label {
    background: url(../img/check-box-checked.png) no-repeat 0 center;
    cursor: pointer
}

.link-two {
    color: #000;
    transition: all .5s ease
}

.link-two:hover {
    text-decoration: underline;
    color: #000
}

.link-one {
    color: #000;
    transition: all .5s ease
}

.link-one:hover {
    color: #000;
    text-decoration: none
}

.link-icon {
    color: #000;
    font-weight: 500
}

.link-icon span {
    font-size: 14px;
    padding-left: 4px;
    vertical-align: middle
}

.link-a {
    color: #fff;
    text-decoration: none
}

.link-a:hover {
    color: #fff;
    text-decoration: none
}

.link-a span {
    font-size: 18px;
    vertical-align: middle;
    margin-left: 5px
}

.text-brand {
    color: #000;
    font-size: 2rem;
    font-weight: 600
}

.color-a {
    color: #000
}

.color-b {
    color: #ffeb3b
}

.color-d {
    color: #adadad
}

d .color-text-a {
    color: #555
}

.no-margin {
    margin: 0
}

.nav-pills-a.nav-pills .nav-link {
    color: #000;
    position: relative;
    font-weight: 600
}

.nav-pills-a.nav-pills .nav-link.active {
    background-color: transparent
}

.nav-pills-a.nav-pills .nav-link.active:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background-color: #2eca6a;
    z-index: 2
}

.bg-image {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center
}

.list-a {
    display: inline-block;
    line-height: 2;
    padding: 0;
    list-style: none
}

.list-a li {
    position: relative;
    width: 50%;
    float: left;
    padding-left: 25px;
    padding-right: 5px
}

.list-a li:before {
    content: '';
    width: 10px;
    height: 2px;
    position: absolute;
    background-color: #313131;
    top: 15px;
    left: 0
}

.pagination-a .pagination .page-link {
    margin: 0 .2rem;
    border-color: transparent;
    padding: .5rem .8rem;
    color: #000
}

.pagination-a .pagination .page-link:active,.pagination-a .pagination .page-link:focus,.pagination-a .pagination .page-link:hover {
    background-color: #2eca6a
}

.pagination-a .pagination .page-link span {
    font-size: 1.2rem
}

.pagination-a .pagination .next .page-link {
    padding: .4rem .9rem
}

.pagination-a .pagination .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.pagination-a .pagination .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.pagination-a .pagination .page-item.disabled .page-link {
    padding: .4rem .9rem;
    color: #555
}

.pagination-a .pagination .page-item.active .page-link {
    background-color: #2eca6a
}

.a {
    color: #2eca6a;
    font-size: 1.3rem
}

.icon-box .icon-box-icon {
    display: table-cell;
    vertical-align: top;
    font-size: 36px;
    color: #000;
    width: 50px;
    padding-top: 8px
}

.icon-box .icon-box-content {
    padding-top: 18px
}

.section-t8 {
    padding-top: 8rem
}

.section-t4 {
    padding-top: 4rem
}

.section-t3 {
    padding-top: 3rem
}

.section-b2 {
    padding-bottom: 2rem
}

.section-tb85 {
    padding: 8rem 0 5rem 0
}

.title-wrap {
    padding-bottom: 4rem
}

.title-a {
    font-size: 2.6rem;
    font-weight: 600
}

.title-link {
    font-size: 1.2rem;
    font-weight: 300;
    padding-top: 1.2rem
}

.title-link a {
    color: #313131
}

.title-link span {
    font-size: 20px;
    padding-left: 4px;
    vertical-align: middle
}

.title-box-d {
    padding-bottom: 1.8rem;
    margin-bottom: 1rem;
    position: relative
}

.title-box-d .title-d {
    font-weight: 600;
    font-size: 2rem
}

.title-box-d .title-d:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 4px;
    background-color: #2eca6a;
    bottom: 20px;
    left: 0
}

.display-table {
    width: 100%;
    height: 100%;
    display: table
}

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

.box-comments ul,.list-a ul,.ul-resect ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots {
    text-align: center;
    margin-top: 18px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block
}

.owl-theme .owl-dots .owl-dot span {
    width: 16px;
    height: 9px;
    margin: 5px 5px;
    background: #000;
    border: 0 solid #000;
    display: block;
    transition: all .6s ease-in-out;
    cursor: pointer;
    border-radius: 0
}

.owl-detail .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 15px 5px;
    background: #000;
    border: 0 solid #000;
    display: block;
    transition: all .6s ease-in-out;
    cursor: pointer;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #2eca6a
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: #ddca92;
    width: 30px
}

.owl-arrow .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.8rem
}

.owl-arrow .owl-nav .owl-next,.owl-arrow .owl-nav .owl-prev {
    display: inline-block;
    transition: all .6s ease-in-out;
    color: #000
}

.owl-arrow .owl-nav .owl-next.disabled,.owl-arrow .owl-nav .owl-prev.disabled {
    transition: all .6s ease-in-out;
    color: #adadad
}

.owl-arrow .owl-nav .owl-next {
    margin-left: 15px
}

.nav-arrow-a .owl-arrow .owl-nav {
    font-size: 1.8rem;
    margin-top: -110px
}

.nav-arrow-a .owl-arrow .owl-nav .owl-next {
    margin-left: 15px
}

.nav-arrow-b .owl-arrow .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1.2rem
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next,.nav-arrow-b .owl-arrow .owl-nav .owl-prev {
    padding: .7rem 1.5rem!important;
    display: inline-block;
    transition: all .6s ease-in-out;
    color: #fff;
    background-color: #2eca6a;
    opacity: .9
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next.disabled,.nav-arrow-b .owl-arrow .owl-nav .owl-prev.disabled {
    transition: all .6s ease-in-out;
    color: #fff
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next:hover,.nav-arrow-b .owl-arrow .owl-nav .owl-prev:hover {
    background-color: #26a356
}

.nav-arrow-b .owl-arrow .owl-nav .owl-next {
    margin-left: 0
}

.socials-a .list-inline-item:not(:last-child) {
    margin-right: 25px
}

.back-to-top {
    position: fixed;
    display: none;
    background: #2eca6a;
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background .5s;
    z-index: 11
}

.back-to-top i {
    padding-top: 12px;
    color: #fff
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #f2f2f2;
    border-top: 6px solid #2eca6a;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite
}

@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

.navbar-default {
    transition: all .5s ease-in-out;
    background-color: #fff;
    padding-top: 28px;
    padding-bottom: 28px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 1px 2px 15px rgba(100,100,100,.3)
}

.navbar-default .nav-search {
    color: #000;
    font-size: 1.5rem
}

.navbar-default.navbar-reduce {
    box-shadow: 1px 2px 15px rgba(100,100,100,.3)
}

.navbar-default.navbar-reduce,.navbar-default.navbar-trans {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.navbar-default.navbar-reduce .nav-item,.navbar-default.navbar-trans .nav-item {
    position: relative;
    padding-right: 10px;
    padding-bottom: 8px;
    margin-left: 0
}

.navbar-default.navbar-reduce .nav-link,.navbar-default.navbar-trans .nav-link {
    font-size: 1.1rem;
    color: #000;
    font-weight: 600;
    letter-spacing: .030em;
    transition: all .1s ease-in-out;
    position: relative;
    padding-left: 0;
    padding-right: 0
}

.navbar-default.navbar-reduce .nav-link:before,.navbar-default.navbar-trans .nav-link:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 0;
    background-color: #2eca6a;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    transition: opacity .2s ease-out .3s,-webkit-transform .2s ease-out;
    transition: transform .2s ease-out,opacity .2s ease-out .3s;
    transition: transform .2s ease-out,opacity .2s ease-out .3s,-webkit-transform .2s ease-out
}

.navbar-default.navbar-reduce .nav-link:hover,.navbar-default.navbar-trans .nav-link:hover {
    color: #000
}

.navbar-default.navbar-reduce .nav-link:hover:before,.navbar-default.navbar-trans .nav-link:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.navbar-default.navbar-reduce .active>.nav-link:before,.navbar-default.navbar-reduce .nav-link.active:before,.navbar-default.navbar-reduce .nav-link.show:before,.navbar-default.navbar-reduce .show>.nav-link:before,.navbar-default.navbar-trans .active>.nav-link:before,.navbar-default.navbar-trans .nav-link.active:before,.navbar-default.navbar-trans .nav-link.show:before,.navbar-default.navbar-trans .show>.nav-link:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.navbar-default.navbar-trans .nav-link:before {
    background-color: #2eca6a
}

.navbar-default.navbar-trans .nav-link:hover {
    color: #000
}

.navbar-default.navbar-trans .active>.nav-link,.navbar-default.navbar-trans .nav-link.active,.navbar-default.navbar-trans .nav-link.show,.navbar-default.navbar-trans .show>.nav-link {
    color: #000
}

.navbar-default.navbar-reduce {
    transition: all .5s ease-in-out;
    padding-top: 19px;
    padding-bottom: 19px
}

.navbar-default.navbar-reduce .nav-link {
    color: #000
}

.navbar-default.navbar-reduce .nav-link:before {
    background-color: #2eca6a
}

.navbar-default.navbar-reduce .nav-link:hover {
    color: #000
}

.navbar-default.navbar-reduce .active>.nav-link,.navbar-default.navbar-reduce .nav-link.active,.navbar-default.navbar-reduce .nav-link.show,.navbar-default.navbar-reduce .show>.nav-link {
    color: #000
}

.navbar-default.navbar-reduce .navbar-brand {
    color: #000
}

.navbar-default .dropdown .dropdown-menu {
    border-top: 0;
    border-left: 4px solid #2eca6a;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: translate3d(0,-40px,0);
    transform: translate3d(0,-40px,0);
    opacity: 0;
    visibility: hidden;
    transition: all .5s cubic-bezier(.3,.65,.355,1) 0s,opacity .31s ease 0s,height 0s linear .36s;
    margin: 0;
    border-radius: 0;
    padding: 12px 0
}

.navbar-default .dropdown .dropdown-menu .dropdown-item {
    padding: 12px 18px;
    transition: all .5s ease;
    font-weight: 600;
    min-width: 220px
}

.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #fff;
    color: #2eca6a;
    transition: all .5s ease
}

.navbar-default .dropdown .dropdown-menu .dropdown-item.active {
    background-color: #fff;
    color: #2eca6a
}

.navbar-default .dropdown:hover .dropdown-menu {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    visibility: visible;
    opacity: 1
}

.navbar-toggler {
    position: relative
}

.navbar-toggler:active,.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler span {
    display: block;
    background-color: #000;
    height: 3px;
    width: 25px;
    margin-top: 4px;
    margin-bottom: 4px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    left: 0;
    opacity: 1
}

.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: .9
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: .9
}

.box-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1040;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .6s ease
}

.box-collapse .title-box-d {
    top: 30px;
    left: 60px;
    opacity: 0;
    transition: all 1s ease;
    transition-delay: .3s
}

.box-collapse-wrap {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 6.5rem;
    bottom: 5rem;
    padding-left: 10%;
    padding-right: 10%;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    -webkit-transform: translateY(3rem);
    transform: translateY(3rem);
    transition: opacity .5s .5s ease,-webkit-transform .5s .5s ease;
    transition: transform .5s .5s ease,opacity .5s .5s ease;
    transition: transform .5s .5s ease,opacity .5s .5s ease,-webkit-transform .5s .5s ease
}

.box-collapse-open .click-closed {
    visibility: visible
}

.box-collapse-open .box-collapse {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    box-shadow: 0 0 65px rgba(0,0,0,.07);
    opacity: 1
}

.box-collapse-open .box-collapse .title-box-d {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.box-collapse-open .box-collapse-wrap {
    -webkit-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.box-collapse-closed .box-collapse {
    opacity: .7;
    transition-delay: 0s
}

.box-collapse-closed .box-collapse .title-box-d {
    opacity: 0;
    transition-delay: 0s
}

.box-collapse-closed .box-collapse .form-a {
    opacity: 0;
    transition-delay: 0s
}

.click-closed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    z-index: 1035;
    background-color: #000;
    opacity: .4
}

.close-box-collapse {
    position: absolute;
    z-index: 1050;
    top: 2rem;
    font-size: 3.5rem;
    line-height: 1;
    color: #000;
    cursor: pointer;
    transition: all .3s ease
}

.right-boxed {
    right: 4.2857rem
}

.intro {
    height: 85vh;
    position: relative;
    color: #fff
}

.intro .owl-theme .owl-dots {
    position: absolute;
    bottom: 70px;
    right: 50px
}

.intro .owl-theme .owl-dots .owl-dot span {
    background: #fff;
    border: 0 solid #fff
}

.intro .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #2eca6a
}

.intro .owl-theme .owl-dots .owl-dot.active span {
    background-color: #ddca92
}

.intro .carousel-item-a {
    position: relative;
    height: 80vh
}

.intro .carousel-item-a.bg-image {
    background-attachment: scroll
}

.intro .intro-content {
    position: absolute;
    top: 0;
    left: -1%;
    z-index: 0
}

.intro .intro-body {
    padding-left: 1rem
}

.intro .intro-body .price-a {
    color: #2a2f31;
    padding: 1rem 1.5rem;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: .030em;
    background: #ffeb3b;
    font-weight: 600
}

.intro .spacial {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    color: #fff
}

.intro .intro-title-top {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
    margin-bottom: 1rem;
    font-size: .9rem;
    color: #fff;
    letter-spacing: .05em
}

.intro .intro-title {
    transition-duration: 9s!important;
    color: #fff;
    font-weight: 700;
    font-size: 2.8rem;
    text-transform: uppercase;
    text-shadow: 2px 2px 12px #00000070
}

.intro .intro-subtitle {
    font-size: 1.5rem;
    font-weight: 300
}

.intro .intro-subtitle.intro-price {
    padding-top: 1rem;
    font-size: 1.2rem
}

.intro-single {
    padding: 12rem 0 3rem
}

.intro-single .title-single-box {
    padding: 1rem 0 1rem 2rem
}

.intro-single .title-single-box {
    border-left: 3px solid #2eca6a
}

.intro-single .title-single-box .title-single {
    font-weight: 600;
    font-size: 2.2rem
}

.intro-single .breadcrumb-box {
    padding: 1rem 0 0 .5rem
}

.intro-single .breadcrumb {
    background-color: transparent;
    padding-right: 0;
    padding-left: 0
}

.card-box-a,.card-box-b,.card-box-d {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-box-a .img-a,.card-box-a .img-b,.card-box-b .img-a,.card-box-b .img-b {
    transition: .8s all ease-in-out
}

.card-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.card-shadow {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-shadow:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.card-overlay-a-content {
    transition: all .5s ease-in;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2
}

.card-header-a {
    padding: 0 1rem
}

.card-header-a .card-title-a {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: .7rem
}

.card-header-a .card-title-a a {
    color: #fff;
    text-decoration: none
}

.card-body-a {
    z-index: 2;
    transition: all .5s ease-in;
    padding: 0 1rem 2rem 1rem
}

.card-body-a .price-box {
    padding-bottom: .5rem
}

.price-a {
    color: #fff;
    padding: .6rem .8rem;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: .030em
}

.card-footer-a {
    width: 100%;
    position: absolute;
    z-index: 2;
    background-color: #2eca6a
}

.card-info {
    list-style: none;
    margin-bottom: 0;
    padding: .5rem 0
}

.card-info .card-info-title {
    font-size: 1rem;
    color: #313131
}

.card-info li span {
    color: #fff;
    font-size: .9rem
}

#apus-header {
    display: none
}

.mobile {
    display: none
}

.desktop {
    display: block
}

.main {
    font-size: 120%;
    color: red
}

.none {
    display: none
}

.block {
    display: block
}

.clear {
    clear: both
}

.kcl-elm-footer {
    text-align: left
}

.property-grid .grid-option {
    text-align: right;
    margin-bottom: 2rem
}

.property-grid .grid-option .custom-select {
    border-radius: 0;
    width: 200px;
    border-color: #313131
}

.property-grid .grid-option .custom-select:active,.property-grid .grid-option .custom-select:focus,.property-grid .grid-option .custom-select:hover {
    border-color: #313131
}

.property-grid .grid-option .custom-select option {
    border-color: #313131
}

.gallery-property {
    margin-bottom: 3rem
}

.property-price {
    margin: 0 auto
}

.property-price .card-header-c {
    padding: 0
}

.summary-list {
    padding-right: 1rem;
    color: #000
}

.summary-list .list {
    padding: 0;
    line-height: 2
}

.summary-list .list span {
    color: #555
}

.property-agent .title-agent {
    font-weight: 600
}

.property-agent ul {
    line-height: 2;
    color: #000
}

.property-agent .socials-a {
    text-align: center
}

.card-header-b {
    padding: 1rem;
    color: #fff;
    position: absolute;
    bottom: 20px;
    z-index: 2
}

.card-header-b .category-b {
    font-size: .9rem;
    background-color: #2eca6a;
    padding: .3rem .7rem;
    color: #313131;
    letter-spacing: .030em;
    border-radius: 50px;
    text-decoration: none
}

.card-header-b .title-2 {
    margin-bottom: 0;
    padding: .6rem 0;
    font-size: 1.5rem
}

.card-header-b .title-2 a {
    color: #fff;
    text-decoration: none
}

.card-header-b .date-b {
    color: #d8d8d8;
    font-size: 1rem
}

.post-information {
    padding: 3rem 0
}

.post-content {
    font-size: 1.1rem;
    font-weight: 300;
    line-height: 1.6
}

.post-content .post-intro {
    font-size: 1.7rem;
    font-weight: 300;
    margin-bottom: 4rem;
    line-height: 1.6;
    color: #000;
    font-weight: 400
}

.post-content p {
    margin-bottom: 1.7rem
}

.post-content .blockquote {
    padding: 1rem 3rem 1.7rem 3rem;
    border-left: 3px solid #2eca6a;
    color: #000
}

.post-content .blockquote footer {
    text-align: left;
    padding: 0
}

.post-footer {
    padding: 3rem 0 4rem
}

.post-share .socials {
    display: inline-block
}

.post-share .socials li {
    margin-left: .6rem
}

.box-comments .list-comments li {
    padding-bottom: 3.5rem
}

.box-comments .list-comments .comment-avatar {
    display: table-cell;
    vertical-align: top
}

.box-comments .list-comments .comment-avatar img {
    width: 80px;
    height: 80px
}

.box-comments .list-comments .comment-author {
    font-size: 1.3rem
}

.box-comments .list-comments .comment-details {
    display: table-cell;
    vertical-align: top;
    padding-left: 25px
}

.box-comments .list-comments .comment-description {
    padding: .8rem 0 .5rem 0
}

.box-comments .list-comments a {
    color: #000
}

.box-comments .list-comments span {
    display: block;
    color: #2b2a2a;
    font-style: italic
}

.box-comments .comment-children {
    margin-left: 40px
}

.card-box-c {
    position: relative
}

.card-header-c {
    padding: 0 1rem 1rem 1rem
}

.card-body-c {
    padding: .5rem .5rem 0 .5rem
}

.card-footer-c {
    padding-left: .5rem
}

.card-box-ico {
    padding: 1rem 3rem 1rem 2.5rem;
    border: 5px solid #2eca6a
}

.card-box-ico span {
    font-size: 4rem;
    color: #000
}

.title-c {
    font-size: 2.5rem;
    font-weight: 600;
    margin-left: -40px
}

.card-box-d .card-overlay-hover {
    transition: all .2s ease-in-out;
    padding: 15px 40px 15px 35px
}

.card-box-d .title-d {
    transition: .3s ease-in-out;
    font-size: 2rem;
    font-weight: 600;
    margin: 1rem 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

.card-box-d .content-d {
    opacity: 0;
    transition: .5s ease-in-out;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.card-box-d .info-agents {
    opacity: 0;
    transition: .5s ease-in-out
}

.card-box-d .card-footer-d {
    transition: .5s ease-in-out;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 0
}

.card-box-d .list-inline-item:not(:last-child) {
    margin-right: 25px
}

.card-box-d:hover .card-overlay-hover {
    background-color: #2eca6a;
    opacity: .9
}

.card-box-d:hover .card-footer-d,.card-box-d:hover .content-d,.card-box-d:hover .info-agents,.card-box-d:hover .title-d {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.agent-info-box .socials-footer {
    margin-top: 2rem
}

.agent-info-box .socials-footer li {
    margin-right: 1.5rem
}

.section-about .title-vertical {
    position: absolute;
    letter-spacing: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: 50px;
    text-align: left;
    font-size: 1.8rem;
    width: 300px;
    font-weight: 700;
    text-align: right
}

.about-img-box {
    padding-left: 1rem;
    position: relative
}

.sinse-box {
    background-color: #2eca6a;
    padding: 1rem 2rem;
    position: absolute;
    left: 15px;
    bottom: 10px
}

.sinse-box .sinse-title {
    font-weight: 700;
    letter-spacing: .043em;
    font-size: 1rem
}

.sinse-box .sinse-title span {
    position: absolute
}

.sinse-box .sinse-title span:after {
    content: ' ';
    width: 35px;
    height: 2px;
    background-color: #000;
    position: absolute;
    bottom: -15px
}

.sinse-box p {
    margin-bottom: 0;
    font-size: .7rem
}

.testimonials-box {
    padding: 1rem 0
}

.testimonials-box .testimonial-avatar {
    width: 80px!important;
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important;
    border-radius: 50%
}

.testimonial-ico {
    text-align: center
}

.testimonial-ico span {
    font-size: 1.8rem;
    background-color: #2eca6a;
    color: #fff;
    padding: .4rem 1rem;
    border-radius: 50px
}

.testimonial-text {
    font-style: italic;
    margin-top: 25px;
    padding: 1.5rem 1.5rem;
    background-color: #f3f3f3;
    position: relative
}

.testimonial-text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 25px;
    width: 0;
    height: 0;
    border-top: 15px solid #f3f3f3;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent
}

.testimonial-author-box {
    margin-top: 2rem
}

.testimonial-author {
    margin-left: 1rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.2rem;
    color: #000
}

.section-footer {
    padding-top: 60px;
    margin-top: 60px;
    background: #f3f3f3
}

.section-footer ul {
    line-height: 2
}

.section-footer .item-list-a i {
    font-size: 18px;
    padding-right: 4px;
    color: #2eca6a
}

.section-footer .widget-a .w-title-a {
    margin-bottom: 1rem
}

footer {
    background: #222;
    text-align: center;
    padding: 30px 0;
    z-index: 0!important
}

footer .copyright-footer {
    border-top: 1px solid #ddd;
    padding-top: 20px
}

footer .credits {
    font-size: 14px
}

.form-a #sendmessage {
    color: #2eca6a;
    border: 1px solid #26a356;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px
}

.form-a #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px
}

.form-a #errormessage.show,.form-a #sendmessage.show,.form-a .show {
    display: block
}

.form-a .validation {
    color: red;
    display: none;
    margin: 4px 0 20px 0;
    font-weight: 400;
    font-size: 13px
}

.form-a label {
    color: #000;
    position: relative
}

.form-a select.form-control-lg:not([size]):not([multiple]) {
    height: 3.5rem
}

.form-a .form-control {
    border-radius: 0;
    font-size: 1.1rem;
    font-weight: 300
}

.form-a .form-control.form-control-a {
    height: 3.5rem
}

.form-a .form-control:focus {
    box-shadow: none;
    border-color: #2eca6a
}

.btn {
    transition: .5s ease
}

.btn.btn-a,.btn.btn-b {
    border-radius: 0;
    padding: 1rem 3rem;
    letter-spacing: .05rem
}

.btn.btn-a {
    background-color: #000;
    color: #fff
}

.btn.btn-a:hover {
    background-color: #2eca6a;
    color: #000
}

.btn.btn-b {
    background-color: #2eca6a;
    color: #000
}

.btn.btn-b:hover {
    background-color: #000;
    color: #fff
}

.btn.btn-b-n {
    background-color: #2eca6a;
    color: #fff;
    border-radius: 0
}

.btn.btn-b-n:hover {
    background-color: #26a356;
    color: #fff
}

@media (min-width: 576px) {
    .intro .intro-title {
        font-size:3.5rem
    }

    .intro .intro-subtitle.intro-price {
        font-size: 1.3rem
    }

    .about-img-box {
        padding-left: 4rem
    }

    .sinse-box {
        padding: 1.5rem 2.5rem;
        bottom: 20px
    }

    .sinse-box .sinse-title {
        font-size: 1.3rem
    }

    .sinse-box p {
        font-size: .8rem
    }

    .sinse-box p {
        font-size: 1rem
    }
}

@media (max-width: 1024px) {
    .product-value {
        width:29%
    }
}

@media (max-width: 768px) {
    .menufix {
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid rgba(0,0,0,.2);
        z-index: 999
    }

    .menufix a {
        display: block;
        float: left;
        width: 20%;
        text-align: center;
        padding: 5px 0;
        font-size: 9px;
        line-height: 15px;
        color: #666;
        position: relative
    }

    .menufix a i {
        display: block;
        font-size: 20px;
        line-height: 25px!important
    }

    .menufix a.active {
        color: #ddca92
    }

    .menufix a .count {
        position: absolute;
        left: 70%;
        bottom: 70%;
        background: red;
        line-height: 25px;
        min-width: 25px;
        text-align: center;
        color: #fff;
        font-size: 12px;
        border-radius: 50%
    }

    .menufix.alt a {
        color: #c00
    }

    .menufix .cart_total {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #cc5317;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        box-sizing: content-box;
        border: 3px solid #fff;
        position: absolute;
        right: 4px;
        top: 0;
        padding: 0
    }

    .sepet-mobile {
        width: 23%
    }

    .logo {
        max-width: 230px!important
    }

    .sepet-svg {
        width: 7rem!important;
        height: 6rem!important;
        background-size: 60px!important;
        margin: 0 50px
    }

    .header-mobile .btn.offcanvas {
        padding: 0 145px 0 0!important
    }

    .btn-menu {
        float: right;
        background: #fff;
        color: #000;
        outline: 0;
        border: solid #fff;
        font-size: 17px!important;
        padding: 5px 15px!important
    }
}

@media (min-width: 768px) {
    .mobile-logo {
        width:52%!important;
        display: flex;
        justify-content: center
    }

    .active-mobile img {
        width: 28%!important
    }

    .phone-icon {
        margin: 0 0 0 12px
    }

    .cart-count-mobil {
        position: absolute;
        top: 35px;
        left: 111px;
        background-color: #ddca92;
        color: #070707;
        border-radius: 50%;
        font-size: 15px;
        min-width: 20px;
        min-height: 20px;
        text-align: center;
        line-height: 20px;
        font-weight: 500
    }

    .link-a {
        font-size: .9rem
    }

    .link-a span {
        font-size: 1.5rem
    }

    .navbar-default.navbar-reduce .nav-item,.navbar-default.navbar-trans .nav-item {
        margin-left: 15px
    }

    .navbar-default .dropdown .dropdown-menu {
        border-top: 4px solid #2eca6a;
        border-left: 0;
        display: block;
        position: absolute;
        box-shadow: 0 2px rgba(17,16,15,.1),0 2px 10px rgba(20,19,18,.1)
    }

    .box-collapse {
        width: 50%
    }

    .intro .owl-theme .owl-dots {
        right: 200px
    }

    .intro .intro-body {
        padding-left: 2rem
    }

    .intro .intro-title-top {
        font-size: 1rem;
        margin-bottom: 1rem
    }

    .intro .intro-title {
        font-size: 4rem
    }

    .intro .intro-subtitle {
        font-size: 2.5rem
    }

    .intro .intro-subtitle.intro-price {
        padding-top: 2rem;
        font-size: 1.5rem
    }

    .intro-single .title-single-box .title-single {
        font-size: 2.1rem
    }

    .grid .card-box-a,.grid .card-box-b,.grid .card-box-c,.grid .card-box-d {
        margin-bottom: 2.5rem
    }

    .card-box-a:hover .img-a,.card-box-a:hover .img-b,.card-box-b:hover .img-a,.card-box-b:hover .img-b {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    .card-box-a .price-a,.card-box-b .price-a {
        font-size: .9rem
    }

    .card-box-a:hover .card-overlay-a-content {
        bottom: 60px
    }

    .card-box-a:hover .card-body-a {
        padding-bottom: 1rem
    }

    .card-overlay-a-content {
        bottom: -20px
    }

    .card-header-a .card-title-a {
        font-size: 1.3rem
    }

    .card-info .card-info-title {
        font-size: .9rem
    }

    .card-info li span {
        font-size: .8rem
    }

    .card-header-b {
        bottom: 0
    }

    .card-header-b .title-2 {
        font-size: 1rem
    }

    .card-header-b .date-b {
        font-size: .9rem
    }

    .box-comments .list-comments .comment-author {
        font-size: 1.5rem
    }

    .title-c {
        font-size: 1.8rem
    }

    .card-box-d .card-overlay-hover {
        padding: 5px 15px 5px 10px
    }

    .card-box-d .title-d {
        font-size: 1.1rem;
        margin: .5rem 0
    }

    .card-box-d .content-d {
        font-size: .8rem;
        margin: .5rem 0
    }

    .card-box-d .card-body-d p {
        margin-bottom: 8px;
        font-size: .8rem
    }

    .about-img-box {
        padding-left: 5rem
    }

    .sinse-box {
        padding: 1.5rem 3rem
    }

    .sinse-box .sinse-title {
        font-size: 1.8rem
    }
}

@media (min-width: 768px) and (min-width:768px) {
    .card-box-a:hover .card-overlay-a-content {
        bottom:60px
    }
}

@media (min-width: 768px) and (min-width:992px) {
    .card-box-a:hover .card-overlay-a-content {
        bottom:64px
    }
}

@media (min-width: 992px) {
    .link-a {
        font-size:1rem
    }

    .link-a span {
        font-size: 18px
    }

    .list-a li {
        width: 33.333%
    }

    .intro .intro-title-top {
        font-size: 1rem;
        margin-bottom: 2rem
    }

    .intro .intro-title {
        font-size: 4.5rem
    }

    .intro .intro-subtitle.intro-price {
        padding-top: 3rem
    }

    .intro-single .title-single-box .title-single {
        font-size: 2.5rem
    }

    .card-box-a .price-a,.card-box-b .price-a {
        font-size: 1rem
    }

    .card-overlay-a-content {
        bottom: 0
    }

    .card-header-a .card-title-a {
        font-size: 2rem
    }

    .card-info .card-info-title {
        font-size: 1rem
    }

    .card-info li span {
        font-size: 1rem
    }

    .card-header-b {
        bottom: 20px
    }

    .card-header-b .title-2 {
        font-size: 1.6rem
    }

    .card-header-b .date-b {
        font-size: 1rem
    }

    .title-c {
        font-size: 2.5rem
    }

    .card-box-d .card-overlay-hover {
        padding: 5px 40px 5px 35px
    }

    .card-box-d .title-d {
        font-size: 1.5rem;
        margin: 1rem 0
    }

    .card-box-d .card-body-d p {
        margin-bottom: 12px;
        font-size: 1rem
    }

    .sinse-box {
        padding: 3rem 4.5rem
    }

    .sinse-box .sinse-title {
        font-size: 2.2rem
    }
}

@media (min-width: 1200px) {
    .card-box-d .card-overlay-hover {
        padding:15px 40px 5px 35px
    }

    .card-box-d .title-d {
        font-size: 2rem;
        margin: 1rem 0
    }
}

@media (max-width: 991px) {
    .property-contact {
        margin-top:2.5rem
    }
}

@media (max-width: 768px) {
    .back-to-top {
        bottom:15px
    }
}

@media (max-width: 767px) {
    .text-brand {
        font-size:1.8rem
    }

    .section-t8 {
        padding-top: 4rem
    }

    .section-t4 {
        padding-top: 2rem
    }

    .section-md-t3 {
        padding-top: 3rem
    }

    .section-tb85 {
        padding: 4rem 0 2.5rem 0
    }

    .intro-single {
        padding-top: 9rem
    }

    .card-box-a,.card-box-b,.card-box-c,.card-box-d {
        margin-bottom: 2.5rem
    }

    .card-box-a .card-overlay-a-content {
        bottom: 65px
    }

    .card-box-a .card-body-a {
        padding-bottom: 1rem
    }

    .property-agent {
        margin-top: 2.5rem
    }

    .card-box-c {
        margin-bottom: 2rem
    }

    .card-body-c {
        padding: 0
    }
}

@media (max-width: 768px) {
    .box-collapse .title-box-d {
        left:35px
    }

    .box-collapse .title-box-d .title-d {
        font-size: 1.3rem
    }

    .product-value {
        width: 43%;
        border-radius: 20px;
        position: relative!important;
        left: 0!important;
        top: 0!important
    }

    .discount {
        top: 20px;
        right: 10px;
        padding: 14px 5px;
        line-height: 1;
        text-align: center;
        width: 40px;
        height: 40px;
        font-size: 12px
    }

    .owl-nav {
        position: absolute;
        top: -8%;
        right: 20%
    }

    .computer6-banner .title {
        color: #fff;
        font-size: 52px;
        line-height: 1;
        position: relative;
        margin-left: 0;
        padding: 179px 0 0
    }

    .projects {
        height: auto!important
    }

    .category-image img {
        width: 100%;
        float: left
    }

    .category-image:nth-child(n+2) {
        display: none
    }

    .header-row {
        background: #ddca92;
        margin: 21px 0 0 0
    }

    .header_twelve {
        display: none
    }

    #apus-header {
        display: block
    }

    .ustbantmobil {
        padding: 3px;
        text-align: center;
        font-size: 13px;
        margin-bottom: 18px;
        background: #222;
        font-weight: 600
    }

    .phone-icon {
        width: 40%;
        margin: 0 0 0 12px
    }

    .header-text {
        color: #fff!important
    }

    .search .search-bar .input-group-field {
        width: 96%
    }

    .search {
        position: relative;
        margin-top: 15px
    }
}

@media (min-width: 1024px) {
    #review_form .comment-form .comment-form-author,#review_form .comment-form .comment-form-comment,#review_form .comment-form .comment-form-email {
        display:table;
        width: 100%
    }

    #review_form .comment-form .comment-form-author>*,#review_form .comment-form .comment-form-comment>*,#review_form .comment-form .comment-form-email>* {
        display: table-cell;
        vertical-align: middle
    }

    #review_form .comment-form .comment-form-author label,#review_form .comment-form .comment-form-comment label,#review_form .comment-form .comment-form-email label {
        width: 134px
    }

    #review_form .comment-form .comment-form-author input,#review_form .comment-form .comment-form-comment input,#review_form .comment-form .comment-form-email input {
        width: 100%
    }

    #review_form .comment-form .you-rating {
        width: 134px;
        float: left
    }

    .rtl #review_form .comment-form .you-rating {
        float: right
    }

    #review_form .comment-form .comment-form-rating {
        overflow: hidden
    }

    #review_form .comment-form .form-submit {
        padding-left: 134px
    }

    .rtl #review_form .comment-form .form-submit {
        padding-right: 134px;
        padding-left: inherit
    }
}

#review_form .comment-form input,#review_form .comment-form textarea {
    padding: 6px 15px;
    border: 1px solid #f2f2f2;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: #f2f2f2
}

#review_form .comment-form input:focus,#review_form .comment-form textarea:focus {
    background: #fff
}

#review_form .comment-form input#submit {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: #cc5317;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    padding: 12px 30px;
    font-family: Muli
}

#review_form .comment-form input#submit:active,#review_form .comment-form input#submit:hover {
    color: #fff;
    background: #b54a14
}

#reviews #comments {
    margin: 0;
    padding: 30px 0 0
}

#reviews .commentlist {
    padding: 0
}

#reviews .reviews-summary .review-summary-total {
    text-align: center;
    font-weight: 400
}

#reviews .reviews-summary .review-summary-total .review-summary-result {
    width: 70px;
    height: 70px;
    text-align: center;
    border: 2px solid #0691d6;
    color: #0691d6;
    line-height: 66px;
    font-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-bottom: 8px
}

#reviews .reviews-summary .review-summary-detal {
    overflow: hidden;
    display: block
}

#reviews .reviews-summary .review-summary-detal .review-label {
    color: #000;
    font-weight: 400
}

#reviews .comments {
    padding: 30px 0
}

#reviews .comments .commentlist {
    margin: 15px 0
}

#reviews .comments .commentlist .comment {
    margin-bottom: 30px
}

#reviews .comments .commentlist .comment-image {
    min-width: 100px;
    margin-right: 20px
}

.rtl #reviews .comments .commentlist .comment-image {
    margin-left: 20px;
    margin-right: inherit
}

#reviews .comments .commentlist .comment-image>span {
    display: block;
    margin-bottom: 5px
}

#reviews .comments .commentlist .comment-image .avatar {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

#reviews .comments .commentlist .comment-image .author {
    color: #000
}

#reviews .comments .commentlist .comment-text {
    border: 1px solid #f2f2f2;
    padding: 15px 30px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

#reviews .comments .commentlist .comment-text>div {
    margin-bottom: 7px
}

#reviews .review_form_wrapper {
    border-top: 1px solid #f2f2f2
}

#reviews .comment-reply-title,#reviews .title-info {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px!important;
    text-transform: uppercase;
    font-family: Muli
}

#reviews .title-info {
    margin: 0 0 20px!important
}

#reviews .average-value {
    font-size: 30px;
    font-weight: 700;
    color: #212121;
    line-height: 1.2
}

#reviews .average-value span {
    font-size: 16px;
    font-weight: 400;
    display: block
}

.apus-topbar {
    padding: 20px 0 15px;
    background: #f8f8f8;
    color: #ccc;
    font-family: Muli,serif;
    font-size: 14px;
    line-height: 1
}

.apus-topbar a {
    color: #ccc
}

.apus-topbar a:hover {
    color: #0691d6
}

.apus-topbar ul {
    margin: 0
}

.apus-topbar ul li {
    padding: 0
}

.apus-topbar ul li:after {
    content: "/";
    padding: 0 15px
}

.apus-topbar ul.apus-menu-top li:last-child:after {
    content: " ";
    padding: 0 15px
}

.apus-topbar .count {
    top: -1px
}

.apus-topbar .contact-topbar-1,.apus-topbar .user-login,.apus-topbar .wrapper-topmenu {
    padding-top: 5px
}

.apus-topbar .widget {
    margin: 0
}

.home .header-mobile {
    position: relative;
    width: 100%
}

.header-mobile {
    padding: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    -webkit-transition: all .5s ease 0;
    -o-transition: all .5s ease 0;
    transition: all .5s ease 0
}

.header-mobile .logo-theme {
    transform: none;
    height: auto;
    margin: 10px 0
}

.header-mobile .btn.dropdown-toggle,.header-mobile .btn.offcanvas {
    border: none;
    padding: 0 51px;
    font-size: 16px;
    color: #333;
    display: block;
    background: 0 0
}

.header-mobile .btn.dropdown-toggle:active,.header-mobile .btn.dropdown-toggle:focus,.header-mobile .btn.dropdown-toggle:hover,.header-mobile .btn.offcanvas:active,.header-mobile .btn.offcanvas:focus,.header-mobile .btn.offcanvas:hover {
    color: #000;
    background: 0 0
}

.header-mobile .btn.dropdown-toggle i,.header-mobile .btn.offcanvas i {
    margin-left: 5px;
    font-size: 30px
}

.rtl .header-mobile .btn.dropdown-toggle i,.rtl .header-mobile .btn.offcanvas i {
    margin-right: 5px;
    margin-left: inherit
}

.header-mobile .apus-search-form {
    min-width: 300px
}

.header-mobile .apus-search-form .select-category {
    display: none
}

.rtl .header-mobile .action-right>.active-mobile {
    border-right: 1px solid rgba(255,255,255,.2);
    border-left: inherit
}

.header-mobile .action-right>.active-mobile:last-child {
    border: none;
    margin-top: 3px
}

.header-mobile .action-right .basketbtn {
    border: none;
    padding: 4px 15px 0;
    font-size: 18px;
    color: #fff;
    display: block;
    background: 0 0
}

.sticky-header {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0 -2px 12px 0 #17181a;
    box-shadow: 0 -2px 12px 0 #17181a;
    -webkit-transition: all .4s ease 0;
    transition: all .4s ease 0;
    -webkit-animation: header-bottom-fix .9s;
    animation: header-bottom-fix .9s;
    -webkit-box-shadow: 0 0 10px 0 rgba(50,50,50,.18);
    -moz-box-shadow: 0 0 10px 0 rgba(50,50,50,.18);
    box-shadow: 0 0 10px 0 rgba(50,50,50,.18);
    z-index: 99;
    border-radius: 0
}

@-webkit-keyframes header-bottom-fix {
    0% {
        top: -100%
    }

    100% {
        top: 0
    }
}

@keyframes header-bottom-fix {
    0% {
        top: -100%
    }

    100% {
        top: 0
    }
}

.sticky-header .navbar-nav.megamenu>li>a {
    color: #fff!important
}

.sticky-header.sticky-header-hidden {
    -webkit-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    -o-transform: translateY(-110%);
    transform: translateY(-110%)
}

.transparent-header .header-default {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,.6);
    border-bottom: 1px solid rgba(255,255,255,.2)
}

.apus-header {
    margin: 0;
    padding: 0;
    z-index: 99;
    position: relative;
    width: 100%;
    -webkit-transition: all .8s ease 0;
    -o-transition: all .8s ease 0;
    transition: all .8s ease 0
}

.apus-header .widget {
    margin: 0
}

.apus-header .menu_fixed {
    position: fixed;
    top: 0;
    z-index: 9999;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1200px;
    padding: 0 40px;
    -webkit-transition: all .8s ease 0;
    -o-transition: all .8s ease 0;
    transition: all .8s ease 0
}

.header-default {
    background: #fff
}

.header-default .header-inner {
    position: relative;
    padding: 26px 0;
    -webkit-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.header-default .header-setting .button-setting,.header-default .header-setting .mini-cart {
    color: #222
}

.header-default .header-setting .button-setting:hover,.header-default .header-setting .mini-cart:hover {
    opacity: .8
}

.header-default .dropdown-menu .chTitle {
    background-color: #222;
    font-size: 17px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase
}

.header-default .main-menu {
    position: static;
    text-align: center;
    background: #222
}

.header-default .main-menu .navbar-nav {
    float: none;
    margin: 0
}

.header-default .navbar-nav.megamenu>li>a {
    font-size: 16px;
    font-weight: 400;
    padding: 16px 6px;
    color: #fff;
    background: 0 0!important;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    line-height: 1
}

.header-default .navbar-nav.megamenu>li.active>a,.header-default .navbar-nav.megamenu>li.open>a,.header-default .navbar-nav.megamenu>li:hover>a {
    color: #fff
}

.apus-breadcrumb {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin: 0 0 30px;
    text-align: left;
    font-size: 16px
}

.apus-breadcrumb .breadcrumb-title {
    color: #616161;
    margin: 0;
    font-weight: 300;
    font-size: 48px
}

.apus-breadcrumb nav {
    text-align: left;
    line-height: 30px
}

.rtl .apus-breadcrumb nav {
    text-align: right
}

.apus-breadcrumb nav a {
    color: #000
}

.apus-mainbody {
    background: 0 0;
    padding-top: 0;
    padding-bottom: 0
}

.apus-content {
    background: #fff
}

.apus-content:after,.apus-content:before {
    content: " ";
    display: table
}

.apus-content:after {
    clear: both
}

.apus-pagination {
    font-weight: 700;
    text-align: center;
    font-family: Muli,serif;
    padding: 20px 0
}

.rtl .apus-pagination {
    text-align: right
}

.apus-pagination ul.page-numbers {
    margin: 0;
    padding: 0;
    list-style: none
}

.apus-pagination ul.page-numbers li {
    display: inline-block
}

.apus-pagination a,.apus-pagination span {
    padding: 0 2px;
    display: inline-block;
    margin: 0 8px;
    color: #616161
}

.apus-pagination a.current,.apus-pagination span.current {
    color: #212121;
    border-bottom: 2px solid #212121
}

.apus-pagination a i,.apus-pagination span i {
    font-size: 16px
}

.apus-pagination a {
    color: #616161;
    cursor: pointer
}

.apus-pagination a:hover {
    color: #212121;
    border-bottom: 2px solid #212121
}

.apus-pagination a.next:before,.apus-pagination a.prev:before {
    content: "\e99e";
    font-family: monia!important;
    font-size: 12px;
    font-weight: 700
}

.apus-pagination a.prev:before {
    content: "\e99d"
}

.menu-colums {
    width: 100%;
    overflow: hidden
}

.menu-colums .menu {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    width: 100%
}

.menu-colums li {
    text-align: left;
    font-size: 14px
}

.apus-copyright {
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    background: #f2f2f2;
    padding-top: 18px;
    padding-bottom: 4px
}

.apus-copyright a {
    color: #0691d6
}

.apus-copyright a:active,.apus-copyright a:focus,.apus-copyright a:hover {
    color: #0691d6
}

.apus-offcanvas {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    min-width: 300px;
    width: 70%;
    background: #fff;
    height: 100%;
    overflow-y: scroll
}

.apus-offcanvas .apus-offcanvas-body {
    position: relative
}

.wrapper-container.active .apus-offcanvas {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: 2px 0 5px 0 rgba(0,0,0,.3);
    box-shadow: 2px 0 5px 0 rgba(0,0,0,.3);
    z-index: 100
}

.welcome {
    font-size: 18px;
    padding: 0 0 15px 0
}

.none-padding [class*=kc_col-] {
    padding: 0
}

.none-padding [class*=col-] {
    padding: 0
}

.hesperiden.tp-bullets .tp-bullet {
    width: 12px;
    height: 12px;
    background: 0 0;
    border: 2px solid #fff;
    margin: 0 8px
}

.hesperiden.tp-bullets .tp-bullet.selected {
    background: #fff
}

.apus-megamenu {
    margin: 0;
    min-height: 0
}

.navbar-nav.megamenu>li {
    display: inline-block;
    position: inherit;
    float: none;
    padding-left: 15px;
    margin: 0
}

.rtl .navbar-nav.megamenu>li {
    padding-left: 35px;
    padding-right: inherit
}

.navbar-nav.megamenu>li:last-child {
    padding-right: 0
}

.rtl .navbar-nav.megamenu>li:last-child {
    padding-left: 0;
    padding-right: inherit
}

.navbar-nav.megamenu>li>a {
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0 17px;
    background: 0 0!important;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    line-height: 1
}

.navbar-nav.megamenu>li>a .fa,.navbar-nav.megamenu>li>a img {
    max-width: 50px;
    margin-right: 8px
}

.rtl .navbar-nav.megamenu>li>a .fa,.rtl .navbar-nav.megamenu>li>a img {
    margin-left: 8px;
    margin-right: inherit
}

.navbar-nav.megamenu>li.active>a,.navbar-nav.megamenu>li.open>a,.navbar-nav.megamenu>li:hover>a {
    color: #cc5317;
    text-decoration: none;
    background: 0 0
}

.navbar-nav.megamenu>li.active>a:before,.navbar-nav.megamenu>li.open>a:before,.navbar-nav.megamenu>li:hover>a:before {
    background: #fff;
    width: 100%
}

.navbar-nav.megamenu>li>.dropdown-menu {
    top: 100%;
    left: 0
}

.navbar-nav.megamenu>li.aligned-right>.dropdown-menu {
    left: auto;
    right: 0
}

.navbar-nav.megamenu .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
    -webkit-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    padding: 15px;
    border: none;
    position: absolute;
    left: 100%;
    top: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.navbar-nav.megamenu .dropdown-menu .current-menu-item>a {
    color: #cc5317
}

.navbar-nav.megamenu .dropdown-menu li {
    width: 33.3%;
    display: block;
    float: left;
    padding: 5px 0
}

.navbar-nav.megamenu .dropdown-menu li.first>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #eee
}

.navbar-nav.megamenu .dropdown-menu li.first ul {
    padding: 0 15px;
    margin: 0
}

.navbar-nav.megamenu .dropdown-menu li.first ul a {
    font-size: 14px;
    display: block
}

.navbar-nav.megamenu .dropdown-menu li>a {
    background: 0 0;
    font-weight: 700;
    padding: 2px 15px
}

.navbar-nav.megamenu .dropdown-menu li>a:active,.navbar-nav.megamenu .dropdown-menu li>a:hover {
    background: 0 0;
    color: #cc5317
}

.navbar-nav.megamenu .dropdown-menu li.open>a,.navbar-nav.megamenu .dropdown-menu>li.active>a {
    color: #cc5317
}

.navbar-nav.megamenu .dropdown-menu .dropdown-menu-inner {
    padding: 15px 30px 0
}

.navbar-nav.megamenu .dropdown-menu .widget-title,.navbar-nav.megamenu .dropdown-menu .widgettitle {
    font-weight: 500;
    margin: 0 0 25px;
    border: none
}

.navbar-nav.megamenu .dropdown-menu .widget-title>span,.navbar-nav.megamenu .dropdown-menu .widgettitle>span {
    padding: 0;
    margin: 0;
    border: none
}

.navbar-nav.megamenu .apus-container {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

.navbar-nav.megamenu li:hover>.dropdown-menu {
    width: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.navbar-nav.megamenu li.aligned-fullwidth {
    position: static
}

.navbar-nav.megamenu li.aligned-fullwidth>.dropdown-menu {
    width: 100%
}

.navbar-nav.megamenu .text-label {
    font-size: 14px;
    padding: 2px 5px;
    background: #212121;
    color: #fff;
    position: absolute;
    right: 0;
    top: -15px;
    text-transform: capitalize
}

.rtl .navbar-nav.megamenu .text-label {
    left: 0;
    right: auto
}

.navbar-nav.megamenu .text-label.label-hot {
    background: #f65b47
}

.navbar-offcanvas {
    font-size: 14px;
    border: none;
    z-index: 1;
    background: #fff;
    font-family: verdana
}

.navbar-offcanvas .navbar-collapse {
    padding: 0
}

.navbar-offcanvas .navbar-nav {
    width: 100%;
    float: none;
    margin: 0
}

.navbar-offcanvas .navbar-nav>li {
    border-bottom: 1px solid #eee
}

.navbar-offcanvas .navbar-nav li {
    display: block;
    float: none;
    position: relative;
    line-height: 2.5
}

.navbar-offcanvas .navbar-nav li>.icon-toggle {
    position: absolute;
    z-index: 9;
    top: 1px;
    right: 12px;
    cursor: pointer;
    padding: 5px;
    color: #212121
}

.rtl .navbar-offcanvas .navbar-nav li>.icon-toggle {
    left: 12px;
    right: auto
}

.navbar-offcanvas .navbar-nav li>.icon-toggle:hover {
    color: #0691d6
}

.navbar-offcanvas .navbar-nav li>.icon-toggle i {
    font-weight: 400
}

.navbar-offcanvas .navbar-nav li>a {
    background: 0 0;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    padding: 10px 25px;
    width: 100%;
    color: #222;
    font-family: Roboto,sans-serif
}

.navbar-offcanvas .navbar-nav li.active>a,.navbar-offcanvas .navbar-nav li.open>a,.navbar-offcanvas .navbar-nav li:hover>a {
    color: #222;
    background: #eee
}

.navbar-offcanvas .dropdown-menu {
    margin: 0
}

.navbar-offcanvas .dropdown-menu>li a {
    background: 0 0!important
}

.navbar-offcanvas .dropdown-menu>li.active>a,.navbar-offcanvas .dropdown-menu>li>a:focus,.navbar-offcanvas .dropdown-menu>li>a:hover {
    color: #212121;
    text-decoration: underline
}

.navbar-offcanvas .dropdown-menu [class*=col-sm] {
    width: 100%
}

.navbar-offcanvas .dropdown-menu .dropdown-menu-inner {
    padding: 0 30px
}

.navbar-offcanvas .dropdown-menu .widgettitle {
    font-weight: 500;
    margin: 0 0 10px
}

.navbar-offcanvas .dropdown-menu .dropdown-menu {
    left: 100%;
    top: 0
}

.navbar-offcanvas li:hover .dropdown-menu {
    display: block
}

.navbar-offcanvas .aligned-fullwidth>.dropdown-menu {
    width: 100%
}

#main-mobile-menu .has-submenu .sub-menu {
    padding-left: 0;
    list-style: none;
    display: none
}

.rtl #main-mobile-menu .has-submenu .sub-menu {
    padding-right: 0;
    padding-left: inherit
}

#main-mobile-menu .has-submenu .sub-menu li {
    line-height: 1.2
}

#main-mobile-menu .has-submenu .sub-menu li .icon-toggle {
    top: 0;
    line-height: 1;
    margin: 0;
    padding: 0
}

#main-mobile-menu .has-submenu .sub-menu li .icon-toggle i {
    line-height: 35px
}

#main-mobile-menu .has-submenu .sub-menu li a {
    padding: 10px 35px;
    text-transform: capitalize
}

#main-mobile-menu .widget .widget-heading,#main-mobile-menu .widget .widget-title,#main-mobile-menu .widget .widgettitle {
    border: 0;
    margin: 0;
    font-size: 13px
}

#main-mobile-menu .widget .widget-heading>span,#main-mobile-menu .widget .widget-title>span,#main-mobile-menu .widget .widgettitle>span {
    padding: 0;
    margin: 0 0 8px;
    border: none
}

#apus-mobile-menu .btn-toggle-canvas {
    padding: 8px 15px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

#apus-mobile-menu .offcanvas-head strong {
    margin: 0 5px
}

#apus-mobile-menu .apus-search,#apus-mobile-menu .button-search {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

#apus-mobile-menu .setting {
    font-size: 16px;
    color: #616161;
    padding: 0 25px;
    margin: 30px 0 10px;
    text-transform: uppercase
}

#apus-mobile-menu .setting i {
    margin-right: 3px
}

.rtl #apus-mobile-menu .setting i {
    margin-left: 3px;
    margin-right: inherit
}

#apus-mobile-menu .menu-topbar {
    padding: 0;
    list-style: none;
    font-size: 14px;
    text-transform: uppercase
}

#apus-mobile-menu .menu-topbar li {
    line-height: 2.5;
    border-bottom: 1px solid #eee
}

#apus-mobile-menu .menu-topbar li a {
    padding: 7px 25px;
    display: block
}

.dropdown-menu .dropdown-toggle {
    position: relative
}

.dropdown-menu .dropdown-toggle .caret {
    transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    right: 10px;
    top: 50%
}

.rtl .dropdown-menu .dropdown-toggle .caret {
    left: 10px;
    right: auto
}

.dropdown-menu .dropdown:hover .dropdown-toggle .caret {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.full-top-search-form {
    -webkit-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.full-top-search-form.show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.full-top-search-form .close-search-form {
    color: #f65b47
}

.full-top-search-form div.input-group {
    width: 100%
}

.full-top-search-form div.input-group .apus-search {
    padding: 2px 10px;
    border: 1px solid #666;
    border-radius: 0;
    height: 40px;
    font-size: 17px;
    color: #222;
    float: none;
    display: block
}

.full-top-search-form div.input-group .close-search-form {
    position: absolute;
    top: 50%;
    right: 10px;
    color: #666;
    font-size: 20px;
    z-index: 12;
    background: 0 0;
    border: none;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.button-show-search {
    background: 0 0;
    border: none;
    vertical-align: middle
}

div.wpcf7-validation-errors {
    margin: 0;
    padding: 15px
}

.contact-form-content {
    padding: 30px;
    background: #fff;
    min-height: 260px
}

.contact-form-content .rounded {
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    background: #ccc
}

.rtl .contact-form-content .rounded {
    margin-left: 10px;
    margin-right: inherit
}

.contact-form-content .rounded .fa,.contact-form-content .rounded .icon {
    font-size: 16px;
    margin: 13px
}

.contact-form-content small {
    color: #2e2e2e
}

.fancybox-close {
    display: block!important
}

.home .header-mobile {
    position: relative;
    width: 100%;
    z-index: 99
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.product-cargo-buttons {
    flex-wrap: wrap
}

.product-title {
    margin-bottom: 1rem
}

.product-title h1 {
    font-size: 2.4rem;
    font-weight: 600
}

.product-short-desc {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #949494
}

.product-short-desc {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #949494
}

.product-ex {
    align-items: center;
    justify-content: space-between
}

#urunResimListContainer {
    clear: both
}

#urunResimListContainer ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#urunResimListContainer li {
    float: left;
    width: 77px;
    height: 77px;
    margin-right: 9px;
    margin-top: 5px;
    text-align: center;
    border-radius: 9px;
    border: 1px solid #22222226
}

#urunResimListContainer li img {
    width: 100%
}

#urunResimListContainer li:last-child {
    margin-right: 0!important
}

.product-cargo-buttons .product-cargo-button .product-cargo-button-desc {
    font-weight: 500;
    color: #949494;
    font-size: 10px
}

.urundetay {
    background: #fff;
    border-radius: 9px;
    padding: 20px 10px 50px 10px
}

.product-page-name {
    background: #f5f6fa;
    height: 100%
}

.discount-label {
    line-height: 4rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: #312f2f;
    text-align: center;
    border-radius: 8px;
    margin-right: 1.6rem;
    background: #ddca92;
    padding: 0 1rem
}

.product-area-top {
    margin-bottom: 6.5rem
}

.product-left #product-thumb-image .thumb-item {
    margin-right: .5rem
}

.product-left #product-thumb-image .thumb-item a {
    position: relative;
    display: block;
    padding-top: 100%;
    opacity: .5;
    border: 1px solid #eee;
    transition: all .2s ease-in-out
}

.product-left .product-image {
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 1.5rem
}

.product-left #product-primary-image img {
    display: block;
    margin: auto
}

.product-brand a {
    font-weight: 600;
    font-size: 1.8rem;
    color: #f60;
    transition: all .2s ease-in-out
}

.product-title h1 {
    font-size: 2.4rem;
    font-weight: 600
}

.product-short-desc {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #949494
}

.product-ex .product-list-row.product-price2 {
    text-align: center;
    border: 1px dashed #d8d8d8;
    padding: 1.4rem 3.4rem
}

.product-ex .product-list-row.product-price2 .product-price2-title {
    font-size: 1.4rem;
    font-weight: 500;
    color: #363636;
    margin-bottom: 1rem
}

.product-ex .product-list-row.product-price2 .product-price2-title span {
    font-size: 1.4rem;
    margin-left: .5rem;
    color: #f60
}

.product-ex .product-list-row.product-price2 .product-list-content {
    font-size: 2.2rem;
    font-weight: 700;
    color: #002f67
}

.product-price {
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem
}

.product-price .discount-label.product-label {
    width: 7.5rem;
    height: 5.2rem;
    line-height: 5.2rem;
    font-size: 2.3rem;
    position: relative;
    top: 6px
}

.product-price-old {
    font-size: 1.8rem;
    color: #949494;
    text-decoration: line-through;
    margin-bottom: -10px
}

.product-price-new,.product-price-regular {
    font-weight: 700;
    font-size: 2.6rem;
    color: #070707
}

.product-list-row.product-price1 {
    display: none!important
}

.product-list-row.lowest-price {
    font-size: 1.4rem;
    color: #f60
}

.product-cart-buttons {
    display: flex;
    margin-bottom: 2rem
}

.product-cart-buttons .product-qty {
    flex: 9.4rem;
    height: 5rem;
    border-radius: 12px;
    border: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.2rem
}

.product-cart-buttons .product-qty input {
    width: 3rem;
    font-weight: 500;
    font-size: 20px;
    color: #f60;
    text-align: center;
    border: none;
    margin: 0 1rem
}

.product-cart-buttons .add-to-cart-button,.product-cart-buttons .no-stock-button,.product-cart-buttons .quick-order-button,.product-cart-buttons .remind-me-button {
    width: 21rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: .8rem;
    display: block;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    transition: all .2s ease-in-out;
    font-weight: 600;
    text-transform: uppercase
}

.product-cart-buttons .add-to-cart-button,.product-cart-buttons .no-stock-button {
    background: orange;
    margin-right: 1.2rem
}

.product-cart-buttons .quick-order-button:hover {
    background: #070707
}

.product-cart-buttons .remind-me-button {
    background: #e31837
}

.product-cart-buttons .remind-me-button:hover {
    background: #555
}

.product-cargo-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.4rem
}

.product-cargo-buttons .product-cargo-button {
    flex: 0 0 25.5rem;
    height: 6rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 1px solid #d8d8d8;
    margin-top: 2rem
}

.product-cargo-buttons .product-cargo-button i {
    flex: 0 0 5rem;
    height: 5rem;
    margin: 0 1rem;
    background: url(../svg/icon-kargo.svg) no-repeat 50% 50%
}

.product-cargo-buttons .product-cargo-button span {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    flex: 1 1 0;
    text-transform: uppercase;
    color: #070707
}

.product-cargo-buttons .product-cargo-button .product-cargo-button-desc {
    font-weight: 500;
    color: #949494;
    font-size: 11px
}

.prd-banners .banner1 i,.prd-banners .banner2 i {
    width: 5.3rem;
    height: 5.3rem;
    display: block;
    margin: 0 1rem 0 2.4rem
}

.prd-banners .banner1 .banner-title,.prd-banners .banner2 .banner-title {
    font-weight: 500;
    color: #002f67
}

.prd-banners .banner1 .banner-title span,.prd-banners .banner2 .banner-title span {
    display: block;
    color: #f60
}

.prd-banners .banner1 i {
    background: url(//st2.myideasoft.com/idea/bj/37/themes/selftpl_5d3b0f9fe332d/assets/images/prd-icon1.svg?revision=1) no-repeat top center
}

.prd-banners .banner2 i {
    background: url(//st3.myideasoft.com/idea/bj/37/themes/selftpl_5d3b0f9fe332d/assets/images/prd-icon2.svg?revision=1) no-repeat top center
}

#product-user-buttons {
    margin-top: 2rem;
    padding-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee
}

#product-user-buttons a {
    font-size: 11px;
    color: gray;
    transition: all .2s ease-in-out
}

#product-user-buttons a.favorite-product i {
    font-weight: 900
}

#product-user-buttons .product-compare a i {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(//st2.myideasoft.com/idea/bj/37/themes/selftpl_5d3b0f9fe332d/assets/images/prd_checkbox.svg?revision=1) no-repeat left center;
    margin: -1px 8px 0 0
}

#product-user-buttons .product-compare a.active i {
    background-position: right center
}

#product-user-buttons .product-compare a span {
    display: block!important
}

.product-detail {
    font-size: 1.4rem;
    line-height: 3rem;
    color: #949494
}

.product-detail iframe,.product-detail table {
    width: 100%!important
}

.product-fixed-block {
    position: fixed;
    background: #002f67;
    bottom: -100%;
    left: 0;
    width: 100%;
    z-index: 10;
    transition: all .6s ease-in-out;
    padding: 3rem 0
}

.product-fixed-block.active-fixed {
    bottom: 0
}

.product-fixed-block .fixed-product-title {
    font-size: 2rem;
    font-weight: 600;
    color: #fff
}

.product-fixed-block .fixed-product-price .old-price {
    font-size: 1.8rem;
    color: #fff;
    text-decoration: line-through
}

.product-fixed-block .fixed-product-price .new-price,.product-fixed-block .fixed-product-price .regular-price {
    font-weight: 700;
    font-size: 2.6rem;
    color: #fff
}

.product-fixed-block .fixed-add-to-cart-button {
    width: 15rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 8px;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #f60
}

.product-fixed-block .fixed-add-to-cart-button:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 600%;
    background: rgba(255,255,255,.15);
    z-index: 1;
    right: -5%;
    top: 0;
    transform-origin: 0 0;
    transform: rotate(-28deg);
    transition: all .2s ease-in-out;
    margin: -5px 0 0 -5px
}

.product-fixed-block .fixed-add-to-cart-button:hover:after {
    width: 130%
}

.product-list-container {
    margin-top: 2rem;
    border-top: 1px dashed #d8d8d8;
    border-bottom: 1px dashed #d8d8d8;
    padding: 1.5rem 0
}

.product-list-container .product-list-row {
    display: flex;
    align-items: center;
    margin-bottom: .8rem
}

.product-list-container .product-list-row a {
    color: #363636;
    transition: all .2s ease-in-out
}

.product-list-container .product-list-row .product-list-title {
    flex: 0 0 auto;
    width: 30%;
    font-size: 1.4rem;
    color: #949494
}

.product-list-container .product-list-row .product-list-content {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    word-break: break-word;
    font-size: 1.4rem;
    font-weight: 600;
    color: #363636
}

.product-list-container .product-list-row .product-list-content:before {
    content: ':';
    margin-right: 1.6rem
}

.product-options .product-options-title {
    margin-bottom: 1rem;
    font-size: 1.4rem
}

.variant-select .variant-list select {
    width: 50%!important
}

.variant-plural .variant-list {
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.variant-plural span {
    flex: 0 0 auto;
    border: 1px solid #eee;
    cursor: pointer;
    margin: 0 1rem 1rem 0;
    padding: .5rem 1rem
}

.variant-plural span.variant-selected {
    border-color: #363636
}

.product-detail-tab .product-detail-tab-header {
    border-bottom: 1px solid #ececec
}

.product-detail-tab .product-detail-tab-header [data-tab-index] {
    display: flex;
    position: relative
}

.product-detail-tab .product-detail-tab-header [data-tab-index]>a {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    color: #949494;
    padding-bottom: 1.8rem;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    transition: all .2s ease-in-out
}

.product-detail-tab .product-detail-tab-header [data-tab-index]>a:after {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: -25px;
    display: inline-block;
    background: #ececec
}

.product-detail-tab .product-detail-tab-header [data-tab-index].active>a {
    color: #f60;
    border-color: #f60
}

.product-detail-tab .product-detail-tab-content [data-tab-content] {
    height: 0;
    overflow: hidden
}

.product-detail-tab .product-detail-tab-content [data-tab-content]>div {
    padding: 1.5rem 0
}

.product-detail-tab .product-detail-tab-content [data-tab-content].active {
    height: auto;
    overflow: visible
}

.btn {
    font-size: 1.2rem;
    border-radius: 0;
    transition: all .2s ease-in-out
}

.btn.btn-primary {
    color: #fff;
    background: #f60
}

.btn.btn-primary:not(.btn-loading).active,.btn.btn-primary:not(.btn-loading).hover,.btn.btn-primary:not(.btn-loading):active,.btn.btn-primary:not(.btn-loading):hover,.btn.btn-primary:not([disabled]):not(.disabled).active,.btn.btn-primary:not([disabled]):not(.disabled):active {
    background: #002f67;
    color: #fff
}

.btn.btn-secondary {
    color: gray;
    background: #eee
}

.btn.btn-secondary:not(.btn-loading).active,.btn.btn-secondary:not(.btn-loading).hover,.btn.btn-secondary:not(.btn-loading):active,.btn.btn-secondary:not(.btn-loading):hover {
    color: gray;
    background: #e1e1e1
}

.btn-loading:before {
    border-top-color: #f60
}

.loading>div {
    border-top-color: #f60;
    border-bottom-color: #f60
}

.information-content {
    border: solid 1px #ececec;
    border-radius: .4rem
}

.information-content span {
    border-radius: .4rem
}

.information-content i {
    color: #d5d5d5
}

#product-user-buttons .product-compare a,.product-fixed-block .row {
    display: flex;
    align-items: center
}

.product-brand,.product-list-container .product-list-block {
    margin-bottom: .8rem
}

#entry-banner1 div:nth-child(3),.current-page-product-list-filter,.showcase {
    margin-bottom: 6rem
}

.product-tags .product-tags-content {
    display: flex;
    flex-wrap: wrap
}

.product-ex {
    display: flex
}

.product-cargo-buttons .product-cargo-button.same_day_shipping i {
    background: url(../svg/icon-speed.svg) no-repeat 50% 50%
}

.product-cart-buttons .no-stock-button:hover,.product-cart-buttons .quick-order-button {
    background: green;
    color: #fff
}

.product-item-price {
    font-size: 11px
}

.rounded {
    border-radius: 10px
}

.basket-left {
    width: 100%!important
}

.label {
    color: #333!important
}

.category-image img {
    border-radius: 10px
}

.pages-showpage .big-title {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 2px solid;
    margin-bottom: 25px;
    font-weight: 600
}

.big-title-makale {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 2px solid;
    margin-bottom: 25px;
    font-weight: 600
}

.contact-theme .big-title {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 3px solid;
    margin-bottom: 21px;
    font-weight: 600
}

.sf-button {
    padding: 8px 22px
}

.sf-neutral-button {
    background: #222!important;
    border-bottom: 0!important
}

.sf-form-item-fullwidth .sf-form-textarea {
    width: 100%;
    max-width: 250px!important;
    min-width: 250px!important
}

.sf-form-container sup {
    top: 18px!important;
    right: 83px!important
}

.top-bar-right i {
    font-size: 12px
}

.list-footer li a {
    color: #dcdcdc
}

.list-footer li a:hover {
    color: #dcdcdc!important
}

.product-ask #urunKarsilastirmaListemeEkle {
    display: none!important
}

.product-ask #AlarmForm_Fiyat {
    display: none!important
}

.product-ask #urunAklimdakilereEkle {
    display: none!important
}

.product-ask #AlarmForm_Stok {
    width: 21rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: .8rem;
    display: block;
    font-size: 1.8rem;
    color: #070707;
    text-align: center;
    transition: all .2s ease-in-out;
    font-weight: 600;
    text-transform: uppercase;
    background: #d71515;
    margin-right: 1.2rem;
    font-size: 13px
}

.product-ask #AlarmForm_Stok a {
    color: #fff!important
}

.product-ask #AlarmForm_Stok a strong {
    display: none
}

.lazy {
    background: url(../img/loading.gif);
    background-repeat: no-repeat;
    height: 200px
}

.tabmenu {
    background: #fff;
    border-radius: 9px;
    padding: 0
}

#product-details {
    margin: 0
}

#detail-title {
    margin: 0;
    padding: 0
}

#detail-title li {
    background: #919191;
    font-size: 15px;
    float: left;
    color: #fff;
    border: 1px solid #ececec;
    cursor: pointer;
    width: 20%;
    text-align: center;
    padding: 17px 0;
    font-weight: 700;
    margin-right: 0
}

#detail-title li:first-child {
    border-top-left-radius: 8px
}

#detail-title li:last-child {
    border-top-right-radius: 8px
}

.active-detail {
    font-weight: 700;
    color: #000!important;
    background: #fff!important
}

.detail-content {
    width: 100%;
    padding: 30px 15px
}

.advanced-grid {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px
}

.banner-alt-anasayfa {
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0
}

.banner-alt {
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: scroll
}

.banner-alt .container {
    padding-right: 189.6px;
    height: 440px
}

.header-info {
    display: flex;
    align-items: center
}

.product-image:after {
    height: 174px;
    background: url(templates/xyz/images/loading.gif) no-repeat center;
    text-align: center;
    width: 100%!important;
    display: flex;
    justify-content: center;
    background-size: 154px
}

.product-image img:before {
    z-index: 1
}

.comment {
    border-radius: 0 0 15px 15px;
    left: 25%;
    margin-top: -20px;
    width: 50%;
    height: 23px;
    font-size: 10px;
    line-height: 18px;
    padding: 2px;
    position: absolute;
    top: 20px;
    text-align: center;
    color: #333;
    font-weight: 700;
    display: block;
    z-index: 1;
    background: #ddd
}

.products-finish {
    color: #fff!important;
    background: #e01d1d!important
}

.page-search .big-title {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase
}

.zoomWrapper {
    z-index: 1!important
}

.BreadCrumb {
    color: #333!important
}

.product-filter {
    background-color: #f5f6fa
}

.page-detail {
    background-color: #f5f6fa
}

.theme-blog {
    margin: 30px 0
}

.wrapper-shop {
    background-color: #f5f6fa
}

@media only screen and (min-width: 1200px) {
    .product-filter .product-value {
        position:static!important
    }

    .product-filter .product {
        position: relative
    }

    .product-filter .discount {
        position: absolute;
        top: -3px;
        display: block;
        z-index: 1;
        background: #ddca92;
        padding: 19px 5px;
        line-height: 1;
        text-align: center;
        width: 50px;
        height: 50px;
        border-radius: 50% 50% 50% 50%;
        -moz-border-radius: 50% 50% 50% 50%;
        -webkit-border-radius: 50% 50% 50% 50%;
        -ms-border-radius: 50% 50% 50% 50%;
        color: #3a3434;
        font-weight: 800;
        left: 10pc
    }

    .product-filter .comment {
        border-radius: 0 0 15px 15px;
        left: 15%;
        margin-top: -30px;
        width: 65%;
        height: 23px;
        font-size: 10px;
        line-height: 18px;
        padding: 2px;
        position: absolute;
        top: 0;
        text-align: center;
        color: #333;
        font-weight: 700;
        display: block;
        z-index: 1;
        background: #ddd
    }

    .filter-left {
        padding: 0;
        margin: 0
    }
}

.pages-showpage {
    margin: 23px 0;
    background: #fff;
    border-radius: 7px;
    padding: 10px 30px 20px 30px
}

.filters-up {
    margin-top: 15px
}

.filter-left {
    background: #fff;
    border-radius: 3px;
    margin: 15px 0
}

.check-box-list {
    padding: 0 5px
}

.sidebar-left .product-categories {
    padding: 10px
}

.widget-title {
    border-bottom: 1px solid #efebeb;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 5px 8px 5px;
    font-weight: 600;
    margin: 0;
    width: 100%;
    margin-top: 13px
}

.layered_subtitle {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 34px;
    color: #1d1c1d;
    padding: 2px;
    border-radius: 5px;
    box-shadow: inset 1px 3px 6px 0 #fff
}

.check-box-list label {
    margin-bottom: 5px;
    font-weight: 500;
    color: #111
}

.jslider {
    width: 100%!important;
    margin-top: 30px!important
}

.category-lists .product-value {
    width: 29%!important
}

.detail-content {
    display: none
}

#detail-title li {
    cursor: pointer
}

.active-detail {
    font-weight: 700;
    color: #000!important
}

.page-back {
    background: navajowhite;
    background-color: #dcc898;
}

.wrapper-breads {
    margin: 20px 0 0 0
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f6fa;
    border-radius: 4px
}

.product-link {
    color: #222
}

.cat-icon {
    position: absolute;
    right: 20px
}

.image-content {
    width: 35%;
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%
}

.cat-image {
    position: absolute;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 480px) {
    .urundetay .owl-nav {
        display:none
    }

    .kcl-elm-social a {
        margin-left: 1em;
        margin-right: 1em
    }

    .payment {
        background-size: 320px
    }

    .section-heading .section-title {
        font-size: 21px
    }

    .section-heading:after,.section-heading:before {
        display: none
    }

    .list-footer li a {
        font-size: 12px
    }

    .grid .product-value {
        max-height: initial!important
    }

    .header-mobile .btn.dropdown-toggle,.header-mobile .btn.offcanvas {
        padding: 0 51px!important
    }

    .sepet-svg {
        width: 4rem!important;
        height: 4rem!important;
        background-size: auto!important;
        margin: 0
    }

    .product-cargo-buttons {
        flex-wrap: wrap
    }

    .detail-content {
        width: 100%!important;
        min-height: auto
    }

    .cat-filter-bar {
        display: none
    }

    .filter-left {
        background: 0 0
    }

    .widget-title {
        width: 100%;
        border-bottom: none;
        font-size: 15px;
        text-transform: inherit;
        padding: 10px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background: #fff;
        border: 1px solid #ddd;
        color: #555;
        font-weight: 300;
        border-radius: 2px
    }

    #orderBy {
        border: medium none;
        border-radius: 3px;
        width: 382px;
        padding: 8px;
        border: 1px solid #e4e4e4;
        margin-left: 0
    }

    .jslider-value,.product-categories {
        display: none
    }

    .urunsirala td {
        padding: 0
    }

    .filters-up {
        margin-top: 0
    }

    .category-lists .product-value {
        width: 44%!important
    }

    .product-filter .product-value {
        position: none!important
    }

    .product-filter .product {
        position: none
    }

    .cart-count-mobil {
        position: absolute;
        top: 23px;
        left: 13px;
        background-color: #ddca92;
        color: #070707;
        border-radius: 50%;
        font-size: 15px;
        min-width: 20px;
        min-height: 20px;
        text-align: center;
        line-height: 20px;
        font-weight: 500
    }

    .detail-title {
        font-size: 15px;
        padding: 13px 6px;
        background: #ddd;
        margin: 0
    }

    .detail {
        background: #fff;
        padding: 5px 10px
    }

    .intro-carousel .owl-nav {
        position: static!important;
        display: none
    }

    .slider-images .aheref {
        height: 30vh!important;
    }

    .intro .carousel-item-a {
        height: 35vh!important;
    }

    .intro {
        height: 35vh;
    }

    .product-value {
        margin: 10px 0 20px 20px;
        padding: 25px 15px
    }

    .product-item-price b {
        font-size: 14px
    }

    .product-item-price {
        font-size: 9px
    }

    .product-info {
        margin-top: 25px
    }

    .mobile {
        display: block
    }

    .desktop {
        display: none
    }

    .logo {
        max-width: 150px!important
    }

    .comment {
        font-size: 9px
    }
}

@media (min-width: 375px) and (max-width:400px) {
    .product-value {
        margin:10px 0 20px 17px
    }

    .product-item-price b {
        font-size: 14px
    }

    .comment {
        font-size: 8px
    }

    .product-item-star {
        font-size: 12px
    }

    .product-value {
        padding: 30px 10px
    }

    .product-item-price {
        font-size: 8px
    }

    .product-info {
        margin-top: 20px
    }

    #orderBy {
        width: 345px
    }
}

@media (min-width: 320px) and (max-width:360px) {
    .product-value {
        padding:30px 10px
    }

    .product-item-price b {
        font-size: 11px
    }

    .product-item-price {
        font-size: 6px
    }

    .comment {
        font-size: 6px
    }

    .discount {
        padding: 11px 5px;
        width: 30px;
        height: 30px;
        font-size: 9px
    }

    .product-item-star {
        top: -20px
    }

    .product-info {
        margin-top: 13px;
        font-size: 12px
    }

    #orderBy {
        width: 290px
    }

    .category-lists .product-value {
        width: 43%!important
    }
}

.user-svg {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4NCjxwYXRoIGQ9Ik0xMS45NTAsOS4wNTAgQzExLjE4Nyw4LjI4OCAxMC4yODAsNy43MjMgOS4yOTAsNy4zODIgQzEwLjM1MCw2LjY1MSAxMS4wNDcsNS40MjkgMTEuMDQ3LDQuMDQ3IEMxMS4wNDcsMS44MTUgOS4yMzEsMC4wMDAgNy4wMDAsMC4wMDAgQzQuNzY5LDAuMDAwIDIuOTUzLDEuODE1IDIuOTUzLDQuMDQ3IEMyLjk1Myw1LjQyOSAzLjY1MCw2LjY1MSA0LjcxMCw3LjM4MiBDMy43MjAsNy43MjMgMi44MTMsOC4yODggMi4wNTAsOS4wNTAgQzAuNzI4LDEwLjM3MiAwLjAwMCwxMi4xMzAgMC4wMDAsMTQuMDAwIEwxLjA5NCwxNC4wMDAgQzEuMDk0LDEwLjc0MyAzLjc0Myw4LjA5NCA3LjAwMCw4LjA5NCBDMTAuMjU3LDguMDk0IDEyLjkwNiwxMC43NDMgMTIuOTA2LDE0LjAwMCBMMTQuMDAwLDE0LjAwMCBDMTQuMDAwLDEyLjEzMCAxMy4yNzIsMTAuMzcyIDExLjk1MCw5LjA1MCBaTTcuMDAwLDcuMDAwIEM1LjM3Miw3LjAwMCA0LjA0Nyw1LjY3NSA0LjA0Nyw0LjA0NyBDNC4wNDcsMi40MTggNS4zNzIsMS4wOTQgNy4wMDAsMS4wOTQgQzguNjI4LDEuMDk0IDkuOTUzLDIuNDE4IDkuOTUzLDQuMDQ3IEM5Ljk1Myw1LjY3NSA4LjYyOCw3LjAwMCA3LjAwMCw3LjAwMCBaIiBjbGFzcz0iYW5fY2xzLTEiPjwvcGF0aD4NCjwvc3ZnPg==) no-repeat 0 50%;
    width: 2rem;
    height: 2rem
}

.search-svg {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4NCjxwYXRoIGQ9Ik0xOS44MTQsMTguOTgwIEwxNC45NTYsMTQuMTIwIEMxNi4yNTksMTIuNjIxIDE3LjA0OCwxMC42NjUgMTcuMDQ4LDguNTI4IEMxNy4wNDgsMy44MjMgMTMuMjIzLC0wLjAwMCA4LjUyNCwtMC4wMDAgQzMuODIxLC0wLjAwMCAtMC4wMDAsMy44MjcgLTAuMDAwLDguNTI4IEMtMC4wMDAsMTMuMjI4IDMuODI1LDE3LjA1NSA4LjUyNCwxNy4wNTUgQzEwLjY2MSwxNy4wNTUgMTIuNjE1LDE2LjI2NiAxNC4xMTQsMTQuOTYyIEwxOC45NzIsMTkuODIzIEMxOS4wODcsMTkuOTM4IDE5LjI0MiwyMC4wMDAgMTkuMzkzLDIwLjAwMCBDMTkuNTQ0LDIwLjAwMCAxOS42OTksMTkuOTQyIDE5LjgxNCwxOS44MjMgQzIwLjA0NCwxOS41OTIgMjAuMDQ0LDE5LjIxMSAxOS44MTQsMTguOTgwIFpNMS4xOTIsOC41MjggQzEuMTkyLDQuNDgzIDQuNDgxLDEuMTk3IDguNTIwLDEuMTk3IEMxMi41NjIsMS4xOTcgMTUuODQ3LDQuNDg4IDE1Ljg0Nyw4LjUyOCBDMTUuODQ3LDEyLjU2OCAxMi41NjIsMTUuODYzIDguNTIwLDE1Ljg2MyBDNC40ODEsMTUuODYzIDEuMTkyLDEyLjU3MiAxLjE5Miw4LjUyOCBaIiBjbGFzcz0iYW5fY2xzLTEiPjwvcGF0aD4NCjwvc3ZnPg==) no-repeat 0 50%;
    width: 2rem;
    height: 2rem
}

.sepet-svg {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDE4IDM1Ij4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Im0yMi42IDcuM2MwLTAuMy0wLjMtMC41LTAuNi0wLjVoLTQuNnYtMS42YzAtMi42LTIuMy00LjgtNS4xLTQuOHMtNS4xIDIuMS01LjEgNC44djEuNmgtNC42Yy0wLjMgMC0wLjUgMC4zLTAuNiAwLjVsLTEuNiAxN2MtMC4xIDAuOCAwLjIgMS42IDAuOCAyLjEgMC42IDAuNiAxLjQgMC45IDIuMiAwLjloMTcuN2MwLjggMCAxLjYtMC4zIDIuMi0wLjlzMC45LTEuNCAwLjgtMi4xbC0xLjUtMTd6bS0xNC4yLTIuMWMwLTIgMS43LTMuNyAzLjktMy43czMuOSAxLjYgMy45IDMuN3YxLjZoLTcuOHYtMS42em0xNC4xIDIwLjVjLTAuMyAwLjQtMC44IDAuNS0xLjMgMC41aC0xNy44Yy0wLjUgMC0xLTAuMi0xLjMtMC41cy0wLjUtMC44LTAuNS0xLjNsMS42LTE2LjRoNHYzLjVjLTEgMC4zLTEuNiAxLjItMS40IDIuMXMxIDEuNiAyIDEuNiAxLjktMC43IDItMS42YzAuMi0wLjktMC41LTEuOC0xLjQtMi4xdi0zLjVoNy44djMuNWMtMSAwLjMtMS42IDEuMi0xLjQgMi4xczEgMS42IDIgMS42IDEuOS0wLjcgMi0xLjZjMC4yLTAuOS0wLjUtMS44LTEuNC0yLjF2LTMuNWg0bDEuNSAxNi41YzAuMSAwLjQtMC4xIDAuOS0wLjQgMS4yem0tMTQuOC0xMy4yaDAuMmMwLjQgMCAwLjggMC40IDAuNyAwLjggMCAwLjQtMC40IDAuNy0wLjggMC43cy0wLjgtMC4zLTAuOC0wLjdjLTAuMS0wLjQgMC4zLTAuNyAwLjctMC44em05IDBoMC4yYzAuNCAwIDAuOCAwLjQgMC43IDAuOCAwIDAuNC0wLjQgMC43LTAuOCAwLjdzLTAuOC0wLjMtMC44LTAuN2MtMC4xLTAuNCAwLjMtMC43IDAuNy0wLjh6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIuNzUiPjwvcGF0aD4NCjwvc3ZnPg==) no-repeat 0 50%;
    width: 4rem;
    height: 4rem;
    display: block;
    position: relative
}

.map-svg {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCg0KPHN2ZyAgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgMTIgMTUiPg0KPHBhdGggZD0iTTExLjg5Myw3LjE0MiBDMTEuODkwLDcuMTY0IDExLjg3OCw3LjIzMCAxMS44NTMsNy4zNDMgQzExLjc2Miw3Ljc1MiAxMS42MjcsOC4xNDggMTEuNDUxLDguNTI4IEMxMC44MDUsMTAuMDUzIDkuMzgxLDEyLjM5NiA2LjI2NywxNC45MDYgQzYuMTg4LDE0Ljk2OSA2LjA5NCwxNS4wMDAgNi4wMDAsMTUuMDAwIEM1LjkwNiwxNS4wMDAgNS44MTIsMTQuOTY5IDUuNzMzLDE0LjkwNiBDMi42MTYsMTIuMzk2IDEuMTk1LDEwLjA1MyAwLjU0OSw4LjUyOCBDMC4zNzMsOC4xNDggMC4yMzgsNy43NDggMC4xNDcsNy4zNDMgQzAuMTIyLDcuMjMwIDAuMTEwLDcuMTY0IDAuMTA3LDcuMTQyIEMwLjAzNCw2Ljc3MCAwLjAwMCw2LjM5MCAwLjAwMCw2LjAxMyBDMC4wMDAsMi42OTggMi42OTEsLTAuMDAwIDUuOTk3LC0wLjAwMCBDOS4zMDMsLTAuMDAwIDExLjk5NCwyLjY5OCAxMi4wMDAsNi4wMTMgQzEyLjAwMCw2LjM5MCAxMS45NjIsNi43NzAgMTEuODkzLDcuMTQyIFpNNS45OTcsMC44NDYgQzMuMTU4LDAuODQ2IDAuODQ3LDMuMTY0IDAuODQ3LDYuMDA5IEMwLjg0Nyw2LjM0MCAwLjg3OCw2LjY2NyAwLjk0MSw2Ljk5MCBDMC45NDEsNy4wMDAgMC45NDQsNy4wMDYgMC45NDQsNy4wMTMgQzAuOTQ3LDcuMDI4IDAuOTU0LDcuMDc1IDAuOTcyLDcuMTQ4IEMwLjk3Miw3LjE1MSAwLjk3Miw3LjE1MSAwLjk3Miw3LjE1NCBDMS4wNTQsNy41MDYgMS4xNzAsNy44NTIgMS4zMjAsOC4xNzkgQzEuMzI0LDguMTgyIDEuMzI0LDguMTg5IDEuMzI3LDguMTkyIEMxLjkxMyw5LjU4NSAzLjE5OSwxMS43MTEgNS45OTcsMTQuMDI4IEM4Ljc5NSwxMS43MTEgMTAuMDgxLDkuNTg1IDEwLjY2Nyw4LjE5MiBDMTAuNjcwLDguMTg5IDEwLjY3MCw4LjE4MiAxMC42NzMsOC4xNzkgQzEwLjgyNyw3Ljg0OSAxMC45NDMsNy41MDYgMTEuMDIxLDcuMTU0IEMxMS4wMjEsNy4xNTEgMTEuMDIxLDcuMTUxIDExLjAyMSw3LjE0OCBDMTEuMDM3LDcuMDc1IDExLjA0Nyw3LjAyOCAxMS4wNTAsNy4wMTMgQzExLjA1MCw3LjAwNiAxMS4wNTMsNy4wMDAgMTEuMDUzLDYuOTk0IEMxMS4xMTYsNi42NzMgMTEuMTQ3LDYuMzQzIDExLjE0Nyw2LjAwOSBDMTEuMTQ3LDMuMTY0IDguODM1LDAuODQ2IDUuOTk3LDAuODQ2IFpNNS45OTcsOS44OTYgQzMuODk5LDkuODk2IDIuMTg5LDguMTgyIDIuMTg5LDYuMDc5IEMyLjE4OSwzLjk3NSAzLjg5OSwyLjI2MSA1Ljk5NywyLjI2MSBDOC4wOTUsMi4yNjEgOS44MDUsMy45NzUgOS44MDUsNi4wNzkgQzkuODA1LDguMTgyIDguMDk1LDkuODk2IDUuOTk3LDkuODk2IFpNNS45OTcsMy4xMTAgQzQuMzY2LDMuMTEwIDMuMDM2LDQuNDQzIDMuMDM2LDYuMDc5IEMzLjAzNiw3LjcxNCA0LjM2Myw5LjA0NyA1Ljk5Nyw5LjA0NyBDNy42MzEsOS4wNDcgOC45NTgsNy43MTQgOC45NTgsNi4wNzkgQzguOTU4LDQuNDQzIDcuNjI4LDMuMTEwIDUuOTk3LDMuMTEwIFoiIGNsYXNzPSJhbl9jbHMtMSI+PC9wYXRoPg0KPC9zdmc+) no-repeat 0 50%;
    width: 2rem;
    height: 2rem;
    display: block
}

.projects {
    height: auto !important;
}

.projects .ref {
    position: relative !important;
}

.list-nav ul li:hover .ul-dropmenu {
    display: block;
    visibility: unset;
}