/*
Theme Name: Skilt Child Theme
Theme URI: http://codestag.com/themes/Skilt
Description: Child theme for customizing Skilt.
Version: 1.0
Author: Codestag
Author URI: http://codestag.com/
Template: skilt
*/

/* Import Stylesheets, don't remove these.
-----------------------------------------------------------*/
@import url('../skilt/style.css');

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

/* Make all custom CSS changes BELOW this line
-----------------------------------------------------------*/
/* Example: Change the sidebar background to blue:
#sidebar {
  background: blue;
}
*/

@font-face {
    font-family: 'verb_regularbold';
    src: url('assets/fonts/VerbBold-webfont.eot');
    src: url('assets/fonts/VerbBold-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/VerbBold-webfont.woff') format('woff'),
        url('assets/fonts/VerbBold-webfont.ttf') format('truetype'),
        url('assets/fonts/VerbBold-webfont.svg#verb_regularbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verb_extraboldregular';
    src: url('assets/fonts/VerbExtrabold-webfont.eot');
    src: url('assets/fonts/VerbExtrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/VerbExtrabold-webfont.woff') format('woff'),
        url('assets/fonts/VerbExtrabold-webfont.ttf') format('truetype'),
        url('assets/fonts/VerbExtrabold-webfont.svg#verb_extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verb_regularregular';
    src: url('assets/fonts/VerbRegular-webfont.eot');
    src: url('assets/fonts/VerbRegular-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/VerbRegular-webfont.woff') format('woff'),
        url('assets/fonts/VerbRegular-webfont.ttf') format('truetype'),
        url('assets/fonts/VerbRegular-webfont.svg#verb_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verb_light';
    src: url('assets/fonts/VerbLight-webfont.eot');
    src: url('assets/fonts/VerbLight-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/VerbLight-webfont.woff') format('woff'),
        url('assets/fonts/VerbLight-webfont.ttf') format('truetype'),
        url('assets/fonts/VerbLight-webfont.svg#verb_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verb_ultra';
    src: url('assets/fonts/VerbUltra-webfont.eot');
    src: url('assets/fonts/VerbUltra-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/VerbUltra-webfont.woff') format('woff'),
        url('assets/fonts/VerbUltra-webfont.ttf') format('truetype'),
        url('assets/fonts/VerbUltra-webfont.svg#verb_ultra') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'verb_semi_bold';
    src: url('assets/fonts/VerbSemibold-webfont.eot');
    src: url('assets/fonts/VerbSemibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/VerbSemibold-webfont.woff') format('woff'),
        url('assets/fonts/VerbSemibold-webfont.ttf') format('truetype'),
        url('assets/fonts/VerbSemibold-webfont.svg#verb_semi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('https://assets.jpegmini.com/user/themes/jpegmini/fonts/36E979_1_0.eot');
    src: url('https://assets.jpegmini.com/user/themes/jpegmini/fonts/36E979_1_0.eot?#iefix') format('embedded-opentype'),
        url('https://assets.jpegmini.com/user/themes/jpegmini/fonts/36E979_1_0.woff2') format('woff2'),
        url('https://assets.jpegmini.com/user/themes/jpegmini/fonts/36E979_1_0.woff') format('woff'),
        url('https://assets.jpegmini.com/user/themes/jpegmini/fonts/36E979_1_0.ttf') format('truetype');
}

.subtitle{
    font-weight: 300;
    text-align: center;
}

.menu-arr-desktop {
    border: solid #b8e986;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg) translate(-4px, -4px);
}

.menu-arr-anim {
    animation: menu-arr-anim 1s cubic-bezier(0, 0.27, 0.27, 1.55) infinite;
}

@keyframes menu-arr-anim {
    0% {
        transform: rotate(-45deg) translate(-4px, -4px);
    }

    50% {
        transform: rotate(-45deg) translate(-9px, -9px);
    }

    100% {
        transform: rotate(-45deg) translate(-4px, -4px);
    }
}

body{
    background-color: white!important;
}

a.line-animation {
    /* display: inline-block; */
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
}


a.c-green span {
    color: #b8e986;
}


a.line-animation:hover:before,
a.line-animation.selected:before {
    right: 0;
}

a.line-animation:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: black;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.container #header #mainMenu.nav li span {
    font-family: 'ProximaNova-Regular';
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 14px;
}

.container #header #mainMenu.nav li {
    float: right;
}

.container #header #mainMenu.nav .logo-li {
    float: left;
}

.container {
    z-index: auto;
}

#page {
    z-index: 6;
}

.site-header {
    padding: 0;
}

header#masthead {
    height: 48px;
    z-index: 2000;
    width: 100%;
    position: relative;
    background-color: white;
}

header#masthead.sticky {
    position: fixed;
    top: 0;
    z-index: 10;
}

.header-sprite {
    background-image: url("assets/img/header_spr_v3.png");
    background-repeat: no-repeat;
    background-size: 500px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
    .header-sprite {
        background-image: url("assets/img/header_spr_v3@2x.png");
    }
}

#productsFullPageBG {
    width: 100%;
    height: 199px;
    position: absolute;
    top: 49px;
    background: #e6e6e6;
    z-index: 1999;
    border-bottom: 7px solid #e63837;
}

#st-search-input {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-position: 10px 7px;
    font-size: 14px;
    background-color: transparent;
    padding-left: 30px;
    width: 120px;
    cursor: pointer;
    height: 28px;
}

#st-search-input:hover {
    background-color: #e7e7e6;
}

#st-search-input.active {
    width: 100px;
    background-color: #f3f3f1;
}

#header {
    width: 1170px;
    margin: 0 auto;
    /* background-color: #fff; */
}

#header ul#mainMenu {
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    color: #636363;
    display: inline-block;
}

#header ul#mainMenu a {
    color: #000;
    text-decoration: none;
}

#header ul#mainMenu li {
    border: 0;
    list-style: none;
    position: relative;
    float: right;
    margin-right: -1px;
}

#header ul#mainMenu li a {
    padding: 0;
    display: block;
    margin-left: 25px;
    margin-right: 25px;
}

#header ul#mainMenu li ul {
    border-bottom: 7px solid #e63837;
    margin-left: 0;
    padding: 0;
}

#header ul#mainMenu li ul li:hover {
    background-color: #d7d7d7;
}

#header ul#mainMenu li:hover {
    background-color: inherit;
}

#header ul#mainMenu li.blog-active,
#header ul#mainMenu li.blog-active:hover {
    height: 47px;
    line-height: 36px;
    background: #fff;
}

#header ul#mainMenu li>span#blog {
    border-top: solid 7px #000;
    display: block;
    padding: 0 25px;
    height: 48px;
    display: block;
}

#header ul#mainMenu li>a#blog {
    border-top: solid 7px #000;
}

#header ul#mainMenu li#productsBtn {
    padding: 0 25px;
}

#header ul#mainMenu #logo {
    float: left;
    width: 188px;
    height: 47px;
    border: 0;
    margin-right: 0;
}

#header ul#mainMenu #logo:hover {
    background-color: #fff;
}

#header ul#mainMenu #logo a {
    text-decoration: none;
    display: block;
    width: 188px;
    height: 48px;
    background-position: -5px 0;
    padding: 0;
}

#header ul#mainMenu .productsMenu {
    min-width: 940px;
    height: 199px;
    display: none;
    position: absolute;
    left: -890px;
    background: #e6e6e6;
    z-index: 2000;
    overflow: hidden;
}

#header ul#mainMenu .productsMenu li {
    display: inline-table;
    padding: 0;
    width: 33.3%;
    transition: all 0.3s linear;
    border: 0;
    float: left;
}

#header ul#mainMenu .productsMenu li:before {
    content: "";
    background: #d7d7d7;
    position: absolute;
    top: 15%;
    left: 0;
    height: 60%;
    width: 1px;
}

#header ul#mainMenu .productsMenu li:nth-child(1):before {
    content: "";
    width: 0;
}

#header ul#mainMenu .productsMenu li a {
    width: 100%;
    height: 199px;
    display: block;
    padding: 0;
    text-align: center;
    padding-top: 20px;
}

#header ul#mainMenu .productsMenu li:hover {
    background-color: #d7d7d7;
}

#header ul#mainMenu .productsMenu li h3 {
    font-family: verb_semi_bold;
    font-weight: normal;
    font-size: 20px;
    color: #3e474c;
    line-height: 40px;
    padding: 0;
    margin: 0;
}

#header ul#mainMenu .productsMenu li h4 {
    font-family: Open Sans;
    font-size: 14px;
    color: #3e474c;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 25px;
    margin-top: 0;
}

#header ul#mainMenu .productsMenu li #jmProductImage {
    width: 112px;
    height: 100px;
    background-position: -250px -25px;
    margin: 0 auto;
}

#header ul#mainMenu .productsMenu li #jmProProductImage {
    width: 112px;
    height: 100px;
    background-position: -375px -25px;
    margin: 0 auto;
}

#header ul#mainMenu .productsMenu li #jmServerProductImage {
    width: 242px;
    height: 87px;
    background-position: 0 -139px;
    margin: 40px auto 0 auto;
    transition: all 0.6s linear;
}

#header ul#mainMenu li#socialMenu {
    width: 150px;
    height: 48px;
    line-height: 48px;
    padding-right: 0;
    position: relative;
    padding: 0 0 0 25px;
    float: right;
}

#header ul#mainMenu #socialMenu .socialIcon {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}

#header ul#mainMenu #socialMenu #fbIcon {
    background-position: 0 -75px;
}

#header ul#mainMenu #socialMenu #twIcon {
    background-position: -25px -75px;
}

#header ul#mainMenu #socialMenu #gpIcon {
    background-position: -50px -75px;
}

#header ul#mainMenu .socialSubMenu {
    display: none;
    width: 230px;
    line-height: 90px;
    position: absolute;
    right: 0;
    background: #e6e6e6;
    line-height: 30px;
}

#header ul#mainMenu .socialSubMenu li {
    line-height: 48px;
    height: 40px;
    vertical-align: middle;
    padding: 5px 0 0 20px;
    border-top: 1px solid #d7d7d7;
    width: 230px;
}

#header ul#mainMenu #triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #636363 transparent transparent transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

#socailLinks {
    float: right;
}

#header ul#mainMenu #search {
    float: right;
    transition: all 0.2s linear;
    overflow: hidden;
    width: 55px;
    cursor: pointer;
}

#header ul#mainMenu #search.active {
    width: 160px;
}

#header ul#mainMenu #search #searchContainer {
    width: 160px;
    padding-left: 10px;
    height: 48px;
}

#header ul#mainMenu #search:hover #searchContainer {
    background-color: #e7e7e6;
}

#download-btn {
    width: 150px;
    height: 47px;
    background-color: #000;
    float: right;
    color: #fff;
    text-align: center;
}

#download-btn-link {
    color: #fff !important;
    line-height: 48px;
    font-size: 16px;
    display: block;
}

body.single .entry-thumbnail.post-header,
body.single .entry-thumbnail .wp-post-image {
    display: none;
}

.entry-author {
    margin-left: 5px;
}

.error-404 {
    color: #252931;
}

@media screen and (max-width: 768px) {
    .container #header #mainMenu.nav li:not(.logo-li) {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    #header ul#mainMenu {
        width: 400px;
    }

    #header ul#mainMenu #productsBtn,
    #header ul#mainMenu #productsBtn {
        display: none;
    }

    #header ul#mainMenu li#socialMenu {
        float: left;
        border-right: 0;
    }

    #header ul#mainMenu li.active,
    #header ul#mainMenu li.blog-active {
        display: none;
    }

    #download-btn {
        display: none;
    }


}