@font-face {
  font-family: "UniversLT-Condensed";
  src: url('../fonts/Univers-LT-57-Condensed.woff2') format('woff2'), url('../fonts/Univers-LT-57-Condensed.woff') format('woff');
}

img {
    max-width: 100%
}

body {
    overflow-x: hidden;
    max-width: 100%;
    /* sticky footer */
    height:100%;
}

.main {
    max-width: 100%;
    overflow: hidden;
    /* sticky footer */
    min-height: 100%;
    display: flex;
    flex-direction: column;  
    font-family: UniversLT-Condensed, Arial, Helvetica, sans-serif!important;
    font-weight: 400;
    font-style: normal;
    outline: 0 !important;    
}
#main-content, .main-content {
    flex: 1 0 auto; /* sticky footer */
}

section {
    z-index: 1;
    position: static;
    clear: both
}

section>div {
    z-index: 3;
    position: relative
}

nav {
    z-index: 2
}

.bootstrap-select .dropdown-toggle:focus,
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle,
.btn:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    outline: 0!important
}

.background-image-holder {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%
}

[data-bg-contain] .background-image-holder {
    background-size: contain
}

[data-parallax] .background-image-holder {
    background-attachment: fixed
}

[data-overlay] {
    position: relative
}

[data-overlay] .background-image-holder:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none
}

[data-overlay-inverse] .background-image-holder:after {
    background-image: linear-gradient(to bottom right, #ff2051, #ff2051)
}

[data-overlay-black] .background-image-holder:after {
    background-image: linear-gradient(to bottom right, #000, #000)
}

[data-overlay="1"] .background-image-holder:after {
    opacity: .1
}

[data-overlay="2"] .background-image-holder:after {
    opacity: .2
}

[data-overlay="3"] .background-image-holder:after {
    opacity: .3
}

[data-overlay="4"] .background-image-holder:after {
    opacity: .4
}

[data-overlay="5"] .background-image-holder:after {
    opacity: .5
}

[data-overlay="6"] .background-image-holder:after {
    opacity: .6
}

[data-overlay="7"] .background-image-holder:after {
    opacity: .7
}

[data-overlay="8"] .background-image-holder:after {
    opacity: .8
}

[data-overlay="9"] .background-image-holder:after {
    opacity: .9
}

[data-overlay="10"] .background-image-holder:after {
    opacity: 1
}


.main-content ul { 
   list-style-type: disc; 
   list-style-position: inside; 
   margin-left:20px;
   margin-bottom:20px;
}
.main-content ul li {
    list-style:disc;
    font-size:18px;
    line-height:1.75;
}

.main-content ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
   margin-left:20px;
   margin-bottom:20px;
}

.main-content ol li {
    font-size:18px;
    line-height:1.75;
}


ul.socials.center {
    text-align: center
}

ul.socials {
    margin-top: 20px
}

ul.socials li {
    display: inline-block;
    color: #3c254f;
    margin-right: 15px;
    width: auto
}

ul.socials li a {
    display: block;
    color: #3c254f;
    text-decoration: none;
    background: rgba(61, 0, 180, .03);
    height: 50px;
    width: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 26px;
    padding: 10px 0;
    text-align: center;
    position: relative
}

ul.socials li a:hover {
    background: #3c254f;
    color: #fff;
    text-decoration: none
}

ul.socials.labels li {
    display: inline-block;
    color: #3c254f;
    margin-right: 15px;
    width: auto
}

ul.socials.labels li a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: rgba(61, 0, 180, .03);
    height: 50px;
    width: auto;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    font-size: 12px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase
}

ul.socials.labels li a i {
    font-size: 26px;
    margin-right: 10px;
    float: left;
    margin-top: 2px
}

ul.socials.labels li a span {
    float: left;
    display: block;
    margin-top: 7px;
    font-size: 12px;
    line-height: 18px
}

ul.socials.labels li a:hover {
    background: #3c254f;
    color: #fff;
    text-decoration: none
}

ul.socials.labels li a.facebook {
    background: #3B5998
}

ul.socials.labels li a.google-plus {
    background: #d62d20
}

ul.socials.labels li a.twitter {
    background: #1dcaff
}

ul.socials.labels li a.pinterest {
    background: #cb2027
}

ul.socials.labels li a.linkedin {
    background: #0077B5
}

ul.socials.labels li:hover a {
    color: #fff;
    background: #3c254f
}

@media (min-width:1366px) {
    .container {
        width: 1336px
    }
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    padding: 0 10px 0 5px
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background: #3c254f
}

.flexbox-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.img-holder {
    text-align: center
}

.styled-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.styled-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee
}

.styled-checkbox:hover input~.checkmark {
    background-color: #ccc
}

.styled-checkbox input:checked~.checkmark {
    background-color: #3c254f
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.styled-checkbox input:checked~.checkmark:after {
    display: block
}

.styled-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

#map {
    height: 400px;
    width: 100%
}

#map img {
    width: inherit
}

#map .gmnoprint {
    width: 200px
}

#to-top {
    width: 40px;
    height: 40px;
    background-color: #74b42f;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    opacity: .4;
    border: 0;
    color: #fff;
    padding: 0;
    z-index: 99
}

#to-top:before {
    content: "\f077";
    color: #fff;
    font-family: FontAwesome;
    position: relative;
    top: -1px
}

#to-top:hover {
    opacity: 1
}

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

.div-table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.btn {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding-left: 30px;
    padding-right: 30px
}

.btn img {
    max-width: 100%;
    max-height: 30px
}

.rounded-buttons .btn {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px
}

.squared-buttons .btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-primary {
    color: #3c254f;
    background: #fff;
    border: 1px solid #3c254f
}

.btn-primary:hover {
    color: #fff;
    background: #ff2051;
    border: 1px solid #ff2051
}

.btn-primary.focus,
.btn-primary:focus {
    color: #3c254f!important;
    background: #fff!important;
    border: 1px solid #3c254f!important
}

.btn-default {
    color: #fff;
    background: #aa635f;
    border: 1px solid #aa635f;
}

.btn-default:hover {
    color: #fff;
    background: #f08800;
    border: 1px solid #f08800;
}

.btn-default:focus {
    color: #fff;
    background: #58142d;
    border: 1px solid #58142d;
}

.btn-info {
    color: #ff2051;
    background: #fff;
    border: 1px solid #fff
}

.btn-info:hover {
    color: #fff;
    background: #ff2051;
    border: 1px solid #fff
}

.btn-danger,
.btn-danger.focus,
.btn-danger:focus {
    color: #fff;
    background: #ff2051;
    border: 1px solid #ff2051
}

.btn-danger:hover {
    color: #ff2051;
    background: #fff;
    border: 1px solid #ff2051
}

.btn-sm {
    font-weight: 700;
    padding: 7px 15px
}

.btn i {
    float: left;
    margin-right: 10px
}

.mw-waves-btn {
    position: relative;
    height: 60px;
    display: inline-block
}

.mw-waves-btn .w-btn a {
    text-decoration: none
}

.mw-waves-btn .w-btn a i {
    background: #ff2051;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 29px;
    float: left;
    border-radius: 100%;
    line-height: 60px;
    z-index: 9;
    position: relative;
    color: #fff;
    padding-left: 4px
}

.mw-waves-btn .w-btn span {
    color: #fff;
    margin: 0 20px;
    font-weight: 700;
    display: inline-block;
    padding: 17px 0
}

.mw-waves-btn .waves-holder {
    position: absolute;
    width: 384px;
    width: 60px;
    height: 384px;
    height: 60px;
    left: -45px;
    z-index: 2;
    top: -45px
}

.mw-waves-btn .waves-holder .waves {
    position: absolute;
    width: 384px;
    width: 15rem;
    height: 384px;
    height: 15rem;
    background: rgba(255, 32, 81, .2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 320px;
    background-clip: padding-box;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}

.mw-waves-btn .waves-holder .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.mw-waves-btn .waves-holder .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.mw-waves-btn .waves-holder .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    50% {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
    }
    100% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    50% {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
    }
    100% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}

/*
.section-13 h1:after,
.section-13 h2:after,
.section-16 h1:after,
.section-16 h2:after,
.section-2 h1:after,
.section-2 h2:after,
.section-6 h1:after,
.section-6 h2:after,
.section-7 h1:after,
.section-7 h2:after {
    content: '';
    display: block;
    width: 45px;
    height: 6px;
    background-color: #ff2051;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 20px auto 0
}
*/

.table {
    width: auto;
    margin: 0 auto
}

.table th {
    background: #3c254f;
    color: #fff
}

.table td,
.table th {
    font-size: 16px
}

.table td {
    color: #161616
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border: 0;
    padding: 10px 30px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background: rgba(61, 0, 180, .05)
}

.tabs {
    margin-bottom: 10px
}

.tabs .tab-pane {
    min-height: 200px;
    padding: 80px 0
}

@media screen and (max-width:991px) {
    .tabs .tab-pane {
        padding: 80px 0 20px
    }
}

.tabs .nav-tabs>li>a {
    color: #161616;
    font-size: 18px;
    line-height: 1.3333333;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 3px solid #f5f5f5;
    margin: 0;
    padding: 10px 20px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tabs .nav-tabs>li.active>a,
.tabs .nav-tabs>li.active>a:focus,
.tabs .nav-tabs>li.active>a:hover {
    color: #3c254f;
    border: 0;
    border-bottom: 3px solid #3c254f
}

.tabs .nav>li>a:focus,
.tabs .nav>li>a:hover {
    background: 0 0;
    color: #3c254f;
    border-bottom: 3px solid #3c254f
}

.tabs .nav-tabs>li>a i {
    margin-right: 10px
}

.tabs .nav-tabs>li>a i.material-icons {
    font-size: 28px;
    line-height: 10px;
    top: 2px
}

@media screen and (max-width:991px) {
    .tabs .nav-tabs>li {
        width: 50%!important
    }
}

@media screen and (max-width:767px) {
    .tabs .nav-tabs>li {
        width: 100%!important;
        margin-bottom: 15px!important
    }
}

.tabs .as-buttons.nav-tabs {
    border: 0;
    text-align: center
}

.tabs .as-buttons.nav-tabs>li {
    margin: 0 10px;
    display: inline-block;
    float: none
}

.tabs .as-buttons.nav-tabs>li a i {
    float: left;
    margin-top: 5px
}

.tabs .as-buttons.nav-tabs>li>a {
    border: 1px solid #3c254f;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #fff;
    color: #3c254f
}

.rounded-buttons .tabs .as-buttons.nav-tabs>li>a {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px
}

.squared-buttons .tabs .as-buttons.nav-tabs>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tabs .as-buttons.nav-tabs>li.active>a,
.tabs .as-buttons.nav-tabs>li.active>a:focus,
.tabs .as-buttons.nav-tabs>li.active>a:hover {
    border: 1px solid #3c254f;
    background-color: #3c254f;
    color: #fff
}

.tabs-2 {
    margin-bottom: 10px
}

.tabs-2 .tab-pane {
    min-height: 200px;
    padding: 80px 0
}

.tabs-2 .nav-tabs {
    text-align: center;
    border-bottom: 0
}

@media screen and (min-width:992px) {
    .tabs-2 .nav-tabs {
        border-bottom: 3px solid #3c254f;
        height: 45px
    }
}

.tabs-2 .nav-tabs>li {
    margin: 0 2px;
    display: inline-block;
    float: none
}

.tabs-2 .nav-tabs>li>a {
    color: #161616;
    font-size: 16px;
    font-weight: 700;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 10px 30px;
    text-align: center;
    background: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tabs-2 .nav-tabs>li.active>a,
.tabs-2 .nav-tabs>li.active>a:focus,
.tabs-2 .nav-tabs>li.active>a:hover {
    color: #fff;
    border: 0;
    background: #3c254f
}

.tabs-2 .nav>li>a:focus,
.tabs-2 .nav>li>a:hover {
    background: #fff;
    color: #3c254f
}

.tabs-2 .nav-tabs>li>a i {
    margin-right: 10px;
    line-height: 18px;
    float: left
}

.tabs-2 .nav-tabs>li>a i.material-icons {
    font-size: 22px;
    margin-top: 3px;
    line-height: 10px
}

@media screen and (max-width:991px) {
    .tabs-2 .nav-tabs>li {
        width: 50%!important
    }
}

@media screen and (max-width:767px) {
    .tabs-2 .nav-tabs>li {
        width: 100%!important
    }
}

.tabs-2 .as-buttons.nav-tabs {
    border: 0;
    text-align: center
}

.tabs-2 .as-buttons.nav-tabs>li {
    margin: 0 10px;
    display: inline-block;
    float: none
}

.tabs-2 .as-buttons.nav-tabs>li a i {
    float: left;
    margin-top: 10px
}

.tabs-2 .as-buttons.nav-tabs>li>a {
    border: 1px solid #3c254f;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: #fff;
    color: #3c254f
}

.rounded-buttons .tabs-2 .as-buttons.nav-tabs>li>a {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px
}

.squared-buttons .tabs-2 .as-buttons.nav-tabs>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tabs-2 .as-buttons.nav-tabs>li.active>a,
.tabs-2 .as-buttons.nav-tabs>li.active>a:focus,
.tabs-2 .as-buttons.nav-tabs>li.active>a:hover {
    border: 1px solid #3c254f;
    background-color: #3c254f;
    color: #fff
}

.field-holder {
    margin-bottom: 20px
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    line-height: 19px
}

.field-holder label {
    color: #3c254f;
    padding: 13px 15px 13px 0;
    font-weight: 700;
    font-size: 16px
}

.field-holder .bootstrap-select,
.field-holder input,
.field-holder label,
.field-holder select:not(.selectpicker) {
    float: left;
    display: block;
    width: auto!important
}

.field-holder .btn,
.field-holder input,
.field-holder select:not(.selectpicker) {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #d1d1d1;
    font-size: 18px;
    /* font-weight: 700;*/
    color: #161616;
    height: 46px;
    padding: 12px;
    background: #fff
}

.rounded-buttons .field-holder .btn,
.rounded-buttons .field-holder input,
.rounded-buttons .field-holder select {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px
}

.squared-buttons .field-holder .btn,
.squared-buttons .field-holder input,
.squared-buttons .field-holder select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.accordions .panel {
    border: 0;
    margin-bottom: 25px
}

.accordions .panel-heading {
    background: rgba(61, 0, 180, .03);
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.accordions .collapse,
.accordions .panel-collapse {
    width: 100%
}

.accordions .panel-title {
    margin-bottom: 0;
    font-size: 20px;
    text-align: left
}

.accordions .panel-title>.small,
.accordions .panel-title>.small>a,
.accordions .panel-title>small,
.accordions .panel-title>small>a,
.panel-title>a {
    font-size: 20px;
    color: #3c254f;
    display: block;
    padding: 14px 12px
}

.accordions .panel-title>a {
    font-size: 20px;
    color: #3c254f;
    display: block;
    padding: 14px 12px;
    text-decoration: none;
    position: relative
}

.accordions .panel-title>a:before {
    padding: 25px;
    background: #3c254f;
    display: block;
    float: right;
    margin-top: -14px;
    margin-right: -12px;
    content: ''
}

.accordions .panel-title>a:after {
    font-family: FontAwesome;
    font-size: 24px;
    color: #fff;
    display: block;
    content: '\f105';
    right: 19px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 24px;
    line-height: 0;
    transition: all .2s ease
}

.accordions .panel-title>a.collapsed:after {
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.accordions .panel-body {
    padding: 15px;
    border: 1px solid #f9f9f9;
    border-top: 0!important
}

.accordions .panel-body,
.accordions .panel-body p {
    text-align: left;
    font-size: 16px;
    color: #161616;
    line-height: 25px
}

.leave-message-holder {
    max-width: 750px;
    margin: 0 auto
}

.leave-message-holder .form-control {
    border: 1px solid #cecece;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    font-size: 16px;
    color: #161616;
    font-weight: 700;
    padding: 24px 20px;
    max-width: 100%;
    margin: 15px 0
}

.leave-message-holder .form-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(61, 0, 180, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(61, 0, 180, .6)
}

.leave-message-holder .captcha-holder>div,
.leave-message-holder .captcha-holder>input {
    float: left;
    display: block
}

.leave-message-holder .captcha-holder>div {
    border: 1px solid #cecece;
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    font-size: 16px;
    color: #161616;
    font-weight: 700;
    padding: 2px 14px;
    max-width: 100%;
    margin: 15px 0;
    background: #fff;
    border-radius: 33px 0 0 33px;
    width: 40%;
    height: 50px
}

.leave-message-holder .captcha-holder>div img {
    max-width: 100%;
    max-height: 44px
}

.leave-message-holder .captcha-holder>input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 60%
}

.leave-message-holder .m-t-15 {
    margin-top: 15px!important
}

.slick-testimonials .slick-track {
    padding-top: 60px
}

.slick-testimonials .slide-holder {
    width: 355px;
    height: 300px;
    padding-top: 45px;
    margin: 0 auto
}

.slick-testimonials .slide .img-holder {
    width: 80px;
    height: 80px;
    background-size: cover;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-left: 40px;
    margin-top: -40px;
    position: absolute
}

.slick-testimonials .slide .info-holder {
    width: 355px;
    height: 235px;
    background: #fff;
    padding: 60px 25px 20px 75px;
    -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28)
}

.slick-testimonials .slide .info-holder h3 {
    font-size: 30px;
    color: #161616;
    font-weight: 700;
    margin-bottom: 8px
}

.slick-testimonials .slide .info-holder h3:before {
    content: '';
    display: block;
    background: url(../img/quotes.png);
    width: 32px;
    height: 23px;
    position: absolute;
    margin: 0 0 0 -52px
}

.slick-testimonials .slide .info-holder h4 {
    font-size: 14px;
    color: #606060;
    font-weight: 700;
    margin-bottom: 18px
}

.slick-testimonials .slide .info-holder p {
    font-size: 16px;
    color: #606060
}

.slick-testimonials .slide {
    transition: all .4s ease
}

.slick-testimonials .slide.slick-center {
    margin-top: -60px
}

.slick-testimonials .slick-dots {
    text-align: center
}

.slick-testimonials .slick-dots li {
    display: inline;
    font-size: 0;
    margin: 0 5px
}

.slick-testimonials .slick-dots li button {
    border: 0;
    height: 14px;
    width: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: #cfcfcf
}

.slick-testimonials .slick-dots li.slick-active button {
    background: #3c254f
}

@media screen and (max-width:1199px) {
    .slick-testimonials .slide.slick-center {
        margin-top: 0
    }
    .slick-testimonials .slick-dots {
        margin-top: 30px
    }
}

.slick-testimonials-2 .slide-holder {
    width: 100%;
    margin: 0 auto
}

.slick-testimonials-2 .slide .img-holder {
    width: 105px;
    height: 105px;
    background-size: cover;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto
}

.slick-testimonials-2 .slide .info-holder {
    width: 100%;
    padding: 30px 0;
    text-align: center
}

.slick-testimonials-2 .slide .info-holder h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 8px
}

.slick-testimonials-2 .slide .info-holder h4 {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 38px
}

.slick-testimonials-2 .slide .info-holder p {
    font-size: 16px;
    color: #fff
}

.slick-testimonials-2 .slide {
    transition: all .4s ease
}

.slick-testimonials-2 .slick-dots {
    text-align: center
}

.slick-testimonials-2 .slick-dots li {
    display: inline;
    font-size: 0;
    margin: 0 5px
}

.slick-testimonials-2 .slick-dots li button {
    height: 14px;
    width: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    background: 0 0;
    border: 1px solid #fff
}

.slick-testimonials-2 .slick-dots li.slick-active button {
    background: #fff;
    border: 1px solid #fff
}

@media screen and (max-width:1199px) {
    .slick-testimonials-2 .slide.slick-center {
        margin-top: 0
    }
    .slick-testimonials-2 .slick-dots {
        margin-top: 30px
    }
}

.slick-testimonials-2 .slick-arrow {
    position: absolute;
    top: 45%;
    z-index: 4;
    font-size: 0;
    border: 0;
    background: 0 0;
    display: none!important
}

.slick-testimonials-2:hover .slick-arrow {
    display: block!important
}

.slick-testimonials-2 .slick-arrow:before {
    font-family: FontAwesome;
    color: #fff;
    display: block;
    font-size: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .8)
}

.slick-testimonials-2 .slick-next {
    right: 5%
}

.slick-testimonials-2 .slick-next:before {
    content: '\f054'
}

.slick-testimonials-2 .slick-prev {
    left: 5%
}

.slick-testimonials-2 .slick-prev:before {
    content: '\f053'
}

.slick-brands .slide {
    text-align: center
}

.slick-brands .slide img {
    max-width: 80%;
    margin: 0 auto
}

.styled-lists li {
    color: #161616;
    padding: 0 30px;
    margin-bottom: 25px
}

.styled-lists li:before {
    content: '\f192';
    display: block;
    font-family: FontAwesome;
    position: absolute;
    margin: 3px 0 0 -22px;
    color: #3c254f
}

.styled-lists li strong {
    font-size: 20px;
    font-weight: 700
}

.styled-lists li p {
    font-size: 16px
}

.blog-posts .post {
    margin-bottom: 25px;
    overflow: hidden;
    display: block;
    text-decoration: none
}

.blog-posts .description h3 {
    color: #161616;
    font-weight: 700;
    font-size: 24px;
    margin: 25px 0 15px;
    text-decoration: none
}

.blog-posts .description a,
.blog-posts .description a:hover {
    text-decoration: none
}

.blog-posts .description {
    border: 1px solid #f9f9f9;
    -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    padding: 15px;
    min-height: 200px
}

.blog-posts .description,
.blog-posts .description p {
    color: #161616;
    font-size: 16px;
    line-height: 25px
}

.blog-posts .post .image-holder {
    height: 240px;
    width: 100%;
    overflow: hidden;
    display: block
}

.blog-posts .post .image {
    height: 240px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    transition: all .3s ease-in-out;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden
}

.blog-posts .post:hover .image {
    transform: scale(1.1)
}

.blog-posts .post .image .hover {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 32, 81, .15);
    display: inline-block;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}

.blog-posts .post:hover .image .hover {
    visibility: visible;
    opacity: 1
}

.blog-posts .post .hover .btn {
    padding: 10px;
    text-align: center;
    margin: 0 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    transition: all .3s ease-in-out;
    opacity: 0;
    transform: translateY(40px) scale(.7);
    position: relative
}

.blog-posts .post:hover .image .hover .btn {
    opacity: 1;
    transform: translateY(0) scale(.7)
}

.blog-posts .post .hover .btn i {
    margin: 0
}

.blog-posts .post .hover>* {
    top: 45%;
    position: relative
}

.teamcard .member {
    margin-bottom: 25px
}

.teamcard .description h3 {
    color: #161616;
    font-size: 24px;
    margin: 10px 0 5px;
    text-align: center;
    font-weight: 700
}

.teamcard .description {
    padding: 15px;
    text-align: center
}

.teamcard .description,
.teamcard .description p {
    color: #161616;
    font-size: 18px;
    line-height: 25px
}

.teamcard .member .image {
    height: 240px;
    width: 240px;
    margin: 0 auto;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.teamcard-2 .member {
    max-width: 240px;
    margin: 0 auto 25px
}

.teamcard-2 .description h3 {
    color: #3c254f;
    font-size: 18px;
    line-height: 26px;
    margin: 10px 0 5px;
    text-align: center;
    font-weight: 700
}

.teamcard-2 .description {
    padding: 15px;
    text-align: center;
    background: #f5f5f5
}

.teamcard-2 .description,
.teamcard-2 .description p {
    color: #161616;
    font-size: 16px;
    line-height: 24px
}

.teamcard-2 .member .image {
    height: 290px;
    margin: 0 auto;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.shop-products .product {
    margin-bottom: 25px
}

.shop-products .product h3 {
    color: #161616;
    font-weight: 700;
    font-size: 20px;
    margin: 25px 0 15px;
    text-decoration: none;
    text-align: center
}

.shop-products .product a,
.shop-products .product a:hover {
    text-decoration: none
}

.shop-products .product .image {
    padding: 20px;
    position: relative;
    background-origin: content-box;
    background-color: #f0f0f0;
    height: 360px;
    width: 100%;
    background-position: center center;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28)
}

.shop-products .product .image .hover {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(240, 136, 0, .15);
    visibility: hidden;
    opacity: 0;
    transition: all .3s
}

.shop-products .product .image:hover .hover {
    visibility: visible;
    opacity: 1
}

.shop-products .product .hover .btn {
    padding: 10px;
    text-align: center;
    margin: 0 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    transform: translateY(-20px);
    transition: all .3s
}

.shop-products .product .hover .btn+.btn {
    transform: translateY(20px)
}

.shop-products .product .image:hover .hover .btn {
    transform: translateY(0)
}

.shop-products .product .hover .btn i {
    margin: 0
}

.shop-products .product .hover>* {
    top: 45%;
    position: relative
}

.shop-products .product .price {
    font-size: 17px;
    font-weight: 700;
    color: #161616;
    text-align: center
}

.shop-products .product .price span {
    margin: 0 5px;
    font-size: 18px
}

.shop-products .product .price .strikethrough {
    font-size: 18px;
    font-weight: 700;
    color: #d1d0c4;
    text-decoration: line-through
}

.shop-products .product-label {
    width: 100px;
    height: 100px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ff2051;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 40px;
    letter-spacing: 2px;
    right: 15px;
    top: 15px;
    z-index: 1
}

.shop-products .product-label.promo {
    background: #3c254f
}

.shop-products .product-label.sale {
    display: none !important;
}

.pricing-list .plan .label {
    font-size: 12px;
    text-align: center;
    min-height: 26px;
    width: 100%;
    display: block;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 7px
}

.pricing-list .plan .label.bestseller {
    background: #ff2051;
    color: #fff
}

.pricing-list .plan .heading {
    background: #3c254f;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 40px 10px 20px
}

.pricing-list .plan .heading .price {
    position: relative
}

.pricing-list .plan .heading .price .sum {
    font-size: 48px;
    font-weight: 700;
    margin: 0 10px
}

.pricing-list .plan .heading .price small {
    font-size: 24px;
    font-weight: 700
}

.pricing-list .plan .heading .price .period {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    position: relative
}

.pricing-list .plan .heading .price .period:before {
    content: '/';
    display: inline;
    font-size: 12px;
    line-height: 10px;
    font-weight: 400;
    position: absolute;
    top: 3px;
    left: -8px
}

.pricing-list .plan .description {
    text-align: center;
    padding: 25px 0;
    -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28)
}

.pricing-list .plan:hover {
    cursor: pointer
}

.pricing-list .plan:hover .description {
    background: #f4f0fb
}

.pricing-list .plan .description p {
    font-size: 16px;
    margin: 25px 0;
    text-align: center;
    font-weight: 700
}

.pricing-list .plan .description p.strikethrough {
    text-decoration: line-through;
    color: #868686
}

.header-click-overlay {
    position: absolute;
    top: 8.5vw;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15vw;
    height: 15vw;
    min-height: 150px;
    max-height: 300px;
    min-width: 150px;
    border-radius: 50%;
    z-index: 1;
    /* border: 1px solid red; */
}
.navigation.sticky.shrunk .header-click-overlay {
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    min-width: 80px;
    /*border: 1px solid red;*/
}

.navigation-holder {
    position: relative;
    width:100%;
    background: none !important;
    height: auto !important;
    min-height: 0 !important;   
}

.navigation {
    width:100%;
    background-color: #fee1bf;
    background-image: url(../img/mountain-header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 20vw;
    min-height:100px;
    max-height: 300px;
    z-index:1000;
    transition: height 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                background-size 0.8s cubic-bezier(0.4, 0, 0.2, 1),
                background-color 0.8s ease !important;    
    transform-origin: center top;   
}

.navigation.sticky.shrunk {    
    background-image: url('../img/logo-menu.png') !important;       
    background-position: center center !important;
    background-repeat: no-repeat !important;        
    background-size: 80px 80px !important;        
    height: 100px !important;    
    transition: all 0.3s ease-in-out;
}
.navigation.sticky.shrunk .header-click-overlay {
    z-index: 10;
    height: 100%;
}

.navigation.sticky.shrunk .navbar-header #header-menu,
.navigation.sticky.shrunk .navbar-header>.member-nav,
.navigation.sticky.shrunk .navbar-header>.telephone {
    margin-top:34px;
}

.navigation {
    margin-bottom: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    transition: height .4s
}

.navigation .navbar-header>.logo {
    order: 1;
    flex-basis: 20%;
}

.navigation .navbar-header>.menu {
    order: 3;
    flex: 0 1 55%; /* Don't grow, allow shrink, basis 55% */
    text-align: left;
}

.navigation .navbar-header>.telephone {
    order: 3;
    flex-basis: 10%;
    margin-top: 50px;
    text-align: right;
}

.navigation .navbar-header>.toggle {
    order: 4
}

.navigation .navbar-header>.member-nav {
    order: 3;
    margin-top: 50px;
    background-color: #face9d;
    border-radius: 10px;
}

.navigation .navbar-header .logo {
    position: relative;
    transition: all .4s ease;
    padding:4px;
}

.navigation.sticky .navbar-header .logo {
    transition: all .4s ease
}

.navigation .navbar-header .logo a {
    height: 100%;
    display: block;
    text-align: left
}

.navigation .navbar-header .logo img {
    max-width: 100%;
    max-height: 100%;
    transition: all .4s ease;
    height: 100%
}

.navigation .navbar-header .cart,
.navigation .navbar-header .toggle {
    display: none
}

.navigation .navbar-header .toggle {
    text-align: right
}

.navigation .navbar-header .toggle a {
    color: #3c254f;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    position: relative
}

.navigation .navbar-header .toggle {
    height: 25px;    
    float: right;
    margin-top:20px;
}

.mobile-menu-btn {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 32px;
    z-index: 22;
    text-transform: uppercase;
    transition: all .5s;
    top: 0
}

.mobile-menu-label {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    height: 34px
}

.mobile-menu-label b {
    display: block;
    transition: all .5s;
    position: absolute;
    top: 5px;
    right: 0
}

.mobile-menu-label b+b {
    opacity: 0;
    visibility: hidden;
    transform: translateX(20px) scale(.9)
}

.mobile-menu-btn span {
    position: absolute;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    display: inline-block;
    height: 2px;
    width: 33px;
    top: 0;
    right: 0;
    background: #3c254f
}

.mobile-menu-btn span:first-child {
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    transform-origin: 0 center
}

.mobile-menu-btn span:nth-child(2) {
    top: 9px
}

.mobile-menu-btn span:nth-child(3) {
    -webkit-transform-origin: 0 center;
    -ms-transform-origin: 0 center;
    -moz-transform-origin: 0 center;
    transform-origin: 0 center;
    top: 19px
}

.mobile-menu-active .mobile-menu-label b:first-child {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px) scale(.9)
}

.mobile-menu-active .mobile-menu-label b+b {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.mobile-menu-active .mobile-menu-btn span:nth-child(1) {
    -webkit-transform: rotate(45deg) translateY(-2px);
    -moz-transform: rotate(45deg) translateY(-2px);
    -ms-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-3px)
}

.mobile-menu-active .mobile-menu-btn span:nth-child(3) {
    -webkit-transform: rotate(-45deg) translateY(2px);
    -ms-transform: rotate(-45deg) translateY(2px);
    -moz-transform: rotate(-45deg) translateY(2px);
    transform: rotate(-45deg) translateY(3px)
}

.mobile-menu-active .mobile-menu-btn span:nth-child(2) {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.mobile-menu-active .mobile-menu-btn {
    transform: rotate(180deg);
    top: -8px
}

.navigation .navbar-header .cart {
    text-align: left
}

.navigation .navbar-header .cart a {
    color: #fff;
    font-size: 24px
}

.navigation .menu {    
    float: left
}

.navigation .menu .list {
    display: block;
    max-width: 100%
}

.navigation .menu .list>li {
    display: inline-block
}

.navigation .menu .list>li>a {
    display: block;
    font-size: 16px;
    color: #3c254f;
    text-decoration: none;
    position: relative
}

.navigation .menu .list>.open>a:focus:after,
.navigation .menu .list>.open>a:hover:after,
.navigation .menu .list>li>a:hover:after {
/*
    display: block;
    position: absolute;
    content: '';
    background-color: rgba(2, 45, 36, .2);
    height: 2px;
    width: 100%;
    margin: 0 auto
*/    
}

.navigation .menu .list>.active>a,
.navigation .menu .navbar-nav>.active>a:focus,
.navigation .menu .navbar-nav>.active>a:hover {
/*
    background: 0 0;
    color: #fff;
    font-weight: 700
*/
}

.navigation .menu .list>.active>a:after,
.navigation .menu .list>.active>a:focus:after,
.navigation .menu .list>.active>a:hover:after {
/*
    display: block;
    position: absolute;
    content: '';
    background-color: rgba(255, 255, 255, .2);
    height: 2px;
    width: 100%;
    margin: 0 auto
*/
}

.navigation .menu .list>li.mobile-profile,
.navigation .menu .list>li.mobile-search {
    display: none
}

.mobile-search button {
    float: right;
    border: none;
    color: #fff;
    background: #ff2051;
    height: 45px;
    text-align: center;
    width: 70px
}

.mobile-search input {
    float: left;
    background: 0 0;
    border: none;
    height: 45px;
    width: 60%;
    width: -webkit-calc(100% - 115px);
    width: calc(100% - 115px);
    color: #fff
}

.mobile-search .fa {
    float: left;
    color: #fff;
    margin: 14px 14px 0
}

.member-nav {
    margin-left: 30px;
    transition: padding .5s;
    padding: 10px 0
}

.member-nav>li {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

.member-nav>li a {
    text-decoration: none
}

.member-nav .dropdown-toggle>span {    
    color: #1a004e;
    font-size: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 7px 10px;
    display: inline-block
}

.member-nav-inverse .member-nav .dropdown-toggle>span {
    background: #fff;
    color: rgba(255, 255, 255, .6)
}

.member-nav .dropdown-toggle>i {
    color: rgb(51, 51, 51, .8);
    margin-right: 5px
}

.member-nav a:after {
    display: none!important
}

.member-nav .search button {
    border: 0;
    background: 0 0;
    color: rgba(51, 51, 51, .8);
    margin-right: 5px;
    outline: 0
}

.member-nav .search input {
    background: #fff;
    color: rgba(51, 51, 51, .6);
    font-size: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 6px 10px;
    outline: 0;
    border: 0;
    width: 120px
}

.member-nav .caret {
    margin-left: 7px
}

.member-nav-inverse .member-nav .dropdown-toggle>span,
.member-nav-inverse .member-nav .search input {
    background-color: #1a004e
}

.member-nav-inverse .member-nav .caret {
    color: #fff
}

.navbar-header {
    width: 100%
}

.navbar-header:after {
    display: block;
    clear: both;
    content: ' ';
    font-size: 0
}

/* desktop expanding header navigation */

.navigation .navbar-header {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.navigation .menu-left {
    margin-right: 8vw !important;
    float: none !important;
    display: block;
}

.navigation .member-nav {
    margin-left: 8vw !important;
    display: flex;
    align-items: center;
    float: none !important;
}

.navigation .telephone {
    margin-left: 20px;
    position: static !important;
    float: none !important;
    display: inline-block;
}

/* end desktop expanding header navigation */

@media (max-width:991px) {
    .navigation .navbar-header>.logo {
        flex: 1
    }
    .navigation .menu .list.mobile-list {
        display: block
    }
}

.navigation .menu .member-nav .shopping-cart {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.navigation .menu .member-nav .shopping-cart:before {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a004e;
    content: '';
    display: block;
    position: absolute;
    margin-top: -10px;
    margin-left: 39px
}

.member-nav .shopping-cart-holder {
    padding: 0 20px;
    width: 240px;
    max-width: 100%;
    overflow: hidden
}

.member-nav .shopping-cart-holder .product {
    padding: 10px 0;
    border-bottom: 1px solid #3c254f
}

.member-nav .shopping-cart-holder .product .remove {
    position: absolute;
    right: 10px;
    color: #ff2051;
    line-height: 0
}

.member-nav .shopping-cart-holder .product h5 {
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 700
}

.member-nav .shopping-cart-holder .product .qty {
    color: color: rgb(51, 51, 51);
}

.member-nav .shopping-cart-holder .product .price {
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 700
}

.member-nav .shopping-cart-holder .total p {
    font-size: 16px;
    color: rgb(51, 51, 51);
    margin: 15px 0 10px
}

.member-nav .shopping-cart-holder .btn {
    margin-top: 20px;
    display: block;
    width: 100%
}

@media screen and (max-width:1366px) {
    .navigation .navbar-header {
        width: 100%;
        text-align: center
    }
    .navigation .menu {
        padding: 0
    }
    .navigation.sticky .navbar-header .logo {
        transition: all .4s ease
    }
    .member-nav .search {
        padding: 0
    }
    .navigation .menu .list>li>a {
        padding: 15px 0 25px
    }
}

@media screen and (max-width:991px) {
    .navigation .navbar-header {
        list-style: none;
        margin: 4vw auto
    }
    .navigation.shrunk .navbar-header {
        margin-top:34px!important;
    }
    .navigation .navbar-header .cart,
    .navigation .navbar-header .toggle {
        display: block
    }
    .navigation .menu ul {
        width: 100%;
        text-align: center;
        padding-top: 0!important
    }
    .navigation .menu {
        visibility: hidden;
        opacity: 0;
        overflow: auto;
        position: absolute;
        top: 100%;
        padding: 0;
        margin-top: 0;        
        transform: scaleY(0) scaleX(.5) translateX(50px);
        transform-origin: right 0;
        transition: all .5s;
        max-width: 100%;
        width: 260px;
        left: auto;
        right: 0;
        box-shadow: 0 35px 60px rgba(0, 0, 0, .6);
        z-index: 10
    }
    .navigation .menu .list>li,
    .navigation .menu .list>li li {
        display: block;
        float: none;
        margin-left: 0!important;
        margin-right: 0!important
    }
    .mobile-menu-active .menu {
        visibility: visible;
        opacity: 1;
        transform: scaleY(1) scaleX(1) translateX(0)
    }
    .navigation.sticky .menu .member-nav {
        display: block
    }
    .navigation .menu .list>li>a {
        padding: 12px 20px;
        /* border-top: 1px solid #3c254f;
        background: #1B0046*/
    }
/*    
    .navigation .menu .list>.active>a,
    .navigation .menu .navbar-nav>.active>a:focus,
    .navigation .menu .navbar-nav>.active>a:hover {
        background-color: #f08800
    }
*/
    #header-menu .dropdown-menu > .active > a {
        background-color: #f08800
    }
    
    .navigation .menu .list>.active>a:after,
    .navigation .menu .list>.active>a:focus:after,
    .navigation .menu .list>.active>a:hover:after,
    .navigation .menu .list>.open>a:focus:after,
    .navigation .menu .list>.open>a:hover:after,
    .navigation .menu .list>li>a:hover:after {
        display: none
    }
    .navigation .menu .open>.dropdown-menu {
        display: block;
        position: relative;
        float: none;
        margin: 0 auto;
        max-width: 100%;
        text-align: center
    }
    .navigation .menu .list .dropdown.open {
        background: #1a004e;
        margin: 0 20px;
        padding-bottom: 15px
    }
    .has-sub-menu ul.dropdown-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: scaleY(1) scaleX(1);
        display: none;
        box-shadow: none;
        -webkit-transition: none;
        transition: none;
        float: none!important;
        margin-top: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width:991px) and (max-width:1366px) {
    .member-nav li.btn-cart,
    .member-nav li.btn-member,
    .navigation.sticky .menu .member-nav li.btn-cart,
    .navigation.sticky .menu .member-nav li.btn-member {
        float: right
    }
    .member-nav li.btn-search,
    .navigation.sticky .menu .member-nav li.btn-search {
        float: left
    }
    .member-nav>.dropdown>.dropdown-menu {
        left: auto;
        right: 0
    }
}

@media (max-width:700px) {
    .member-nav li.btn-member {
        display: none
    }
    .navigation .menu .list>li.mobile-profile {
        display: block
    }
}

@media (max-width:550px) {
    .member-nav li.btn-search {
        display: none
    }
    .navigation .menu .list>li.mobile-search {
        display: block
    }
    .member-nav>.dropdown>.dropdown-menu {
        left: auto;
        right: 0;
        transform-origin: right top
    }
}

@media (max-width:420px) {
    .mobile-menu-label b {
        display: none
    }
    .navigation .navbar-header .toggle {
        width: 60px
    }
}

.navigation .menu .list .dropdown:hover .dropdown-menu {
    margin: 0
}

.sticky-nav .sticky {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100
}

/*
.mw-live-edit.sticky-nav .sticky {
    top:55px !important;
} 
*/

footer {
    background: #3c254f;
    background: -moz-linear-gradient(top, #3c254f 0, #2f224d 100%);
    background: -webkit-linear-gradient(top, #3c254f 0, #2f224d 100%);
    background: linear-gradient(to bottom, #3c254f 0, #2f224d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@default', endColorstr='@defaultGradient', GradientType=0);    
    /*background: #492b33;*/
    /* sticky footer */
    display:flex;
    flex-shrink: 0; 
}

#footer-logo .mw-ui-col {
    display:inline-block;
}
    
footer #footer-logo img {
    width:80px;
    /* height:80px;*/
}

footer ul {
    margin-top:20px;
    text-align: center;
}

footer ul li {
    display: inline-block;
    color: #606060;
    padding: 0 10px;
    border-right:1px solid #82838a;
}

footer ul li:last-child {
    border-right:none;
}

footer a {
    color: #82838a
}

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

footer ul li a {
    display: block;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
}

footer ul li a:hover {
    color: #ec8828;
    text-decoration: none
}

footer ul.socials {
    margin-top: 20px
}

footer ul.socials li {
    display: inline-block;
    color: #3c254f;
    margin-right: 15px;
    width: auto
}

footer ul.socials li a {
    display: block;
    color: #3c254f;
    text-decoration: none;
    background: #fff;
    height: 50px;
    width: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 26px;
    padding: 10px 0;
    text-align: center;
    position: relative
}

footer ul.socials li a:hover {
    background: #3c254f;
    color: #fff;
    text-decoration: none
}

footer p {
    font-size: 16px;
    line-height: 24px;
    padding: 7px 0
}

footer .copyright {
    padding-top: 15px
}

footer .copyright p {
    color: #82838a;
    font-size: 14px;
    text-align: center
}

footer .title {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-bottom: 0
}

footer .small-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    margin-top: 20px
}

footer .newsletter-holder {
    font-size: 40px;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width:1450px) {
    footer .title {
        font-size: 28px;
        margin-bottom: 15px
    }
    footer .small-title {
        font-size: 18px
    }
    footer .small-title,
    footer .title,
    footer ul,
    footer ul.socials {
        text-align: center
    }
    footer .newsletter-holder {
        margin: 0 auto
    }
    footer p {
        max-width: 500px;
        text-align: center;
        margin: 0 auto
    }
}

.newsletter-holder {
    background: #292832;
    width: 420px;
    max-width: 100%;
    height: 55px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 5px
}

.newsletter-holder input {
    border: 0;
    background: 0 0;
    float: left;
    width: 65%;
    padding: 0 20px;
    height: 100%;
    font-size: 16px
}

.newsletter-holder button {
    float: left;
    width: 35%;
    background: #3c254f;
    color: #fff;
    font-size: 16px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    padding: 11px
}

.newsletter-holder button:hover {
    background-color: #fff;
    color: #3c254f
}

section h2 { 
    font-size:40px;
    margin-top:10px;
    margin-bottom: 40px
}
section h3 { 
    margin-top:30px;
    margin-bottom: 20px
}
h2, h3 {
 font-weight: 700;
 color:#3c254f;
}

#module-layouts-1--2 .brands-bg {
    padding:10px 0 40px 0;
    background-color:rgba(77, 0, 156, .05);
}

#module-layouts-1--2 h3 {
    margin:20px 20px 20px 30px;
}

.section-silver {
    background: #f6f6f6
}

.section {
    min-height: 100px;
    padding: 30px 0
}

.section.padding .container {
    padding: 0 5%
}

.section p,
.section span {
    font-size: 18px;
    line-height: 26px
}

.section p {
    margin-bottom: 20px
}

.section-1 {
    background: #3c254f;    
    background: -moz-linear-gradient(top, #3c254f 0, #4d009c 100%);
    background: -webkit-linear-gradient(top, #3c254f 0, #4d009c 100%);
    background: linear-gradient(to bottom, #3c254f 0, #4d009c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@default', endColorstr='@defaultGradient', GradientType=0);
    min-height: 100px;
    padding: 30px 0;
    overflow-x: hidden
}

.section-1 h1 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff
}

.section-1 p,
.section-1 span {
    font-size: 18px;
    line-height: 1.4;
    color: #fff
}

.section-1 p {
    margin-bottom: 10px
}

.section-1 .info-block {
    width: 60%;
    position: relative
}

.section-1 .mockup-block {
    width: 40%;
    position: relative;
    margin-top: 45px
}

.section-1 .mockup-block img {
    position: relative
}

.section-1 .elements-holder {
    margin-top: -100px;
    display: table;
    height: 100%
}

.section-1 .mockup-block .mockup {
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

@-webkit-keyframes myMockup {
    from {
        -webkit-transform: rotate(-360deg) translateX(30px) rotate(360deg)
    }
    to {
        -webkit-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
}

@-moz-keyframes myMockup {
    from {
        -moz-transform: rotate(-360deg) translateX(30px) rotate(360deg)
    }
    to {
        -moz-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
}

@-o-keyframes myMockup {
    from {
        -o-transform: rotate(-360deg) translateX(30px) rotate(360deg)
    }
    to {
        -o-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
}

@keyframes myMockup {
    from {
        transform: rotate(-360deg) translateX(30px) rotate(360deg)
    }
    to {
        transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
}

.section-1 .mockup-block .planet {
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    -webkit-animation: myPlanet 15s linear infinite;
    -moz-animation: myPlanet 15s linear infinite;
    -o-animation: myPlanet 15s linear infinite;
    animation: myPlanet 15s linear infinite
}

@-webkit-keyframes myPlanet {
    from {
        -webkit-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

@-moz-keyframes myPlanet {
    from {
        -moz-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

@-o-keyframes myPlanet {
    from {
        -o-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

@keyframes myPlanet {
    from {
        transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

.section-1 .comet {
    position: absolute;
    width: 99px;
    height: 75px;
    background-image: url(../img/section-1/comet.png);
    background-repeat: no-repeat;
    right: 60px;
    margin-top: -20px
}

@media screen and (max-width:1450px) {
    .section-1 {
        padding: 30px 0!important
    }
    .mw-waves-btn {
        display: block;
        margin: 0 0 50px 30px
    }
    .section-1 .m-t-80 {
        margin-top: 50px!important
    }
}

@media screen and (max-width:991px) {
    .section-1 .flexbox-container {
        flex-direction: column
    }
    .section-1 .flexbox-container .info-block,
    .section-1 .flexbox-container .mockup-block {
        width: 100%
    }
    .section-1 .elements-holder {
        margin-top: 0
    }
    .section-1 .flexbox-container .mockup-block {
        display: none
    }
}

.section-2 {
    min-height: 100px;
    padding: 30px 0
}

.section-2 .container {
    padding: 0 10%;
}

.section-2 .container .container {
    padding: 0;
}

.section-2 h1,
.section-2 h2,
.section-2 h3,
.section-2 h4,
.section-2 h5,
.section-2 h6 {
    font-weight: 700;
    margin-bottom: 20px;
    color: #3c254f;
}
.section-2 h2 {
    font-size: 30px;
}
.section-2 h3 {
    font-size: 24px;
}
.section-2 h4 {
    font-size: 20px;
}
.section-2 h5 {
    font-size: 28px;
}
.section-2 h6 {
    font-size: 16px;
}
.titles-inverse .section-2 h1,
.titles-inverse .section-2 h2,
.titles-inverse .section-2 h3,
.titles-inverse .section-2 h4,
.titles-inverse .section-2 h5,
.titles-inverse .section-2 h6 {
    color: #161616
}

.section-2 p,
.section-2 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-2 p a {
    color: #3c254f;
}

.section-3 {
    min-height: 100px;
    padding: 0;
    text-align: center
}

.section-3 h1,
.section-3 h2,
.section-3 h3,
.section-3 h4,
.section-3 h5,
.section-3 h6 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #3c254f
}

.section-3 .row {    
    height:100%;
}

.section-3 .row .col-md-4 {
    height:100%;
}


.section-3 .row .col-md-4 .feature {
    height:100%;
    position:relative;
}

.section-3 .feature img {
    border-radius:50%
}

.mw-table {
    display:table;
    height:100%;
}
.mw-table-cell {
    display:table-cell;
    float:none;
    height:100%
}

.section-3 p,
.section-3 span {
    font-size: 16px;
    line-height: 1.5;
    color: #161616
}

.section-3 p {
    margin-bottom: 10px
}

.section-3 .feature {
    background-color: rgba(77, 0, 156, .05);
    /* padding: 30px;*/
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    /*margin: 15px 0*/
}

.section-3 .feature .icon {
    width: 105px;
    height: 105px;
    margin: 0 auto 45px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 45px;
    padding-top: 20px
}

.section-3 .feature .icon i {
    color: #3c254f
}

.section-3 .feature .icon i.material-icons {
    font-size: 55px;
    margin-top: 6px
}

.section-3 .feature .icon i[class*=mw-micon-] {
    padding-top: 12px!important;
    display: block!important
}

.section-3 .feature:hover {
    cursor: pointer
}

.section-3 .feature:hover .icon {
    background: #ff2051
}

.section-3 .feature:hover .icon i {
    color: #fff
}

.section-4 {
    min-height: 100px;
    padding: 30px 0
}

.section-4 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-4 .left-side {
    text-align: left
}

.section-4 h1,
.section-4 h2,
.section-4 h3,
.section-4 h4,
.section-4 h5,
.section-4 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #3c254f
}

.titles-inverse .section-4 h1,
.titles-inverse .section-4 h2,
.titles-inverse .section-4 h3,
.titles-inverse .section-4 h4,
.titles-inverse .section-4 h5,
.titles-inverse .section-4 h6 {
    color: #161616
}

.section-4 p,
.section-4 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-4 p {
    margin-bottom: 10px
}

@media screen and (max-width:1199px) {
    .section-4 .img-holder {
        margin-bottom: 30px
    }
}

@media screen and (max-width:991px) {
    .section-4 h1,
    .section-4 h2,
    .section-4 h3,
    .section-4 h4,
    .section-4 h5,
    .section-4 h6,
    .section-4 p {
        text-align: center
    }
    .section-4 .flexbox-container {
        flex-direction: column-reverse
    }
}

.section-5 {
    min-height: 100px;
    padding: 30px 0
}

.section-5 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-5 .right-side {
    text-align: right
}

.section-5 h1,
.section-5 h2,
.section-5 h3,
.section-5 h4,
.section-5 h5,
.section-5 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #3c254f
}

.titles-inverse .section-5 h1,
.titles-inverse .section-5 h2,
.titles-inverse .section-5 h3,
.titles-inverse .section-5 h4,
.titles-inverse .section-5 h5,
.titles-inverse .section-5 h6 {
    color: #161616
}

.section-5 p,
.section-5 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-5 p {
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .section-5 h1,
    .section-5 h2,
    .section-5 h3,
    .section-5 h4,
    .section-5 h5,
    .section-5 h6,
    .section-5 p {
        text-align: center
    }
    .section-5 .flexbox-container {
        flex-direction: column
    }
}

@media screen and (max-width:1199px) {
    .section-5 .img-holder {
        margin-bottom: 30px
    }
}

.section-6 {
    min-height: 100px;
    overflow: hidden;
    position: relative;
    padding: 30px 0;
    background: no-repeat #4d009c;
    background: -moz-linear-gradient(top, #3c254f 0, #4d009c 100%);
    background: -webkit-linear-gradient(top, #3c254f 0, #4d009c 100%);
    background: linear-gradient(to bottom, #3c254f 0, #4d009c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@default', endColorstr='@defaultGradient', GradientType=0);
    background-size: cover
}

.section-6 .planet {
    width: 100%;
    height: 874px;
    background-image: url(../img/section-6/planet.png);
    margin: 0 auto;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

@-webkit-keyframes myPlanet {
    from {
        -webkit-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

@-moz-keyframes myPlanet {
    from {
        -moz-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

@-o-keyframes myPlanet {
    from {
        -o-transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        -o-transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

@keyframes myPlanet {
    from {
        transform: rotate(0deg) translateX(30px) rotate(0deg)
    }
    to {
        transform: rotate(360deg) translateX(30px) rotate(-360deg)
    }
}

.section-6 .container {
    padding: 0 10%;
    text-align: center
}

.section-6 h1,
.section-6 h2,
.section-6 h3,
.section-6 h4,
.section-6 h5,
.section-6 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff;
    text-align: center
}

.section-6 p,
.section-6 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-7 {
    min-height: 100px;
    padding: 30px 0;
    text-align: center
}

.section-7 h1,
.section-7 h2,
.section-7 h3,
.section-7 h4,
.section-7 h5,
.section-7 h6 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #161616
}

.section-7 p,
.section-7 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-7 p {
    margin-bottom: 10px
}

.section-7 .feature {
    background-color: #f6f6f6;
    padding: 30px 30px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 15px 0
}

.section-7 .feature .icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 25px;
    background: #3c254f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 40px;
    padding-top: 12px
}

.section-7 .feature .icon i {
    color: #fff
}

.section-7 .feature .icon i.material-icons {
    font-size: 40px;
    margin-top: 6px
}

.section-7 .feature .icon i[class*=mw-micon-] {
    padding-top: 8px;
    display: block
}

.section-7 .feature:hover .icon {
    background: #ff2051
}

.section-7 .feature:hover .icon i {
    color: #fff
}

.section-8 {
    min-height: 100px;
    padding: 30px 0;
    background-color: #3c254f
}

.section-8 .container {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.section-8 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-8 .left-side {
    text-align: justify
}

.section-8 .img-holder {
    align-self: flex-end
}

.section-8 .img-holder .div-table-cell .mw-waves-btn {
    margin: 0
}

.section-8 .img-holder img {
    margin-bottom: -133px
}

.section-8 h1,
.section-8 h2,
.section-8 h3,
.section-8 h4,
.section-8 h5,
.section-8 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}

.section-8 p,
.section-8 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-8 p {
    margin-bottom: 15px
}

.section-8 .features {
    margin-bottom: 40px
}

.section-8 .feature {
    margin-bottom: 30px
}

.section-8 .feature .icon,
.section-8 .feature .label {
    float: left;
    color: #fff
}

.section-8 .feature .icon {
    width: 30%;
    font-size: 65px
}

.section-8 .feature .icon i.material-icons {
    font-size: 77px
}

.section-8 .feature .label {
    width: 60%;
    padding: 10px
}

.section-8 .feature .label .count,
.section-8 .feature .label .title {
    display: block;
    text-align: left
}

.section-8 .feature .label .title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.section-8 .feature .label .count {
    font-size: 36px;
    font-weight: 700;
    margin-top: 7px
}

.section-8 .feature .label .js-start-from-zero:after {
    content: '0';
    display: block;
    position: relative;
    visibility: visible;
    margin-top: -25px
}

.section-8 .feature .label .count[data-counter=""] {
    visibility: hidden
}

@media screen and (max-width:991px) {
    .section-8 .flexbox-container {
        flex-direction: column-reverse
    }
    .section-8 .img-holder img {
        margin-bottom: 40px
    }
    .section-8 .features {
        margin-bottom: 0;
        padding: 0 10%
    }
}

@media screen and (max-width:1199px) {
    .section-8 .img-holder {
        align-self: flex-start
    }
}

.section-8 .mw-waves-btn {
    z-index: 1;
    text-align: center;
    top: 200px;
    display: inline-block
}

.section-9 {
    min-height: 100px;
    padding: 30px 0
}

.section-9 .container {
    padding: 0 10%;
    text-align: center
}

.section-9 h1,
.section-9 h2,
.section-9 h4,
.section-9 h5,
.section-9 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #3c254f
}

.titles-inverse .section-9 h1,
.titles-inverse .section-9 h2,
.titles-inverse .section-9 h4,
.titles-inverse .section-9 h5,
.titles-inverse .section-9 h6 {
    color: #161616
}

.section-9 h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #161616
}

.section-9 p,
.section-9 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-10 {
    min-height: 100px;
    padding: 30px 0
}

.section-10 h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #161616
}

.section-10 p,
.section-10 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-10 p {
    margin-bottom: 10px
}

.section-10 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-10 .left-side,
.section-10 .right-side {
    text-align: justify
}

.section-10 .img-holder {
    align-self: flex-end
}

@media screen and (max-width:991px) {
    .section-10 .flexbox-container {
        flex-direction: column-reverse
    }
}

.section-11 {
    min-height: 100px;
    padding: 30px 0
}

.section-11 .container {
    padding: 0 10%;
    text-align: center
}

.section-11 h1,
.section-11 h2,
.section-11 h3,
.section-11 h4,
.section-11 h5,
.section-11 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff
}

.section-11 p,
.section-11 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-11 .btn {
    border: 1px solid #fff;
    margin-bottom: 10px
}

@media screen and (max-width:480px) {
    .section-11 .btn {
        display: block
    }
}

.section-12 {
    min-height: 100px;
    padding: 30px 0
}

.section-12 h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #161616
}

.section-12 p,
.section-12 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-12 p {
    margin-bottom: 10px
}

.section-12 .left-side,
.section-12 .right-side {
    text-align: center;
    width: 35%
}

.section-12 .img-holder {
    text-align: center;
    width: 30%
}

.section-12 .material-icons {
    font-size: 34px;
    margin-top: 5px
}

@media screen and (max-width:991px) {
    .section-12 .flexbox-container {
        -webkit-flex-flow: wrap row;
        flex-flow: wrap row
    }
    .section-12 .img-holder {
        order: 1;
        width: 100%
    }
    .section-12 .left-side {
        order: 2;
        width: 48%
    }
    .section-12 .right-side {
        order: 3;
        width: 48%
    }
}

@media screen and (max-width:580px) {
    .section-12 .left-side,
    .section-12 .right-side {
        width: 100%
    }
}

.section-12 .feature {
    margin: 40px 0;
    position: relative
}

.section-12 .feature .icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 45px;
    background: #3c254f;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 35px;
    padding-top: 16px;
    position: absolute
}

.section-12 .feature .icon i {
    color: #fff
}

.section-12 .feature:hover {
    cursor: pointer
}

.section-12 .feature:hover .icon {
    background: #ff2051
}

.section-12 .feature:hover .icon i {
    color: #fff
}

.section-12 .feature .text {
    text-align: left;
    padding-left: 100px
}

.section-13 {
    min-height: 100px;
    padding: 30px 0;
    background: #f6f6f6
}

.section-13 .container.text {
    padding: 0 10%;
    text-align: center
}

.section-13 h1,
.section-13 h2,
.section-13 h3,
.section-13 h4,
.section-13 h5,
.section-13 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #3c254f
}

.titles-inverse .section-13 h1,
.titles-inverse .section-13 h2,
.titles-inverse .section-13 h3,
.titles-inverse .section-13 h4,
.titles-inverse .section-13 h5,
.titles-inverse .section-13 h6 {
    color: #161616
}

.section-13 p,
.section-13 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-13 p {
    margin-bottom: 10px
}

.section-13 .slider-wrapper {
    max-width: 100%
}

.section-14 {
    min-height: 100px;
    padding: 30px 0;
    background-color: #3c254f
}

.section-14 .container {
    padding: 0 10%;
    text-align: center
}

.section-14 h1,
.section-14 h2,
.section-14 h3,
.section-14 h4,
.section-14 h5,
.section-14 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff
}

.section-14 p,
.section-14 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-14 p {
    margin-bottom: 10px
}

.section-15 {
    min-height: 100px;
    padding: 30px 0
}

.section-15 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-15 .img-holder {
    margin-bottom: 25px
}

.section-15 h1,
.section-15 h2,
.section-15 h3,
.section-15 h4,
.section-15 h5,
.section-15 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #3c254f
}

.titles-inverse .section-15 h1,
.titles-inverse .section-15 h2,
.titles-inverse .section-15 h3,
.titles-inverse .section-15 h4,
.titles-inverse .section-15 h5,
.titles-inverse .section-15 h6 {
    color: #161616
}

.section-15 p,
.section-15 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-15 p {
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .section-15 h1,
    .section-15 h2,
    .section-15 h3,
    .section-15 h4,
    .section-15 h5,
    .section-15 h6,
    .section-15 p {
        text-align: center
    }
    .section-15 .flexbox-container {
        flex-direction: column
    }
    .section-15 .right-side {
        width: 100%
    }
}

/* ------------ END MEDIA QUERIES ------------ */

.section-16 {
    min-height: 100px;
    padding: 30px 0
}

.section-16 h1,
.section-16 h2,
.section-16 h3,
.section-16 h4,
.section-16 h5,
.section-16 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 70px;
    color: #3c254f;
    text-align: center
}

.titles-inverse .section-16 h1,
.titles-inverse .section-16 h2,
.titles-inverse .section-16 h3,
.titles-inverse .section-16 h4,
.titles-inverse .section-16 h5,
.titles-inverse .section-16 h6 {
    color: #161616
}

.section-16 p,
.section-16 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-16 p {
    margin-bottom: 10px
}

.section-16 .box-info .title {
    margin-bottom: 35px
}

.section-16 .box-info .title,
.section-16 .box-info .title i,
.section-16 .box-info .title span {
    color: #3c254f;
    font-weight: 700;
    font-size: 20px
}

.section-16 .box-info .title i {
    float: left;
    margin-right: 7px;
    margin-left: -5px;
    font-size: 26px;
    margin-top: -4px
}

@media screen and (max-width:991px) {
    .section-16 .box-info {
        margin-bottom: 30px
    }
    .section-16 .box-info .title,
    .section-16 .box-info .title i,
    .section-16 .box-info .title span {
        margin-bottom: 15px
    }
}

.section-17 {
    min-height: 100px
}

.section-17 .slider-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 100%
}

.section-17 h1,
.section-17 h2,
.section-17 h3,
.section-17 h4,
.section-17 h5,
.section-17 h6 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff
}

.section-17 p,
.section-17 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-17 p {
    margin-bottom: 10px
}

.home-slider .slide .img-holder {
    width: 100%;
    height: 650px;
    background-size: cover;
    position: relative;
    background-position: center center
}

.home-slider .slide .info-holder {
    width: 35%;
    position: absolute;
    top: 30%;
    z-index: 999
}

.home-slider .slide .additional-img {
    width: 50%;
    position: absolute;
    bottom: 0;
    z-index: 999
}

.home-slider .slide .additional-img.left {
    left: 5%
}

.home-slider .slide .additional-img.right {
    right: 5%
}

.home-slider .slide .info-holder.left {
    left: 15%
}

.home-slider .slide .info-holder.right {
    right: 15%;
    text-align: left!important
}

.home-slider .slick-arrow {
    position: absolute;
    top: 45%;
    z-index: 4;
    font-size: 0;
    border: 0;
    background: 0 0;
    display: none!important
}

.home-slider:hover .slick-arrow {
    display: block!important
}

.bx-wrapper {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border: 0!important
}

.bx-wrapper .bx-controls-direction a {
    background: 0 0;
    font-size: 0;
    text-indent: 0!important;
    text-decoration: none!important
}

.bx-wrapper .bx-controls-direction a:before {
    font-family: FontAwesome;
    color: #fff;
    display: block;
    font-size: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .8)
}

.bx-wrapper .bx-controls-direction a.bx-next {
    right: 5%
}

.bx-wrapper .bx-controls-direction a.bx-next:before {
    content: '\f054'
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    left: 5%
}

.bx-wrapper .bx-controls-direction a.bx-prev:before {
    content: '\f053'
}

.home-slider .slick-dots {
    text-align: center;
    margin-top: 20px
}

.home-slider .slick-dots li {
    display: inline;
    font-size: 0;
    margin: 0 5px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    border: 0!important;
    height: 14px!important;
    width: 14px!important;
    -webkit-border-radius: 14px!important;
    -moz-border-radius: 14px!important;
    border-radius: 14px!important;
    background: #cfcfcf!important
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #3c254f!important
}

@media screen and (max-width:1366px) {
    .home-slider .slide .img-holder {
        max-height: 550px
    }
    .home-slider .slide .info-holder {
        width: 40%
    }
    .home-slider .slick-dots {
        margin: 30px 0
    }
    .section-17 h1,
    .section-17 h2,
    .section-17 h3,
    .section-17 h4,
    .section-17 h5,
    .section-17 h6 {
        font-size: 40px;
        margin-bottom: 30px
    }
    .section-17 p,
    .section-17 span {
        font-size: 17px;
        line-height: 25px
    }
}

/* ------------ MEDIA QUERIES ------------ */

@media screen and (max-width:991px) {
    .home-slider .slide .img-holder {
        max-height: 500px
    }
    .home-slider .slide .info-holder {
        width: 50%
    }
    .home-slider .slide .additional-img {
        width: 50%;
        height: 80%
    }
    .home-slider .slide .additional-img img {
        position: absolute;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto;
        display: block;
        left: 0;
        right: 0
    }
    .home-slider .slide .additional-img.left {
        left: 2%
    }
    .home-slider .slide .additional-img.right {
        right: 2%
    }
    .home-slider .slide .info-holder.left {
        left: 2%
    }
    .home-slider .slide .info-holder.right {
        right: 2%
    }
    .section-17 h1,
    .section-17 h2,
    .section-17 h3,
    .section-17 h4,
    .section-17 h5,
    .section-17 h6 {
        font-size: 30px;
        margin-bottom: 25px
    }
    .section-17 p,
    .section-17 span {
        font-size: 16px;
        line-height: 1.4
    }
}

@media screen and (max-width:768px) {   
    #footer-logo {
        text-align:center;
    }
}

@media screen and (max-width:768px) {
    .home-slider .slide .info-holder {
        width: 90%;
        position: relative;
        margin: 0 auto;
        top: 20px
    }
    .home-slider .slide .additional-img {
        width: 90%;
        margin: 0 auto;
        bottom: 0
    }
    .section-17 h1,
    .section-17 h2,
    .section-17 h3,
    .section-17 h4,
    .section-17 h5,
    .section-17 h6 {
        font-size: 20px;
        margin-bottom: 20px;
        text-align: center
    }
    .section-17 p,
    .section-17 span {
        text-align: center;
        font-size: 15px;
        line-height: 20px
    }
}

.section-18 {
    min-height: 100px;
    padding: 30px 0;
    text-align: center
}
.section-18 p a {
    color:#161616;
}

.section-18 h1,
.section-18 h2,
.section-18 h3,
.section-18 h4,
.section-18 h5,
.section-18 h6 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #161616
}

.section-18 p,
.section-18 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-18 p {
    margin-bottom: 10px
}

.section-18 .feature {
    padding: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 15px 0
}

.section-18 .feature .icon {
    width: 105px;
    height: 105px;
    margin: 0 auto 45px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 45px;
    padding-top: 20px;
    background: #3c254f
}

.section-18 .feature .icon i {
    color: #fff
}

.section-18 .feature .icon i.material-icons {
    font-size: 55px;
    margin-top: 6px
}

.section-18 .feature:hover {
    cursor: pointer
}

.section-18 .feature:hover .icon {
    background: #ec8828
}

.section-18 .feature:hover .icon i {
    color: #fff
}

.section-19 {
    min-height: 100px;
    padding: 30px 0;
    background: rgba(61, 0, 180, .05)
}

.section-19 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-19 .left-side {
    text-align: left
}

.section-19 h1,
.section-19 h2,
.section-19 h3,
.section-19 h4,
.section-19 h5,
.section-19 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #3c254f
}

.titles-inverse .section-19 h1,
.titles-inverse .section-19 h2,
.titles-inverse .section-19 h3,
.titles-inverse .section-19 h4,
.titles-inverse .section-19 h5,
.titles-inverse .section-19 h6 {
    color: #161616
}

.section-19 p,
.section-19 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-19 p {
    margin-bottom: 10px
}

.section-19 .prices .price-holder {
    margin: 20px 0;
    border-right: 1px solid #3c254f;
    display: inline-block;
    padding: 0 35px
}

@media screen and (min-width:480px) {
    .section-19 .prices .price-holder:nth-child(1),
    .section-19 .prices .price-holder:nth-child(10),
    .section-19 .prices .price-holder:nth-child(13),
    .section-19 .prices .price-holder:nth-child(16),
    .section-19 .prices .price-holder:nth-child(4),
    .section-19 .prices .price-holder:nth-child(7) {
        padding-left: 0
    }
}

@media screen and (max-width:479px) {
    .section-19 .prices .price-holder {
        padding: 0 20px
    }
}

.section-19 .prices .price-holder:last-of-type {
    border-right: 0
}

.section-19 .prices .price-holder .model {
    font-size: 48px;
    font-weight: 700;
    color: #161616
}

.section-19 .prices .price-holder .model span {
    font-size: 24px;
    margin: 0 5px
}

.section-19 .prices .price-holder .price {
    font-size: 16px;
    color: #a8a8a8
}

.section-19 .btn {
    min-width: 150px
}

@media screen and (max-width:991px) {
    .section-19 h1,
    .section-19 h2,
    .section-19 h3,
    .section-19 h4,
    .section-19 h5,
    .section-19 h6,
    .section-19 p {
        text-align: center
    }
    .section-19 .flexbox-container {
        flex-direction: column-reverse
    }
}

@media screen and (max-width:1199px) {
    .section-19 .img-holder {
        margin-bottom: 30px
    }
}

.section-20 {
    min-height: 100px;
    padding: 30px 0
}

.section-20 .flexbox-container {
    align-items: center;
    justify-content: center
}

.section-20 .left-side {
    text-align: left
}

.section-20 h1,
.section-20 h2,
.section-20 h3,
.section-20 h4,
.section-20 h5,
.section-20 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #161616;
}

.section-20 p,
.section-20 span {
    font-size: 18px;
    line-height: 1.5;
    color: #161616
}

.section-20 p {
    margin-bottom: 15px
}

.section-20 .img-holder {
    padding: 70px 0 0 70px;
    text-align: left;
    background: 0 0
}

.section-20 .img-holder .decoration {
    width: 260px;
    height: 260px;
    background: rgba(61, 0, 180, .83);
    position: absolute;
    margin: -70px 0 0 -70px
}

.section-20 .mw-waves-btn {
    z-index: 1;
    text-align: center;
    display: inline-block;
    position: absolute;
    margin-left: 200px;
    margin-top: 180px
}

.section-20 .img-holder img {
    width: 100%;
    max-width: 450px
}

.section-20 .img-holder .img {
    width: 100%;
    max-width: 450px;
    position: relative
}

.section-20 .img-holder .img:after {
    position: absolute;
    content: '';
    display: block;
    opacity: .1;
    background: #282627;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none
}

.section-20 .features .feature {
    padding: 10px 0;
    display: inline-block;
    width: 32%
}

.section-20 .features .count {
    font-size: 36px;
    color: #3c254f;
    font-weight: 700
}

.section-20 .features .title {
    font-size: 18px;
    color: #161616;
    font-weight: 700;
    min-height: 50px
}

@media screen and (max-width:991px) {
    .section-20 h1,
    .section-20 h2,
    .section-20 h3,
    .section-20 h4,
    .section-20 h5,
    .section-20 h6,
    .section-20 p {
        text-align: center
    }
    .section-20 .flexbox-container {
        flex-direction: column-reverse
    }
}

@media screen and (max-width:480px) {
    .section-20 .mw-waves-btn {
        margin-left: 169px;
        margin-top: 157px
    }
    .section-20 .features .feature {
        width: 100%;
        text-align: center
    }
}

.section-21 {
    min-height: 100px;
    padding: 30px 0
}

.section-21 h1,
.section-21 h2,
.section-21 h3,
.section-21 h4,
.section-21 h5,
.section-21 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}

.section-21 p,
.section-21 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-21 p {
    margin-bottom: 10px
}

.section-21 .leave-message-holder {
    padding: 35px 50px;
    background-color: #fff;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    max-width: 450px;
    margin: 0 auto
}

.section-21 .leave-message-holder h4,
.section-21 .leave-message-holder p {
    text-align: center;
    color: #161616
}

@media screen and (max-width:1199px) {
    .section-21 .leave-message-holder {
        margin-top: 50px
    }
    .section-21 .row>div:first-of-type {
        text-align: center
    }
}

.section-22 {
    min-height: 100px;
    padding: 30px 0;
    background-color: #f5f5f5;
    background-image: url(../img/section-22/bg.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-origin: content-box
}

.section-22 h3 {
    font-size: 20px;
    color: #161616;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 26px
}

.section-22 p,
.section-22 span {
    font-size: 18px;
    line-height: 26px;
    color: #606060
}

.section-22 .feature {
    padding: 15px 30px;
    margin: 15px 0;
    border-bottom: 5px solid transparent;
    background: #f5f5f5
}

.section-22 .feature:hover {
    background: #fff;
    border-bottom: 5px solid #ff2051
}

.section-22 .feature a {
    display: block;
    text-decoration: none
}

.section-22 .feature .desc {
    min-height: 90px
}

.section-22 .feature .icon {
    width: 35px;
    height: 35px;
    margin: 0 0 45px;
    font-size: 25px
}

.section-22 .feature .icon i {
    color: #3c254f
}

.section-22 .feature .icon i.material-icons {
    font-size: 35px;
    margin-top: 6px
}

.section-22 .feature:hover {
    cursor: pointer
}

.section-22 .feature:hover .icon i {
    color: #ff2051
}

.section-22 .feature .label-read-more {
    color: #ff2051;
    position: absolute;
    right: 60px;
    font-size: 14px;
    font-weight: 700;
    display: none;
    top: 45px
}

.section-22 .feature:hover .label-read-more {
    display: block
}

.section-22 .gradient-colors {
    max-width: 380px;
    height: 380px;
    padding: 70px;
    margin-top: -120px;
    background: #ff2051
}

.section-22 .gradient-colors,
.section-22 .gradient-colors p {
    line-height: 54px;
    font-size: 40px;
    font-weight: 700;
    color: #fff
}

.section-23 {
    min-height: 100px;
    padding: 30px 0;
    text-align: center
}

.section-23 h1,
.section-23 h2,
.section-23 h3,
.section-23 h4,
.section-23 h5,
.section-23 h6 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #161616
}

.section-23 .title {
    min-height: 90px
}

.section-23 .title span {
    font-size: 18px;
    line-height: 26px;
    color: #606060;
    display: block;
    font-weight: 700
}

.section-23 p,
.section-23 span {
    font-size: 18px;
    line-height: 1.5;
    color: #606060
}

.section-23 p {
    margin-bottom: 10px
}

.section-23 .feature {
    padding: 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin: 15px 0
}

.section-23 .feature .icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 25px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    font-size: 25px;
    padding-top: 15px;
    background: #3c254f
}

.section-23 .feature .icon i {
    color: #fff
}

.section-23 .feature .icon i.material-icons {
    font-size: 35px;
    margin-top: 6px
}

.section-23 .feature:hover {
    cursor: pointer
}

.section-23 .feature:hover .icon {
    background: #ff2051
}

.section-23 .feature:hover .icon i {
    color: #fff
}

.section-24 {
    min-height: 100px;
    padding: 30px 0;
    background-color: #3c254f;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.section-24 h1,
.section-24 h2,
.section-24 h3,
.section-24 h4,
.section-24 h5,
.section-24 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff
}

.section-24 p,
.section-24 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-24 p {
    margin-bottom: 15px
}

.section-25 {
    min-height: 100px;
    padding: 30px 0;
    background: #f5f5f5
}

.section-25 .container {
    padding: 0 5%;
    text-align: center
}

.section-25 h1,
.section-25 h2,
.section-25 h4,
.section-25 h5,
.section-25 h6 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #3c254f
}

.titles-inverse .section-25 h1,
.titles-inverse .section-25 h2,
.titles-inverse .section-25 h4,
.titles-inverse .section-25 h5,
.titles-inverse .section-25 h6 {
    color: #161616
}

.section-25 h3 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #161616
}

.section-25 p,
.section-25 span {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    color: #161616
}

.section-25 p {
    margin-bottom: 10px
}

.section-25 .imgs-holder .img {
    background-size: cover;
    width: 100%;
    min-height: 320px
}

@media screen and (max-width:991px) {
    .section-25 .imgs-holder .img {
        margin-bottom: 25px
    }
}

.section-26 {
    min-height: 100px;
    padding: 30px 0
}

.section-26 .container {
    padding: 0 10%;
    text-align: center
}

.section-26 h1,
.section-26 h2,
.section-26 h3,
.section-26 h4,
.section-26 h5,
.section-26 h6 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff
}

.section-26 p,
.section-26 span {
    font-size: 30px;
    line-height: 36px;
    color: #fff
}

.section-26 p {
    margin-bottom: 10px
}

.section-27 {
    min-height: 100px;
    padding: 30px 0;
    background: #f5f5f5
}

.section-27 h3 {
    font-size: 36px;
    color: #161616
}

.section-27 h4 {
    font-size: 36px;
    font-weight: 700;
    color: #161616;
    margin-bottom: 30px
}

.section-27 h5 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center
}

.section-27 p,
.section-27 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-27 p {
    margin-bottom: 10px;
    text-align: center
}

.section-27 .feature {
    padding: 30px;
    margin: 0 0 30px;
    background: #3c254f
}

.section-27 .feature .icon {
    width: 45px;
    height: 45px;
    margin: 0 auto 45px;
    font-size: 40px
}

.section-27 .feature .icon i {
    color: #fff
}

.section-27 .feature .icon i.material-icons {
    font-size: 50px;
    margin-top: 6px
}

.section-27 .feature:hover {
    cursor: pointer
}

@media screen and (max-width:991px) {
    .section-27 h3,
    .section-27 h4 {
        text-align: center
    }
}

.section-28 {
    min-height: 100px;
    padding: 30px 0
}

.section-28 h4 {
    font-size: 42px;
    color: #161616;
    margin-bottom: 30px;
    text-align: center
}

.section-28 h5 {
    font-size: 42px;
    font-weight: 700;
    color: #161616;
    text-align: center
}

.section-28 p,
.section-28 span {
    font-size: 18px;
    line-height: 1.5
}

.section-28 p {
    margin-bottom: 10px
}

.section-29 {
    min-height: 100px;
    padding: 30px 0;
    background: #2f303c
}

.section-29 h1,
.section-29 h2,
.section-29 h3,
.section-29 h4,
.section-29 h5,
.section-29 h6 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff
}

.section-29 p,
.section-29 span {
    color: #fff;
    font-size: 18px;
    line-height: 1.5
}

.section-29 p {
    margin-bottom: 10px
}

@media screen and (max-width:991px) {
    .section-29 h1,
    .section-29 h2,
    .section-29 h3,
    .section-29 h4,
    .section-29 h5,
    .section-29 h6,
    .section-29 p {
        text-align: center
    }
}

.section-30 {
    background: #3c254f;
    background: -moz-linear-gradient(top, #3c254f 0, #4d009c 100%);
    background: -webkit-linear-gradient(top, #3c254f 0, #4d009c 100%);
    background: linear-gradient(to bottom, #3c254f 0, #4d009c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@default', endColorstr='#4d009c', GradientType=0);
    min-height: 100px;
    padding: 30px 0;
    overflow-x: hidden
}

.section-30 h1 {
    font-size: 150px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff
}

.section-30 h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff
}

.section-30 p,
.section-30 span {
    font-size: 18px;
    line-height: 1.5;
    color: #fff
}

.section-30 p {
    margin-bottom: 10px
}

.section-30 .info-block {
    width: 100%;
    text-align: center;
    float: left
}

.section-30 .mockup-block {
    width: 100%;
    float: left;
    margin-top: 45px;
    text-align: center
}

.section-30 .mockup-block img {
    position: relative
}

.section-30 .elements-holder {
    margin-top: 0;
    display: inline-block;
    height: 100%
}

.section-30 .mockup-block .planet {
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.section-30 .comet {
    position: absolute;
    width: 99px;
    height: 75px;
    background-image: url(../img/section-1/comet.png);
    background-repeat: no-repeat;
    margin-top: -77px;
    margin-left: 220px
}
.section-51,
.section-52,
.section-53{
    min-height: 100px;
    padding: 30px 0
}

.section-51 .flexbox-container,
.section-52 .flexbox-container,
.section-53 .flexbox-container{
    align-items: center;
    justify-content: center
}

.section-51 h1,
.section-51 h2,
.section-51 h3,
.section-51 h4,
.section-51 h5,
.section-51 h6,
.section-52 h1,
.section-52 h2,
.section-52 h3,
.section-52 h4,
.section-52 h5,
.section-52 h6,
.section-53 h1,
.section-53 h2,
.section-53 h3,
.section-53 h4,
.section-53 h5,
.section-53 h6{
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
    color: #3c254f
}

.titles-inverse .section-51 h1,
.titles-inverse .section-51 h2,
.titles-inverse .section-51 h3,
.titles-inverse .section-51 h4,
.titles-inverse .section-51 h5,
.titles-inverse .section-51 h6,
.titles-inverse .section-52 h1,
.titles-inverse .section-52 h2,
.titles-inverse .section-52 h3,
.titles-inverse .section-52 h4,
.titles-inverse .section-52 h5,
.titles-inverse .section-52 h6,
.titles-inverse .section-53 h1,
.titles-inverse .section-53 h2,
.titles-inverse .section-53 h3,
.titles-inverse .section-53 h4,
.titles-inverse .section-53 h5,
.titles-inverse .section-53 h6{
    color: #161616
}

.section-51 p,
.section-51 span,
.section-52 p,
.section-52 span,
.section-53 p,
.section-53 span{
    font-size: 26px;
    line-height: 1.5;
    color: #161616
}

.section-51 p,
.section-52 p,
.section-53 p,
.section-54 p{
    margin-bottom: 20px
}
.section-51 img {
    width:100%;
    max-width:400px;
}
.section-52 img {
    width:100%;
    max-width:600px;    
}
.section-53 img {
    width:100%;
    max-width:400px;
}
.section-54 {
    background: #3c254f;
    background: -moz-linear-gradient(top, #3c254f 0, #2f224d 100%);
    background: -webkit-linear-gradient(top, #3c254f 0, #2f224d 100%);
    background: linear-gradient(to bottom, #3c254f 0, #2f224d 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='@default', endColorstr='@defaultGradient', GradientType=0);
    min-height: 100px;
    padding: 30px 0;
    overflow-x: hidden
}

.section-54 #sos-logo {
    max-width:200px;
    margin-bottom:20px;
    margin-left:20px;
    float: right;
}

.section-54 h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 50px;
    color: #fff;
    display:inline-block;
}

.section-54 p,
.section-54 span {
    font-size: 20px; /*18px;*/
    line-height: 1.4;
    color: #fff
}

/*
.section-54 .info-block {
    width: 50%;
    position: relative
}
*/

.section-54 .mockup-block {
    /*width: 50%;
    position: relative;
    margin-right: 50px;*/
}

.section-54 .mockup-block img {
    position: relative
}

.section-54 .elements-holder {    
    display: table;
    height: 100%
}

.section-54 .mockup-block .mockup {
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}
@media screen and (max-width:991px) {
    .section-51 .flexbox-container,
    .section-52 .flexbox-container{
        flex-direction: column
    }
}

@media screen and (max-width:1199px) {
    .section-51 .img-holder,
    .section-52 .img-holder {
        margin-bottom: 30px
    }
}
@media screen and (max-width:1450px) {
    .section-30 {
        padding: 30px 0!important
    }
    .section-30 .m-t-80 {
        margin-top: 50px!important
    }
}

@media screen and (max-width:1366px) {
    .section-1 h1 {
        font-size: 50px;
        margin-bottom: 50px
    }
    .section-1 p,
    .section-1 span {
        font-size: 18px
    }
    .section-11 h1,
    .section-11 h2,
    .section-11 h3,
    .section-11 h4,
    .section-11 h5,
    .section-11 h6,
    .section-13 h1,
    .section-13 h2,
    .section-13 h3,
    .section-13 h4,
    .section-13 h5,
    .section-13 h6,
    .section-14 h1,
    .section-14 h2,
    .section-14 h3,
    .section-14 h4,
    .section-14 h5,
    .section-14 h6,
    .section-16 h1,
    .section-16 h2,
    .section-16 h3,
    .section-16 h4,
    .section-16 h5,
    .section-16 h6,
    .section-19 h1,
    .section-19 h2,
    .section-19 h3,
    .section-19 h4,
    .section-19 h5,
    .section-19 h6,    
    .section-4 h1,
    .section-4 h2,
    .section-4 h3,
    .section-4 h4,
    .section-4 h5,
    .section-4 h6,
    .section-5 h1,
    .section-5 h2,
    .section-5 h3,
    .section-5 h4,
    .section-5 h5,
    .section-5 h6,
    .section-6 h1,
    .section-6 h2,
    .section-6 h3,
    .section-6 h4,
    .section-6 h5,
    .section-6 h6,
    .section-9 h1,
    .section-9 h2,
    .section-9 h3,
    .section-9 h4,
    .section-9 h5,
    .section-9 h6 {
        font-size: 36px;
        margin-bottom: 20px
    }
    .section-3 h1,
    .section-3 h2,
    .section-3 h3,
    .section-3 h4,
    .section-3 h5,
    .section-3 h6 {
        font-size: 24px;
        margin-bottom: 35px
    }
    .section-7 h1,
    .section-7 h2,
    .section-7 h3,
    .section-7 h4,
    .section-7 h5,
    .section-7 h6 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .section-8 h1,
    .section-8 h2,
    .section-8 h3,
    .section-8 h4,
    .section-8 h5,
    .section-8 h6 {
        font-size: 36px;
        margin-bottom: 20px
    }
}

@media screen and (max-width:991px) {
    .section-1 h1 {
        font-size: 40px;
        margin-bottom: 40px
    }
    .section-1 p,
    .section-1 span {
        font-size: 16px
    }
    .section-11 h1,
    .section-11 h2,
    .section-11 h3,
    .section-11 h4,
    .section-11 h5,
    .section-11 h6,
    .section-13 h1,
    .section-13 h2,
    .section-13 h3,
    .section-13 h4,
    .section-13 h5,
    .section-13 h6,
    .section-14 h1,
    .section-14 h2,
    .section-14 h3,
    .section-14 h4,
    .section-14 h5,
    .section-14 h6,
    .section-16 h1,
    .section-16 h2,
    .section-16 h3,
    .section-16 h4,
    .section-16 h5,
    .section-16 h6,
    .section-2 h1,
    .section-2 h2,
    .section-2 h4,
    .section-2 h5,
    .section-2 h6,
    .section-4 h1,
    .section-4 h2,
    .section-4 h3,
    .section-4 h4,
    .section-4 h5,
    .section-4 h6,
    .section-5 h1,
    .section-5 h2,
    .section-5 h3,
    .section-5 h4,
    .section-5 h5,
    .section-5 h6,
    .section-6 h1,
    .section-6 h2,
    .section-6 h3,
    .section-6 h4,
    .section-6 h5,
    .section-6 h6,
    .section-9 h1,
    .section-9 h2,
    .section-9 h3,
    .section-9 h4,
    .section-9 h5,
    .section-9 h6 {
        font-size: 32px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .section-3 h1,
    .section-3 h2,
    .section-3 h3,
    .section-3 h4,
    .section-3 h5,
    .section-3 h6 {
        font-size: 24px;
        margin-bottom: 35px
    }
    .section-7 h1,
    .section-7 h2,
    .section-7 h3,
    .section-7 h4,
    .section-7 h5,
    .section-7 h6 {
        font-size: 20px;
        margin-bottom: 20px
    }
    .section-8 h1,
    .section-8 h2,
    .section-8 h3,
    .section-8 h4,
    .section-8 h5,
    .section-8 h6 {
        font-size: 32px;
        margin-bottom: 20px
    }
}

.blog-inner-page .heading {
    text-align: center
}

.blog-inner-page .heading h1 {
    font-size: 40px;
    color: #161616;
    font-weight: 700
}

.blog-inner-page .heading-image {
    width: 100%;
    height: 70vh;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.blog-inner-page .description p {
    line-height: 25px;
    font-size: 16px;
    color: #161616;
    text-align: justify;
    margin-bottom: 25px
}

.blog-inner-page .share-label {
    font-size: 18px;
    color: #161616;
    font-weight: 700
}

.comments-holder .comments .comment-holder {
    text-align: center
}

.comments-holder .comments .comment-holder .author,
.comments-holder .comments .comment-holder .author a,
.comments-holder .comments .comment-holder .author span {
    font-size: 20px;
    color: #3c254f;
    font-weight: 700;
    text-decoration: none
}

.comments-holder .comments .comment-holder .date {
    margin-bottom: 20px
}

.comments-holder .comments .comment-holder .date,
.comments-holder .comments .comment-holder .date span {
    font-size: 12px;
    color: #9f9f9f
}

.comments-holder .comments .comment-holder .description {
    width: 80%;
    margin: 0 auto
}

.comments-holder .comments .comment-holder .description,
.comments-holder .comments .comment-holder .description p {
    font-size: 16px;
    color: #161616;
    text-align: center
}

@media screen and (max-width:768px) {
    .blog-inner-page .heading-image {
        width: 100%;
        height: 30vh;
        -webkit-background-size: contain;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: inherit
    }
}

.shop-inner-page .container {
    padding: 0 5%
}

.shop-inner-page .heading h1 {
    font-size: 40px;
    color: rgb(60, 37, 79);
    font-weight: 700
}

.shop-inner-page .description {
    margin-top: 40px
}

.shop-inner-page .description p {
    line-height: 25px;
    font-size: 16px;
    color: #161616;
    text-align: justify;
    margin-bottom: 25px
}

.shop-inner-page .description table {
    width: auto !important;
}

.shop-inner-page .share-label {
    font-size: 18px;
    color: #161616;
    font-weight: 700
}

.shop-inner-page .price-label {
    font-size: 30px;
    color: rgb(60, 37, 79);
    font-weight: 700;
    padding-top: 4px;
    display: inline-block
}

.shop-inner-page .comments .comment-holder {
    text-align: center
}

.shop-inner-page .comments .comment-holder .author,
.shop-inner-page .comments .comment-holder .author a,
.shop-inner-page .comments .comment-holder .author span {
    font-size: 20px;
    color: #3c254f;
    font-weight: 700;
    text-decoration: none
}

.shop-inner-page .comments .comment-holder .date {
    margin-bottom: 20px
}

.shop-inner-page .comments .comment-holder .date,
.shop-inner-page .comments .comment-holder .date span {
    font-size: 12px;
    color: #9f9f9f
}

.shop-inner-page .comments .comment-holder .description {
    width: 80%;
    margin: 0 auto
}

.shop-inner-page .comments .comment-holder .description,
.shop-inner-page .comments .comment-holder .description p {
    font-size: 16px;
    color: #161616;
    text-align: center
}

.shop-inner-page .elevatezoom {
    position: relative;
    margin-bottom: 40px
}

.shop-inner-page .tabs .tab-pane {
    padding: 50px 0
}

.zoomContainer {
    z-index: 3
}

.shop-inner-page .elevatezoom .main-image {
    max-width: 100%
}

.shop-inner-page .elevatezoom .elevatezoom-holder {
    background-color: #ffffff;
    /*height: 550px;*/
    position: relative;
    white-space: nowrap;
    max-height: 100%;
    text-align: center;
    max-width: 550px;
    margin: 0 auto
}

.shop-inner-page .elevatezoom .elevatezoom-holder img {
    max-height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.shop-inner-page .elevatezoom .elevatezoom-holder .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.shop-inner-page .elevatezoom .elevatezoom-holder .zoomWrapper {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    margin-left: -3px
}

.shop-inner-page .elevatezoom #elevatezoom-gallery {
    margin-top: 25px;
    position: relative
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-list {
    margin: 0 -10px
}

.shop-inner-page .elevatezoom #elevatezoom-gallery a {
    display: block;
    height: 125px;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
    margin: 6px;
    /*background-color: #f0f0f0;*/
    background-position: center center;
    border: 1px solid #f0f0f0;
    width: 125px !important;
}

.shop-inner-page .elevatezoom #elevatezoom-gallery a.slick-active:nth-of-type(1) {
    margin-left: 0
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-arrow {
    position: absolute;
    top: 60px;
    z-index: 4;
    font-size: 0;
    border: 0;
    background: 0 0;
    display: none!important
}

.shop-inner-page .elevatezoom #elevatezoom-gallery:hover .slick-arrow {
    display: block!important
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-arrow:before {
    font-family: FontAwesome;
    color: #161616;
    display: block;
    font-size: 20px;
    text-shadow: 0 2px 2px rgba(255, 255, 255, .8)
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-next {
    right: 0
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-next:before {
    content: '\f054'
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-prev {
    left: 0
}

.shop-inner-page .elevatezoom #elevatezoom-gallery .slick-prev:before {
    content: '\f053'
}

.masonry-gallery .image-holder {
    position: relative;
    overflow: hidden;
    z-index: 60
}

.masonry-gallery .image-holder:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
    z-index: 50;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.masonry-gallery .image-holder:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.masonry-gallery .image-holder:hover .image-holder__descr,
.masonry-gallery .image-holder:hover .image-holder__icon {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.masonry-gallery .image-holder_dark:after {
    border-color: #2b2b2b
}

.masonry-gallery .image-holder__img {
    width: 100%;
    height: auto
}

.masonry-gallery .image-holder__descr {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    background-color: #ff2051;
    text-align: center;
    padding: 17px 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.projects .masonry-gallery .image-holder__descr {
    background-color: rgba(255, 255, 255, .71);
    text-align: left;
    padding: 15px 20px
}

.projects .masonry-gallery .image-holder__descr .image-holder__heading {
    color: #3c254f;
    font-size: 16px;
    text-transform: none;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.projects .masonry-gallery .image-holder__descr .image-holder__description {
    color: #161616;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.masonry-gallery .image-holder__heading {
    font-size: 1.07692rem;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

.masonry-gallery .image-holder__icon {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: #3c254f;
    text-align: center;
    padding: 3px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    -webkit-transform: translate(10px, -10px);
    -ms-transform: translate(10px, -10px);
    transform: translate(10px, -10px)
}

.masonry-gallery .image-holder__icon:before {
    content: '\f105';
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.23077rem;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.masonry-gallery .masonry-grid-works {
    margin: 0 -10px
}

.masonry-gallery .masonry-grid-works_fullwidth {
    margin: 0
}

.masonry-gallery .masonry-grid-works__sizer_w-20 {
    width: 20%
}

.masonry-gallery .masonry-grid-works__sizer_w-25 {
    width: 25%
}

.masonry-gallery .masonry-grid-works__sizer_w-33 {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3)
}

.masonry-gallery .masonry-grid-works__item {
    padding: 10px
}

.masonry-gallery .masonry-grid-works__item_fullwidth {
    padding: 0
}

.masonry-gallery .masonry-grid-works__item_w-20 {
    width: 20%
}

.masonry-gallery .masonry-grid-works__item_w-25 {
    width: 25%
}

.masonry-gallery .masonry-grid-works__item_w-33 {
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3)
}

.masonry-gallery .list-masonry-grid-works-filter {
    display: block;
    text-align: center
}

.masonry-gallery .list-masonry-grid-works-filter__item {
    display: inline-block
}

.masonry-gallery .list-masonry-grid-works-filter__link {
    margin: 0 10px
}

.masonry-gallery .list-masonry-grid-works-filter__link_active .list-masonry-grid-works-filter__link-lines {
    opacity: 1;
    visibility: visible
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines {
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines:after,
.masonry-gallery .list-masonry-grid-works-filter__link-lines:before {
    content: '';
    display: block;
    background-color: #3c254f;
    position: absolute
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_top:before {
    width: 1px;
    height: 38px;
    bottom: -9px;
    left: 2px
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_top:after {
    width: 1px;
    height: 30px;
    bottom: -9px;
    left: 0
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_bottom:before {
    width: 1px;
    height: 38px;
    top: -9px;
    right: 2px
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_bottom:after {
    width: 1px;
    height: 30px;
    top: -9px;
    right: 0
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_left:before {
    width: 60px;
    height: 1px;
    bottom: 2px;
    left: -9px
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_left:after {
    width: 50px;
    height: 1px;
    bottom: 0;
    left: -9px
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_right:before {
    width: 60px;
    height: 1px;
    top: 2px;
    right: -9px
}

.masonry-gallery .list-masonry-grid-works-filter__link-lines_right:after {
    width: 50px;
    height: 1px;
    top: 0;
    right: -9px
}

@media only screen and (max-width:1200px) {
    .masonry-gallery .masonry-grid-works__item_w-20,
    .masonry-gallery .masonry-grid-works__sizer_w-20 {
        width: 50%
    }
}

@media only screen and (max-width:991px) {
    .masonry-gallery .masonry-grid-works__item_w-25,
    .masonry-gallery .masonry-grid-works__item_w-33,
    .masonry-gallery .masonry-grid-works__sizer_w-25,
    .masonry-gallery .masonry-grid-works__sizer_w-33 {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .masonry-gallery .list-masonry-grid-works-filter__item {
        display: block;
        margin-bottom: 15px;
        padding: 0 15px
    }
    .masonry-gallery .list-masonry-grid-works-filter__item:last-child {
        margin-bottom: 0
    }
}

@media only screen and (max-width:480px) {
    .masonry-gallery .image-holder__descr {
        opacity: 1
    }
    .masonry-gallery .masonry-grid-works__item_w-20,
    .masonry-gallery .masonry-grid-works__item_w-25,
    .masonry-gallery .masonry-grid-works__item_w-33,
    .masonry-gallery .masonry-grid-works__sizer_w-20,
    .masonry-gallery .masonry-grid-works__sizer_w-25,
    .masonry-gallery .masonry-grid-works__sizer_w-33 {
        width: 100%
    }
}

@media screen and (min-width:1450px) {
    .modal-dialog {
        margin: 10% auto
    }
}

#shoppingCartModal .product .qty {
    min-width: 90px !important; 
}

#shoppingCartModal .mw-qty-field {
    width: 100% !important;
    display: block;
}

#shoppingCartModal .mw-qty-field input[name="qty"] {
    text-align: center;
    padding-left: 6px !important;
    padding-right: 6px !important;
    height: 34px;
    width: 100% !important;
}

#shoppingCartModal .product {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 15px;
}

.checkout-modal .modal-content {
    border: 1px solid #c3c3c3!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;    
    color: #505050
}

.checkout-modal .modal-header {
    padding-bottom: 0;
    border-color: #c3c3c3
}

.checkout-modal .modal-header .close {
    margin-top: -25px;
    margin-right: -25px;
    background: #f5f5f5;
    opacity: 1;
    color: #505050;
    padding: 1px 5px;
    border: 1px solid #c3c3c3;
    border-radius: 100%
}

.checkout-modal .step-button {
    text-align: center;
    padding: 0
}

.checkout-modal .step-button a {
    text-decoration: none;
    display: block
}

.checkout-modal .step-button.muted a {
    opacity: .4
}

.checkout-modal .step-button .active {
    border-bottom: 2px solid #3c254f
}

.checkout-modal .step-button i {
    font-size: 24px;
    color: #505050
}

.checkout-modal .step-button span {
    display: block;
    font-size: 14px;
    color: #505050;
    font-weight: 700;
    padding-bottom: 10px
}

.checkout-modal .js-step-content {
    display: none
}

.checkout-modal .js-step-content .btn {
    border-radius: 10px
}

.checkout-modal .js-shopping-cart .products .product {
    font-size: 14px;
    border-bottom: 1px solid #c3c3c3;
    padding: 10px 0
}

.module-shop-shipping-gateways-country .shipping-country-select {
    max-width: 250px;
    height: 46px !important;
}

@media screen and (max-width:991px) {
    .checkout-modal .js-shopping-cart .products .product img {
        max-width: 200px;
        margin: 0 auto;
        display: block
    }
}

.checkout-modal .js-shopping-cart .products .product:hover {
    background: #fff
}

.checkout-modal .js-shopping-cart .products .product .action {
    padding-left: 0;
    padding-right: 0
}

.checkout-modal .js-shopping-cart .products .product .action a {
    color: #ff2051;
    opacity: 1;
    display: inline-block
}

.checkout-modal .js-shopping-cart .products .product .qty {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.checkout-modal .js-shopping-cart .products .product .qty select {
    margin-top: 25px
}

.checkout-modal .js-shopping-cart .products .product .action .tooltip {
    margin-top: 5px
}

.checkout-modal .js-shopping-cart .products .product .action,
.checkout-modal .js-shopping-cart .products .product .price,
.checkout-modal .js-shopping-cart .products .product .title {
    padding-top: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.checkout-modal .js-shopping-cart .products .product .action,
.checkout-modal .js-shopping-cart .products .product .price {
    text-align: center
}

.checkout-modal .js-shopping-cart .amount .promocode,
.checkout-modal .js-shopping-cart .amount .total {
    padding-top: 35px
}

.checkout-modal .js-shopping-cart .amount .promocode .form-control {
    font-size: 14px;
    font-style: italic
}

.checkout-modal .js-shopping-cart .amount .promocode p,
.checkout-modal .js-shopping-cart .amount .total p {
    margin-bottom: 20px
}

.checkout-modal .js-shopping-cart .amount .promocode .btn {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.checkout-modal .js-shopping-cart .amount .promocode .form-control {
    margin: 0
}

.checkout-modal .js-shopping-cart .amount .total,
.checkout-modal .js-step-content {
    font-size: 16px
}

.checkout-modal .js-step-content .form-control {
    border: 0;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px
}

.checkout-modal .js-step-content .fields .field-holder {
    margin-bottom: 0
}

.checkout-modal .js-step-content .fields .field-holder .bootstrap-select,
.checkout-modal .js-step-content .fields .field-holder .form-control {
    width: 100%!important
}

.checkout-modal .js-step-content .fields .field-holder .bootstrap-select .btn {
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0
}

.checkout-modal .js-step-content .fields:after {
    display: block;
    clear: both;
    content: ''
}

.checkout-modal .js-step-content .fields.x2,
.checkout-modal .js-step-content .fields.x3 {
    margin: 0 -5px
}

.checkout-modal .js-step-content .fields.x2 .field-holder {
    float: left;
    width: 50%;
    padding: 0 5px
}

.checkout-modal .js-step-content .fields.x3 .field-holder {
    float: left;
    width: 33.3%;
    padding: 0 5px
}

@media screen and (max-width:767px) {
    .checkout-modal .js-shopping-cart .products .product .title {
        text-align: center
    }
}

@media (min-width:1450px) {
    .checkout-modal .modal-dialog {
        width: 700px
    }
}

.login-modal .modal-content {
    border: 1px solid #c3c3c3!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background: rgb(255, 236, 214);
    color: #505050
}

.login-modal .modal-header {
    padding-bottom: 0;
    border: 0
}

.login-modal .modal-header .close {
    margin-top: -25px;
    margin-right: -25px;
    background: #f5f5f5;
    opacity: 1;
    color: #505050;
    padding: 1px 5px;
    border: 1px solid #c3c3c3;
    border-radius: 100%
}

.login-modal .modal-dialog {
    max-width: 500px
}

.login-modal .modal-body {
    padding: 20px 60px
}

.login-modal .modal-body .form-control {
    background: #fff;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #505050;
    font-size: 16px
}

.login-modal .modal-body p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 24px
}

.login-modal .modal-body .icon {
    text-align: center;
    margin-bottom: 20px
}

.login-modal .modal-body .icon i {
    font-size: 45px;
    color: #333
}

.login-modal .socials-login {
    display: flex;
    width: 100%;
    margin: 20px 0 30px
}

.login-modal .socials-login a {
    color: #fff;
    flex: 1;
    padding: 5px 10px;
    font-size: 24px;
    text-align: center;
    margin: 0 2px
}

.login-modal .socials-login a:hover {
    opacity: .8
}

.login-modal .socials-login .facebook {
    background-color: #3b5998
}

.login-modal .socials-login .twitter {
    background-color: #00aced
}

.login-modal .socials-login .gplus {
    background-color: #db4437
}

.login-modal .socials-login .linkedin {
    background-color: #0077b5
}

.login-modal .socials-login .github {
    background-color: #333
}

.login-modal .socials-login .microweber {
    background-color: #0086db
}

.login-modal .or {
    line-height: .5;
    text-align: center;
    position: relative;
    overflow: hidden
}

.login-modal .or span {
    display: inline-block;
    position: relative
}

.login-modal .or span:after,
.login-modal .or span:before {
    content: "";
    position: absolute;
    height: 13px;
    border-bottom: 1px solid #c3c3c3;
    top: 0;
    width: 600px
}

.login-modal .or span:before {
    right: 100%;
    margin-right: 15px
}

.login-modal .or span:after {
    left: 100%;
    margin-left: 15px
}

.login-modal .act {
    position: relative;
    margin: 25px 0 20px;
    text-align: center
}

.login-modal a {
    color: #505050;
    font-size: 14px;
    text-decoration: none
}

.login-modal .act a {
    font-size: 16px;
    text-transform: uppercase;
    color: #505050;
    text-decoration: none;
    font-weight: 700
}

.login-modal .act a:hover {
    opacity: .8
}

.login-modal .act a span {
    display: block
}

.login-modal .act:after {
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    top: -11px;
    font-size: 30px
}

.login-modal .act.create:after {
    content: 'arrow_forward';
    float: right;
    right: 62px
}

.login-modal .act.login:after {
    content: 'arrow_back';
    float: left;
    left: 90px
}

.login-modal .personal-data {
    color: #bbb!important;
    text-align: justify!important
}

@media screen and (max-width:520px) {
    .login-modal .act:after {
        display: none
    }
}

.portfolio-inner-page .container {
    padding: 0 5%
}

.relative {
    position: relative
}

.portfolio-inner-page .heading {
    text-align: left
}

.portfolio-inner-page .heading h1 {
    font-size: 36px;
    color: #3c254f;
    font-weight: 700
}

.portfolio-inner-page .description {
    margin-top: 20px
}

.portfolio-inner-page .description p {
    line-height: 25px;
    font-size: 16px;
    color: #161616;
    text-align: justify;
    margin-bottom: 10px
}

.portfolio-inner-page .description .table {
    margin: 0;
    text-align: left
}

.portfolio-inner-page .description .table tr td:first-of-type {
    padding-left: 0
}

.portfolio-inner-page .description .table td {
    font-size: 16px;
    color: #161616;
    font-weight: 700
}

.portfolio-inner-page .project-gallery img {
    max-width: 100%;
    margin-bottom: 20px
}

.portfolio-inner-page .project-gallery a:last-child img {
    margin-bottom: 0
}

.project-gallery .slick-arrow {
    position: absolute;
    top: 45%;
    z-index: 4;
    font-size: 0;
    border: 0;
    background: 0 0;
    display: none!important
}

.portfolio-inner-page .project-gallery:hover .slick-arrow {
    display: block!important
}

.portfolio-inner-page .project-gallery .slick-arrow:before {
    font-family: FontAwesome;
    color: #fff;
    display: block;
    font-size: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .8)
}

.portfolio-inner-page .project-gallery .slick-next {
    right: 5%
}

.portfolio-inner-page .project-gallery .slick-next:before {
    content: '\f054'
}

.portfolio-inner-page .project-gallery .slick-prev {
    left: 5%
}

.portfolio-inner-page .project-gallery .slick-prev:before {
    content: '\f053'
}

@media screen and (max-width:991px) {
    .project-holder .project-info {
        margin-top: 35px;
        margin-bottom: 35px
    }
    .table-responsive {
        border: 0
    }
}

.portfolio-projects .project {
    margin-bottom: 25px
}

.portfolio-projects .project h3 {
    color: #161616;
    font-weight: 700;
    font-size: 17px;
    margin: 25px 0 15px;
    text-decoration: none;
    text-align: center
}

.portfolio-projects .project a,
.portfolio-projects .project a:hover {
    text-decoration: none
}

.portfolio-projects .project .image {
    position: relative;
    background-origin: content-box;
    background-color: #f0f0f0;
    height: 260px;
    width: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    -moz-box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28);
    box-shadow: 0 2px 7px -2px rgba(0, 0, 0, .28)
}

.portfolio-projects .project .image .hover {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 32, 81, .15);
    display: none
}

.portfolio-projects .project .image:hover .hover {
    display: inline-block
}

.portfolio-projects .project .hover .btn {
    padding: 10px;
    text-align: center;
    margin: 0 5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.portfolio-projects .project .hover .btn i {
    margin: 0
}

.portfolio-projects .project .hover>* {
    top: 45%;
    position: relative
}

.section-11 p,
.section-2 p,
.section-6 p,
.section-9 p {
    /*max-width: 800px;*/
    margin: 0 auto
}

.section-2 p {
    margin-bottom:20px;
}

.section-2 .container.product {
  margin-bottom: 60px;
  padding: 0 0;
}

.feature-grid .img-holder {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:991px) {
    .feature-grid .img-holder {
        position: static;
        left: 0;
        transform: translateX(0)
    }
    .project-info-content {
        position: static!important;
        -webkit-transform: none!important;
        -moz-transform: none!important;
        -ms-transform: none!important;
        -o-transform: none!important;
        transform: none!important
    }
}

.feature-grid:after {
    display: block;
    content: ' ';
    font-size: 0;
    clear: both
}

.feature-grid {
    position: relative
}

.feature-grid .left-side {
    float: left
}

.feature-grid .right-side {
    float: right
}

.bootstrap-select.btn-group .dropdown-menu li.selected a span.text {
    color: #fff;
    font-weight: 700
}

footer p {
    color: #82838a
}

@media screen and (max-width:991px) {
    .q-swiper-button-next,
    .q-swiper-button-prev {
        top: 62%!important
    }
}

@media screen and (max-width:767px) {
    .section-6 .container {
        padding: 0 15%
    }
    .q-swiper-button-next,
    .q-swiper-button-prev {
        top: 62%!important
    }
}

@media screen and (max-width:480px) {
    .q-swiper-button-next,
    .q-swiper-button-prev {
        display: none!important
    }
}

.particles {
    position: relative;
    display: inline-block
}

.particles-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.particles-canvas {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.dropdown-menu {
    border-radius: 0;
    background-color: #ffecd6; /* #ffe1bf; */
    color: rgba(255, 255, 255, .8);
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    transform: scaleY(0) scaleX(.2);
    top: 100%;
    transform-origin: left top
}

.dropdown-menu li {
    position: relative
}

.navigation li .caret {
    transition: all .3s;
    transform: rotate(0)
}

.navigation li li .caret {
    position: absolute;
    top: 19px;
    right: 10px
}

.navigation li:hover>a .caret {
    transform: rotate(-90deg)
}

.dropdown-menu .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    transform: scaleY(0) scaleX(.2);
    transform-origin: left top;
    top: 0;
    left: 100%
}

.dropdown-menu>li>a,
.navigation .menu .list a {
    color: rgb(51, 51, 51);
    transition: all .3s;
    padding-top: 7px;
    padding-bottom: 7px
    width:100%;
}

.navigation .menu .list {
    padding: 0;
    transition: all .3s
}

.navigation.sticky .menu .list {
    padding: 0
}

.navigation .menu .list.mobile-list {
    display: none
}

.navigation .menu .list>li {
    margin: 0 5px
}

.navigation .menu .list>li>a {
    border-radius: 7px;
    padding: 0 10px;
    margin: 0
}
.navigation .menu .list>li:last-child>a {
    padding-bottom: 10px;
}

.navigation .menu .list>li.has-sub-menu>a {
    border-radius: 7px 7px 0 0
}

/*
.navigation .menu .list > li > a.first-child {
    padding-left:0;
}
*/

.navigation .menu .list>li>a:after {
    display: none!important
}

.navigation .menu .list>li:hover {
    z-index: 10
}

.navigation .menu .list>li:hover>a,
.navigation .menu .list>li>a:hover {
    text-decoration: none;
    /*background-color: #74b42f*/
}

.open>.dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) scaleX(1)
}

@media (min-width:991px) {
    .navigation .menu .list li:hover>ul {
        opacity: 1;
        visibility: visible;
        transform: scaleY(1) scaleX(1)
    }
}

.dropdown-menu>li>a:focus {
    background-color: transparent
}

.navigation .menu .list>li>ul a:hover {
    /*background: #3c254f*/
}

.fx-border {
    position: relative;
    overflow: hidden
}

.fx-border:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    background-color: rgba(116,180,47,.57);
    /* background-color: rgba(61, 0, 180, .57);*/
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239C92AC' fill-opacity='0.27' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    transition: all .3s;
    visibility: hidden;
    transform: scale(.7);
    opacity: 0
}

.fx-border:hover>* {
    color: #fff
}

.fx-border:hover:before {
    visibility: visible;
    transform: scale(1);
    opacity: 1
}

.fx-border>* {
    position: relative;
    z-index: 2;
    transition: all .3s
}

[class*=fx-border-] {
    position: absolute;
    background: #fff;
    opacity: 0;
    pointer-events: none
}

.fx-border-top {
    top: 15px;
    width: 0;
    height: 1px;
    right: 15px;
    transition: all .5s
}

.fx-border-right {
    top: 15px;
    right: 15px;
    width: 1px;
    height: 0;
    transition: all .7s
}

.fx-border-bottom {
    bottom: 15px;
    width: 0;
    height: 1px;
    left: 15px;
    transition: all .9s
}

.fx-border-left {
    top: 15px;
    left: 15px;
    width: 1px;
    height: 0;
    transition: all 1.1s
}

.feature:hover>[class*=fx-border-] {
    opacity: 1
}

.feature:hover>.fx-border-top {
    width: calc(100% - 30px)
}

.feature:hover>.fx-border-right {
    height: calc(100% - 30px)
}

.feature:hover>.fx-border-bottom {
    width: calc(100% - 30px)
}

.feature:hover>.fx-border-left {
    height: calc(100% - 30px)
}

.slider-wrapper .swiper-slide {
    border-radius: 7px;
    overflow: hidden
}

.slider-wrapper .swiper-slide>img {
    width: 100%
}

@media (min-width:741px) {
    .swiper-slide {
        opacity: .2
    }
    .swiper-slide-next,
    .swiper-slide-prev {
        opacity: .7
    }
}

.swiper-slide-active {
    opacity: 1
}

.fa,
.material-icons {
    position: relative;
    display: inline-block
}

.info-block .particles {
    vertical-align: middle
}

.btn {
    transition: background-color .3s, border-color .3s, color .3s
}

.q-swiper-button-next,
.q-swiper-button-prev {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 50%;
    height: 60px;
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
    margin-top: -60px
}

.q-swiper-button-prev {
    left: 0;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2023.44%2044"><polygon%20points%3D"23.44%201.44%202.88%2022%2023.44%2042.56%2022%2044%200%2022%2022%200%2023.44%201.44"%20fill%3D"%23fff"%2F><%2Fsvg>')
}

.q-swiper-button-next {
    right: 0;
    background-image: url('data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg"%20viewBox%3D"0%200%2023.44%2044"><polygon%20points%3D"0%2042.56%2020.56%2022%200%201.44%201.44%200%2023.44%2022%201.44%2044%200%2042.56"%20fill%3D"%23fff"%2F><%2Fsvg>')
}

@media (max-width:740px) {
    .swiper-slide-shadow-left,
    .swiper-slide-shadow-right {
        display: none
    }
}

@media (max-width:991px) {
    nav.navigation li a {
        border-radius: 0!important;
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        font-size: 16px;
    }
    nav.navigation li:last-child a {
        padding-bottom: 10px!important;
    }    
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

footer a {
    transition: color .3s;
    text-decoration: none
}

.member-nav>.dropdown>.dropdown-menu {
    margin-top: 32px
}

.sticky .member-nav .dropdown-menu {
    margin-top: 10px
}

@media (max-width:991px) {
    .member-nav>.dropdown>.dropdown-menu,
    .sticky .member-nav .dropdown-menu {
        margin-top: 11px
    }
}

.member-nav .dropdown-menu:before {
/*
    position: absolute;
    top: -7px;
    width: 15px;
    height: 15px;
    background: #f08800;
    transform: rotate(45deg);
    content: '';
    left: 30px
 */
}

@media (max-width:550px) {
    .member-nav .dropdown-menu:before {
        left: auto;
        right: 20px
    }
}

@media (max-width:450px) {
    .member-nav .btn-cart {
        position: static
    }
    .member-nav>.dropdown.btn-cart>.dropdown-menu {
        left: 0;
        right: 0;
        transform-origin: center top
    }
    .member-nav>.dropdown>.dropdown-menu:before {
        display: none
    }
    .member-nav>.dropdown>.dropdown-menu {
        margin-top: 0
    }
    .member-nav .shopping-cart-holder {
        width: 100%
    }
}

ul.socials li a {
    transition: all .3s
}

/* expanding home page hero image */

html, body {
  height: 100%;
}
#mw-home-header {
  height: 100vh;
}
#mw-home-header section {
  position: relative;
  width: 100%;
  height: 100%;
}
#mw-home-header section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 80%;
  /*
  background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);
  */
}

#mw-home-header section #strapline1 {
  position: absolute;
  top: 70%;
  right: 10%;
  z-index: 2;
  text-align: center;   
}

#mw-home-header section #strapline1 h2 {
    font-size:40px;
    line-height:1.4em;
    margin-top:0;
    margin-bottom:0;
    color: #ffffff;
}

.no-webp #mw-home-header {     
    background: url('../img/hero1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom; 
}
.webp #mw-home-header {     
    background: url('../img/hero1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom; 
}

#mw-home-header a.scroll {
    padding-top:20px;
    font-size: 1.2em;
    color:#3c254f;
    line-height:2em;
}
#mw-home-header a.scroll:hover {
  text-decoration:none;
  color:#74b42f;
}

#mw-home-header #hero-logo {
  position: absolute;
  top: 15%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  background-color:rgba(206,204,198,.85);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
  font-weight: 400;
  font-size:80px;
  color:#3c254f;
  width:520px;
}

#hero-logo .module-logo-text {  
  font-weight: 700;
  font-size:80px;
  color:#3c254f;
}

#hero-logo .vert-align, #header-logo .vert-align {
  height:100%;
  text-align: center;
  font: 0/0 a;
}
#hero-logo .vert-align:before, header-logo .vert-align:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#hero-logo .vert-align > span, #header-logo .vert-align > span {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

#mw-home-header #hero-logo span.mw-ui-col {
  float:left;
}

#hero-logo {
    padding-left:10px;
}
#hero-logo .module-logo-text {
    font-size: 80px;
    color:#3c254f;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

#header-logo .module-logo-text {
    font-size: 60px;
    color:#3c254f;
    font-weight: 700;
    padding-left:20px;
    display: inline-block;
    vertical-align: middle;
}

#header-logo a.mw-ui-row-nodrop {
    width:auto;
}

#header-menu {
    width:100%;
    height:100%;
    display:table;    
    vertical-align:bottom;
}
#header-menu .module-navigation {
    display: table-cell;
    vertical-align:bottom;
}
#header-menu ul li {
    height:100%;
    vertical-align:bottom
}
#header-menu ul li a {
    color:#492b33; /*#3c254f;*/
    font-size:18px;
    padding-top:0;
    padding-bottom:0;
    height:100%;
    display:inline-block;
    vertical-align:bottom;
    width:100%;
}
#header-menu ul li a.active {
    background-color: #ffc486;
}
#header-menu ul li a:hover {
    background-color: #ffc486;
}

/*
.mobile-menu-active .module-navigation-default > ul > li {
    display:block
}
*/
.mobile-menu-active .navigation .menu #header-menu {
    height:100%;
    background-color:rgb(255, 236, 214);
}
.mobile-menu-active .navigation .menu #header-menu .list > li {
    display:block
}
.mobile-menu-active .navigation .menu #header-menu .list > li > a {
    display:block!important
}
.mobile-menu-active .navigation .menu #header-menu {
    float:none;
    width:100%
}
.mobile-menu-active .navigation .menu #header-menu .list > .active > a,
.mobile-menu-active .navigation .menu #header-menu li > a:hover {
    /* font-weight:700*/
}
.navigation .menu #header-menu .list > li > a {
    font-size:20px
}
.navigation .telephone {
    font-size:20px
}
.navigation .telephone a {
    color:#3c254f!important;
}
h1 {    
    font-weight: 700;    
    vertical-align: middle;
}

#header-logo .mw-ui-col {
    display: inline-block;
    vertical-align: middle;
}

#top-menu {
    height: 20vw;
    display: block;
    transition: none !important;    
    z-index:900;
}

#header-menu {
    margin-top: 50px;
}

.navbar-brand {        
    padding-left:0;
}

.navigation .navbar-brand {
    padding:0;
}
 
body.modal-open .navigation,
body.modal-open header,
body.modal-open nav.sticky,
body.modal-open #top-menu {
    z-index: 1 !important;
}

/* ---- */

#strapline2 {    
     text-align:center;
}
#strapline2 img { 
     max-width:200px;
     margin-bottom:20px;
}
#strapline2 h2 { 
    font-size: 40px;
}

.home-page-strapline .section-2  {
    padding-bottom:0!important;
}

/* ------------ MEDIA QUERIES ------------ */

@media (max-width:1070px) {
    #mw-home-header section #strapline1 {
        right: 6%;
    }
}
@media screen and (max-width:991px) {
    #mw-home-header section #strapline1 h2 {
        font-size:30px;
    }
    .navigation .navbar-header > .telephone {
        flex:2;
    }
    #strapline2 {
        padding-top:40px!important;
    }
    .section-52 .right-side {
        order:2;
    }     
    .section-53 {
        margin-bottom:20px;
    } 
    .section-53 .img-holder {
        margin-top:20px;
        margin-bottom:20px;
    }
    .section-54 .mockup-block {
        margin-top:20px;
        margin-bottom:40px;
    }    
}
@media (max-width:840px) {
    #mw-home-header section #strapline1 {
        top:60%;
        right:8%;
        width:240px;
    }
}
@media (max-width:768px) {
    .no-webp #mw-home-header {    
        background: url('../img/hero-768.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left bottom;        
    } 
    .webp #mw-home-header { 
        background: url('../img/hero-768.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;        
    }     
}
@media (max-width:768px) and (orientation:portrait) {
    .no-webp #mw-home-header { 
        background: url('../img/hero-portrait-768.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;        
    }
    .webp #mw-home-header { 
        background: url('../img/hero-portrait-768.webp');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;        
    }    
    #mw-home-header section #strapline1 {
        top:auto;
        right:auto;        
        width:100%; 
        margin-top: 5%;
    }
    #mw-home-header section #strapline1 h2 {
        font-size:40px;
    }    
}
@media (max-width:740px) {
    .section-3 .row .col-md-4 {
        display:block;
        margin-bottom:40px;
    }
}
@media (max-width:560px) and (orientation:portrait) {
    #mw-home-header section #strapline1 h2 {
        font-size:30px;
    }
}
@media (max-width:420px) and (orientation:portrait) {
    #mw-home-header section #strapline1 h2 {
        font-size:26px;
    }
}
@media (max-width:320px) and (orientation:portrait) {
    #mw-home-header section #strapline1 h2 {
        font-size:20px;
    }
}
@media (max-width:600px) {
    #header-logo .module-logo-text {
        font-size:40px;
    }
} 
@media (max-width:500px) {
    #header-logo .module-logo-text {
        font-size:30px;
    }
    .navigation .navbar-header .logo img {
        height:50px
    }    
}
@media (max-width:460px) {
    #header-logo .module-logo-text {
        font-size:30px;
        padding-left:10px;
    }
    .section-54 #sos-logo {
        float:none;
        margin-left:0;
    }
}
@media (max-width:380px) {
    .navigation .telephone {
        font-size:14px
    }
}
@media (max-width:370px) {
    #header-logo .module-logo-text {
        font-size:28px;        
    }
    .navbar-brand {
        padding:10px;
        padding-left:0;
    }
}
@media (max-width:340px) {
    #header-logo .module-logo-text {
        font-size:22px; 
    }
}
@media screen and (orientation:portrait) {
    #top-menu {
        display:block;
    } 
}
@media screen and (orientation:landscape) {
    #top-menu {
        display:block;
    }     
}
@media screen and (orientation:landscape) and (max-height:420px) {
    #mw-home-header #hero-logo {
        width:310px;
        padding-left:0
    }
    #hero-logo .module-logo-text {
        font-size:44px;
        padding:0
    }
    #hero-logo .navbar-brand {
        padding:10px;
        padding-left:0;
    }
    #mw-home-header section #strapline1 h2 {
        font-size:1.3em
    }
    #mw-home-header section #strapline1 a.scroll {
        font-size:1em
    }
}
@media screen and (orientation:landscape) and (max-height:330px) {
    #hero-logo .module-logo-text {
        font-size:36px;
    }
    #mw-home-header section #strapline1 h2 {
        font-size:1.1em
    }
    #mw-home-header #hero-logo {
        width:270px
    }  
}

/* ------------ END MEDIA QUERIES ------------ */

.main-content,
.shop-inner-page {
    margin-top: 300px;
}

.newsletter-holder .alert {
    font-size: 16px;
    margin-top: 13px;
    padding: 2px 10px;
}

.logo .logo-text {
    color: #022d24;
    font-weight: bold;    
}

.leave-message-holder .captcha-holder > input,
.leave-message-holder .captcha-holder > div {
    margin: 0;
}

.checkout-modal .js-shopping-cart .products .product .title, .checkout-modal .js-shopping-cart .products .product .price, .checkout-modal .js-shopping-cart .products .product .action {
    padding-top: 28px;
}

.checkout-modal .js-shopping-cart .products .product .qty {
    padding-top: 16px;
}

/* My Orders Modal */
.my-orders-modal .modal-content {
    border: 1px solid #c3c3c3 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #f5f5f5;
    color: #505050;
}

.my-orders-modal .modal-header {
    padding-bottom: 0;
    border-color: #c3c3c3;
    border: 0;
}

.my-orders-modal .modal-header .close {
    margin-top: -25px;
    margin-right: -25px;
    background: #f5f5f5;
    opacity: 1;
    color: #505050;
    padding: 1px 5px;
    border: 1px solid #c3c3c3;
    border-radius: 100%;
}

.my-orders-modal .modal-dialog {
    /*max-width: 500px;*/
}

.my-orders-modal .modal-body {
    padding: 20px 60px;
}

.my-orders-modal .modal-body .form-control {
    background: #fff;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    color: #505050;
    font-size: 16px;
}

.my-orders-modal .modal-body p {
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 24px;
}

.my-orders-modal .modal-body .icon {
    text-align: center;
    margin-bottom: 20px;
}

.my-orders-modal .modal-body .icon i {
    font-size: 45px;
    color: #333;
}

.my-orders-modal .personal-data {
    color: #bbbbbb !important;
    text-align: justify !important;
}

.text-green {
    color: green;
}

.text-red {
    color: red;
}

.section-6 {
    position: relative;
    overflow: hidden;
}

.section-11 .btn {
    margin: 10px 5px;
}

.pricing-list .plan {
    padding-top: 27px;
}

.pricing-list .feature.plan {
    padding-top: 0px;
}

.mw-live-edit .pricing-list {
    padding-top: 20px;
}

.module-btn .btn.cafemountain,
.module-btn .btn.cafemountain:focus {
    color: #ffffff;
    background-color: #f08800;
    border:none;
}

.module-btn .btn.cafemountain:hover {
    background: #aa635f;
    border: 1px solid #aa635f;
}

.module-btn .btn i {
    font-size: 1.3em;
    line-height: 1em;
    margin-right: 5px;
}

.module-btn .btn-lg i {
    font-size: 1.2em;
    line-height: 1em;
    margin-right: 5px;
}

.modal-body {
    padding: 25px;
}

.navigation .navbar-header .logo img {
    max-height: 70px;
    width: auto;
}

@media screen and (min-width: 992px) {
    .tabs-2 .nav-tabs {
        border-bottom: 3px solid #3d00b4;
        height: 49px;
    }
}

input.error {
    border: solid 1px red !important;
}

.pricing-list .plan .heading {
    color: #fff !important;
    font-size: 24px !important;
    text-align: center !important;
    padding: 40px 10px 20px !important;
}

.modal-backdrop {
    z-index: 3 !important;
}

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

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #ffc486 !important;
}


.navigation .menu .list.menu_1:not(.collapseNav-initialized) li {
    opacity: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

.navigation .menu .list.menu_1:not(.collapseNav-initialized) li:first-child {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

footer ul.socials li a {
    height: 40px;
    width: 40px;
    font-size: 20px;
}

.section-3 .feature .p-30 {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}
.section-3 .allow-drop {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.section-3 .allow-drop .module-btn {
    margin-top: auto !important;
    padding-top: 20px;
}
.section-3 .feature .p-30 img.element {
    align-self: center;
    width: auto !important;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.custom-overlay-container {
    position: relative;
    display: block;
    overflow: hidden;    
}

/* Ensure the picture module fills the width */
.custom-overlay-container .module-picture {
    display: block;
    width: 100%;
}

.custom-overlay-container img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}

.overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: 0 !important; /* Reset MW defaults */
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    z-index: 10;
    pointer-events: none; /* Allows user to click "through" text to image settings */
    transition: background 0.3s ease;
}

.title-right .overlay-text {
    text-align: right;
    padding-right: 25px;
    color: white;
}

.title-left .overlay-text {
    text-align: left;
    padding-left: 25px;
    color: white;
}

.sector-grid .mw-col {
    padding: 10px;
}

ul.bean-list {
    list-style: none;
    padding-left: 0;
    margin-top: 25px;
}

ul.bean-list li {
    position: relative;
    padding-left: 45px;
    margin-bottom: 15px;
    line-height: 24px;
    /* font-size: 16px;*/
    display: flex;
    align-items: center;
}

ul.bean-list li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url('/userfiles/templates/cafemountain/assets/img/bean.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.coffeebrewer-features-container {
    padding-right: 30px; /* Space between columns */
}

.feature-item {
    display: grid;
    grid-template-columns: 90px 1fr; 
    background-color: #f5f3f2;
    margin-bottom: 12px;
    /* FIXED HEIGHT: Adjust this value if you want them taller or shorter */
    height: 90px; 
    overflow: hidden;
    border-radius: 2px;
}

.feature-number {
    background-color: #f08800;
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    height: 100%; 
}

.feature-text {
    padding: 0 20px; /* Vertical padding is 0 because height is fixed */
    display: flex;
    align-items: center; /* This keeps the text vertically centered */
    background-color: #f5f3f2;
    height: 100%;
}

.feature-title {
    font-size: 14px;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #333333;
    margin: 0 !important; 
    line-height: 1.3;
    letter-spacing: 0.5px;
    /* Ensures long text doesn't overflow the 90px box */
    max-height: 100%; 
    overflow: hidden;
}

.section-2 .mw-row.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.skin65 .mw-row {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
}

.skin65 .mw-col {
    display: flex !important;
}

.skin65 .mw-col-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.skin65 img.img-responsive {
    display: block;
    width: 100%;
    height: 100% !important;
    flex: 1;
    object-fit: cover;
}

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

.skin65 .speciality-blend-content ul.bean-list li {
    font-size: 18px;
    margin-bottom: 20px;
    padding-left: 45px;
    padding-top:6px;
}

.skin65 .speciality-blend-content ul.bean-list li::before {
    width: 30px;
    height: 30px;
    top: 2px;
    margin-left: 0;
}

.skin65 .mw-col-container {
    padding-inline-end: 0px;
}

@media screen and (max-width: 991px) {
    .skin65 .mw-row {
        flex-wrap: wrap !important;
    }
    .skin65 .mw-col {
        width: 100% !important;
    }
    .skin65 img.img-responsive {
        height: auto !important; /* Revert to natural height on mobile */
        min-height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .skin65 .mw-col {
        width: 100% !important;
    }
    .skin65 .speciality-blend-content .mw-col-container {
        padding: 40px 20px !important;
    }
}

/* --- Skin 66 --- */

.skin66 .mw-row-flex {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100%;
}

.skin66 .main-col {
    display: flex !important;
    flex-direction: column;
    flex: 0 0 50% !important; 
    max-width: 50% !important;
}

.skin66 .main-col:first-child { padding-right: 5px !important; }
.skin66 .main-col:last-child { padding-left: 5px !important; }

.skin66 .main-col > .mw-col-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.skin66 .video-module-wrapper {
    width: 100%;
    line-height: 0;
}

.skin66 .instruction-grid {
    flex: 1;
    padding: 40px 15px;
    display: flex;
    align-items: flex-start;
}

.skin66 .instruction-grid .mw-row {
    display: flex !important;
    width: 100%;
    margin: 0;
}

.skin66 .instruction-grid .mw-col {
    flex: 1 1 33.33% !important;
    padding: 0 10px;
}

.skin66 .step-svg {
    width: 100%;
    max-width: 85px !important;
    height: auto;
    margin: 0 auto 20px auto;
    display: block;
    filter: brightness(0) invert(1);
}

.skin66 .step-title {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff !important;
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.skin66 .step-text {
    font-size: 13px;
    line-height: 1.5;
    color: #ffffff !important;
    text-align: center;
    margin: 0;
}

@media screen and (max-width: 1100px) {
    .skin66 .mw-row-flex { flex-wrap: wrap !important; }
    .skin66 .main-col { 
        flex: 0 0 100% !important; 
        max-width: 100% !important; 
        padding: 0 0 20px 0 !important; 
    }
}

.edit .module-video,
.module-video .mwembed-iframe {
    padding: 0;
}

.mw-element-1777109655686 .mw-col:first-child .mw-col-container {
    background-color: #aa635f!important;
}

/* Skin 67: Title & Centered Image */

.skin67 .text-center {
    text-align: center;
}

.skin67 .image-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px; /* Space between title and image */
}

.skin67 .image-holder img {
    max-width: 100%;
    height: auto;
    display: block;
    /* max-width: 800px; */
}

/* Skin 71 Grid Styling */

.skin71 .mw-row-flex {
    display: flex !important;
    flex-flow: row wrap !important;
    margin-left: -10px !important; 
    margin-right: -10px !important;
    width: auto !important;
}

.skin71 .mw-col {
    display: flex !important;
    box-sizing: border-box !important;
    padding: 10px !important; 
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
}

.skin71 .reuse-box {
display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
}

.skin71 .box-top {
    padding: 25px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
    min-height: 160px;
}

.skin71 .box-text {
    padding-right: 15px;
    flex: 1;
}

.skin71 .box-text h3 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #333;
}

.skin71 .box-text p {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
}

.skin71 .box-svg {
    width: 70px;
    flex-shrink: 0;
}

.skin71 .box-svg img {
    width: 100%;
    height: auto;
}

.skin71 .box-image {
    line-height: 0;
    flex-grow: 1;
}

.skin71 .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.skin71 .special-box .box-top {
    background-color: #af605c;
}

.skin71 .special-box .box-text h3,
.skin71 .special-box .box-text p {
    color: #fff;
}

@media (max-width: 1100px) {
    .skin71 .mw-col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media (max-width: 767px) {
    .skin71 .mw-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/* Skin 72 2 Image Boxes & Video 
   Skin 80 3 Image Boxes */

.skin72 .product-row,
.skin80 .product-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;  
}

.skin72 .product-row > [class*='col-'],
.skin80 .product-row > [class*='col-'] {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: auto !important;    
}

.skin72 .product-card,
.skin80 .product-card {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background: #fff;
    border: 1px solid #58142d;
    overflow: hidden;
    width: 100%;
    height: 100% !important;
}

.skin72 .product-image,
.skin80 .product-image {
    flex: 1 !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.skin72 .product-info-holder,
.skin80 .product-info-holder {
    background-color: #390605;
    padding: 15px;
    text-align: center;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;      
}

.skin72 .product-info-holder p,
.skin80 .product-info-holder p {
    color: #fff;
    margin: 0;
}

.skin80 .product-info-holder h3 {
    color: #fff;
    margin: 10px auto;
}

.skin72 .video-card {
    border: none;
    background: transparent;
}

.skin72 .video-card .module-video,
.skin72 .video-card .mwembed-iframe {
    height: 100% !important;
    margin-bottom: 0 !important;
}

.skin72 .video-card .mwembed-iframe {
    height: 100% !important;
    padding-bottom: 56.25% !important;
}

/* stretch image link over title */
.skin72 .product-card,
.skin80 .product-card {
    position: relative;
    z-index: 1;
    transition: transform 0.2s ease;
}

.skin72 .product-card > a:has(.product-image),
.skin72 .product-card .element-link,
.skin80 .product-card > a:has(.product-image),
.skin80 .product-card .element-link {
    position: static;
}

.skin72 .product-card a img.product-image::after,
.skin72 .product-card > a::after,
.skin80 .product-card a img.product-image::after,
.skin80 .product-card > a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    cursor: pointer;
}

.skin72 .product-card:hover h3,
.skin80 .product-card:hover h3 {
    /*text-decoration: underline;*/
    color: #f08800!important;
}

body.mw-live-edit .skin72 .product-card > a::after,
body.mw-live-edit .skin72 .product-card a img.product-image::after,
body.mw-live-edit .skin80 .product-card > a::after,
body.mw-live-edit .skin80 .product-card a img.product-image::after {
    content: none !important;
    display: none !important;
    pointer-events: none !important;
    cursor: default !important;
}
/* end stretch image link over title */

@media (min-width: 992px) {
    .skin72 .product-row > .mw-col.col-md-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
    .skin72 .product-row > .mw-col.col-md-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }
}

/* Skin 73 3-column image left and right and text in centre */

.skin73 .section-2 .container {
    padding:0;
}

/* Skin 74 */

.section-2.skin74 {
    padding:0!important;
}

/* Skin 76 */

.skin76 .product-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important; /* Vertically aligns image to video height */
    margin-left: -15px;
    margin-right: -15px;
}

/* Ensure columns respect their widths on Desktop */
@media (min-width: 992px) {
    .skin76 .product-row > .mw-col.col-md-8 {
        flex: 0 0 65% !important;
        max-width: 65% !important;
        width: 65% !important;
    }

    .skin76 .product-row > .mw-col.col-md-4 {
        flex: 0 0 35% !important;
        max-width: 35% !important;
        width: 35% !important;
    }
}

.skin76 .video-holder {
    width: 100%;
}

.skin76 .video-holder .mwembed-iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

/* Ensure image fills its 35% column */
.skin76 img.element {
    width: 100%;
    height: auto;
    display: block;
}

/* Skin 77 */

.skin77 .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

.skin77 .col-sm-6, 
.skin77 .col-md-3 {
    display: flex !important;
    flex-direction: column !important;
}

.skin77 .feature {
    flex: 1 !important; /* Forces the box to expand to fill the column */
    background-color: #fee1bf !important;
    border-radius: 20px !important;
    padding: 10px; /* Optional: adjust for visual comfort */
    margin-bottom: 30px; /* Spacing between rows if it wraps */
    transition: all 0.3s ease;
}

.skin77 .p-30 {
    padding: 30px;
    text-align: center;
    height: 100%; /* Keeps content aligned */
    display: flex;
    flex-direction: column;
}

.skin77 .allow-drop {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.skin77 .cafemountain {
    margin-top: auto;
}

/* Skin 78 */

.skin78 h2.text-center {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 30px;
}

.skin78 .mw-row {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap;
}

.skin78 img.element {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 767px) {
    .skin78 .mw-col {
        width: 100% !important; /* Forces stack on mobile */
        margin-bottom: 20px;
    }
}

/* Video aspect ratio */

.mwembed.mwembed-iframe {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    padding-bottom: 56.25% !important; /* 16:9 Aspect Ratio */
    overflow: hidden !important;
    background-size: 300px 100px, cover !important;
    background-position: center center !important;
    cursor: pointer !important;
}

.mwembed.mwembed-iframe iframe {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
    
#i_agree_with_terms_row {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: wrap;
}

#i_agree_with_terms_row .form-check-input,
#i_agree_with_terms_row input[type="checkbox"] {
    margin-top: 4px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

#i_agree_with_terms_row .custom-control-label {
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-bottom: 0;
}

#i_agree_with_terms_row > div:last-child {
    width: 100%;
    margin-top: 5px;
}

#user_registration_form_holder .terms-flex-wrap {
    flex-wrap: wrap !important;
    gap: 10px;
}

#user_registration_form_holder #i_agree_with_terms_row .custom-control-label {
    margin: 0;
    flex: 1;
    line-height: 1.4;
}

#user_registration_form_holder #i_agree_with_terms_row input[type="checkbox"] {
    margin-top: 4px;
}

#user_registration_form_holder .password-requirements {
    font-size: 14px!important;
    text-align:left!important;
}

.btn-default[disabled]:hover {
    color:#999;
}

.mw-shipping-and-payments .methods {
    margin-top:20px;
}

label[for^="payment-option-"] {
    display: flex !important;
    align-items: center !important;
    cursor: pointer;
}

label[for^="payment-option-"] input[type="radio"] {
    margin-top: 0 !important;
    flex-shrink: 0;
}

.scw-actions-column .scw-cookie-btn,
.scw-actions-column .scw-cookie-icon-group {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}
    
.scw-cookie-icon-group {
    margin-left: 15px !important;
    margin-top:10px;
}

.scw-cookie-icon-group .scw-btn {
    display: inline-block !important;
    vertical-align: middle !important;
}

@media (min-width: 992px) {
    .scw-actions-column {
        text-align: right !important;
    }
    .scw-message-column {
        margin-top:10px;
    }
}

@media (min-width: 768px) {
    .scw-cookie-row {
        display: flex !important;
        align-items: center !important;
    }
    .scw-message-column {
        margin-bottom:10px;
    }    
}

#mw-module-1777887737210 .section-3 {
    margin-top:30px;
}
#mw-module-1777138792158 .section-2 {
    padding-top:0;
} 
  
:root { --swiper-theme-color: #f08800 !important;}
.cm-logo-banner { width: 100%; max-width: 250px; margin: 0 auto; }
.bg-salmon { background-color: #fee1bf }
.bg-brown { background-color: #af605c }
.p-l-0 { padding-left:0!important }
.p-l-10 { padding-left:10px!important }
.p-r-0 { padding-right:0!important }
.p-t-10 { padding-top:10px!important }
.p-b-10 { padding-bottom:10px!important }
.m-l-10 { margin-left:10px!important }
.m-l-20 { margin-left:20px!important }
.inline-block { display: inline-block !important;}
.font14 { font-size: 14px!important; }


/* media queries */

@media (max-width: 1400px) {
    .main-content,
    .shop-inner-page {
        margin-top: 22vw;
    }
}

@media (max-width: 1200px) {
    .navigation .menu #header-menu .list > li > a,
    .navigation .telephone {
        font-size: 18px !important;
    }
    .navigation .menu .list > li > a {
        padding: 0 6px;
    }
    .section-2 .container {
        padding: 0 3%;
    }
    .skin79 h6 {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) {
    .navigation.sticky.shrunk .navbar-header #header-menu,
    .navigation.sticky.shrunk .navbar-header > .member-nav,
    .navigation.sticky.shrunk .navbar-header .telephone
    {
        margin-top:34px;
    }

    .navigation .toggle {
        display: none !important;
    }
    
    .navigation .navbar-header {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .navigation .member-nav {
        margin-left: auto !important;
        margin-right: 20px !important;
        display: flex !important;
        flex-direction: row;
        list-style: none;
        padding: 0;
        margin-bottom: 0;
    }

    .navigation .telephone {
        position: static !important;
        white-space: nowrap;
    }
    .mobile-menu-active .navigation .menu #header-menu {
        background-color: transparent;
    }
    .mobile-menu-active .navigation .menu #header-menu .list > li {
        display:inline-block;
    }
    
	#shoppingCartModal .product .title,
	#shoppingCartModal .product .qty,
	#shoppingCartModal .product .price,
	#shoppingCartModal .product .action {
	    padding-top:0!important;
	}
	
	#shoppingCartModal .products .product.row {
	    display: flex !important;
	    align-items: center !important;
	    flex-wrap: nowrap !important;
            border-bottom: 1px solid #eee;
            margin-bottom: 10px;
            padding: 5px 0;	    
	}

	#shoppingCartModal .products .product.row > [class*="col-"] {
	    float: none !important;
	    display: flex !important;
            align-items: center !important; /* This is the vertical "middle" trigger */
            min-height: 60px; /* Standardizes the height across the row */
            padding-top: 0 !important;
            padding-bottom: 0 !important;
	}

	#shoppingCartModal .product img {
	    display: block;
	    margin: 0 auto;
	    vertical-align: middle;
	}

	#shoppingCartModal .product .title {
	    justify-content: flex-start !important;
	}

	#shoppingCartModal .product .title,
	#shoppingCartModal .product .price {
	    display: flex-end !important;
	    align-items: center !important;
	    min-height: 50px;
	}
	
	#shoppingCartModal .product .qty .mw-qty-field {
	    width: 100% !important;
	    margin-bottom: 0 !important;
	} 
	
	#shoppingCartModal .product .qty .mw-qty-field .form-control {
	    margin-bottom: 0 !important;
	}
      
}

@media (max-width: 991px) {
    #top-menu .menu-left {
        margin-top: 20px;
        width: 200px;
    }
    #header-menu {
        margin-top:0;        
    }
    .navigation .navbar-header {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
        padding-right: 15px;
    }
    
    .navigation .menu-left, 
    .navigation .member-nav {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto;
    }

    .navigation .telephone {
        position: static !important; 
        transform: none !important;
        left: auto !important;
        top: auto !important;
        margin-right: 20px !important; 
        margin-top:0 !important;
        order: 1;
        display: inline-block !important;
        font-size: 18px;
    }
    
    .navigation .toggle {
        position: static !important;
        order: 2;
        margin: 0 !important;
    }
    
    .navigation .navbar-header > .telephone {
        text-align:right;
    } 
    
    .navigation .member-nav {
        order: 3;
        display: none;
    }
    
    .navigation.sticky.shrunk .navbar-header #header-menu {
        margin-top:0;
    }
    
    .navigation .menu .list li:hover > ul {
        display:block;
    }
    
    #header-menu ul.dropdown-menu li a {
        font-size:16px;
    }

    /* start */
    .member-nav {
        display: flex !important;
        align-items: center;
        list-style: none;
        margin: 0 !important;
        padding: 0;
    }

    /* Reduce spacing for compact mobile viewports if necessary */
    .member-nav > li {
        display: inline-block !important;
        margin-left: 15px;
    }

    /* 2. Turn the header area into a flex container to handle re-ordering */
    .navbar-header {
        display: flex !important;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end; /* Pushes interactive tools to the right edge */
        width: 100%;
        position: relative;
    }

    /* 3. Explicit flex alignment mapping */
    .toggle {
        order: 2; /* Forces hamburger button rightmost */
        margin-left: 15px; /* Adds uniform spacing between basket and hamburger */
    }

    .member-nav {
        order: 1; /* Places the cart and user icons immediately to the left */
    }

    /* Hide the text label "Hello Nick" on mobile to keep icons compact on narrow viewports */
    .member-nav .btn-member a span span, 
    .member-nav .btn-member a > span {
        display: none !important;
    }
    
    /* Ensure only the icon remains visible and spaced neatly */
    .member-nav .btn-member a i {
        font-size: 20px;
    }
    
    .member-nav .btn-cart a i {
        font-size: 20px;
    }
    /* end */
    
    .skin66 .main-col:last-child {
        padding-left:0;
    }

    .skin72 .product-card, 
    .skin80 .product-card {  
        margin-bottom: 30px;
    }
    .skin73 .mw-row.element {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .skin73 .mw-row.element > .mw-col:nth-child(1),
    .skin73 .mw-row.element > .mw-col:nth-child(2) {
        width: 50% !important;
    }
    .skin73 .mw-row.element > .mw-col:nth-child(3) {
        width: 100% !important;
        margin-top: 60px;
    }
    .skin73 .mw-row.element > .mw-col:nth-child(2) .p-30 { 
        padding: 0 !important;
    }
    .skin73 .mw-row.element > .mw-col:nth-child(3) img {
        margin-bottom:40px;
    }
    .skin74 h1 {
        margin-top:0 !important;
    }
/*
    .skin73 .mw-row.element > .mw-col:nth-child(3) .mw-col-container {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 15px;
    }
    .skin73 .mw-row.element > .mw-col:nth-child(3) .mw-col-container img {
        width: calc(50% - 7.5px) !important;
        height: auto !important;
        object-fit: contain;
    }
*/
    .skin74 .container {
        padding: 15px;
    }    

    .skin79 .mw-row {
        display: flex !important;
        flex-direction: column !important;
    }

    .skin79 .mw-row > .mw-col {
        width: 100% !important;   /* Wipe out inline widths like width: 40.1991% */
        max-width: 100% !important;
        margin-bottom: 30px;      /* Adds a clean gap between stacked sections */
    }
    
    .skin79 .mw-row > .mw-col:nth-child(1) {
        order: 1 !important;
    }
    
    .skin79 .mw-row > .mw-col:nth-child(2) {
        order: 2 !important;
    }
    
    .skin79 .mw-row > .mw-col:nth-child(3) {
        order: 3 !important;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
   .navigation .navbar-header {    
        margin: 3.5vw auto;
    }
    .member-nav {
        line-height: 3px;
    }
    .col-sm-12 {
        width:100%;
    }
    #mw-element-1777235536054 .mw-col-container {
        padding-left:0 !important;
    }
    #mw-element-1777138792161 .mw-col-container {
    .skin66 {
        padding-top:0;
    }
    .skin66 .mw-col:nth-child(2) {
        padding-left:0;
    }    
    .skin77 .col-md-3{
        width:100%;
    }
    .skin79 .mw-col-container {
        text-align: center !important;
    }
    .skin80 {
        padding-bottom:0;
    }
   .section-2.p-b-50 .mw-col-container,
   .section-2.p-t-50.p-b-50 .mw-layout-container {
       text-align: center;
   }
   .section-2.p-b-50 .mw-col-container h2 {
       font-size: 30px;
   }
   .section-2 .mw-row.element > .mw-col:nth-child(1) .mw-col-container img {
       margin-bottom:40px;
   }
   .section-2 .mw-row.element > .mw-col:nth-child(2) .mw-col-container img {
       /* margin-top:40px;*/
   }
 
   .section-3 .container {
       padding-left:3%;
       padding-right:3%;
   }
    #mw-module-1777140697846 .mw-row.element {
        display: flex !important;
        flex-direction: column !important;
    }
    
    #mw-module-1777140697846 .mw-row.element > .mw-col {
        width: 100% !important;
    }
   
    #mw-module-1777140697846 .mw-row.element > .mw-col:nth-child(2) {
        order: 1 !important;
        margin-bottom: 30px;
    }    
    #mw-module-1777140697846 .section-2 {
        padding-top:0;
    }    
    #mw-module-1777140697846 .mw-row.element > .mw-col:nth-child(1) {
        order: 2 !important;
    }    
    #mw-module-1777140697846 .mw-row.element > .mw-col:nth-child(2) .mw-col-container {
        padding-left: 0 !important;
    }
    #mw-module-1777141286476 .section-2 {
        margin-bottom:20px;
    }
    
    #mw-element-1777151097929 {
        width: 100% !important;
        margin-top: 20px;
    }
    
    #mw-element-1777151097929 img {
        margin-top:0;
        margin-bottom:0;
    }
    
    #mw-element-1777151097929 #mw-element-1777151100868 {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 15px;
    }

    #mw-element-1777151097929 #mw-element-1777151100868 img.element {
        width: calc(50% - 7.5px) !important;
        height: auto !important;
        object-fit: cover;
    }
    
    #mw-element-1777807750191 {
        width:100%!important;
    }
    
    #mw-module-1777039378131 .mw-row .mw-col:not(:last-child) {
	margin-bottom: 30px !important;
    }
    
	div[id^="price_"].row {
	    display: flex !important;
	    flex-direction: row !important;
	    flex-wrap: nowrap !important;
	    align-items: center !important;
	    justify-content: space-between !important;   
	}
	
	div[id^="price_"].row > div { 
	    width: auto !important;
	    max-width: 100% !important;
	    flex: 0 0 auto !important;
	    float: none !important;
	    display: block !important;    
	}
	
	div[id^="price_"].row .btn {
	    white-space: nowrap !important;
	    padding-left: 12px !important;
	    padding-right: 12px !important;	    
	}
}

@media (max-width: 530px) {
    .navigation .navbar-header>.telephone {
        font-size:14px !important;
        margin-right: 10px !important;
    }
}

@media (max-width: 414px) {    
    .navigation .navbar-header > .telephone {
        visibility: hidden;
        /*margin-left:0;
        text-align:left;*/
    }
    /* for Coffeebrewer page */
    .section-2.p-t-50.p-b-50 h1 {
        margin-top:20px;
        margin-bottom:0;
    }
}