/*

Theme Name: Nylon

Description: child theme twentyseventeen

Template: twentyseventeen

Version: 0.1

*/

@import url("../twentyseventeen/style.css");

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400i');

@font-face {
    font-family: 'AtlasGroteskBlack';
    src: url('assets/fonts/AtlasGrotesk-Black.eot');
    src: url('assets/fonts/AtlasGrotesk-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-Black.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-Black.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-Black.otf');
}
@font-face {
    font-family: 'AtlasGroteskMedium';
    src: url('assets/fonts/AtlasGrotesk-Medium.eot');
    src: url('assets/fonts/AtlasGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-Medium.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-Medium.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-Medium.otf');
}


@font-face {
    font-family: 'AtlasGroteskBlackItalic';
    src: url('assets/fonts/AtlasGrotesk-BlackItalic.eot');
    src: url('assets/fonts/AtlasGrotesk-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-BlackItalic.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-BlackItalic.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-BlackItalic.otf');
}

@font-face {
    font-family: 'AtlasGroteskBold';
    src: url('assets/fonts/AtlasGrotesk-Bold.eot');
    src: url('assets/fonts/AtlasGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-Bold.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-Bold.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-Bold.otf');
}
@font-face {
    font-family: 'AtlasGroteskBoldItalic';
    src: url('assets/fonts/AtlasGrotesk-BoldItalic.eot');
    src: url('assets/fonts/AtlasGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-BoldItalic.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-BoldItalic.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-BoldItalic.otf');
}
@font-face {
    font-family: 'AtlasGroteskItalic';
    src: url('assets/fonts/AtlasGrotesk-RegularItalic.eot');
    src: url('assets/fonts/AtlasGrotesk-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-RegularItalic.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-RegularItalic.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-RegularItalic.otf');
}
@font-face {
    font-family: 'AtlasGroteskLight';
    src: url('assets/fonts/AtlasGrotesk-Light.eot');
    src: url('assets/fonts/AtlasGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-Light.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-Light.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-Light.otf');
}
@font-face {
    font-family: 'AtlasGroteskLightItalic';
    src: url('assets/fonts/AtlasGrotesk-LightItalic.eot');
    src: url('assets/fonts/AtlasGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-LightItalic.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-LightItalic.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-LightItalic.otf');
}
@font-face {
    font-family: 'AtlasGrotesk';
    src: url('assets/fonts/AtlasGrotesk-Regular.eot');
    src: url('assets/fonts/AtlasGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AtlasGrotesk-Regular.woff') format('woff'),
        url('assets/fonts/AtlasGrotesk-Regular.ttf') format('truetype'),
        url('assets/fonts/AtlasGrotesk-Regular.otf');
}

@font-face {

    font-family: 'FreeroadBlackItalic';

    src: url('assets/fonts/FreeroadBlackItalic.eot');

    src: url('assets/fonts/FreeroadBlackItalic.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadBlackItalic.woff') format('woff'),

        url('assets/fonts/FreeroadBlackItalic.ttf') format('truetype'),

        url('assets/fonts/FreeroadBlackItalic.otf');

}

@font-face {

    font-family: 'FreeroadBold';

    src: url('assets/fonts/FreeroadBold.eot');

    src: url('assets/fonts/FreeroadBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadBold.woff') format('woff'),

        url('assets/fonts/FreeroadBold.ttf') format('truetype'),

        url('assets/fonts/FreeroadBold.otf');

}

@font-face {

    font-family: 'FreeroadBoldItalic';

    src: url('assets/fonts/FreeroadBoldItalic.eot');

    src: url('assets/fonts/FreeroadBoldItalic.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadBoldItalic.woff') format('woff'),

        url('assets/fonts/FreeroadBoldItalic.ttf') format('truetype'),

        url('assets/fonts/FreeroadBoldItalic.otf');

}

@font-face {

    font-family: 'FreeroadItalic';

    src: url('assets/fonts/FreeroadItalic.eot');

    src: url('assets/fonts/FreeroadItalic.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadItalic.woff') format('woff'),

        url('assets/fonts/FreeroadItalic.ttf') format('truetype'),

        url('assets/fonts/FreeroadItalic.otf');

}

@font-face {

    font-family: 'FreeroadLight';

    src: url('assets/fonts/FreeroadLight.eot');

    src: url('assets/fonts/FreeroadLight.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadLight.woff') format('woff'),

        url('assets/fonts/FreeroadLight.ttf') format('truetype'),

        url('assets/fonts/FreeroadLight.otf');

}

@font-face {

    font-family: 'FreeroadLightItalic';

    src: url('assets/fonts/FreeroadLightItalic.eot');

    src: url('assets/fonts/FreeroadLightItalic.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadLightItalic.woff') format('woff'),

        url('assets/fonts/FreeroadLightItalic.ttf') format('truetype'),

        url('assets/fonts/FreeroadLightItalic.otf');

}

@font-face {

    font-family: 'FreeroadRegular';

    src: url('assets/fonts/FreeroadRegular.eot');

    src: url('assets/fonts/FreeroadRegular.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadRegular.woff') format('woff'),

        url('assets/fonts/FreeroadRegular.ttf') format('truetype'),

        url('assets/fonts/FreeroadRegular.otf');

}

@font-face {

    font-family: 'FreeroadBlack';

    src: url('assets/fonts/FreeroadBlack.eot');

    src: url('assets/fonts/FreeroadBlack.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/FreeroadBlack.woff') format('woff'),

        url('assets/fonts/FreeroadBlack.ttf') format('truetype'),

        url('assets/fonts/FreeroadBlack.otf');

}

@font-face {

    font-family: 'Bariol-Bold';

    src: url('assets/fonts/Bariol-Bold.eot');

    src: url('assets/fonts/Bariol-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Bariol-Bold.woff') format('woff'),

        url('assets/fonts/Bariol-Bold.ttf') format('truetype'),

        url('assets/fonts/Bariol-Bold.otf');

}

@font-face {

    font-family: 'ArialRoundedMTBold';

    src: url('assets/fonts/ArialRoundedMTBold.eot');

    src: url('assets/fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/ArialRoundedMTBold.woff') format('woff'),

        url('assets/fonts/ArialRoundedMTBold.ttf') format('truetype'),

        url('assets/fonts/ArialRoundedMTBold.otf');

}
@font-face {

    font-family: 'FiraSans-Medium';

    src: url('assets/fonts/FiraSans-Medium.ttf');

    src: url('assets/fonts/FiraSans-Medium.ttf?#iefix') format('embedded-opentype'),

 url('assets/fonts/FiraSans-Medium.ttf') format('truetype');
}
@font-face {

    font-family: 'FiraSans-Bold';

    src: url('assets/fonts/FiraSans-Bold.ttf');

    src: url('assets/fonts/FiraSans-Bold.ttf?#iefix') format('embedded-opentype'),

 url('assets/fonts/FiraSans-Bold.ttf') format('truetype');
}
@font-face {

    font-family: 'FiraSans-Italic';

    src: url('assets/fonts/FiraSans-Italic.ttf');

    src: url('assets/fonts/FiraSans-Italic.ttf?#iefix') format('embedded-opentype'),

 url('assets/fonts/FiraSans-Italic.ttf') format('truetype');
}

@font-face {

    font-family: 'FiraSans-Regular';

    src: url('assets/fonts/FiraSans-Regular.ttf');

    src: url('assets/fonts/FiraSans-Regular.ttf?#iefix') format('embedded-opentype'),

 url('assets/fonts/FiraSans-Regular.ttf') format('truetype');
}

.site-main ol,
.site-main ul {
    margin-left: 17px;
}
body, button, input, select, textarea {
    font-family: AtlasGrotesk;
    text-transform: none;
}
.entry-content table {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
#page {
    overflow: hidden;
}
.menu-toggle {

    color: #000;

    font-size: 30px;

    padding: 0;

}

.menu-toggle:focus {

    outline: none !important;

}
.single .entry-content p:not(.has-image) {
    padding-left: 50px;
    padding-right: 50px;
}
/*fix perfect*/

.home .products-list .boxrow4box:nth-of-type(2) h3 {

    letter-spacing: 0;

}
.instagram-section .eapps-instagram-feed-posts-view {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.instagram-section .eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-item {
    width: 25% !important;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
    padding: 18px 11.5px;
}
.instagram-section .eapps-instagram-feed-posts-view {
    padding: 0 !important
}
.instagram-section .eapps-instagram-feed-posts-item-image {
    -webkit-transform: translate(-50%, -50%);
}
.instagram-section .eapps-instagram-feed-posts-item.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content {
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    top: 50%;
    left: 50%;
    position: absolute;
}
.instagram-section .eapps-instagram-feed-posts-item:hover.eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-content {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.instagram-section #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
    font-family: AtlasGroteskBold, sans-serif;
    font-size: 19px;
    color: #fdfdfd;
    padding: 4px 0 1px;
    background: #000;
    letter-spacing: 0;
    word-spacing: -1px;
    text-align: left;
    border-radius: 0;
    text-align: center;
    height: 35px;
    text-transform: uppercase;
}
.instagram-section #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more:hover {
        background: #fd1e6e;
}
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay {
    left: 11.5px;
    right: 11.5px;
    top: 18px;
    bottom: 18px;
}
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-label, 
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-label {
    box-shadow: none;
    text-decoration: none;
}
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count, 
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count {
    display: inline-block;
}
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-label, 
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-label,
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-likes-count-icon, 
.instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-comments-count-icon {
    display: inline-block;
    vertical-align: middle;
}
#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-content, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-text, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a, #eapps-instagram-feed-1 .eapps-instagram-feed-posts-item a:hover {
    text-decoration: none;
}
::i-block-chrome, .instagram-section #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
    padding: 1px 0 1px;
}
@media screen and (min-width: 1920px) and (max-width: 1940px) {

    .instagram-section #instafeed .item a {

        max-height: 305px;

    }

}

/*header*/

a:hover {

    color: #fd1e6e;

}

.site-header {

    background: transparent;

}

.custom-header {

    min-height: 242px;

    padding-top: 43px;

    text-align:  center;

}

.custom-logo-link {

    padding: 0;

}

.custom-logo-link img {

    max-width: 505px;

    max-height: 101px;

}







.navigation-top {

    border: 0;

}

.navigation-top #top-menu {

    text-align: center;

}

.navigation-top #top-menu .menu-item a {
    font-family: 'AtlasGroteskBlack';
    font-size: 13px;
    color: #000;
    text-transform: uppercase;
    padding: 1em 1.4em;
    letter-spacing: .7px;
    font-weight: normal;
    letter-spacing: 1px;
}

.navigation-top #top-menu .menu-item a:hover {

    color: #fd1e6e;

}



/*footer*/

.site-footer {

    border: 0;

    color: #fff;

    font-family: AtlasGroteskBold;

    text-align: center;

    margin: 0;

}

.site-footer .wrap {

    background: #000;

    max-width: 100%;

    padding: 35px 0;

    margin: auto;

}

.site-footer a,

.site-footer .social-nav-title {

    color: inherit;

}

.site-footer .social-navigation {

    width: 100%;

    float:  initial;

}

.site-footer .social-navigation li {

    display: inline-block;

    margin: 0 8px 0;
    vertical-align: top;

}

.site-footer .social-navigation li .fa-youtube {
/*
    font-size: 22px;

    position: relative;

    top: 10px;*/

}

.site-footer .social-navigation li .line {
    position: relative;
    top: 8px;
    font-family: ArialRoundedMTBold;
    font-size: 15px;
    letter-spacing: -1px;
}

.site-footer .social-nav-title {

    font-size: 17.42px;

    letter-spacing: .5px;

}

.site-footer .social-navigation a {

    width: 41px;

    height: 41px;

    background: #fff;

    color: #000;

    margin: 0;
    border-radius: 50%;
    overflow: hidden;

}
.site-footer .social-navigation a[href^='https://www.youtube.com/'] {
    color: transparent;
    background: url(assets/images/youtube_w.png) no-repeat;
    background-size: 105% 105%;
    background-position: center;
}
.site-footer .social-navigation a[href^='https://www.youtube.com/']:hover {
    color: transparent;
}
.site-footer .social-navigation a .icon {

    width: 30px;

    height: 21px;

    background: #fff;

    color: #000;

    top: 10px;

}

.site-footer #bottom-menu a:hover,

.site-footer .social-navigation a:hover,

.site-footer .social-navigation a:hover .icon {

    color: #fd1e6e;

}

.site-footer .social-navigation a:hover,

.site-footer .social-navigation a:hover .icon {

    color: #000;
    opacity: 0.6;
    filter: alpha(opacity=80);
    -ms-filter: â€œalpha( opacity=80 )â€;
}

.site-footer .bottom-navigation {

    clear: both;

    margin-top: 27px;

    margin-bottom: 25px;

}

.site-footer #bottom-menu {

    list-style-type: none;

    clear: both;

    margin: 0;

}

.site-footer #bottom-menu .menu-item {

    display: inline-block;

    margin: 0 19px;

    letter-spacing: 0.5px;

}

.site-footer #bottom-menu a {

    font-size: 18.73px;

}

.site-footer #text-4 {

    font-size: 13.81px;

    padding: 0;

}

.site-footer #text-4 h2.widget-title {

    display: none;

}

.site-footer #text-4 .textwidget p {

    letter-spacing: 0.5px;

    word-spacing: 1px;

}

.wrap {

    max-width: 1318px;

    padding-left: 15px;

    padding-right: 15px;

}
.owl-carousel.featured-posts .owl-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 0;
    right: 0;
    line-height: 20px;
}
.owl-carousel.featured-posts .owl-dots .owl-dot {
    border: none;
    width: 16px;
    height: 16px;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    box-sizing: content-box;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
.owl-carousel.featured-posts .owl-dots .owl-dot:hover,
.owl-carousel.featured-posts .owl-dots .owl-dot.active {
    background: #ffffff;
}

.owl-carousel.featured-posts .owl-nav .owl-prev,
.owl-carousel.featured-posts .owl-nav .owl-next {
    text-indent: 9999px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.owl-carousel.featured-posts .owl-nav .owl-prev {
    left: 22px;
}
.owl-carousel.featured-posts .owl-nav .owl-next {
    right: 22px;
}
.owl-carousel.featured-posts .owl-nav .owl-prev,
.site-content-contain .rev_slider_wrapper .tp-leftarrow {

    background: url(assets/images/arrow-left.png);

    width: 24px;

    height: 44px;

    background-repeat: no-repeat;

}
.owl-carousel.featured-posts .owl-nav .owl-next,
.site-content-contain .rev_slider_wrapper .tp-rightarrow {

    background: url(assets/images/arrow-right.png);

    width: 24px;

    height: 44px;

    background-repeat: no-repeat;

}

.site-content-contain .rev_slider_wrapper .tp-leftarrow:before,

.site-content-contain .rev_slider_wrapper .tp-rightarrow:before {

    display: none;

}
.owl-carousel.featured-posts .owl-nav .owl-prev:hover,
.owl-carousel.featured-posts .owl-nav .owl-next:hover,
.site-content-contain .rev_slider_wrapper .tp-leftarrow:hover,

.site-content-contain .rev_slider_wrapper .tp-rightarrow:hover {

    opacity: 0.6 !important;

}

.promotional-image {

    text-align: center;

}

.promotional-image .widget {

    padding-bottom: 12px;

}
.rev_slider_wrapper .tp-bullet {
    border: none;
    width: 16px;
    height: 16px;
    box-shadow: none;
    background: rgba(0, 0, 0, 0.5);
}
.rev_slider_wrapper .tp-bullet.selected,
.rev_slider_wrapper .tp-bullet:hover {
    background: #ffffff;
}
#tabnavi {

    text-align: center;

}

#tabnavi ul {

    margin: 0;

    padding: 0;

    font-size: 0;
    margin: 0 -3px;

}

#tabnavi ul:after {
    content: "";
    display: table;
    clear: both;

}

.safari-mac #tabnavi li,
#tabnavi li {

    display: inline-block;

    vertical-align: top;

    width: 33.333%;

    padding: 0 3px;
    float: left;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, #tabnavi li {
            width: 33.26%;
    }
}
#tabnavi li a {
    width: 100%;
    font-family: AtlasGroteskBold;
    height: 48px;
    font-size: 22px;
    display: inline-block;
    background: #CCCCCC;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 2.3;
}
::i-block-chrome, #tabnavi li a {
    line-height: 42px;
}
.safari-mac #tabnavi li a {
    line-height: 53px;
}

#tabnavi li a:hover, #tabnavi li a.active {

    background: #fd1e6e;

    color: #ffffff;

}

#tabcontent {

    padding: 21px 0 0;

}

#wrapperrow4box {

    width: 100%;

    overflow: hidden;

}

.containerrow4box {

    margin: 0 -11.5px;

    font-size: 0;

}
.wpp-thumbnail {
    float: none;
}
.safari-mac .content-area .boxrow4box,
.content-area .boxrow4box,
.boxrow4box {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding-right: 11.5px;
    padding-left: 11.5px;
    margin-bottom: 0;
    background: #fff;
    overflow: hidden;
    /*margin-bottom: 25px;*/
    padding-bottom: 25px;
}
.safari-mac .content-area .boxrow4box:nth-of-type(4n+1),
.content-area .boxrow4box:nth-of-type(4n+1) {
    /*clear: left;*/
}
.single-featured-image-header img {
    max-width: 1318px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .content-area .boxrow4box {
            width: 24.7%;
        }
    }
}

.boxrow4box .post-thumbnail {

    display: block;

    position: relative;

}

.boxrow4box .post-thumbnail .thumbnail {

    position: relative;

}
.boxrow4box .post-thumbnail .thumbnail .cate-name {
    opacity: 0;
    font-family: 'AtlasGroteskBlack';
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 1em 1.4em;
    font-weight: normal;
    letter-spacing: 1px;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.boxrow4box:hover .post-thumbnail .thumbnail .cate-name {
    opacity: 1;
}
.boxrow4box:hover {
    z-index: 3;
}

.boxrow4box .post-thumbnail h3 {
    position: relative;
}

.boxrow4box .post-thumbnail h3:after,
.boxrow4box .post-thumbnail .thumbnail:after {
    transition: .2s;

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.boxrow4box.type-video .post-thumbnail .thumbnail:after {

    background: url(assets/images/play.png) no-repeat center center;

}
.archive .gallery-image {
    margin-bottom: 30px;
    padding-left: 11.5px;
    padding-right: 11.5px;
}
.archive .gallery-image img {
    width: 100%;
}
.category-themagazine .containerrow4box .boxrow4box:hover {
    /*opacity: 0.4;*/
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    transition: 0.4s all ease;
}

.boxrow4box.type-video .post-thumbnail:hover .thumbnail:after,
.boxrow4box .post-thumbnail:hover .thumbnail:after {

    background-color: rgba(248, 47, 125, 0.4);
    -webkit-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    -moz-transition: 0.4s all ease;
    transition: 0.4s all ease;

}
.fancybox-container .fancybox-inner .fancybox-slide--html {
    padding: 25px 15px;
}

.products-list h3 {
    margin: 0;
    color: #000000;
    font-size: 17px;
    padding-top: 7px;
    letter-spacing: .8px;
    line-height: 1.2;
    font-family: 'AtlasGrotesk', sans-serif;
    /* min-height: 116px; */
    /*height: 73px;*/
    overflow: hidden;

    transition: color .2s;
}

.products-list a:hover h3 {

    color: #fd1e6e;

}

.products-list .more .open {

    margin-top: 62px;

}

.products-list .more .open a {
    font-family: AtlasGroteskBold, sans-serif;
    font-size: 20px;
    color: #fdfdfd;
    padding: 3px 70px;
    background: #000;
    letter-spacing: 0;
    word-spacing: -1px;
    display: inline-block;
    text-align: left;
    line-height: 35px;
    padding-top: 6px;
}
::i-block-chrome, .products-list .more .open a {
    line-height: 36px;
    padding-top: 0;
}
.safari-mac .instagram-section .instafeed-view-more a,
.safari-mac .products-list .more .open a {
    line-height: 40px;
    padding-bottom: 0;
    padding-top: 4px;
}
.light-box {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 9999;

}

.light-box .inner-wrapper {

    position: relative;

    height: 100%;

}

.overlay {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;    

    background: rgba(0, 0, 0, 0.6);

}

.light-box .inner-wrapper .wrap {

    position: relative;

    height: 100%;

    max-width: 700px;

    width: 100%;

}

.light-box .inner-wrapper .inner {

    position: relative;

    height: 80%;

    margin-top:10%;

}

#gototop {

    text-align: center;

    margin-top: 35px;

    margin-bottom: 22px;

}
.home #gototop {
    margin-top: 130px;

}
#gototop a:hover {
    opacity: 0.7;
}
.instagram-section {

    margin-top: 31px;
    overflow: hidden;

}

.webfont {
    font-family: AtlasGroteskBold, sans-serif;
    font-size: 56.39px;
    color: #000;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}



.instagram-section #instafeed {

    padding-top: 11px;

    margin: -18px -11.5px;

    width: auto;

}

.instagram-section #instafeed .item {

    padding: 18px 11.5px;

}

.instagram-section .instafeed-view-more {

    padding-top: 21px;

}

.instagram-section .instafeed-view-more a {
    font-family: AtlasGroteskBold, sans-serif;
    font-size: 19px;
    color: #fdfdfd;
    padding: 6px 76px 1px;
    background: #000;
    letter-spacing: 0;
    word-spacing: -1px;
    text-align: left;
    border-radius: 0;
}

::i-block-chrome, .instagram-section .instafeed-view-more a {
    padding: 3px 76px 5px;
}

.products-list .more .open a:hover,

.instagram-section .instafeed-view-more a:hover {

    background: #fd1e6e;

    color: #ffffff;

}



.home.page-one-column .panel-content .wrap {

    padding-top: 12px;

    padding-bottom: 22px;

}



.contest-section .webfont {

    line-height: 60px;

    margin-top: 33px;

    margin-bottom: 22px;

}

.contest-section #slide-contest {

    border: 3px solid #14171e;

    padding: 69px 65px 50px;

}

.contest-section #slide-contest .slider-item>a {

    display: block;

    position: relative;

}

.contest-section #slide-contest .slider-item>a:after {

    position: absolute;

    content: "";

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}
.contest-section #slide-contest .slider-item .thumbnail {
    position: relative;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.contest-section #slide-contest .slider-item .thumbnail img {
    display: none;
}
.contest-section #slide-contest .slider-item:hover>a:after {

    background-color: rgba(255, 255, 255, 0.5);

}

.contest-section #slide-contest .slider-item:hover a {

    color: #fd1e6e;

}

.contest-section #slide-contest .slider-item h4 {

    font-weight: 400;

    padding-top: 19px;

}

.contest-section #slide-contest .slider-item h4 a {
    font-family: 'AtlasGrotesk', sans-serif;
    color: #000000;
    font-size: 21px;
    font-weight: normal;
    letter-spacing: .8px;
    line-height: 1.2;
}

.contest-section #slide-contest .owl-nav>div {

    position: absolute;

    top: 50%;

    margin-top: -80px;
    width: 24px;
    height: 43px;

}

.contest-section #slide-contest .owl-nav>div img {
    opacity: 0;
}
.contest-section #slide-contest .owl-nav>div:hover {

    opacity: 0.7

}

.contest-section #slide-contest .owl-nav div.owl-prev {

    left: -40px;
    background: url(assets/images/arrow-left.png) no-repeat;
    background-size: contain;

}

.contest-section #slide-contest .owl-nav div.owl-next {

    right: -40px;
    background: url(assets/images/arrow-right.png) no-repeat;
    background-size: contain;

}

#instafeed .item .ct_photo_wrap {

    background-color: rgba(255, 20, 109, 0.4);

}
.site-content {
    padding: 50px 0 0;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
    font-family: AtlasGroteskBold, sans-serif;
    font-size: 56.39px;
    font-weight: bold;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 13px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.link-more {
    display: none;
}
.byline {
    display: inline-block;
}
.widget ul li, .widget ol li {
    border: none;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.entry-header .entry-title {
    font-family: AtlasGrotesk;
    font-size: 30px;
    color: #000;
    margin-bottom: 5px;
}
.next.page-numbers,
.prev.page-numbers {
    float: none;
    border-radius: 50%;
    padding: 9px 14px 11px;
}
.next.page-numbers:hover,
.prev.page-numbers:hover {
    background-color: #fd1e6e;
}
.pagination a:not(.prev):not(.next):hover,
.page-numbers:hover,
.page-numbers.current {
    color: #fd1e6e;
}
.content-area .search-form .search-submit {
    top: 0;
    right: 0;
    bottom: 0;
}
.content-area .search-form .search-submit:hover {
    background-color: #fd1e6e;
}
.error404 .page-content {
    padding-bottom: 0;
    text-align: center;
}
.boxrow4box .post-thumbnail:not(.themagazine) .thumbnail {
    position: relative;
    padding-top: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.boxrow4box .post-thumbnail:not(.themagazine) .thumbnail > img {
    display: none;
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 48em) {
    .navigation-top nav {
        /* margin-left: -1.25em; */
        margin-left: 0;
    }
    .navigation.pagination,
    .blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments,
    body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
        float: none;
        width: 100%;
    }
    .error404 .page-content {
        text-align: center;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 30px;
    }
    .site-content {
        padding: 50px 0 0;
    }
    .blog .site-main > article, .archive .site-main > article, .search .site-main > article {
        padding-bottom: 20px;
    }
}
@media (max-width: 1318px) {
    .single-featured-image-header img {
        max-width: 100%
    }
}
@media (max-width: 1200px) {
    .site-header .site-navigation-fixed.navigation-top #top-menu .menu-item a {
        padding: 0 12px;
    }
}
@media (max-width: 1023px) {

    .navigation-top #top-menu .menu-item a {

        padding: 1em;

    }

    #search-5 {

        top: 150px;

        left: 50%;

        transform: translateX(-50%);
        transform: translateX(-50%);

    }

    .custom-header {

        min-height: 279px;

    }

    .menu-top-menu-container {

        position: absolute;

        /* width: 100%; */

        z-index: 999;

        left: 0;

        right: 0;
        top: 100%;
        background: #fff;

    }

}

@media (max-width: 991px) {   

    .safari-mac .instagram-section #instafeed .item,
    .instagram-section #instafeed .item{
        width: 33.33%;
    }

    .products-list .more .open {

        margin-top: 30px;

    }

    #gototop {

        margin-top: 60px;

    }

}

@media (max-width: 785px) {
    .instagram-section .eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-item {
        width: 33.33% !important;
        padding: 10px 7px;
    }
    .instagram-section .eapps-instagram-feed-posts-item-template-tile .eapps-instagram-feed-posts-item-overlay {
        left: 7px;
        right: 7px;
        top: 10px;
        bottom: 10px;
    }
}
@media (max-width: 767px) {

    .site-footer .wrap {

        padding: 35px 15px;

    }

    .custom-header {

        min-height: 210px;

    }   

    .safari-mac .instagram-section #instafeed .item, .safari-mac .boxrow4box,
    .instagram-section #instafeed .item, .content-area .boxrow4box {

        width: 50%;

    }
    .safari-mac .boxrow4box:nth-of-type(2n+1),
    .boxrow4box:nth-of-type(2n+1) {
        clear: left;
    }
    .site-footer #bottom-menu .menu-item {

        display: block;

/*        text-align: left;

        padding-left: 50px;*/

    }

    .webfont {

            font-size: 40px;

    }

    .instagram-section {

        margin-top: 21px;

    }

    .custom-logo-link img {

        max-width: 400px;

    }
    .content-area .boxrow4box {
        text-align: center;
    }
}

@media (max-width: 600px) {
    .owl-carousel.featured-posts .owl-dots {
        line-height: 10px;
    }
    .owl-carousel.featured-posts .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        position: static;
        display: inline-block;
        margin: 0 4px;
    }
    .owl-carousel.featured-posts .owl-nav .owl-prev, .owl-carousel.featured-posts .owl-nav .owl-next {
        background-size: contain;
        height: 30px;
        width: 15px;
    }
}
@media (max-width: 479px) {
    .custom-logo-link img {
        max-width: 100%;
    }

    .site-footer .social-navigation li:first-of-type {

        margin-bottom: 15px;

    } 

    .safari-mac .instagram-section #instafeed .item, .safari-mac .boxrow4box,
    .instagram-section #instafeed .item, .content-area .boxrow4box {

        width: 100%;

    }

    .instagram-section #instafeed .item {

        padding: 10px 10px;

    }
    .safari-mac #tabnavi li,
    #tabnavi li,

    .safari-mac .instagram-section #instafeed .item,
    .instagram-section #instafeed .item, .safari-mac .content-area .boxrow4box, .content-area .boxrow4box, .boxrow4box {

        width: 100%;

        text-align: center;

    }
    .safari-mac #tabnavi li,
    #tabnavi li {

        margin-bottom: 6px;

    }

    .products-list h3 {

        min-height: 0;

        margin-bottom: 20px;

    }

    .contest-section #slide-contest .owl-nav>div,

    .site-content-contain .rev_slider_wrapper .tp-leftarrow,

    .site-content-contain .rev_slider_wrapper .tp-rightarrow {

        background-size: contain;

        height: 30px;

        width: 15px;

    }

    .contest-section #slide-contest {

        padding: 30px 35px 30px;

    }

    .contest-section #slide-contest .owl-nav div.owl-prev {

        left: -27px;

    }

    .contest-section #slide-contest .owl-nav div.owl-next {

        right: -27px;

    }
    .rev_slider_wrapper .tp-bullets {
        text-align: center;
        margin-top: 16px;
    }
    .rev_slider_wrapper .tp-bullet {
        width: 10px;
        height: 10px;
        position: static;
        display: inline-block;
        margin: 0 4px;
    }

    .instagram-section .eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-item {
        width: 50% !important;
    }

}

@media (max-width: 400px) {
    .instagram-section .eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-item {
        width: 100% !important;
    }
}
@media (max-width: 320px) {

    #search-5 {

        top: 130px;

    }

    .custom-header {

        min-height: 190px;

    }

}

@media (min-width: 38em) {

    #masthead .wrap,

    .wrap {

        max-width: 1318px;

        padding-left: 15px;

        padding-right: 15px;

    }

    .page-one-column .panel-content .wrap {

        max-width: 1318px;

        padding-left: 15px;

        padding-right: 15px;

    }

}

