body {
    color: rgba(0, 0, 0, .64);
}

.homepage-hero {
    text-align: center;
}

h1.title-white {
    color: #fff;
    text-indent: 0px;
    line-height: 1.16;
    text-align: center;
}

.menu-top.menu-white .menu-item a {
    color: #fff;
}

.menu-white .menu-main-open-line {
    background-color: #fff;
}

.menu-top.menu-white .menu-item a:before {
    background-color: #ffffff;
}

.product-grid .product-info-category:not(:last-child) {
    margin-right: 25px;
}

.product-grid .product-picture:after, .product-grid .product-picture img {
    width: auto;
}

.product-info {
    line-height: 1.2;
}

.link {
    position: relative;
    display: inline-block;
}

.link:before {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #000;
    content: '';
}

.link, .link:before {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1), -webkit-transform .6s cubic-bezier(.165, .84, .44, 1);
}

.link:hover {
    -webkit-transform: translateX(10px) translateZ(0);
    transform: translateX(10px) translateZ(0);
}

.link:hover:before {
    -webkit-transform: translateX(34px) translateZ(0);
    transform: translateX(34px) translateZ(0);
}

/*CONTACTS PAGE*/

address ul li {
    color: #000;
}

address ul li.address-phone:before {
    content: "";
    background: url("../img/call-answer.png") no-repeat;
    width: 13px;
    height: 13px;
    top: 8px;
}

address ul li.address-map:before {
    content: "";
    background: url("../img/map-pin-silhouette.png") no-repeat;
    width: 13px;
    height: 13px;
    top: 8px;
}

address ul li.address-mail:before {
    content: "";
    background: url("../img/close-envelope.png") no-repeat;
    width: 13px;
    height: 13px;
    top: 8px;
}

address ul li.address-skype:before {
    content: "";
    background: url("../img/skype-logo.png") no-repeat;
    width: 13px;
    height: 13px;
    top: 8px;
}

.contact-form {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: auto
}

.form-group {
    width: 100%;
    float: left;
    padding: 0.45em;
    max-width: 710px;
}

.form-group .form-control {
    border-radius: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 0.94em 0.8em;
    word-break: normal;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .2);
    background: none;
    font-family: inherit;
}

.form-group .form-control:focus {
    box-shadow: 0 0 0 1px #d9d9d9;
    outline: rgba(0, 0, 0, .4) auto 5px;
}

textarea {
    resize: none;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.btn-send {
    width: 100%;
    margin-top: 45px;
    display: block;
    border-radius: 4px;
    font-weight: 600;
    padding: 1.4em 1.7em;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    position: relative;
    background: none;
    color: #000;
    border: 1px solid #000;
    text-transform: uppercase;
}

.services-hero {
    text-align: center;
}

.services-hero span {
    text-align: left;
}

.retailers-item-store {
    padding-right: 80px;
}

.subtitle--alternate--services {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: .80999rem;
    padding-top: 1.19001rem;
    font-family: butlerregular, serif;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    letter-spacing: inherit;
}

.retailers-services {
    margin-top: 140px;
}

.retailers-item-store {
    margin-bottom: 120px;
}

.content-container {
    padding-bottom: 0;
}

.social-block {
    display: inline-block;
    width: 32%;
    margin-top: 95px;
}

.social-block h5 {
    padding-left: 40px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1em;
}

.social-block h5.web {
    background: url("../img/web-logo.png") no-repeat;
}

.social-block h5.android {
    background: url("../img/android-logo.png") no-repeat;
}

.social-block h5.ios {
    background: url("../img/apple-logo.png") no-repeat;
}

.social-block h5.server {
    background: url("../img/server-logo.png") no-repeat;
}

.collection-hero-content .social-block {
    width: 100%;
}

.collection-hero-content .social-block .item-social {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    text-align: left;
}

.collection-hero-content .social-block .item-social:not(:last-child){
    margin-right: 40px;
}

.collection-hero-content .social-block h5 {
    margin: 15px auto 0;
}

@media screen and (min-width: 740px) {
    .collection-hero-content.white > h1.title--big, .collection-hero-content.white > p.collection-hero-text, .collection-hero-content.white > .social-block h5 {
        color: white;
    }

    .collection-hero-content.white > .social-block h5.web {
        background: url("../img/web-logo-wh.png") no-repeat;
    }

    .collection-hero-content.white > .social-block h5.android {
        background: url("../img/android-logo-wh.png") no-repeat;
    }

    .collection-hero-content.white > .social-block h5.ios {
        background: url("../img/apple-logo-wh.png") no-repeat;
    }

    .collection-hero-content.white > .social-block h5.server {
        background: url("../img/server-logo-wh.png") no-repeat;
    }
}

.logo {
    position: absolute;
    padding: 30px 40px;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
    display: inline-block;
}

.logo a {
    display: inline-block;
}

.logo img {
    height: 70px;
}

@media (max-width: 1024px) {
    .social-block:not(:last-child) {
        padding-bottom: 25px;
    }

    .collection-hero-bg {
        background-position-x: 46%;
    }
}

.menu-white.is-sticky-menu {
    background-color: #000;
}

.is-sticky-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    padding: 15px;
}

.hidden {
    display: none;
}

/*.menu-main .is-main-menu-open {*/
/*opacity: 1;*/
/*visibility: visible;*/
/*-webkit-transition: opacity .6s cubic-bezier(.23,1,.32,1),visibility .6s cubic-bezier(.23,1,.32,1);*/
/*transition: opacity .6s cubic-bezier(.23,1,.32,1),visibility .6s cubic-bezier(.23,1,.32,1);*/
/*}*/

.menu-main-secondary .menu-item.contact, .menu-main-secondary .menu-item.contact a {
    font-size: .8rem;
    line-height: 1.4;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.menu-top.is-sticky-menu .menu-item a:before {
    top: 38px;
}

.product-grid-item-cat {
    display: none;
}

p.collection-hero-text {
    font-size: 1.0666666667rem;
    position: relative;
    max-width: 480px;
    margin: auto;
}

h1.title-second {
    margin-top: 120px;
}

.u-text-center span.caps {
    display: block;
    margin-bottom: 45px;
    margin-top: 15px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.icon-belhard img {
    padding: 20px;
    padding-bottom: 0;
    width: 129px;
}

.collection-hero-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 30%;
}

.collection-hero-bg {
    background-position-x: 30%;
}
.collection-hero-content {
    padding-left: 80px;
}
/*@media (min-width: 768px) and (max-width: 1768px) {*/
/**/
/*}*/

/*@media (max-width: 768px) {*/
/*.collection-hero-bg {*/
/*background-position-x: 30%;*/
/*}*/
/*}*/

.site-container {
    overflow-x: hidden;
}

.js-slide img {
    width: 100%;
    height: auto;
}

.google_play_link {
    margin-left: 10px;
}

.article-slideshow-slide {
    background: #E9EEF5;
}

.js-slide.js-slide-only img {
    width: auto;
}

.product-grid .product-picture {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
}

.product-grid-item {
    padding-right: 14px;
    padding-left: 14px;
}

.product-grid-item.grid-33 {
    padding-right: 25px;
    padding-left: 25px;
    flex: 0 0 33.3%;
    max-width: 33.3%;
}

.menu-top .menu-item {
    padding-right: 18px;
    padding-left: 18px;
}

.modal__close {
    display: inline-block;
    float: right;
}

.modal__header__title {
    display: inline-block;
}

.typeset blockquote p {
    font-size: 3rem;
}


.loader {
    background: none repeat scroll 0 0 #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.loader-inner {
    background-image: url(../img/codeinspiration-logo-black.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-posirion: center center;
    background-color: #fff;
    height: 101px;
    width: 274px;
    margin-top: -50px;
    margin-left: -137px;
    left: 50%;
    top: 50%;
    position: absolute;
}

.modal {
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
    color: #737373;
    min-height: auto;
}

@media (min-width: 750px) {
    .modal {
        border-radius: 8px;
        margin: 4em auto 5%;
        max-width: 60em;
        min-height: initial;
        width: 90%;
    }
}

.modal-backdrop--is-visible .modal {
    -webkit-animation: modal-open 0.5s cubic-bezier(0.2, 0.9, 0.3, 1);
    animation: modal-open 0.5s cubic-bezier(0.2, 0.9, 0.3, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.modal__header, .modal__content {
    padding: 1.5em;
}

@media (min-width: 750px) {
    .modal__header, .modal__content {
        padding: 2.5em;
    }
}

.modal__header {
    border-bottom: 1px solid #e6e6e6;
    zoom: 1;
}

.display-table .modal__header {
    display: table;
    box-sizing: border-box;
    width: 100%;
}

@media (min-width: 750px) {
    h1 {
        font-size: 2em;
    }
}

.modal__header__title {
    color: #333333;
}

.display-table .modal__header__title {
    display: table-cell;
    width: 100%;
}

.modal__close {
    position: relative;
    transition: color 0.3s cubic-bezier(0.3, 0, 0, 1);
    vertical-align: middle;
    padding-left: 0.75em;
    white-space: nowrap;
}

.display-table .modal__close {
    display: table-cell;
}

.icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}

.icon--close-modal {
    width: 26px;
    height: 26px;
    transition: opacity 0.2s ease-in-out;
    background-image: url(//cdn.shopify.com/s/assets/checkout/close-419a65cfe9b7bebb1e5b834d953f7f469b07a622a2b7ed3d085d1393ad8c6fbe.png);
    background-image: url(//cdn.shopify.com/s/assets/checkout/close-8e4d3e4b57f709c9f5cda42beb172e96d56563928396fde190f0c42f672d2d56.svg), none;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
}

.collection-video .video-button-container .collection-video-button .collection-video-play-icon {
    border-left: 18px solid #000;
}

.collection-video .video-button-container .collection-video-button:before {
    border: 1px solid #000;
}

.video-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.84);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
}

.product-grid .product-link:focus .product-picture img, .product-grid .product-link:hover .product-picture img {
    opacity: 1
}

.portfolio-overlay {
    position: absolute;
    background: rgba(255, 255, 255, 0.2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-transition: opacity .6s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .6s cubic-bezier(.165, .84, .44, 1);
    opacity: 0;
}

.portfolio-overlay:hover {
    opacity: 1;
}

.collection-two-content {
    margin-right: 40px;
}

.menu-main-open {
    margin-right: 13px;
}

.social-block.about {
    margin-top: 0;
}

.content-container {
    padding: 160px 100px;
}

.index-bg {
    width: 100%;
}

.typeset blockquote p:before, .typeset blockquote p:after {
    content: '';
}

.video-background video {
    object-fit: cover;
}
.collection-next-inner{
    display: block;
}

.collection-three-content{
    padding: 100px 60px;
}

.collection-three-content > h1.title:not(:first-child){
    margin-top: 120px;
}
.collection-one-content > h1.title:not(:first-child){
    margin-top: 120px;
}
h1.title--big {
    font-size: 4.3333333333rem;
}

h1.title--big.with-pad {
    padding: 0 60px;
}

.is-sticky-menu .menu-main-open {
     margin-right: 26px;
}

.slogan-block{
    padding: 60px;
}

.slogan-block h3{
    text-transform: uppercase;
    line-height: 1.4rem !important;
}
.slogan.slogan-center{
    text-align: center;
}

.slogan.slogan-right{
    text-align: right;
}
@media (max-width: 1024px) {
    .social-block {
        margin-top: 45px;
    }

    h1.title--big {
        font-size: 2.3333333333rem;
        line-height: 3rem;
    }

    .homepage-hero-content {
        padding: 160px 13% 13% 21%;
    }
    .collection-next-img img{
        -o-object-position: -40px 0;
        object-position: -40px 0;
    }
    .article-content {
        padding: 0 0 60px;
    }

    .homepage-hero .social-block{
        text-align: left;
        padding-left: 25%;
    }
}

@media (max-width: 46.24em) {
    .homepage-hero-bg {
        height: 100%;
    }
}

@media (max-width: 568px) {
    .google_play_link {
        margin-left: 0;
    }
    .slogan-block{
        padding: 60px 0;
    }
    .article-content p {
        padding: 0;
    }
}

@media (max-width: 63.9275em) {
    .product-grid-item.grid-33 {
        padding-right: 7px;
        padding-left: 7px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .homepage-hero-bg img {
        width: 100% !important;
        height: 100% !important;
        -webkit-transform: none !important;
        transform: none !important;
		object-fit: cover;
    }
}

@media screen and (max-width: 1023px) {
    .content-container {
        padding: 60px 100px;
    }
}

@media (max-width: 46.24em) {
    .collection-one-content {
        padding: 0 36px 0 36px;
        margin-bottom: 30px;
    }

    .collection-three-content {
        padding: 0 36px 0 36px;
    }

    .collection-hero-content {
        padding: 50px 36px;
    }

    .collection-two-content .title-second {
        margin-top: 50px;
    }

    .collection-two-img {
        margin-top: 80px;
    }
}

@media (max-width: 1024px) {

    .collection-hero-bg {
        background-position-x: 46%;
    }

    .typeset h2 {
        padding-right: 10px;
    }

}


@media screen and (max-width: 740px) {

    .content-container {
        padding: 60px 20px;
    }

    .collection-hero-bg {
        background-position-x: 15%;
    }

    .homepage-hero-content {
        padding: 160px 4% 13% 4%;
    }

    .typeset h2 {
        line-height: 2.8rem;
    }

    .homepage-quote {
        padding: 110px 4%;
    }

    .typeset blockquote p {
        font-size: 2.6rem;
    }

    .journal-featured-btn.link {
        font-size: 2rem;
    }

    .inner-container, .homepage-journal {
        padding: 0 4%;
    }

    .logo {
        padding: 45px 30px !important;
    }

    .menu-main-close {
        right: 30px;
    }

    .article-content, .article-hat {
        padding-left: 30px;
        padding-right: 30px;
    }

    .collection-hero-content.mobile-width {
        padding: 50px 4%;
    }

    .collection-hero-content.mobile-width > .social-block h5 {
        background-size: 20px;
        padding-left: 30px;
        background-position-y: 3px;
    }

    .collection-hero-content.mobile-width > h1.title {
        text-indent: 0px;
        text-align: center;
    }

    .collection-next-img {
        margin-top: 40px;
    }

    .collection-next {
        padding: 80px 0 40px;
    }

    .site-container.contact-page {
        margin-top: 130px;
    }

    .homepage-hero .social-block{
        text-align: center;
    }

    .collection-next-img img {
        -o-object-position: 0;
        object-position: 0;
    }

    .collection-two-content p{
        padding-right: 80px;
    }

    .homepage-hero .social-block {
        text-align: left;
         padding-left: 50px;
    }
}