body {
    background: url("../images/gfx/bg.jpg") #EAEAEA center -50px;
    color: #777777;
    font-family: 'Roboto', sans-serif, Arial, Helvetica;
    font-size: 14px;
    line-height: 1.4em; /* @TODO: change to number value i.e 1.4 */
    max-width: 100%;
}
.text {
    font-family: 'Great Vibes', cursive, Georgia, Times, "Vera Serif";
}

a {
    color: #183673;
    outline: 0!important;
    text-decoration: none;
}
a:hover {
    color: #036;
    text-decoration: underline;
}
a:active {
    outline: 0!important;
}
p, .p {
    margin: .7em 0;
    padding: 0;
}
ul, ol {
    margin: 0;
    padding: 0;
}

hr {
    background: none;
    border: 0 solid #CCC;
    border-top-width: 1px;
    height: 10px;
    margin: 20px 0 10px;
}

h1, .h1 {
    color: #183673;
    font-weight: normal;
    font-family: 'Great Vibes', cursive, Georgia, Times, "Vera Serif";
    font-size: 60px;
    line-height: 0.7em;
    margin: 0;
}
.h1-mini {
    font-size: 45px!important;
}
h2, .h2 {
    font-weight: normal;
    font-family: 'Great Vibes', cursive, Georgia, Times, "Vera Serif";
    font-size: 34px;
    line-height: 1.1em;
    margin: .7em 0;
}
h3, .h3 {
    font-size: 48px;
    font-weight: normal;
    line-height: 1.1em;
    margin: -10px 0 .2em;
}
h4, .h4 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: .5em 0;
}
h5, .h5 {
    font-size: 1em;
    margin: .4em 0;
}

/*
 * Lists
 */
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
ol {
    margin-left: 35px;
}
    ol li {
        padding: 1px 0 1px 0;
    }

/*
 * Table
 */
table {
    margin: 1em auto;
}
    td, th {
        border: 1px solid #EEE;
        padding: 0.5em 1em;
    }
    th {
        font-weight: bold;
    }
    thead {
        background-color: #F7F7F7;
    }
    tfoot {
        background-color: #F7F7F7;
        color: #888;
    }

img {
    vertical-align: middle;
    max-width: 100%;
}

.tableHover tr:hover td {
    background-color: #F7F7F7;
}
.tableFull {
    width: 100%;
}
.tableFixed {
    table-layout: fixed;
}
.tableFixed td {
    padding: 10px 5px;
}


/*
 * Checkbox / Radio
 */

.checkbox, .radio {
    background: #fff;
    border: 1px solid #bcbcbc;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin: 0 1px;
    overflow: hidden;
    position: relative;
    top: 3px;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    width: 18px;
}
    .checkbox input, .radio input{
        margin-left: -22px;
        opacity: 0;
        position: relative;
    }

    label:hover .checkbox, label:hover .radio{
        border-color: #777;
        -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
           -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);
    }

    .checkbox:after {
        background: none;
        border-bottom: 2px solid rgba(0, 0, 0, 1);
        border-right: 2px solid rgba(0, 0, 0, 1);
        bottom: 8px;
        content: "";
        display: block;
        height: 0;
        opacity: 0;
        position: absolute;
        left: 1px;
        -webkit-transform-origin: left bottom;
           -moz-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
             -o-transform-origin: left bottom;
                transform-origin: left bottom;
            -webkit-transform: rotate(45deg);
               -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                 -o-transform: rotate(45deg);
                    transform: rotate(45deg);
        
        -webkit-transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
           -moz-transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
             -o-transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
                transition: all 0.2s ease-out 0.1s, height 0.1s ease-in 0s;
        width: 0px;
    }
    
    .checkbox.active, .radio.active  {
        border-color: #000;
    }
        .checkbox.active:after {
        -webkit-transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
           -moz-transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
             -o-transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
                transition: all 0.2s ease-in 0s, height 0.2s ease-out 0.2s;
            border-color: #000;
            height: 12px;
            opacity: 1;
            width: 7px;
        }
        .checkbox {
            -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) inset;
               -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) inset;
                    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2) inset;
        }
        .checkbox.active {
            -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5) inset;
               -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5) inset;
                    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5) inset;
            background: #F5F5F5;
        }

     .radio {
        -webkit-border-radius: 100%;
           -moz-border-radius: 100%;
                border-radius: 100%;
    }
        .radio.active {
            background: #282828;
            border: 5px solid #fff;
            -webkit-box-shadow: 0px 0px 1px 1px #bcbcbc;
               -moz-box-shadow: 0px 0px 1px 1px #bcbcbc;
                    box-shadow: 0px 0px 1px 1px #bcbcbc;
        }
        label:hover .radio.active {
            background: #777;
            border-color: #fff;
        }




/*
 * Input
 */
.input {
    background: #fff;
    background-clip: padding-box;
    border: 1px solid #898989;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    max-width: 100%;
    padding: 9px 8px 9px;
    -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
         -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
    vertical-align: middle;
    width: 220px;
}
    .input--long {
        width: 350px;
    }
    .input--full {
        width: 100%;
    }
    .input--number {
        text-align: center;
        width: 55px;
    }
    .input--short {
        text-align: center;
        width: 70px;
    }
    .input--textarea {
        height: 90px;
        line-height: 1.2em;
        max-width: 380px;
        vertical-align: top;
        width: 100%;
    }
    .input--full {
        max-width: none;
    }
    .input--textarea--medium {
        height: 200px;
    }
    .input--textarea--large {
        height: 400px;
    }
    .input:focus {
        border-color: #282828;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
           -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    }
    .input--invalid {
        border-color: #D47171;
    }

/*
 * Button
 */
.button, .input-file {
    background-clip: padding-box;
    background-color: #183673;
    border: 2px solid #183673;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
    padding: 10px 20px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;
    vertical-align: middle;
    outline: 0px solid #132B5B;
    margin-bottom: 3px;
    text-align: center;
}
    .button--large {
        font-size: 14px;
        padding: 13px 18px 12px;
    }
    .button--biger {
        font-size: 18px;
        margin-top: 15px;
        padding: 16px 10px;
    }
    .button--full {
        width: 100%;
    }
    .button:hover, .input-file:hover {
        background: #fff;
        color: #183673;
        text-decoration: none;
    }
    .button:active, .input-file:active {
        background: #fff;
        outline: 2px solid #132B5B;
        border-color: #132B5B;
        color: #132B5B;
    }
    .button-left {
        float: left;
        font-weight: normal;
        font-style: 14px;
        max-width: 49%
    }
    .button-right {
        float: right;
        font-weight: normal;
        font-style: 14px;
        max-width: 49%
    }

    .gotoProduct {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    button:disabled, .disabled {
        background: #fff!important;
        color: #959595!important;
        border-color: #959595!important;
    }

/*
 * Select
 */
.select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
    min-width: 150px;
    outline: medium none !important;
    padding: 4px 5px;
    text-indent: 1px;
    text-overflow: "";
}
    select.input, .fake-select {
        background: #fff url("../images/gfx/select.png") no-repeat scroll right center;
    }
    .select--full {
        width: 98%;
    }

.input-file {
    overflow: hidden;
    position: relative;
}
    .input-file-remove {
        opacity: 0;
        max-width: 0;
        text-decoration: none!important;
        padding: 5px 0;
        display: inline-block;
    }
    .input-file-remove.active {
        padding: 5px;
        opacity: 1;
        max-width: 30px;
    }
    .input-file input {
        opacity: 0;
        left: 0;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
    }

/*
 * Form
 */
.form {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
       -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
            box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.18);
    margin: 0 auto 40px;
    max-width: 800px;
    padding: 30px;
}
/* fill */
.fill .input,
.fill .button,
.fill .select,
.fill .input--textarea {
    padding: 14px 8px 4px;
    width: 100%;
} 
    .fill-name {
        color: #777;
        font-size: 16px;
        font-weight: 300;
        left: 30px;
        line-height: -1em;
        margin-top: -10px;
        pointer-events: none;
        position: absolute;
        top: 22px;
        -webkit-transition: all .2s ease;
           -moz-transition: all .2s ease;
             -o-transition: all .2s ease;
                transition: all .2s ease;
    }
    .fill-name.fill-focus, .no-js .fill-name{
        color: #9f9f9f;
        font-size: 13px;
        top: 12px;
    }

.label,
.formActions {
    clear: both;
    display: block;
    padding: 3px 0 3px 120px;
}
    .label-name {
        float: left;
        font-size: 13px;
        margin-left: -120px;
        padding-right: 5px;
        padding-top: 5px;
        text-align: right;
        width: 110px;
    }
    .label-value {
        display: inline-block;
        padding: 5px 0 0 0;
    }
    .label-help {
        color: #aaa;
        display: block;
        font-size: 11px;
        line-height: 1.2em;
    }
    .label-help--after {
        display: inline-block;
        vertical-align: middle;
    }
    .label--invalid {
        color: #B72B2B;
    }
    .label--invalid .input {
        border-color: #D92E2E;
    }

    .label--big {
        padding-left: 210px;
    }
        .label--big .label-name {
            margin-left: -210px;
            width: 200px;
        }

    .label--small {
        padding-left: 80px;
    }
        .label--small .label-name {
            margin-left: -80px;
            width: 70px;
        }

.formActions { 
    margin: 1em 0;
    padding-bottom: 15px;
    padding-top: 15px;
}

    .formActions--center {
        padding-left: 0;
        text-align: center;
    }
    .formActions--sides {
        overflow: hidden;
        padding: 15px;
    }
        .formActions--sides-left {
            float: left;
        }
        .formActions--sides-right {
            float: right;
        }

/*
 * Loading
 */
.loading {
    background: url(../images/gfx/loading.png) center center no-repeat;
}
    .loading--full {
        background-color: #FFF;
        bottom: 0;
        left: 0;
        filter: alpha(opacity = 80);
        opacity: 0.8;
        position: absolute;
        right: 0;
        top: 0;
    }
    .loading-text {
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
    }

/*
 * Media element
 */
.media {
    display: block;
    margin: .8em 0;
    overflow: hidden;
}
    .media-image {
        float: left;
        margin-right: .8em;
    }
    .media-content {
        margin: 0;
        overflow: hidden;
    }
    .media--triple,
    .media--double {
        display: inline-block;
        margin: .8em .4%;
        vertical-align: top;
        width: 48.8%;
    }
    .media--triple {
        width: 32%;
    }

.media2 {
    display: table;
    margin: .8em 0;
}
    .media2-image,
    .media2-content {
        display: table-cell;
        vertical-align: middle;
    }
    .media2-image {
        padding: 0 .6em 0 0;
    }
    .media2-image--after {
        padding: 0 0.6em;
    }
    .media2--double {
        display: inline-block;
        margin: .4em .4% .8em;
        vertical-align: top;
        width: 48.9%;
    }
    .media2--inline {
        display: inline-block;
        margin: .8em .3em;
        vertical-align: middle;
    }


/*
 * 3 tbox
 */

.tbox {
    display: table;
    width: 100%;
    padding: 40px 0;
}
.tbox-cell {
    width: 33.33%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
/*
 * Table Grid
 */
.grid {
    display: table;
    width: 100%;
}
    .grid--fixed {
        table-layout: fixed;
    }
    .grid-cell {
        position: relative;
        z-index: 99;
        display: table-cell;
        vertical-align: middle;
    }
    .grid-cell--tabloid {
        width: 1px;
    }
    .grid-cell-60 {
        pointer-events: none;
        z-index: 100;
        width: 56%;
    }


    

    .paralax {
        -webkit-perspective: 700px;
        -moz-perspective: 700px;
        -ms-perspective: 700px;
        perspective: 700px;
    }
    .paralax img{
        display: block;
        width: 100%
        max-width: auto;
        position: relative;
        -webkit-transform: translateZ(-200px) scale(1.32);
        -ms-transform: translateZ(-200px) scale(1.32);
        -o-transform: translateZ(-200px) scale(1.32);
        transform: translateZ(-200px) scale(1.32);
    }
    .paralax img + img {
        -webkit-transition: all 2s ease 0s;
           -moz-transition: all 2s ease 0s;
             -o-transition: all 2s ease 0s;
                transition: all 2s ease 0s;
        -webkit-transform: translateZ(-140px) scale(1.32);
        -ms-transform: translateZ(-140px) scale(1.32);
        -o-transform: translateZ(-140px) scale(1.32);
        transform: translateZ(-140px) scale(1.32);
        position: absolute;
        bottom: 50px;
        left: 0
    }
    img.paralax-up {
        z-index: 10;
        -webkit-transform: translateZ(-200px) scale(1.35);
        -ms-transform: translateZ(-200px) scale(1.35);
        -o-transform: translateZ(-200px) scale(1.35);
        transform: translateZ(-200px) scale(1.35);
    }
    .zup {
        -webkit-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px);
        position: relative;
        z-index: 100;
    }


    .scroll .paralax img + img {
        position: absolute;
        bottom: 20px;
        left: 0
    }


    .onScroll>div{
        position: relative;
            -webkit-transition: opacity 1.2s ease,
                                top 1.2s ease;
               -moz-transition: opacity 1.2s ease,
                                top 1.2s ease;
                 -o-transition: opacity 1.2s ease,
                                top 1.2s ease;
                    transition: opacity 1.2s ease,
                                top 1.2s ease;
        opacity: 0;
        top: 200px;
    }    
    .onScroll>div.paralax{
        position: relative;
            -webkit-transition: opacity 1.2s ease,
                                top 2s ease;
               -moz-transition: opacity 1.2s ease,
                                top 2s ease;
                 -o-transition: opacity 1.2s ease,
                                top 2s ease;
                    transition: opacity 1.2s ease,
                                top 2s ease;
        top: 0px;
    }
    .onScroll.scroll>div{
        opacity: 1;
        top: 0;
    }
    .onScroll p{
        position: relative;
        top: -80px;
        opacity: 0;
        -webkit-transition: all 1s ease-out 0s !important;
           -moz-transition: all 1s ease-out 0s !important;
             -o-transition: all 1s ease-out 0s !important;
                transition: all 1s ease-out 0s !important;
    }
    .onScroll.scroll p {
        opacity: 1;
        top: 0;
    }


    .svg1-line {
        position: relative;
    }
    .svg1-line:after, .svg1-line:before{
        content: "";
        display: block;
        width: 20%;
        height: 1px;
        background: #183673;
        position: absolute;
        top: 48%
    }
    .svg1-line-white {
        color: #fff;
    }
    .svg1-line-white:after, .svg1-line-white:before{
        background: #fff;
    }
    .svg1-line:before {
        left: 20%;
    }
    .svg1-line:after {
        right: 20%;
    }
    .onScroll .svg1-line:after, .onScroll .svg1-line:before {
        -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
        width: 0%
    }
    .onScroll.scroll .svg1-line:after, .onScroll.scroll .svg1-line:before{
        -webkit-transition: all 1.6s ease 0.7s;
           -moz-transition: all 1.6s ease 0.7s;
             -o-transition: all 1.6s ease 0.7s;
                transition: all 1.6s ease 0.7s;
        width: 20%
    }
    .onScroll .svg1-show path,
    .onScroll .svg1-show text {
        color: #fff;
        -webkit-transition: all 0.6s ease 0s;
           -moz-transition: all 0.6s ease 0s;
             -o-transition: all 0.6s ease 0s;
                transition: all 0.6s ease 0s;
          fill: #183675;
          fill-opacity: 0;
          stroke-opacity: 1;
          stroke: #183675;
          stroke-width: 1;
          stroke-linejoin: round;
          stroke-dasharray: 140;
          stroke-dashoffset: 140;
    }    

    .onScroll .svg1-show text {
          stroke-dasharray: 500;
          stroke-dashoffset: 500;
    }

    .onScroll.scroll .svg1-show path,
    .onScroll.scroll .svg1-show text {
        -webkit-transition: all 2.6s ease-in-out 0.7s;
           -moz-transition: all 2.6s ease-in-out 0.7s;
             -o-transition: all 2.6s ease-in-out 0.7s;
                transition: all 2.6s ease-in-out 0.7s;
          fill-opacity: 1;
          stroke-opacity: 0;
          stroke-dashoffset: 0;
          color: #183675;
    }


    .name-line {
        position: relative;
        padding-left: 20%;
        padding-right: 20%;
    }
    .name-line:after, .name-line:before{
        content: "";
        display: block;
        width: 20%;
        height: 1px;
        background: #183673;
        position: absolute;
        top: 12%
    }
    .name-line:before{
        right: 80%;
        width: 10%;
    }
    .name-line:after{
        left: 80%;
        width: 10%;
    }



/*
 * Dropdown
 */
.dropdown {
    position: relative;
}
    .dropdown-content {
        display: none;
        left: 0;
        position: absolute;
        top: 100%;
        z-index: 500;
    }

/*
 * Hint
 */
.hint {
    color: #999;
    font-size: .8em;
    line-height: 1.3em;
}

/*
 * Container
 */
.container {
    position: relative;
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px;
}

/*
 * Left
 */
.leftBlock {
    display: table-cell;
    min-width: 200px;
    padding-right: 20px;
    vertical-align: top;
    width: 200px;
}

/*
 * Right
 */
.rightBlock {
    display: table-cell;
    min-width: 200px;
    padding-left: 20px;
    vertical-align: top;
    width: 200px;
}

/*
 * Content
 */
.content {

    display: block;
    overflow: hidden;
}
    .content img {
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        max-width: 100%;
    }
    .content-noimg img {
        -webkit-box-sizing: content-box;
           -moz-box-sizing: content-box;
                box-sizing: content-box;
        max-width: none;
    }
    .content ul, .content ol {
        margin: .8em 0 15px;
    }
    .content ul {
        list-style: square;
    }
        .content ul li {
            background: no-repeat 0 0.65em url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABGdBTUEAALGPC/xhBQAAAANQTFRFfHx8IKinAwAAAAtJREFUCNdjYIABAAAKAAHn+Nr6AAAAAElFTkSuQmCC);
            padding: 1px 0 1px 12px;
        }

    .content .dropdown-content {
        background: #FFF;
        border: 1px solid #E6E6E6;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
           -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
        font-size: 14px;
        min-width: 140px;
        padding: 5px 10px;
    }

/*
 * Breadcrumbs
 */
.breadcrumbs {
    position: relative;
    z-index: 1000;
    color: #ababab;
    font-size: 14px;
    padding: 15px 0;
    text-shadow: 1px 1px 3px rgba(255,255,255,0.4);
}
    .breadcrumbs a,
    .breadcrumbs b,
    .breadcrumbs span {
        color: inherit;
        display: inline-block;
        text-decoration: none;
        vertical-align: middle;
    }
    .breadcrumbs a:hover {
        text-decoration: underline;
    }
    .breadcrumbs span {
        color: #777;
    }

/*
 * Slider
 */


.slider {
    position: relative!important;

}
.slider-start {
    z-index: 400!important;
    overflow: hidden;
    background: #756f69;
    background: -moz-radial-gradient(center, ellipse cover, #756f69 0%, #4c4d47 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #756f69 0%,#4c4d47 100%);
    background: radial-gradient(ellipse at center, #756f69 0%,#4c4d47 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#756f69', endColorstr='#4c4d47',GradientType=1 );
    height: calc(100vh - 100px);
}

.slider-slide {
        height: 100%;
        height: calc(100vh - 100px);
        text-align: center;
        background-size: auto 110%;
        background-position: center -50px;
}
.slider-slide img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 0;

}

    .owl-prev, .owl-next {
        text-align: center;
        background: #183673;
        bottom: 0;
        color: #fff;
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
        font-size: 110px;
        height: 80px;
        line-height: 0.7em;
        margin: auto;
        padding: 0;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 80px;
        z-index: 200;
    }
        .owl-nav:hover {
            color: #FFF;
        }
        .owl-prev {
            left: -80px;
        }
        .owl-next {
            right: -80px;
        }
        .owl-prev:before, .owl-next:before {
            position: absolute;
            left: -5px;
            right: 5px;
            top: 0;
            bottom: 0;
            margin: auto;
        }

    .owl-dots {
        bottom: -30px;
        left: 0;
        overflow: hidden;
        padding: 14px;
        position: absolute;
        right: 0;
        text-align: center;
        z-index: 200;
    }
        .owl-dot {
            background-color: #222;
            background-color: rgba(0, 0, 0, 0.3);
            -webkit-border-radius: 100%;
               -moz-border-radius: 100%;
                    border-radius: 100%;
            cursor: pointer;
            display: inline-block;
            height: 10px;
            margin: 0 3px;
            vertical-align: middle;
            width: 10px;
        }
            .owl-dot:hover,
            .owl-dot.active {
                background-color: #183673;
            }

        .owl-prev,
        .owl-next,
        .owl-dots {
            filter: alpha(opacity = 0);
            opacity: 0;
            -webkit-transition: all .2s ease;
               -moz-transition: all .2s ease;
                 -o-transition: all .2s ease;
                    transition: all .2s ease;
            }        

        .owl-prev:hover,
        .owl-next:hover {
            background: #fff;
            color: #183673;
        }

        .slider:hover .owl-prev {
            left: 30px;
            filter: alpha(opacity = 100);
            opacity: 1;
        }
        .slider:hover .owl-next {
            filter: alpha(opacity = 100);
            opacity: 1;
            right: 30px;
        }
        .slider:hover .owl-dots {
            bottom: 0;
            filter: alpha(opacity = 100);
            opacity: 1;
        }


/*
 * Pagination
 */
.pagination {
    text-align: center;
}
    .pagination-info {
        color: #CCC;
        padding-bottom: 0;
    }
    .pagination-element {
        /*border: 1px solid #DDD;*/
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
        color: #777;
        display: inline-block;
        margin: 0 -1px 0;
        padding: 3px 10px;
        text-decoration: none;
    }
    .pagination-element--left,
    .pagination-element--right {
        background-color: #EEE;
        padding: 3px 15px;
    }
    .pagination-element:hover {
        background-color: #DDD;
        color: #444;
        position: relative;
        text-decoration: none;
    }
    .pagination-element--active,
    .pagination-element--active:hover {
        background: #666;
        color: #FFF;
        font-weight: bold;
    }
    .pagination-element--disabled,
    .pagination-element--disabled:hover {
        background-color: transparent;
        color: #CCC;
        font-weight: normal;
    }

/*
 * Items
 */
.item {
    background: none;
    display: inline-block;
    margin: 0;
    padding: 5px 0 20px;
    text-align: center;
    vertical-align: top;
}
    .item--2 {
        width: 49.5%;
    }
    .item--3 {
        width: 32.5%;
    }
    .item--4 {
        width: 24.5%;
    }
    .item--5 {
        width: 20%;
    }

    .item-image {
        display: block;
        height: 218px;
        line-height: 218px;
        margin-bottom: 20px;
    }
        .item-image img {
            vertical-align: middle;
        }

    .item-name {
        display: block;
        font-weight: normal;
        line-height: 1.2em;
        margin: 0 auto;
        max-width: 70%;
        min-height: 2.4em; /* 2 x line-height */
    }

/*
 * Box
 */
.box {
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    color: #666;
    line-height: 1.4em;
    margin: 0.9em 0;
    padding: 0.7em 1em;
    position: relative;
    text-align: left;
}
    .box-close {
        background-color: #F5F5F5;
        border: 1px solid #CCC;
        -webkit-border-radius: 100%;
           -moz-border-radius: 100%;
                border-radius: 100%;
        -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
           -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
        color: #666;
        cursor: pointer;
        font-size: 12px;
        height: 16px;
        line-height: 16px;
        position: absolute;
        right: -6px;
        text-align: center;
        top: -6px;
        width: 16px;
    }
    .box-close:hover {
        font-weight: bold;
        height: 18px;
        line-height: 18px;
        right: -7px;
        top: -7px;
        width: 18px;
    }

    .box--ok,
    .box--ok .box-close {
        background: #F7FFED;
        border-color: #78CA52;
        color: #4DAB01;
    }
    .box--error,
    .box--error .box-close {
        background: #FFF0F0;
        border-color: #FF9494;
        color: #D92A2A;
    }
    .box--info,
    .box--info .box-close {
        background: #E9F1FF;
        border-color: #81AEFF;
        color: #2F5DB3;
    }
    .box--alert,
    .box--alert .box-close {
        background: #FFFFDE;
        border-color: #E1D042;
        color: #A99B27;
    }
/*
 * Produkty
 */
.productWrapper {
    /*margin-left: -12px;*/
    /*padding: -20px*/
    /*text-align: center;*/
    text-align: justify;
}
    .productWrapper:after {
        content: '';
        display: inline-block;
        width: 80%;
    }
    .owl-carousel-product .owl-stage-outer {
        overflow: visible!important;
    }
.product {    
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    text-align: center;
    background: #FFF;
    border: 1px solid transparent;
    -webkit-box-shadow: 0px 0px 97px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 0px 97px 0px rgba(0, 0, 0, 0);
    box-shadow:         0px 0px 97px 0px rgba(0, 0, 0, 0);
    display: inline-block;
    margin: 0 5px 60px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    -webkit-transform: scale(0.6);
       -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
         -o-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
         -o-transition: all .6s ease;
            transition: all .6s ease;
    vertical-align: top;
    min-height: 480px;
    width: 560px;
    max-width: 70vw;
    z-index: 9;
}




    .product img {
        margin: auto; 
    }
    .owl-carousel-product .product .cube-inner {
        min-height: 421px;
        position: relative;
    }
    .owl-carousel-product .product .cube-inner .button{
        position: absolute;
        bottom: 0;
        left: 50%;
        min-width: 180px;
        margin-left: -90px;
    }    
    .owl-carousel-product .product .cube-inner .product-name{
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
.product-static {
    width: 32%;
    min-height: 350px;
}
.product-static a {
    text-decoration: none;
}

.global-mini {
    color: #183673;
    width: 23%;
    position: relative;
    min-height: 360px;
    padding-top: 130px;
}
    .global-fake {
        width: 23%;
        display: inline-block;
        margin: 0 5px 36px;
    }

    .global-mini p {
        padding: 12px 0;
        margin: 0
    }
    .global-showMore {
        z-index: 100;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .text-bottom {
    -webkit-transition: all .4s ease .4s;
       -moz-transition: all .4s ease .4s;
         -o-transition: all .4s ease .4s;
            transition: all .4s ease .4s;
        opacity: 1;
        position: relative;
        z-index: 10;
        padding: 15px 5px; 
    }
    .global-showMore-inner {
    -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
         -o-transition: all .6s ease;
            transition: all .6s ease;
        overflow: hidden;
        max-height: 0;
        padding-bottom: 0;
    }

    .global-showMore:hover .global-showMore-inner{
        max-height: 158px;
        padding-bottom: 30px;
    }

    .global-showMore:hover + .text-bottom {
        opacity: 0;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
         -o-transition: all .3s ease;
            transition: all .3s ease;
    }
    .global-mini .global-showMore .icon {
        padding-top: 20px;
        font-size: 36px;
        display: block;
        text-align: center;
        color: #183673;
    }
    .global-name {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 1.2em;
        display: block;
        text-transform: uppercase;
        font-weight: normal;
        text-align: center;
        color: #183673;
        position: relative;
    }
    .global-name:before {
        content: "";
        position: absolute;
        bottom: 0px;
        display: block;
        left: 16%;
        right: 16%;
        border-bottom: 1px solid #183673;
    }
    .global-mini {
        text-align: center;
    }
    .global-mini .button {
        margin-top: 5px
    }





.product .cube-inner {
    -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
         -o-transition: all .6s ease;
            transition: all .6s ease;
        border: 1px dashed #fff;
        text-decoration: none;
        display: block;
}



.owl-carousel-product .owl-item.center .product .cube-inner {
        border: 1px dashed #a3afc7;
}


.owl-carousel-product .owl-item.center .product,
.product-static 
{
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;

    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
     z-index: 1000;
    -webkit-box-shadow: 1px 1px 27px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    1px 1px 27px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         1px 1px 27px 0px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}



.owl-carousel-product .owl-item.center ~ .owl-item .product{
       -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%; 
}

.owl-carousel-product .owl-grab .product {
    -webkit-transition: all 1.5s ease;
       -moz-transition: all 1.5s ease;
         -o-transition: all 1.5s ease;
            transition: all 1.5s ease;
    -ms-transform-origin: 50% 0% !important;
    -webkit-transform-origin: 0% 0% !important;
    transform-origin: 50% 0% !important;


    -webkit-transform: scale(0.75) !important;
       -moz-transform: scale(0.75) !important;
        -ms-transform: scale(0.75) !important;
         -o-transform: scale(0.75) !important;
            transform: scale(0.75) !important;
}

.product-name {
    font-weight: normal;
    font-family: 'Great Vibes', cursive, Georgia, Times, "Vera Serif";
    font-size: 30px;
    line-height: 0.7em;
    display: block;
    text-align: center;
    color: #ababab;
    padding-bottom: 36px;
    text-decoration: none;
}

.owl-carousel-product .product .button, .product .name-line:after, .product .name-line:before
{
    opacity: 0;
    -webkit-transition: all .6s ease;
       -moz-transition: all .6s ease;
         -o-transition: all .6s ease;
            transition: all .6s ease;
}
.owl-carousel-product .owl-item.center .product .button,
.owl-carousel-product .owl-item.center .name-line:after,
.owl-carousel-product .owl-item.center .name-line:before,
.product-static .name-line:after, .product-static .name-line:before {
    opacity: 1;
}

.owl-carousel-product .owl-item.center .product-name,
.product-static  .product-name {
    color: #183673;
}
        .owl-carousel-product .owl-dots {
            bottom: 0;
            opacity: 0.4;
        }
    
    .product-static {
        padding-bottom: 60px;
    }
    .product-static  .product-name {   
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

   .owl-carousel-product .owl-prev, .owl-carousel-product  .owl-next {
        margin: 0;
        top: auto;
        bottom: 100px;
        opacity: 0.5!important;
    }
        .owl-carousel-product .owl-prev {
            left: 50%!important;
            margin-left: -400px;
        }
        .owl-carousel-product .owl-next {
            right: 50%!important;
            margin-right: -400px;
        }
        .owl-carousel-product .owl-prev:hover {
            opacity: 1!important;
        }
        .owl-carousel-product .owl-next:hover {
            opacity: 1!important;
        }

    .owl-carousel-product  .owl-prev:hover, .owl-carousel-product .owl-next:hover {
        background: #183673;
        color: #fff;
    }





.product-hidden {
    display: inline-block;
    position: relative;
    width: 32%;
    margin: 0 5px 36px;
}
 


 


/*
 * galeria
 */
 .galleria {
    position: relative;
    z-index: 0;
    overflow: hidden;
 }
 .galleria img {
    position: relative;
    z-index: 0
 }
.description {
    position: relative;
    z-index: 20;
    /*float: right;*/
    padding-bottom: 10px;
}




/*
 * Main
 */
.main {
    clear: both;
    display: table;
    table-layout: fixed;
    width: 100%;
    position: relative;
    z-index: 20;
}

.product-header {
    text-align: center;
    padding-bottom: 15px;
    color: #183673;
}


.whiteBox {
    background: #fff;
    -webkit-box-shadow: 1px 1px 27px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    1px 1px 27px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         1px 1px 27px 0px rgba(0, 0, 0, 0.35);
    /*margin-bottom: 30px;*/
    overflow: hidden;
}
.banner {
    position: relative;
    z-index: 15;
    height: 196px;
    overflow: hidden;
}
.banner img {
    position: absolute;
    width: 100%;
    left: 0;
    top: -60px;
}

.banner h1 {
    position: absolute;
    left: 13%;
    font-size: 36px;
    top: 50%;
    margin-top: -16px;
}
.banner h1:before {
    width: 60%;
    left: 120%;
}.banner h1:after {
    right: 120%;
    width: 360px;
}



.cube {
    text-align: center;
    padding: 22px 26px 35px;
    background: #fff;
}
    .cube-right>div{
        margin-left: -10px;
    }
    .cube-left>div{
        margin-right: -10px;
    }
        .grid-cell .cube-inner {
            border: 1px dashed #a3afc7;
        }
        .cube-inner .button {
            margin-bottom: -20px;
        }

.grid-cell .cube {
    width: 100%;
    min-width: 480px;
    -webkit-box-shadow: 1px 1px 27px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow:    1px 1px 27px 0px rgba(0, 0, 0, 0.35);
    box-shadow:         1px 1px 27px 0px rgba(0, 0, 0, 0.35);
}



.contactIco {
    padding-left: 34px;
    position: relative;
}
.contactIco .icon {
    font-size: 25px;
    left: 0;
    position: absolute;
    top: 3px;
}
.footer .contactIco .icon {
    color: #fff;
    font-size: 16px;
    top: 8px;
}
.footer strong{
    padding-bottom: 10px;
}

.product-content {
    overflow: hidden;
}

.product-content .product-tab {
    position: relative;
    z-index: 10;
    display: table;
    margin: 15px 0 -1px;
}
.product-content .product-tab li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 30px;
    text-transform: uppercase;
}
.product-content .product-tab li:hover {
    background: #fff;
    border-color: #e6e6e6
}
.product-content .product-tab li.active {
    background: #fff;
    border-color: #e6e6e6 #e6e6e6 #fff;
}
.product-tab-box {
    position: relative;
    z-index: 9;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
/*    -ms-overflow-x: scroll;
        overflow-x: scroll;*/
    margin-bottom: -30px;
    padding-bottom: 50px;
}
.product-tab-div {
-webkit-transition: all 0.8s ease 0s;
   -moz-transition: all 0.8s ease 0s;
     -o-transition: all 0.8s ease 0s;
    opacity: 0.4;
    vertical-align: top;
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    display: inline-block;
    overflow: visible;
    padding: 10px;
    width: 100%;
    max-height: 0px;
    white-space: normal;
}
.product-tab-div.active {
    border: 1px solid #e6e6e6;
    max-height: 1000px;
    opacity: 1;
}

/*
 * Top
 */
.header {
    height: 100px;
    clear: both;
}
.top {
    /*background: url("../images/gfx/bg.jpg") #EAEAEA top center;*/
    position: fixed;
    width: 100%;
    z-index: 10000;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.18);
}

/*
 * Logo
 */
 .logo {
    display: block;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    max-width: 30%;
}
    .logo img {
        display: block;
    }

/*
 * Nav
 */
.nav {
    clear: both;
    float: right;
    padding-left: 30%;
    width: 100%;
    left: 0;
    right: 0;
}
    .nav .table {
        display: table;
    }
    .menu {
        width: 100%;
        padding-right: 20%;
    }
    .social {
        position: absolute;
        right: 30px;
        top: 0;
        width: 10%;
    }
    .table > li {
        display: table-cell;
        text-align: center;
    }
    .nav a {
        position: relative;
        color: #183673;
        text-transform: uppercase;
        font-weight: bold;
        font-style: 16px;
        display: block;
        padding: 40px 10px;
        text-decoration: none;
    }
     .nav a .icon {
        font-size: 19px;
     }
    .nav a .svg1 {        
        -webkit-transition: all 0.6s ease 0s;
           -moz-transition: all 0.6s ease 0s;
             -o-transition: all 0.6s ease 0s;
                transition: all 0.6s ease 0s;
          fill: #183675;
          fill-opacity: 0;
          stroke-opacity: 1;
          stroke: #183675;
          stroke-width: 1;
          stroke-linejoin: round;
          stroke-dasharray: 140;
          stroke-dashoffset: 140;
        position: absolute;
        top: 65%;
        left: 50%;
        margin-left: -28px;
    }
    .nav .dropdown--open>a .svg1,
    .nav a:hover .svg1{
          fill-opacity: 1;
          stroke-opacity: 0;
          stroke-dashoffset: 0;
    }
    
    .social a {
        padding-left: 2px!important;
        padding-right: 2px!important;
        padding-bottom: 10px!important;
    }
    .aLinkMini .icon {
        display: block;
        position: relative;
        -webkit-transition: transform 0.2s ease !important;
           -moz-transition: transform 0.2s ease !important;
             -o-transition: transform 0.2s ease !important;
                transition: transform 0.2s ease !important;
    }
    .aLinkMini:hover .icon{
        background: none!important;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        box-shadow: none!important;
        color: #3f64af!important;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);

    }

    .nav .dropdown-content {
        border-top-left-radius:     0;
        border-top-right-radius:    0;
        border-bottom-right-radius: 15px 50px;
        border-bottom-left-radius:  15px 50px;
        background-color: #fff;
        left: -15px;
        right: -15px;
    }
        .nav .dropdown-content li {
            float: none;
        }
        .nav .dropdown-content a {
            padding: 5px 10px;
        }



/*Menu na mobilke*/

.c-hamburger {
    display: none;
}


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

    .cube-right,.cube-left {
        z-index: 900!important;
        position: relative!important;
    }
    
    .section {

        overflow: hidden;
    }
    .tbox-cell {
        overflow: hidden;
        display: block;
        width: 100%;
    }
    .tbox-cell svg{
        max-width: 100%;
    }
    .grid-cell {
        display: block;
        width: 100%;
        z-index: 800;
    }
}

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


    .slider .owl-prev {
        opacity: 1;
        left: 10px!important;
        top: auto!important;
        bottom: 10px!important;
    }
    .slider .owl-next {
        opacity: 1;
        right: 10px!important;
        top: auto!important;
        bottom: 10px!important;
    }

    .slider-start, .slider-slide {
            height: calc(100vh - 50px);
    }


    .nav {
        min-height: 50px;
    }
    .header {
        max-height: 50px;
    }

    .h1 {
        font-size: 38px!important;
    }
    .cube {
        min-width: 100% !important;
    }

    .nofon {
        display: none;
    }
    .c-hamburger {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        border: none;
        -webkit-border-radius: none;
           -moz-border-radius: none;
                border-radius: none;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        background: none;
        cursor: pointer;
        display: block;
        font-size: 0;
        height: 50px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: fixed;
        right: 0;
        text-indent: -9999px;
        top: 0;
        -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
        transition: all 1s ease 0s;
        width: 50px;
        z-index: 899;
    }
/* 	.c-hamburger.active {
    left: 240px;
} */
    .c-hamburger:focus {
        outline: none;
    }
    .c-hamburger span {
        background: rgba(24, 24, 115, 1);
        display: block;
        height: 5px;
        left: 10px;
        position: absolute;
        right: 10px;
        top: 22px;
    }
    .c-hamburger span::before,
    .c-hamburger span::after {
        background-color: #183673;
        content: '';
        display: block;
        height: 5px;
        left: 0;
        position: absolute;
        width: 100%;
    }
    .c-hamburger span::before {
        top: -10px;
    }
    .c-hamburger span::after {
        bottom: -10px;
    }
    .c-hamburger--htx {
        -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
    }

    .c-hamburger--htx span {
        /*transition: background 0s 0.4s;*/ 
        -webkit-transition-duration: 0.4s, 0.4s;
           -moz-transition-duration: 0.4s, 0.4s;
             -o-transition-duration: 0.4s, 0.4s;
                transition-duration: 0.4s, 0.4s;
    }
    .c-hamburger--htx span::before,
    .c-hamburger--htx span::after {
        /*transition-delay: 0.4s, 0s;*/
        -webkit-transition-duration: 0.4s, 0.4s;
           -moz-transition-duration: 0.4s, 0.4s;
             -o-transition-duration: 0.4s, 0.4s;
                transition-duration: 0.4s, 0.4s;
    }
    .c-hamburger--htx span::before {
        -webkit-transition-property: top, transform;
           -moz-transition-property: top, transform;
             -o-transition-property: top, transform;
                transition-property: top, transform;
    }
    .c-hamburger--htx span::after {
        -webkit-transition-property: bottom, transform;
           -moz-transition-property: bottom, transform;
             -o-transition-property: bottom, transform;
                transition-property: bottom, transform;
    }
    /* active state, i.e. menu open */
    .c-hamburger--htx.active {
        /*background-color: #C61E1E;*/
    }
    .c-hamburger--htx.active span {
        background: rgba(255, 255, 255, 0);
        /*opacity: 0;*/
    }
    .c-hamburger--htx.active span::before {
        top: 0;
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    .c-hamburger--htx.active span::after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
    .c-hamburger--htx.active span::before,
    .c-hamburger--htx.active span::after {
        /*transition-delay: 0s, 0.4s;*/
    }
    .nav .menu {
        background: rgba(255,255,255,0);
        bottom: 0;
        clear: both;
        height: 100%;
        left: 0;
        right: 0;
        margin-left: 0;
        margin-top: 0;
        max-width: 100%;
        padding: 0;
        position: fixed;
        top: 100%;
        margin-top: 50px;
        padding-top: 10%;
        padding-bottom: 10%;
        -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
        width: 100% !important;
        z-index: 600;
    }

    .header.active .top{
        background: #fff !important;
      -webkit-transition: all 1s ease 0s;
      transition: all 1s ease 0s;
    }
    .social {
        position: absolute;
        right: 50px;
        top: 0;
        /*width: 30% !important;*/
    }
    .social a{
        padding: 15px 5px !important
    }
    .logo {
        overflow: hidden;
        height: 58px;
        top: -8px;
        max-width: 160px!important;
    }
    .dropdown-content {
        min-width: 100% !important;
    }
    .categories {
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    .dropdown-content {
        position: static;
    }
    .nav.active .menu {
        background: rgba(255,255,255,1);
        top: 0%;
        overflow-y: auto;
    }
    .menu {
        display: table;
        width: 100%;
    }
    .menu li{
        padding-top: 100px!important;
        display: table-row;
        width: 100%;
    }
    .menu li a {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        padding: 3px!important;
    }
}

/*
 * Search
 */
.search {
    border: 0;
    float: right;
    min-width: 300px;
    padding: 20px 0;
    text-align: right;
    white-space: nowrap;
}
    .search legend {
        display: none;
    }


/*
 * Categories
 */

.categories {
    display: block;
}
    .categories a {
        display: block;
        font-size: 14px;
        padding: 2px 10px;
        text-decoration: none;
    }
    .categories ul {
        border-left: 1px solid #EEE;
        display: none;
        margin-left: 15px;
        padding: 0 0 5px 5px;
    }
    .categories ul a {
        font-size: 13px;
    }
    .categories .open > a {
        font-weight: bold;
    }
    .categories .active > a {
        background-color: #EEE;
        font-weight: bold;
    }


/*
 * Footer
 */
.footer {
    background: #183673;
    clear: both;
    color: #93a0ba;
    font-size: 14px;
    padding: 27px 0 0;
}
.footer h2 {
    color: #fff;
}
.footer strong {
    display: block;
    font-size: 30px;
    color: #fff;
    line-height: 1.0em;
}
.footer .svg1 path{
    fill: #fff;

}
.footer-copy {
    padding-top: 30px;
}
.footer-copy a, .footer-copy>span {
    text-align: center;
    font-size: 11px;
    -webkit-transition: all 0.4s ease;
       -moz-transition: all 0.4s ease;
         -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
    margin: 0;
    color: #fff;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    display: block;
}
.footer-copy a {
    text-align: right;
    opacity: 1;
}

    .footer-copy a .redhand {
        position: relative;
    }

    .footer-copy a .redhand:after {
        -webkit-transform-origin: 8px 10px;
           -moz-transform-origin: 8px 10px;
            -ms-transform-origin: 8px 10px;
             -o-transform-origin: 8px 10px;
                transform-origin: 8px 10px;
         webkit-transform: rotate(-95deg);
           -moz-transform: rotate(-95deg);
            -ms-transform: rotate(-95deg);
             -o-transform: rotate(-95deg);
                transform: rotate(-95deg);
        -webkit-transition: all 0.7s cubic-bezier(.22,2.65,.81,.96);
        transition: all 0.7s cubic-bezier(.22,2.65,.81,.96);
        content: "";
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA6UlEQVR4AZXPQUcFURiH8UPEEK0iUlzO6q6ibatWcVd3dYn5AK2ib9BqaBsx24j5BhEREcN8gLZtY4hZDcO/ZzGHVzpnmsXPOYv3fXid3GHKMQocwMFjHy74vbCHO5zDoYFwjwxfaFKBawgdPB4hfGAJAfGARw/hHTk0WsUCCzR4xREKaHSLAcJDLLA0Q584RQuht38Iw18n5CbyjQpKyGACsBHzxtzYQCyS0mHHBqxL6B/ObGAba2xwghqakNtACc20DoEtvKGFZtiEgLXAFZ7QQwllCMTs4gIFniGjQmYCkzxqvGAFF/wAE9ukCYLfD9EAAAAASUVORK5CYII=');
        width: 16px;
        height: 16px;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -6px;
        bottom: 10%;
        opacity: 0;
    }
    .footer-copy a:hover {
        opacity: 1;
        text-decoration: none;
    }
    .footer-copy a:hover .redhand {
        color: #FF001D;
        text-decoration: none;
    }
    .footer-copy a:hover .redhand:after {
        margin-left: -8px;
         webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
        opacity: 1;
        bottom: 100%;
    }



.section {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*
 * Modyfikatory
 */
 .ttu {
    text-transform: uppercase;
 }
.alignLeft {
    text-align: left;
}
.alignRight {
    text-align: right;
}
.alignCenter {
    text-align: center;
}
.alignJustify {
    text-align: justify;
}

.right {
    float: right;
}
.left {
    float: left;
}

.pullLeft {
    float: left;
    margin: .7em .7em .7em 0;
}
.pullRight {
    float: right;
    margin: .7em 0 .7em .7em;
}
    .pullRight:first-child,
    .pullLeft:first-child {
        margin-top: 0;
    }

.pullCenter {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

/* read more link */
.more {
    font-size: .9em;
    font-weight: bold;
    padding-left: 5px;
}

/* price hightlight style */
.price {
    color: #D30E0E;
    font-size: 20px;
    font-weight: bold;
}

/* multiline indent */
.rr {
    display: inline-block;
    vertical-align: top;
}

/* invisible link */
.il {
    color: inherit;
    text-decoration: inherit;
}
    .il:hover {
        color: inherit;
        text-decoration: underline;
    }

.mt30 {
    margin-top: 30px;
}
.pt0 {
    padding-top: 0;
}
.mt0 {
    margin-top: 0;
}
.mb0 {
    margin-bottom: 0;
}
.mb20 {
    margin-bottom: 20px;
}
.mb60 {
    margin-bottom: 60px;
}

.block {
    display: block;
}
.hide {
    display: none;
}

.ninja {
    border: 0 !important;
    height: 1px;
    left: -1px;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    text-indent: 1px;
    top: -1px;
    width: 1px;
}

.relative {
    position: relative;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}

.pointer {
    cursor: pointer;
}

/****************************************************************************/




/****************************************************************************/

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


.product-static, .product-hidden {
    width: 47%;
}
.global-mini, .global-fake {
    width: 31%;
}

/* Mobile */
@media only screen and (max-width: 700px) {
    .span {
        float: none;
        margin-left: 0 !important;
        width: auto;
    }
    .label--invalid .tooltip-bottom {
        margin-bottom: 50px;
    }

    .media--double,
    .media2--double {
        display: block;
        margin: .8em 0;
        width: auto;
    }
}

/****************************************************************************\
|********************************** SHOP ************************************|
\****************************************************************************/


/*
 * Cart rabat
 */
.cart-rabat {
    background: #F2F2F2;
    padding: 25px 20px 5px;
}
    .cart-rabat-name {
        color: #282828;
        font-size: 30px;
        font-weight: 300;
        margin: 2px 5px 3px 5px;
        text-transform: none;     
    }
.box--rabat {
    -webkit-border-radius: 22px;
       -moz-border-radius: 22px;
            border-radius: 22px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.20);
       -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.20);
            box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.20);
    clear: both;
    display: inline-block;
    font-weight: 300;
    padding: 15px 20px;
}
    .box--rabat strong {
        font-size: 22px;
        font-weight: 300;
    }
    .box--rabat .button--smallCircle {
        bottom: 7px;
        margin-bottom: -10px;
        margin-left: -30px;
        padding: 1px 10px 2px;
        position: relative;
        right: -65px;
    }

/*
 * Login box
 */

.loginBox {
    background: #F2F2F2;
    margin: 0 auto 20px;
    max-width: 500px;
    padding: 0 20px 5px;
}
    .loginBox .label-help {
        font-size: 14px;
        margin-top: 15px;
    }
    .loginBox-header {
        margin-top: 0;
        text-align: center;
    }
    .loginBox .box {
        border: none;
        -webkit-border-radius: 22px 22px 0 0;
           -moz-border-radius: 22px 22px 0 0;
                border-radius: 22px 22px 0 0;
        margin: 0 -20px 20px;
        padding: 20px;
    }
    .loginBox .formActions {
        background: none;
        padding: 0;
    }


/*
 * Cart Steps
 */

.stepsWrapper {
    display: table;
    margin: 10px 0 10px;
    overflow: hidden;
    padding: 0 0 30px;
    table-layout: fixed;
    width: 100%;
}
    .step {
        background: none !important;
        border-left: 1px solid #ccc;
        color: #bbbbbb;
        display: table-cell;
        list-style: inside;
        padding: 20px!important;
    }
    .step:first-child {
        border: none;
        padding-left: 0;
    }
    .step:last-child {
        padding-right: 0;
    }
    .step--active {
        color: #282828;
        opacity: 1;
    }
        .step b {
            display: block;
            font-size: 30px;
            font-weight: 300;
            padding-bottom: 20px;
        }
        .step .hint {
            line-height: 1.1em;
            margin: 5px 44px 5px 0;
        }

/*
 * Shop Cart
 */

.cartWrapper {
    border-top: 1px solid #EEE;
    margin-top: 60px;
    position: relative;
}
.cart-table {
    display: table;
    width: 100%;
}
    .cart-row {
        display: table-row;
    }
    .cart-type {
        display: block;
        position: absolute;
    }
        .cart-type img {
            -webkit-border-radius: 22px;
               -moz-border-radius: 22px;
                    border-radius: 22px;
            margin-top: 20px;
        }
    .cart-type + .cart-table .cart-row:first-child .cart-cell{
        padding-top: 85px;
    }
    .cart-type + .cart-table .cart-row:first-child .cart-cell .radio {
        /*margin-bottom: 25px;*/
        top: 75px !important;
    }
    .cart-qty-big {
        width: 10%;
    }
    .cart-header {
        bottom: 100%;
        color: #888;
        display: none;
        margin-bottom: 10px;
        position: absolute;
        text-align: left;
    }
    .cart-row:first-child .cart-header {
        display: block;
    }
    .cart-ships .cart-row .cart-header {
        display: none;
    }
    .cart-ships .cart-type:first-child + .cart-table .cart-row:first-child .cart-header{
        display: block;
    }

    .cart-cell {
        border-bottom: 1px solid #EEE;
        display: table-cell;
        padding: 13px 0;
        text-align: left;
        vertical-align: middle;
    }
    
    .cart-ships .cart-cell {
        border-bottom: none;
    }

    .cart-product {
        position: relative;
        width: 60%;
    }
        .cart-product .radio {
            bottom: 0;
            left: 0;
            margin: auto 0;
            /*margin-top: -10px;*/
            position: absolute;
            top: 0;
        }
        .cart-product .rr {
            padding-left: 30px;
        }
        .cart-product-image {
            display: inline-block;
            margin-right: 1%;
            vertical-align: middle;
            width: 27%;
        }
            .cart-product-image img {
                display: block;
                max-width: 100%;
            }

        .cart-product-name {
            font-size: 20px;
            font-weight: 300;
            display: inline-block;
            text-align: left;
            text-transform: uppercase;
            vertical-align: middle;
            width: 70%;
        }
            .cart-product-name .box {
                font-size: 12px;
                line-height: 1.1em;
                margin: 15px 0 0 0;
                padding: 10px 15px;
            }

        .cart-product-attrs {
            font-size: 0.8em;
            line-height: 1.3em;
            margin: 0;
            overflow: hidden;
        }
            .cart-product-attrs li {
                background: none;
                display: inline-block;
                margin-right: 20px;
                padding: 0;
            }
        .cart-product-delivery {
            max-width: 90%;
        }

    .cart-price-black {
        color: #282828 !important;
    }
    .cart-price {
        color: #888;
    }

    .cart-delete {
        text-align: center;
        width: 5%;
    }

    .cart-x {
        font-size: 20px;
    }
    .cart-price-main {
        clear: both;
        margin-bottom: 10px;
        text-align: right;
    }

@media only screen and (max-width: 600px) {
    .productWrapper {
        text-align: center;
    }
    .product-static, .product-hidden {
        width: 100%!important;
        max-width: 400px;
    }

    .banner img {
        position: absolute;
        min-width: 140%!important;
        left: -20%;
    }
    .product {
        min-height: auto;
    }
    .global-mini {
        min-height: 370px!important;
    }
    .cart-product {
        text-align: center;
    }
    .cart-product-image, .cart-product-name {
        width: auto;
    }

    .cart-rabat .span {
        width: auto;
        float: none;
        margin-left: 0;
    }

    .cart-rabat .cart-rabat-name {
        text-align: left;
        width: 100%;
        float: none;
    }
    .cart-rabat .button {
        width: 100%;
        margin-top: 10px;
        float: none;
    }

    .fill {
        width: 100%;
        margin-left: 0;
    }
    .fill + .fill {
        margin-top: 20px;
    }

    .step {
        display: none;
    }
    .step--active {
        display: block;
    }

    .cart-wrapper {
        margin-top: 0;
    }
    .cart-table {
        border: 0;
    }
        .cart-row {
            display: block;
            text-align: justify;
        }
        .cart-row:after {
            content: '';
            display: inline-block;
            width: 100%;
        }

        .cart-header {
            border: none;
            display: block!important;
            margin: 0 0 5px;
            position: static;
            text-align: center;
        }

        .cart-cell {
            border: 0;
            display: inline-block;
            vertical-align: top;
        }

        .cart-product {
            border-top: 1px solid #EEE;
            width: 100%;
        }
            .cart-product .cart-header {
                display: none !important;
            }

        .cart-qty,
        .cart-price,
        .cart-delete {
            padding-top: 10px;
            text-align: center;
            width: 32%;
        }

}
@media only screen and (max-width: 500px) {
    .owl-carousel-product .product .cube-inner { 
        min-height: 330px;
    }
}

/****************************************************************************/


.no-js * {
    -webkit-transition: none !important;
       -moz-transition: none !important;
         -o-transition: none !important;
            transition: none !important;
}