/*------------------------------------------------------------------*\
[Master Stylesheet]

Project:	NBSoft
Version:	0.1
Last change:	24.10.2014. [final changes]
Assigned to:	Bojan Vazmer
Primary use:	Shop 
Framework used: Bootstrap v3.1.1 
                (container-width: 1200px, grid-gutter-width: 20px; 
                only basic components included)
\*------------------------------------------------------------------*/



/*------------------------------------------------------------------*\
[Color codes]

Background:	#ffffff (white)
Content:	transparent
Headings:       #017dc3 (blue)

a:              #000 (black), hover: #017dc3 (blue)
\*------------------------------------------------------------------*/



/*------------------------------------------------------------------*\
[Typography]

Body:		14px Source Sans Pro, sans-serif;
\*------------------------------------------------------------------*/



/*------------------------------------------------------------------*\
[CONTENTS]

 * BASE
 * HEADER
 * FOOTER
 * SLIDERS
 * GRIDS
 * CART
 * DETAILS OF A PRODUCT
 * LISTING OF PRODUCTS
 * PROFILE
 * POST
 * OTHER ELEMENTS
 * AUTOCOMPLETE MODE
 * PLUGINS

\*------------------------------------------------------------------*/



/*------------------------------------*\
    BASE
\*------------------------------------*/

* {
    outline:none;
}

* > iframe{
    max-width: 100% !important; 
}

body{
    background: #fff;
    color: #000;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    font-weight: normal;
}

/* Two columns in row, right one is fixed to 300px */
.col-wrapper:after,
.col-wrapper:before{
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.col-wrapper:after{
    clear: both;
}

.col-left{
    display: block;
    float: left;
    width: 100%;
    margin-right: -300px;
}

.col-left-inner{
    margin-right: 320px;
}

.col-right{
    float: right;
    width: 300px;
    display: block;
    margin: 0 auto;
}


/**
 * Links
 */

a {
    color: #000;

    -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
}

a:hover{
    text-decoration: none;
    color: #017dc3;
}

a:focus, .btn:focus{
    outline: none;
    border-width: 0;
}

a:focus{
    background-color: transparent;
    text-decoration: none;
}

a div {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.underline-effect:hover::after {
    height: 1px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.underline-effect::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #3D3D3D;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}


/**
 * Headings
 */

h1{
    font-weight: 200;
    margin: 0 0 20px 0;
}

h2{
    color: #017dc3;
    font-weight: 200;
    margin-top: 0;
    line-height: 38px;
}

h4{
    margin-top: 5px;
    font-weight: bold;
}

.heading-underlined{
    border-bottom: 1px solid #d9d9d9;
}

h3.heading-underlined{
    padding-bottom: 5px;
}

h4.heading-underlined{
    line-height: 33px;
}


/* Headings wrappers with prepended or appened elements */
.heading-wrapper{
    position: relative;
}

.heading-wrapper-linethrough{
    position: relative;
}

.heading-wrapper-linethrough h1,
.heading-wrapper-linethrough h2,
.heading-wrapper-linethrough h3,
.heading-wrapper-linethrough h4,
.heading-wrapper-linethrough h5{ 
    position: relative;
    z-index: 2;
    background: #fff;
    padding-right: 15px;
    display: inline-block;
}

.heading-wrapper-linethrough h1{
    margin-top: 10px;
    margin-bottom: 10px;
}

.heading-wrapper-linethrough h2{
    margin-top: 5px;
    margin-bottom: 5px;
}

.heading-wrapper-linethrough:after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background: #d9d9d9;
    z-index: 1;
}

.heading-wrapper-underlineddbl{
    margin-bottom: 3px;
}

.heading-wrapper-underlineddbl h1,
.heading-wrapper-underlineddbl h2,
.heading-wrapper-underlineddbl h3,
.heading-wrapper-underlineddbl h4,
.heading-wrapper-underlineddbl h5,
.heading-wrapper-underlineddbl h6{
    border-bottom: 1px solid #d9d9d9;
}

.heading-wrapper-underlineddbl h1:after,
.heading-wrapper-underlineddbl h2:after,
.heading-wrapper-underlineddbl h3:after,
.heading-wrapper-underlineddbl h4:after,
.heading-wrapper-underlineddbl h5:after,
.heading-wrapper-underlineddbl h6:after{
    content: '';
    display: block;
    width: 100%;
    padding-top: 3px;
    border-top: 1px solid #d9d9d9;
}

.heading-wrapper-underlineddbl h1 > span,
.heading-wrapper-underlineddbl h2 > span,
.heading-wrapper-underlineddbl h3 > span,
.heading-wrapper-underlineddbl h4 > span,
.heading-wrapper-underlineddbl h5 > span,
.heading-wrapper-underlineddbl h6 > span{
    display: inline-block;
    border-bottom: 3px solid #000;
    padding-bottom: 5px;
    margin-bottom: -4px;
}

.heading-wrapper-underlineddbl .heading-append{
    transform: translateY(-3px);
}

.heading-append{
    position: absolute;
    right: 0;
    top: calc(50% - 18px);
    /*height: 100%;*/
}

.heading-wrapper-linethrough .heading-append{
    z-index: 2;
    background: #fff;
    padding-left: 12px;
    top: calc(50% - 1.15em);
}

.heading-append > a{
    padding-bottom: 10px;
    display: block;
    line-height: 1em;
}

.heading-wrapper-inline{
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.heading-wrapper-inline h1,
.heading-wrapper-inline h2,
.heading-wrapper-inline h3,
.heading-wrapper-inline h4,
.heading-wrapper-inline h5,
.heading-wrapper-inline h6{
    display: inline-block;
    margin-bottom: 0;
    border-bottom: 0;
    vertical-align: middle;
}

.heading-wrapper-inline .heading-prepend,
.heading-wrapper-inline .heading-append{
    display: inline-block;
}

.heading-action{
    height: 100%;
}

.heading-action-label{
    border: 1px solid #d9d9d9;
    border-bottom: none;
    font-weight: 100;
    float: left;
    width: 170px;
    height: 100%;
    padding: 0 15px;
    line-height: 1;
}

.heading-action-label-box{
    padding-right: 10px;
}

.heading-action-label-box:last-child{
    padding-right: 0;
}

.heading-action-button{
    font-weight: bold;
    background: #414254;
    color: #fff;
    float: left;
    width: 160px;
    height: 100%;
    text-align: center;
}

.heading-action-button:hover{
    width: 180px;
}

.heading-action-button i{
    margin-left: 8px;
    margin-right: -8px;
}

.page-welcome-container {
    width:1000px;
    max-width:100%;
    margin:0 auto;
    font-family:arial;
    color:#231f20;
}

.page-welcome-wrapper {
    padding:0 80px 0 60px;
}

.page-welcome-wrapper h2 {
    font-size:24px;
    font-weight:bold;
    color:#231f20;
    margin-bottom:15px;
}

.page-welcome-container .container {
    max-width:100%;
}

.page-welcome-details {
    margin-top:30px;
}

.page-welcome-details .post-details h1 {
    font-weight:normal;
    font-size:24px;
    line-height:34px;
    margin-bottom:10px;
}

.page-welcome-details .post-details p {
    font-weight:normal;
    font-size:14px;
    line-height:20px;
    margin-bottom:15px;
}

.aplication-item .large-round-icon-wrapper {
    float:left;
    margin-top:20px;
}

.aplication-wrapper,
.aplication-sidebar-wrapper {
    position:relative;
    height:520px;
    margin-bottom:20px;
}

.aplication-sidebar-wrapper {
    padding:0 0 0 0;
}

.aplication-sidebar-wrapper .internet-sale-image {
    padding-top:60px;
}

.aplication-listing {
    margin-top:0;
}

.aplication-item-content {
    /*padding-left:0;*/
}

.aplication-item-icon {
    max-width:110px;
}

.aplication-item-content h3 {
    margin:0 0 5px 0;
    font-size:18px;
}

.aplication-item-content .paragraph {
    font-size:14px;
    line-height:14px;
}

.aplication-item {
    margin-bottom:20px;
}

.aplication-button {
    position:absolute;
    bottom:0;
    right:0;
}

.separator-wrapper {
    padding:0 5px 0 20px;
    width:100%;
}

.separator {
    background:#c2c2c2;
    height:2px;
    margin-bottom:60px;
}

.internet-sales-icon {
    padding-right:0;
    margin-right:-15px;
}

.aplication-item .large-round-icon {
    box-shadow:0 0 1px 1px #017DC3;
}

.aplication-wrapper.internet-sale-wrapper,
.aplication-wrapper.internet-sale-wrapper .aplication-sidebar-wrapper {
    height:600px;
    margin-bottom:15px;
}

.internet-sale-wrapper .aplication-item-content,
.internet-sale-wrapper .aplication-item .large-round-icon-wrapper {
    margin-top:20px;
}

.internet-sale-wrapper .aplication-item .large-round-icon-wrapper {
    padding-right:20px;
}

.featured-offer {
    margin-bottom:20px;
}

/**
 * Heading for vertical navigation
 */

.nav-vertical-heading{
    color: #000;
    line-height: 1.2;
    font-size: 1.286em;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 0;
    margin: 0;
    padding: 10px 0;
}


/**
 * Horizontal divider
 */

.horizontal-divider{
    background: url('../images/pattern.png') repeat-x;
    height: 20px;
    width: 100%;
    margin-bottom: 20px;
}


/**
 * List
 */

.list-inline{
    margin: 0;
}


/**
 * Elements of a form
 */

.form-group{
    margin-bottom: 15px;
    position: relative;
}

.form-group label{
    font-weight: normal;
    margin-bottom: 5px;
    vertical-align: middle;
}

.form-group label.disabled{
    color: #969696;
}

.form-group-checklabel label{
    margin-left: 5px;
    margin-bottom: 0;
}

.form-group-checklabel .label-as-headline{
    font-size: 1.286em;
    font-weight: bold;
    margin-left: 10px;
    text-transform: uppercase;
}

.form-group-checklabel > a{
    display: inline-block;
    transform: translateY(2px);
    color: #017dc3;
}

.form-group-checklabel > a:hover{
    color: #000;
}

.form-control{
    background: #f0f0f0;
    border-color: #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
    transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

.form-control-lg{
    height: 40px;
}

.form-control:focus{
    background: #fff;
    border-color: #d9d9d9;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.input-group .form-control{
    border-right-width: 0;
}

.input-group-addon{
    background: transparent;
    border-radius: 0;
    border: 1px solid #ddd;
/*    border-left: none;*/
    padding: 9px;
}

.input-group-addon:last-child{
    border-left: 1px solid #ddd;
}

.input-group-addon-btn{
    padding: 0;
    border: none;
}

.input-group-addon:last-child{
    border-left-width: 0;
}

.input-group-addon-btn .btn{
    height: 34px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


/**
 * Form control inside of modals
 */

.modal .form-control{
    background: #fff;
    border: 1px solid #d9d9d9;
}

.modal .styled-select{
    border-color: #d9d9d9;
}


/**
 * Buttons
 */

.btn{
    background: #017dc3;
    color: #fff;
    border: none;
    padding: 10px 30px;
    font-weight: bold;
    text-transform: uppercase;
    
    -webkit-transition: all .3s ease, transform .005s ease;
    -moz-transition: all .3s ease, -webkit-transform .005s ease;
    transition: all .3s ease, -moz-transition .005s ease;
}

.btn:hover,
.btn:focus,
.btn:active:focus{
    background: #00abeb;
    color: #fff;
    border-width: 0;
    outline: none;
}

.btn-small{
    padding: 5px 10px;
    font-size: 12px;
}

.btn-large{
    font-size: 1.143em;
    padding: 15px 72px;
}

.btn-success{
    background-color: #49a26f;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success:active:focus{
    background-color: #3a8359;
}

.btn-danger{
    background-color: #EB4034;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:focus{
    background-color: #D43428;
}

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

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus{
    background-color: #F5F5F5;
    border: 1px solid #d9d9d9;
    color: #777;
}

.btn-ghost{
    background: transparent;
    color: #017dc3;
    border: 1px solid #017dc3;
    padding-top: 9px;
    padding-bottom: 9px;
}

.btn-ghost:hover,
.btn-ghost:focus,
.btn-ghost:active,
.btn-ghost:active:focus{
    background: #017dc3;
    border: 1px solid #017dc3;
}

.btn-file {
    font-size: 12px;
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-activated{
    -webkit-animation: fadeOutText 0.5s;
    -moz-animation: fadeOutText 0.5s;
    animation: fadeOutText 0.5s;
}

.btn-activated.btn-icon-right{
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.btn-activated:before {
    -webkit-animation: moveToRight 0.5s;
    -moz-animation: moveToRight 0.5s;
    animation: moveToRight 0.5s;
    color: #fff;
}

.btn-icon-left,
.btn-icon-right{
    position: relative;
    overflow: hidden;
    font-family: inherit;
    line-height: inherit;
}

.btn-icon-left:before,
.btn-icon-right:before{
    position: absolute;
    width: 40%;
    min-width: 50px;
    font-family: 'NBIcon';
    font-size: 160%;
    font-weight: normal;

    /* align vertically */
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1px;
    height: 1px;
}

.btn.icon-bounce:before{
    -webkit-animation: vertical .15s ease infinite;
    -moz-animation: vertical .15s ease infinite;
    animation: vertical .15s ease infinite;
}

.btn-icon-left:before{
    left: 0;
}

.btn-icon-right:before{
    right: 0;
}

.btn-icon-left{
    padding-right: 40px;
    padding-left: 60px;
}

.btn-icon-right{
    padding-right: 60px;
    padding-left: 40px;
}


/**
 * Input group
 */

.input-group .btn{
    padding: 0 10px;
    height: 34px;
    line-height: 34px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-group .parsley-errors-list{
    top: auto;
    bottom: -30px;
    right: 0;
}

.input-group .parsley-errors-list li{
    padding: 5px;
}

.input-group .parsley-errors-list li:before{
    display: none;
}


/**
 * Select
 */

.styled-select {
    width: 160px;
    height: 30px;
    display: inline-block;
    overflow: hidden;
    background: url(../images/arrows/triangle-bottom.png) no-repeat 95% #f0f0f0;
    border: 1px solid #f0f0f0;
    position: relative;
}

.styled-select select {
    background: transparent;
    width: 110%;
    width: calc(100% + 28px);
    height: 100%;
    padding: 0 5px;
    line-height: 1.3;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

.styled-select.small-select{
    width: 50px;
    background-position: 85% 50%;
}

.styled-select.medium-select{
    width: 160px; 
    background-position: 94% 50%;
}

.styled-select.large-select{
    width: 220px;
    background-position: 97% 50%;
}

.styled-select.extralarge-select{
    width: 360px;
    background-position: 98% 50%;
}

.styled-select.extralarge-select select{
    width: 388px;
    max-width:100%;
}

.styled-select.midthick-select{
    height: 34px;
}

.styled-select.thick-select{
    height: 40px;
}

.styled-select-fullwidth{ 
    width: 100% !important;
}

.styled-select-transparent{
    background-color: #fff;
    border-color: #ebebeb;
}


.label-inline-select, .styled-select-aftertext{
    top: -10px;
    position: relative;
    margin-right: 5px;
}

.styled-select-aftertext{
    margin-left: 5px;
}


/**
 * Validation messages
 */

.validation-errors-list{
    position: absolute;
    top: 2px;
    right: 0;
    max-width: 170px;
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 2px 5px;
    border-radius: 2px;
    font-size: .9em;
    line-height: 1;
    display: none;
}

.validation-errros-list-insidefield{ 
    top: auto;
    bottom: 0;
    background: transparent;
    color: #333;
}

.validation-errors-list.filled{
    display: block;
}

.form-group-checklabel .validation-errors-list{
    right: 0;
    top: -15px;
    left: 129px;
    width: 150px;
}

/* Hide validation message for remote rule */
.validation-errors-list .validation-remote{
    display: none;
}

.validation-error,
.form-control.validation-error,
.form-control.validation-error:focus
.styled-select .validation-error{ 
    border: 1px solid #ED544A !important;
}


/**
 * Table 
 * overiding the bootstrap's default styles
 */

.table{
    margin-bottom: 0;
}

.table > thead > tr > th{
    color: #017dc3;
    font-size: 1.143em;
    padding: 2px 8px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
    border: 0;
    vertical-align: middle;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.table>tbody>tr>td{
    border-bottom: 1px solid #e5e7e9;
    font-size: 1.143em;
}

.table > tbody > tr:last-child > td{
    border-bottom: 0;
}

.table>tbody>tr:hover>td,
.table>tbody>tr:hover>th {
    background-color: #f0f6f8;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th{
    background-color: #fff;
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:hover>td,
.table-striped>tbody>tr:nth-child(even)>th
.table-striped>tbody>tr:hover>th {
    background-color: #f0f6f8;
}


/**
 * Vertical align 
 */

.vertical-align{
    display: table;
}

.vertical-align > *{
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}


/**
 * Absolute align 
 * center element that has position: absolute vertically and horizontally
 */

.absolute-center{
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}


/**
 * Image box
 */

.image-box{
    border: 1px solid #d9d9d9;
    margin-bottom: 20px;
}

.image-box img{
    max-width: 100%;
}


/**
 * Cover background
 */

.cover-bg{
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center top; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/**
 * Loader
 */

.loader-wrapper{
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
}

.loader-icon{
    position: relative;
    display: block;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, .4);
    top: 150px;
    left: 35%;
    left: -webkit-calc(50% - 43px);
    left: calc(50% - 43px);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: spin .6s linear infinite;
    animation: spin .6s linear infinite;
}

.loader-icon-xs{
    height: 30px;
    width: 30px;
}

.loader-icon:after {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    top: -5px;
    left: 20px;
    border-radius: 50%;
    background-color: #017dc3;
}

.loader-icon-inline{
    top: 10px;
    left: 20px;
    display: inline-block;
}

.loader-icon-xs:after{
    width: 5px;
    height: 5px;
    left: 10px;
    top: -4px;
}


/**
 * Transitions
 */

.ease {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.ease-slow {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
}


/**
 * Transforms
 */

.rotate-45{
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.rotate-minus-45{
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}


/**
 * Item with caption at bottom
 */

.item-wrapper{
    position: relative;
}

.item-caption{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
}


/**
 * Modal
 */

.modal-header{
    padding: 15px 20px;
    background: #017dc3;
}

.modal-title{
    border-bottom: 0;
    text-transform: uppercase;
    color: #fff;
}

/*.modal-open{
    overflow-y: visible;
}*/

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom{
    margin-right: 17px;
}

.modal-content{
    border-radius: 0;
    box-shadow: 0;
}

.modal{
    overflow-y: visible;
    z-index: 2100;
}

body .modal-small .modal-dialog{
    width: 420px;
}

body .modal-large .modal-dialog{
    width: 1000px; 
    max-width: 90%;
}

.modal-footer{
    margin-top: 0;
    background: #F2F2F2;
}

.modal-footer .btn:first-child{
    margin-left: 0;
}

.modal .close{
    font-size: 26px;
    color: #fff;
    opacity: 1;
}

.modal-map{
    height: 500px;
    width: 100%;
    display: block;
}


/**
 * Alert
 */

.alert{
    padding: 5px 15px;
    border-radius: 0;
}

.alert-view{ 
    background: #f5f5f5;
}

.alert-bottomfixed{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999;
}

.alert-bottomfixed .alert{
    margin-bottom: 0;
}


/**
 * Navigation
 */

.nav{
    margin: 0 auto;
}

.nav > ul > li{
    padding: 0;
    float: left;
}

.nav > ul > li > a{
    display: inline-block;
    position: relative;
}

/**
 * Tabs
 */

.tab-content{
    margin-bottom: 20px;
}

.nav-tabs{
    margin-bottom: 20px;
}

.nav-tabs > li{
    padding-top: 5px;
    min-width: 150px;
    text-align: center;
}

.nav-tabs > li:last-child{
    margin-right: 0;
}

.nav-tabs > li.active{
    padding-top: 0;
}

.nav-tabs > li > a{
    background: #017dc3;
    color: #fff;
    padding: 6px 15px;
}

.nav-tabs > li > a:hover{
    background-color: #00abeb;
    border-color: transparent;
}

.nav-tabs > li.active > a{
    background: #fff;
    color: #000;
    padding-top: 11px;
}


/**
 * Vertical navigation
 */

.nav-vertical{
    width: 100%;
    width: calc(100% + 20px);
}

.nav-vertical > li{
    width: 100%;
}

.nav-vertical > li > a{
    background: #fff;
    color: #000;
    padding: 8px 10px;
    border-bottom: 1px solid transparent;
}

.nav-vertical > li > a:hover{
    background: #fff;
}

.nav-vertical > li.active > a{
    background: #f7f7f7;
    color: #017dc3;
    border-bottom-color: #017dc3;

    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.nav-vertical > li > ul{
    padding-left: 20px;
    padding-top: 5px;
}

.nav-vertical > li > ul > li > a{
    padding-top: 4px;
    padding-bottom: 4px;
    float: left;
}

.nav-vertical > li > ul > li.active > a{
    color: #428bca;
}

/* Filled vertical nav */
.nav-vertical-filled-wrapper{
    border-left: 1px solid #d9d9d9;
    min-height: 600px; 
    padding-top: 60px;
}

.nav-vertical-filled{
    width: 100%;
}

.nav-vertical-filled > li{
    margin-bottom: 1px;
}

.nav-vertical-filled > li > a{
    background: #f7f7f7;
    color: #b2b2b2;
    border: 1px solid #f7f7f7;
    border-left: none;
    width: 90%;
    width: calc(100% - 10px);
    padding: 10px 20px;
    line-height: 1;
}

.nav-vertical-filled > li:hover > a{
    border-color: #d9d9d9;
    background: #f7f7f7;
    color: #000;
    width: 100%;
}

.nav-vertical-filled > li.active > a{
    background: transparent;
    color: #000;
    border-color: #d9d9d9;
    /*border-left-color: #fff;*/
    width: 100%;
}

.nav-vertical-filled > li.active > a:before{
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    background: #fff;
    width: 1px;
}

.nav-vertical-filled > li > a > i{
    margin-right: 15px;
    position: relative;
    top: 1px;
}

.nav-vertical-filled > li.active > a > i,
.nav-vertical-filled > li:hover > a > i{
    color: #017dc3;
}


/**
 * Horizontal description
 */

.dl-horizontal{
    font-size: 1.143em;
}

.dl-horizontal dt{
    width: 130px;
    text-align: left;
    margin-bottom: 8px;
}

.dl-horizontal dd{
    margin-bottom: 8px;
    margin-left: 150px;
    text-align: left;
}

/* Description horizontal */
.dl-horizontal-thin dt{
    font-weight: normal;
    margin-bottom: 0;
}

.dl-horizontal-thin dd{
    margin-bottom: 0;
}

/*
* Jquery Elevate zoom
*/

.zoomContainer {
    z-index:10;
}

/**
 * Panel
 */

.panel-group{
    margin-bottom: 0;
}

.panel{
    border-bottom: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.panel-group .panel{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.panel-group .panel+.panel-top{
    margin-top: 0;
}

.panel-group .panel-heading{
    padding: 0;
}

.panel-group .panel-top > .panel-heading{
    background: #f7f7f7;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.panel-group .panel-top > .panel-heading.opened{
    background: #017dc3;
}

.panel-group .panel-top > .panel-heading.opened .panel-toggle{
    color: #fff;
}

.panel-title{
    font-weight: normal;
    line-height: 1;
}

.panel-title .panel-toggle{
    color: #017dc3;
    padding: 10px 15px;
    display: block;
    width: 100%;
}

.panel-group .panel .panel .panel-title .panel-toggle,
.panel-title .panel-toggle.collapsed{
    color: #000;
}

.panel-group .panel .panel{
    border-bottom: 1px solid #d9d9d9;
    margin-top: 0;
}

.panel-group .panel .panel:last-child{
    border-bottom: none;
}

.panel-group .panel .panel .panel-heading{
    border-bottom: none;
    background: transparent;
    padding-left: 20px;
}

.panel-body{
    padding: 0;
}

.collapse.in > .panel-body{
    border-bottom: 1px solid #017dc3;
}

.panel-inner{
    padding-left: 35px;
    font-size: 1.143em;
}

.panel-icon{
    line-height: 2em;
    margin-right: 5px;
    color: #b2b2b2;
}

.panel-title .panel-icon{
    margin-right: 0;
}

.panel .panel .panel-title .panel-icon{
    line-height: 1;
}


/**
 * Tooltip
 */

.tooltip-inner{
    max-width: 120px;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/

.header{
    position: relative;
    z-index: 1030;
    background: #fff;
    border-color: #017dc3;
    
}

.header.affix{
    top: 0;
    z-index: 20000;
    position: fixed;
    width: 100%;
}


/**
 * Top part of a header
 */

.header-top{
    background: #f5f5f5;
    min-height: 35px;
    font-size: .95em;
}

.header-top .nav-simple > li{
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}

.header-top .nav-simple > li:first-child{
    padding-left: 0;
}

.header-top .nav-simple > li:last-child{
    padding-right: 0;
}

.header-top .nav-simple > li:after{
    content: '';
    position: absolute;
    right: 0;
    top: 9px;
    width: 1px;
    height: 15px;
    background: #d9d9d9;
}

.header-top .nav-simple > li:last-child:after{
    display: none;
}

.header-middle-centered{
    margin-top: 38px;
}


/**
 * Header info items
 */

.header-info{
    
}

.header-info-icon{
    color: #555;
    margin-right: 7px;
    display: block;
    font-size: 18px;
}

.header-info-text{
/*    color: #999;*/
}


/**
 * Header search input field with button
 */

.header-search{
    margin-top: 38px;
    max-width: 220px;
}

.header-search .form-control{
    background: #fff;
    border: 1px solid #d9d9d9;
}

.header-search .btn{
    color: #000;
}

.header-search .btn:hover,
.header-search .btn:focus,
.header-search .btn:active:focus{ 
    color: #fff;
    box-shadow: none;
}

.header-phoneinfo{
    height: 34px;
}

.header-phoneinfo-icon{
    border: 1px solid #555;
    color: #555;
    text-align: center;
    padding: 7px;
    font-size: 20px;
/*    background: #a4a4a4;
    color: #fff;
    text-align: center;
    padding: 7px;
    font-size: 20px;*/
}

.header-phoneinfo-text{
    margin-left: 10px;
    line-height: 36px;
    font-size: 1.5em;
    color: #000;
}


/**
 * Main navigation
 */

.nav-main-wrapper{
    background: #017dc3;
    width: 100%;
    position: relative;
}

.nav-main-wrapper.affix{
    top: 0;
    z-index: 20000;
}

.nav-main-wrapper.scroll-to-fixed-fixed{
    z-index: 20000;
    -webkit-animation: slideDown .5s; 
    animation: slideDown .5s;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.nav-main{
    margin: 0 auto;
    padding: 0;
    /*position: relative;*/
    float: left;
}

.nav-main > li{
    display: inline-block;
    float: left;
    padding: 0;
}

.nav-main > li > a{
    color: #fff;
    font-size: 1.286em;
    padding: 13px 20px;
    display: block;
    position: relative;
    z-index: 1;
}

.nav-main > li > a:hover,
.nav-main > li.active > a{
    background: #00abeb;
}

/*.nav-main > li.highlight > a{
    font-weight: bold;
    text-transform: uppercase;
}*/

.nav-main > li > a > i{
    font-size: 6px;
    padding-left: 5px;
    position: relative;
    bottom: 2px;
}

.nav-main > li > .highlight-bg{
    position: absolute;
    top: -10px;
    left: 0;
}

.nav-main > li.has-bg{
    position: relative;
    margin: 0 10px 0 30px;
}

.nav-main > li.has-bg > a,
.nav-main > li.has-bg.active > a{
    padding-left: 10px;
    background: transparent;
}

.nav-main > li.has-bg.sticker > a{
    padding-left: 18px;
}

.nav-main > li.has-bg > a:hover,
.nav-main > li.has-bg.active > a:hover{
    background: transparent;
}

.nav-main > li.text-black > a,
.nav-main > li.text-black.active > a{
    color: #000;
}

/**
 * Submenu of a Main navigation
 */

.nav-main-submenu-wrapper{
    position: absolute;
    opacity: 0;
    left: 0;
    width: 100%;
    background: #00abeb;
}

.nav-main-submenu-wrapper.loaded{
    opacity: 1;
}

.nav-main-submenu{
    float: left;
    padding: 0;
}

.nav-main-submenu .nav-main-dropdown-inner{
    border-top: 1px solid rgba(255,255,255,0.4);
}

.nav-main-submenu > li{
    display: inline-block;
    float: left;
    padding: 0;
}

.nav-main-submenu > li > a{
    padding: 2px 15px;
    display: inline-block;
    color: #fff;
}

.nav-main-submenu > li > a:hover, .nav-main-submenu > li.active > a{
    background: #fff;
    color: #017dc3;
}

/**
 * Dropdown of a Main navigation
 */

.nav-main-dropdown-wrapper{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 100%;
}

.nav-main-dropdown-wrapper.loaded{
    opacity: 1;
}

.nav-main-dropdown{
    margin: 0 auto;
}

.nav-main-dropdown-inner{
    background: #fff;
    width: 100%;
    /*min-height: 150px;*/
    margin: 0;
    padding: 20px 10px;
}

.nav-main-dropdown.dark .nav-main-dropdown-inner{
    background: #00abeb;
    color: #fff;
}

.nav-main-dropdown h5{
    border-bottom: 1px solid #d9d9d9;
    color: #000;
    font-size: 1.143em;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.nav-main-dropdown.dark h5{
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, .3);
}

.nav-main-dropdown-item{
    margin-bottom: 20px;
}

.nav-main-dropdown-inner > .row > div:first-child{
    padding-left: 20px;
}

.nav-main-dropdown-item:last-child{
    margin-bottom: 0;
}

.nav-main-dropdown ul{
    list-style: none;
    padding: 0;
}

.nav-main-dropdown li{
    width: 100%;
    max-width: 137px;
    float: left;
}

.nav-main-dropdown li:before{
    color: #000;
    content: "\e607";
    font-family: NBIcon;
    font-size: 8px;
    padding-right: 7px;
    position: relative;
    top: -1px;
    display: inline-block;
    
    -webkit-transition: -webkit-transform .1s ease, color .3s ease;
    transition: transform .1s ease, color .3s ease;
}

.nav-main-dropdown.dark li:before{
    color: #fff;
}

.nav-main-dropdown li:hover:before{
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
}
.nav-main-dropdown li > a,
.nav-main-dropdown .nav-main > li > a{ 
    padding: 3px 0;
    font-size: 1em;
    display: inline-block;
    color: #000;
}

.nav-main-dropdown li > a:hover{
    color: #017dc3;
}

.nav-main-dropdown.dark li > a{
    color: #fff;
}

.nav-main-dropdown.dark li > a:hover{
    color: #b1d3f5;
}

.nav-main-dropdown .product-item-category a,
.nav-main-dropdown .product-item-prices .prev-price{
    color: #b1d3f5;
}

.nav-main-dropdown .product-image-wrapper{
    max-height: 174px;
    /*background: #fff;*/
    border: 0;
}

.nav-main-dropdown .product-item-title a,
.nav-main-dropdown .product-item-prices .current-price{
    color: #fff;
}

.nav-main-dropdown .product-item-title a:hover{
    text-decoration: underline;
}

.nav-main-dropdown .slider{
    margin-top: 15px;
    margin-bottom: 0;
}

.nav-main-dropdown .heading-append{
    bottom: 10px;
}

.nav-main-dropdown.dark .slider-prev,
.nav-main-dropdown.dark .slider-next{
    border-color: rgba(255, 255, 255, .2);
    background-color: transparent;
}

.nav-main-dropdown.dark .slider-prev:hover,
.nav-main-dropdown.dark .slider-next:hover{
    background-color: #017dc3;
}

.nav-main-dropdown .slider-item-imagewrapper{
    margin-bottom: 8px;
}

.nav-main-dropdown .slider-item-imagewrapper img{
    max-width: 100%;
}

.nav-main-dropdown .slider-item-important{
    font-weight: bold;
    font-size: 1.714em;
    color: #fff;
}

.nav-main-dropdown .slider-item-title{
    height: 35px;
}

.nav-main-dropdown .slider-item-title a{
    font-size: 1.143em;
    line-height: 1;
}

.nav-main-dropdown.dark .slider-item-title a{
    color: #fff;
}

/* Used on responsive nav menu */
.nav-main-useractions{
    border-color: #000;
}


/**
 * Navigation that applies to mobile devices
 */

.nav-mobile-icon{
    position: absolute;
    left: 0;
    padding: 5px 0;
    cursor: pointer;
    color: #317db6;
    
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.nav-mobile-wrapper{
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1100;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #017dc3;
}

.nav-mobile-wrapper.active{
    display: block;
}

.nav-mobile li a{
    color: #fff;
}

.nav-mobile-content{
    top: 100%;
}

/**
 * Very simple navigation / only links
 */

.nav-simple{
    margin: 0;
}

.nav-simple > li{
    padding: 15px 15px 15px 0;
    float: left;
}

.nav-simple > li > a{
    padding: 0;
}

.nav-simple > li > a:hover,
.nav-simple > li > a:focus{
    background: transparent;
}


/**
 * User actions / similar to nav-simple
 */

.user-actions{
    float: right;
}


/**
 * Logo
 */

.logo{
    height: 100px;
}

.logo a{
    display: table-cell;
}


/**
 * Cart at a header
 */

.header-cart{
    position: relative;
}

.header-cart-preview,
.header-cart-preview > a{
    background: #414254;
    color: #fff;
    width: 51px;
    text-align: center;
}

.header-cart-total{
    color: #49a26f;
    text-align: center;
    width: 100%;
    padding: 4px 2px;
}

.header-cart-icon{
    margin-bottom: 10px;
}

.header-cart-title{
    background: #49a26f;
    cursor: pointer;
    font-size: .85em;
    padding: 1px;
    text-align: center;
    width: 100%;
}


/**
 * Horizontal cart at a header
 */

.header-carthor-preview{
    height: 34px;
}

.header-carthor-title,
.header-carthor-icon{
    height: 100%;
    line-height: 32px;
}

.header-carthor-total{
    color: #dc101e;
    margin: 0 3px;
}

.header-carthor-icon{
    color: #fff;
    background: #3DAD4A;
    margin-left: 5px;
    line-height: 35px;
    height: 35px;
    width: 35px;
    text-align: center;
}

.header-cart-toggle{
    background: #414254;
    padding: 10px 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 290px;
    z-index: 10000;
}

.header-cart-items{
    color: #fff;
    margin: 0;
}

.header-cart-items li{
    border-bottom: 1px solid #676876;
    cursor: pointer;
    height: 70px;
    padding: 10px 0 10px 20px;
    position: relative;
}

.header-cart-items li:last-child{
    border-bottom: none;
}

.header-cart-items li:hover{
    background: #5c5d70;
}

.header-cart-items li a{
    color: #fff;
}

.header-cart-items .item-content{
    padding-left: 10px;
    width: 175px;
}

.header-cart-items .item-title{
    line-height: 1.1;
    max-height: 30px;
    margin-bottom: 2px;
    margin-top: -2px; /* have to use -2px because of fonts line-height, 
                      if line-height is smaller then it wont be displyed properly 
                      when in two rows */
}

.header-cart-items .item-price{
    font-size: 1.3em;
    font-weight: bold;
}

.header-cart-items .icon-close{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 7px;
    padding: 3px;
}

.header-cart-items .icon-close:hover{
    background-color: #414254;
}

.header-cart-footer {
    float: left;
    width: 100%;
    padding: 10px 0 10px 20px;
}

.header-cart-footer .total-price{
    color: #8d8ea1;
    font-weight: lighter;
    font-size: 1.714em;
    margin-top: 5px;
}

.header-cart-footer .btn-tocart{
    margin-right: -5px;
}


/**
 * Dropdown selector
 */

.dropdown-selector{
    position: relative;
}

.dropdown-options{
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 9px;
    z-index: 100;
    opacity: 1;
}

.dropdown-options.hidden{
    opacity: 0;
}

.dropdown-options:before{
    position: absolute;
    top: 3px;
    left: 10%;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom-color: #dedede;
    content: '';
}

.dropdown-options li{
    border: 1px solid #efefef;
}

.dropdown-options li:last-child{
    border-top: 0;
}

.dropdown-options li > a{
    background: #fff;
    color: #333;
    clear: both;
    display: block;
    padding: 4px 10px;
    white-space: nowrap;
}

.dropdown-options li > a:hover{
    background: #F5F5F5;
}

/*.dropdown-options .language-flag{
    float: left;
    margin-top: 5px;
}*/

.dropdown-options .language-name{
    margin-left: 5px;
}

.currency-selector li > a{
    padding: 4px 18px;
}

.currency-active .currency-name{
    font-weight: bold;
}


/**
 * Breadcrumbs
 */

.breadcrumbs{
    position: relative;
    z-index: 15;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    background: #fff;
}

.breadcrumbs ul{
    margin: 0;
    padding: 0;
    list-style: disc;
    list-style-position: inside;
}

.breadcrumbs li{
    float: left;
    font-size: 12px;
    padding: 5px 7px 5px 0;
    list-style: none;
}

.breadcrumbs li:before{
    content: '>';
    display: inline-block;
    float: left;
    margin-right: 7px;
}

.breadcrumbs li:first-child:before{
    display: none;
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child a{
    color: #969696;
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer-wrapper{
    background: #f0f6f8;
    padding-bottom: 40px;
    margin-top: 20px;
}

.footer{
    background: #fff;
    padding: 10px 0;

    -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.4);
}


/**
 * Footer boxes
 */

.footer-boxes{
    padding: 0 10px;
}

.footer-box:first-child{
    padding-left: 5%;
}

.footer-box-headline{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.286em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 80%;
}

.footer-box-content{
    margin-bottom: 20px;
}

.footer-box-list{
    list-style: none;
    padding: 0;
}

.footer-box-list > li{
    padding: 5px 0;
}

.footer-box-list > li > a{
    color: #017dc3;
}

.footer-box-list > li > a:hover{
    color: #000;
}

.footer-box-list > li:before{
    color: #017dc3;
    content: "\e607";
    font-family: NBIcon;
    font-size: 8px;
    padding-right: 7px;
    position: relative;
    top: -1px;
    display: inline-block;
    
    -webkit-transition: -webkit-transform .1s ease, color .3s ease;
    -moz-transition: transform .1s ease, color .3s ease;
    transition: transform .1s ease, color .3s ease;
}

.footer-box-list > li:hover::before{
    transform: translateX(2px);
    -webkit-transform: translateX(2px);
    color: #000;
}

/**
 * Footer logo
 */
.footer-logo{
    margin: 20px 0;
}

.footer-logo img{
    max-width: 100px;
}


/**
 * Bottom part of a Footer
 */

.footer-bottom{
    
}


/**
 * Footer copyright
 */

.footer-copyright{
    color: #000;
    padding: 10px 10px 0 30px;
    background: #fff;
    display: inline-block;
    border-top: 1px solid #d9d9d9;
    margin-top: 80px;
    width: 100%;
    font-size: 1em;
}

.footer-copyright .payment-icon{
    margin-left: 5px;
}


/**
 * Footer disclaimer
 */

.footer-disclaimer{
    color: #969696;
    padding: 4px 10px 0 30px;
    line-height: 1;
}

/**
 * Footer shop info items
 */

.footer-shop-info{
    background: #4f5061;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: -20px;
    padding: 15px;
    text-align: center;
    position: relative;
    z-index: 1020;
}

.shop-info-item{
    display: inline-block;
    color: #fff;
    margin-right: 30px;
}

.shop-info-item:last-child{
    margin-right: 0;
}

.footer-shop-info > a .shop-info-item:last-child{
    margin-right: 30px;
}

.footer-shop-info > a:last-child .shop-info-item{
    margin-right: 0;
}

.shop-info-label{
    width: 80px;
    padding-left: 15px;
    line-height: 16px;
    text-align: left;
}

/*------------------------------------*\
    SLIDERS
\*------------------------------------*/

/**
 * Regular slider
 */

.slider{
    margin-bottom: 15px;
}

.slider-item{
    opacity: 0;
}

.slider .container{
    position: relative;
}

.slider-content{
    position: absolute;
    top: 135px;
    z-index: 50;
    width: 100%;
}

.slider-headline{
    color: #fff;
    font-size: 60px;    
    font-weight: 200;
    line-height: 50px;
    padding: 10px 0;
    margin-bottom: 20px;
    max-width: 80%;
}

.slider-description{
    font-size: 1.714em;    
    line-height: 28px;
    font-weight: 600;
    color: #fff;
    max-width: 70%;
    margin-bottom: 35px;
}

.slider-btn{
    padding: 15px 50px;
}

.slider.loaded .slider-item,
.slider-wrapper.loaded .slider-item{
    opacity: 1;
}

.main-slider-wrapper .loader-wrapper{
    display: block;
}

.main-slider-wrapper.loaded .loader-wrapper{
    display: none;
}


/**
 * Slider navigation
 */

.slider-prev,
.slider-next{
    padding: 9px;
    border: 1px solid #e9e9e9;
    color: #d9d9d9;
    float: left;
    cursor: pointer;
    font-size: 10px;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.slider-prev:hover,
.slider-next:hover{
    background: #017dc3;
    color: #fff;
}

.slider-navigation-filled .slider-prev,
.slider-navigation-filled .slider-next{
    padding: 10px;
    background: #f7f7f7;
    color: #000;
    border: 0;
}

.slider-navigation-filled .slider-prev{
    margin-right: 1px;
}

.slider-navigation-filled .slider-prev:hover,
.slider-navigation-filled .slider-next:hover{
    background: #017dc3;
    color: #fff;
}

/* Transparent slider's navigation with border around arrows */
.slider-navigation-bordered .slider-prev,
.slider-navigation-bordered .slider-next{
    padding: 7px;
    border: 1px solid #d9d9d9;
    color: #000;
}

.slider-navigation-bordered .slider-prev{
    margin-right: 1px;
}

.slider-navigation-bordered .slider-next{
    margin-right: 0;
}

.slider-navigation-bordered .slider-prev:hover,
.slider-navigation-bordered .slider-next:hover{
    background: #017dc3;
    color: #fff;
}

.slider-prev{
    border-right: 0;
}

.slider-navigation-absolute{
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0;
}

.slider-navigation-absolute .slider-prev,
.slider-navigation-absolute .slider-next{
    position: absolute;
    top: 45%;
    z-index: 15;
    border: 0;
    padding: 20px 3px;
    /*background-color: rgba(0,0,0,.7);*/
    color: #000;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.slider-navigation-absolute .slider-prev:hover,
.slider-navigation-absolute .slider-next:hover{
    color: #017dc3;
    background: transparent;
}

.slider-navigation-absolute .slider-prev{
    left: 0;
}

.slider-navigation-absolute .slider-next{
    right: 0;
}

.slider-navigation-absolute .slider-prev:before,
.slider-navigation-absolute .slider-next:before{
    font-size: 1.5em;
}

/* hide owl controls, wont be needed for now */
.owl-prev, .owl-next{
    float: left;
}

/* Slider's dots */
.slider-showdots .owl-controls{
    margin-top: 10px;
}

.slider-showdots .owl-dots{
    text-align: center;
}

.slider-showdots .owl-dot{
    display: inline-block;
    zoom: 1;
}

.slider-showdots .owl-dot span{
    width: 12px;
    height: 12px;
    margin: 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.slider-showdots .owl-dot.active span {
    background: #017dc3;
}

.slider-wrapper h2{
    margin-bottom: 15px;
}

.slider-tickets h4 {
    font-weight:normal;
    font-size:16px;
}

.slider-tickets .product-item,
.slider-tickets .product-slider{
    margin-bottom:0;
}

.ticket-info-col-right {
    margin-top:-50px;
}

.use-ticket {
    margin-top:20px;
}

.remove-ticket {
    background:#fff;
    border:0 solid #fff;
    color:#017DC3;
    margin-left:5px;
    margin-top:10px;
}

.remove-ticket:hover {
    color:#000;
}

/**
 * Main slider
 */

.main-slider-wrapper{
    position: relative;
    height: 400px;
}

.main-slider-bg{
    background: url('../images/main-slider-pattern.png') repeat;
    height: 355px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.main-slider-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.main-slider:after{
    content: '';
    background: url('../images/mainslider-shadow.png') no-repeat;
    background-size: contain;
    height: 15px;
    width: 100%;
    display: block;
}

.main-slider-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    overflow: hidden;
}

.main-slider-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.8);
    color: #fff;
    font-size: 1.2em;
    height: 50px;
    line-height: 50px;
}

.main-slider-caption-keyword{
    padding: 0 40px;
    background: #017dc3;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}

.main-slider-caption-text{
    margin-left: 20px;
    display: block;
}


.main-slider .cover-bg-wrapper{
    height: 385px;
    width: 100%;
}
.main-slider .cover-bg{
    height: 100%;
    background-color: #d9d9d9; 
}

.main-slider .owl-controls{ 
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.main-slider .owl-dots{
    text-align: center;
}

.main-slider .owl-dot{
    display: inline-block;
    zoom: 1;
}

.main-slider .owl-dot span{
    width: 10px;
    height: 10px;
    margin: 5px 10px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(255,255,255,.2);
}

.main-slider .owl-dot.active span{
    background: #017dc3;
    box-shadow: 0 0 0 4px rgba(0,0,0,.5);
}



/* Slider with only one item displayed per page */
.oneitem-slider img{
    margin-bottom: 0;
}

/**
 * Fullwidth slider
 */

.fullwidth-slider-wrapper{
    position: relative;
    margin-bottom: 20px;
    /*overflow: hidden;*/
}

.fullwidth-slider{
    height: 500px;
    width: 100%;
    overflow: hidden;
}

.fullwidth-slider * {
    -webkit-backface-visibility: inherit;
}

.fullwidth-slider-item-bg{
    height: 500px;
    width: 100%;
    display: block;
    background-attachment: initial;
}

.fullwidth-slider-wrapper .slider-arrows{
    background: #017dc3;
    top: -50px;
    margin: 0 auto;
    margin-bottom: -60px;
    position: relative;
    z-index: 100;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    /*width: 195px;*/
    text-align: center;
    display: table;
    overflow: hidden;
}

.fullwidth-slider-wrapper .slider-arrows i{
    line-height: 1.1;
    vertical-align: middle;
    display: table-cell;
    width: 65px;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.fullwidth-slider-wrapper .fullwidth-slider-prev,
.fullwidth-slider-wrapper .fullwidth-slider-next{
    color: #fff;
    padding: 22px 15px;
    cursor: pointer;
}

.fullwidth-slider-wrapper .fullwidth-slider-prev:hover,
.fullwidth-slider-wrapper .fullwidth-slider-next:hover{
    background-color: rgba(0,0,0,.1);
}

/* ie fixes - border radius hover */
.fullwidth-slider-wrapper .fullwidth-slider-prev{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.fullwidth-slider-wrapper .fullwidth-slider-next{
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fullwidth-slider-wrapper .icon-cart-f{
    color: #fff;
    opacity: .2;
    padding: 10px 15px;
}

/**
*   Zoomer
*/

.fullscreen .owl-carousel .owl-stage-outer {
    width:100%;
}

.zoomer-container {
    margin:0 auto;
    width:1000px;
    max-width:100%;
    /*height:calc(100vh - 200px);*/
}

.zoomer-holder {
    display:table-cell;
    vertical-align:middle;
}

.zoomer_wrapper { 
    border: 1px solid #ddd; 
    border-radius: 3px; 
    /*height: calc(100vh - 200px); */
    margin: 10px 0; 
    overflow: hidden; 
    width: 100%; 
}

.zoomer.dark_zoomer { 
    background: #333 repeat center; 
}

.zoomer.dark_zoomer img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
}

/**
 * Slider of Products
 */

.product-slider-wrapper{

}

.product-slider{
    margin-bottom: 20px;
}


/**
 * Slider of Brands
 */

.brands-slider{
    margin-top: 25px;
    margin-bottom: 40px;
}

.brand-item{
    margin: 0 auto;
}

.brand-item img{
    width: auto !important; /* overried owls width: 100%; property */
    margin: 0 auto;
}


/**
 * Slider of Small images 
 */

.smallimages-slider{
    
}

.smallimages-slider-img-wrapper{
    height: 60px;
    width: 125px;
    margin: 5px 5px 15px 5px;
}

.smallimages-slider-img-wrapper > a{
    text-align: center;
}

.smallimages-slider-img-wrapper img{
    width: auto !important;
    max-width: 100%;
    max-height: 60px;
    margin: 0 auto;
}


/**
 * Fullscreen slider
 */

.fullscreen{
    max-height: 0;
    text-align: center;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.fullscreen.loaded{
    visibility: visible;
    max-height: 1500px;
    opacity: 1;
    
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.fullscreen .product-images-zoom-close-wrapper{
    height: 0; /* this way zoom-close button height wont be count */
}

.fullscreen .product-images-zoom-close{
    padding: 11px;
    color: #414254;
    cursor: pointer;
    position: relative;
    z-index: 150;
    margin-top: 20px;
    transition: .5s all ease;
}

.fullscreen .owl-item img{
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.zoomer .zoomer-controls-bottom:not(*:root) /* chrome hack - displays zoom controls where it is supposed to */
{
    bottom:70px;
}

.fullscreen.loaded{
    visibility: visible;
    max-height: 1500px;
}

.fullscreen .minigallery-main-img{
    max-height: 100%;
    width: auto;
}

.fullscreen .slider-navigation-absolute .slider-prev,
.fullscreen .slider-navigation-absolute .slider-next{
    background-color: transparent;
    color: #000;
    font-size: 5em;
    top: 40%;
}

.fullscreen .slider-navigation-absolute .slider-prev{
    left: 5%;
}

.fullscreen .slider-navigation-absolute .slider-next{
    right: 5%;
}

/**
 * Headlines
 */

.headlines{
    background: #000;
    margin-bottom: 20px;
}

.headline-item-wrapper{ 
    height: 80px;
    width: 100%;
}

.headline-item{ 
    color: #fff;
    width: 100%;
    padding: 15px 0;
    margin: 20px;
    border: 1px solid #fff;
    
    position: relative;
    
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.headline-item:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(220, 16, 30, 0.85);
}

.headline-item-title{ 
    font-size: 1.7em;
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

/*------------------------------------*\
    GRIDS
\*------------------------------------*/


/**
 * Item of a product / usually used on sliders, listings etc.
 */

.product-item{
    margin-bottom: 20px;
}

.product-text-wrapper{
    height: 115px;
}

.product-item-category{
    margin-bottom: 6px;
}

.product-item-category,
.product-item-category a {
    color: #969696;
    text-transform: uppercase;
    line-height: 14px;
    font-size: .9em;
}

.product-item-category-grid{
    display: block;
}

.product-item-code{
    color: #a0a0a0;
    font-size: 1.143em;
    font-weight: bold;
    padding-bottom: 15px;
}

.product-item-title{
    font-size: 1.2em;
    line-height: 16px;
    margin-bottom: 10px;
    height: 34px;
    overflow: hidden;
}

.product-item-description{
    margin-bottom: 10px;
    display: none;
}

.product-item-prices .current-price{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 3px;
}

.product-item-prices .prev-price{
    font-size: 1.05em;   /* 1.05em */
    color: #969696;
    text-decoration: line-through;
}

.product-item-prices .prev-price.prev-price-third{
    font-weight: bold;
}

.product-image-wrapper{
    border: 1px solid #d9d9d9;
    position: relative;
    margin-bottom: 10px; /* 6px */
    max-height: 100%;
}

.product-item.grid-view .product-image-wrapper,
.product-item.list-view .product-image-wrapper{
    height: 226px;
}

.product-item.gridalt-view .product-image-wrapper{
    height: 144px;
}

.product-item.gridalt-view .product-item-category,
.product-item.gridalt-view .product-item-category a{
    font-size: .8em;
}

.product-image-wrapper > img{
    width: 100%;
    max-width: 100%;
    min-height: 140px;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.product-item-featured .product-image-wrapper > img{
    width: auto;
}

.product-item-actions-col{
    display: none; /* visible only on list-view - see below */
}

.product-item .product-brand{
    display: none;
}


/**
 * List view of a Item
 */

.product-item.list-view{
    margin-bottom: 10px;
    background: #f7f7f7;
    outline: 1px solid #fff;
    /*border-right: 3px solid transparent;*/
}

.product-item.list-view:hover{
    background: #fff;
    outline: 1px solid #d9d9d9;
    /*border-color: #017dc3;*/
}

.product-item.list-view .row{
    margin: 0; /* change the default bootstraps grid system 
                 remove margins and paddings */
}

.product-item.list-view .product-item-data-col,
.product-item.list-view .product-item-actions-col{
    min-height: 224px;
}

.product-item.list-view .product-item-data-col{
    padding-left: 0; /* change the default bootstraps grid system 
                           remove margins and paddings */
}

.product-item.list-view .product-item-actions-col{
    display: block;
    padding-top: 10px;
    padding-right: 20px;
}

.product-item.list-view .product-image-wrapper{
    margin-right: 20px;
    margin-bottom: 0;
    float: left;
}

.product-item.list-view:hover .product-image-wrapper{
    border-left-color: transparent;
    border-top-color: transparent;
}


.product-item.list-view .product-image-wrapper > img{
    width: auto;
}

.product-item.list-view .product-text-wrapper{
    float: left;
    width: 290px;
    width: calc(100% - 246px);
}

.product-item.list-view .product-item-title{
    font-size: 1.714em;
    line-height: 24px;
    font-weight: 300;
    height: auto;
    max-width: 300px;
    margin-top: 10px;
}

.product-item.list-view .product-item-description{
    max-width: 300px;
}

.product-listing .product-item-category-list{
    display: none;
}

.product-item.list-view .product-item-category-grid{
    display: none;
}

.product-item.list-view .product-item-category-list{
    display: block;
    margin-bottom: 0;
}

.product-item-category-list,
.product-item-category-list a{
    font-size: 1em;
}

.product-item.list-view .product-item-code{
    display: block;
}

.product-item.list-view .product-item-prices{
    position: absolute;
    bottom: 20px;
    left: 246px;
}

.product-item.list-view .prev-price{
    float: none;
}

.product-item.list-view .current-price{
    float: none;
    color: #017dc3;
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 10px;
}

.product-item.list-view .shop-button{
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding-right: 45px;
    line-height: 28px;
}

.product-item.list-view .btn-icon-right:before{
    font-size: 80%;
    width: 5px;
}

.product-item.list-view .product-brand{
    display: block;
}


/**
 * Mini gallery 
 */

.minigallery-main-img{
    padding-bottom: 40px;
}

.minigallery-thumbs{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.8);
    text-align: center;
    padding: 50px;
    opacity: 0;
    z-index: 0;
}

.minigallery-thumbs.active{
    z-index: 15;
    opacity: 1;
}

.minigallery-thumb-item{
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
}

.minigallery-thumb-item:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.minigallery-thumb-item img{
    max-width: 100%;
    background: #fff;
}


/**
 * Thumbs of a product 
 */

.product-images-thumbs-wrapper{
    position: relative;
    margin-top: 4px;
    margin-bottom: 20px;
    opacity: 0;
}

.product-images-thumbs-wrapper.loaded{
    opacity: 1;
}

.product-images-thumbs-item{
    width: 74px;
    height: 74px;
    border: 1px solid #d9d9d9;
    border-right-width: 0;
    cursor: pointer;
}

.product-images .owl-item:last-child .product-images-thumbs-item{
    border-right-width: 1px;
}

.product-images-thumbs-wrapper .slider-prev,
.product-images-thumbs-wrapper .slider-next{
    top: 0;
    width: 25px;
    height: 100%;
    font-size: .5em;
    background-color: #414254;
    display: none;
    color: #fff;
}

.product-images-thumbs-wrapper .slider-prev:hover,
.product-images-thumbs-wrapper .slider-next:hover{
    background-color: #626375;
    color: #fff;
}

.product-images-thumbs-wrapper .slider-prev:before,
.product-images-thumbs-wrapper .slider-next:before{
    position: absolute;
    top: 43%;
    top: calc(50% - 4px);
    left: 4px;
    left: calc(50% - 6.5px);
    font-size: 14px;
}

.product-images-thumbs-wrapper.show-controls .slider-wrapper{
    padding: 0 25px;
}

.product-images-thumbs-wrapper.show-controls .slider-prev,
.product-images-thumbs-wrapper.show-controls .slider-next{
    display: block;
    top: 0;
}

.product-images-thumbs-wrapper.show-controls .slider-navigation-absolute{
    left: 0;
}

.product-item-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 10;
    text-align: left;
}

.product-item-overlay-zoomcursor{
    cursor: url(../images/zoom-cursor.png) 24 24, pointer;
}

.product-item .remove-item{
    font-size: 7px;
    padding: 4px;
    background-color: #414254;
    border: 1px solid #414254;
    color: #fff;
    opacity: .7;
    cursor: pointer;
}

.product-item .remove-item:hover{
    opacity: 1;
}

.caption-topleft,
.caption-topright{ 
    position: absolute;
    top: 0;
    z-index: 15;
    padding: 7px;
}

.caption-topleft{ 
    left: 0;
}

.caption-topright{ 
    right: 0;
    z-index: 20;
}

.caption-bottomleft{ 
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.caption-bottomright{ 
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.caption-icon{
    padding: 0 2px;
    display: inline-block;
}

.caption-action-icon{
    background: #000;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    display: inline-block;
    margin: 0 auto;
}

.caption-sizes{
    width: 100%;
    transform: translateY(100%);
    background: rgba(255,255,255,0.95);
    /*border-top: 1px solid #d9d9d9;*/
    padding: 3px 5px;
    font-size: .925em;
}

.caption-main-wrapper{
    background: rgba(65,66,84,.7);
    color: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 5;
    opacity: 0;
    display: block;

    box-sizing: border-box;
}

.product-image-wrapper:hover .caption-main-wrapper{
    opacity: 1;
}

.product-image-wrapper:hover .caption-sizes{
    transform: translateY(0);
}

.caption-main{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 40%;
    top: calc(50% - 20px);
}

.caption-main-title{
    font-size: 1.3em;
}

.caption-attribute{
    background: #017dc3;
    bottom: 19px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    height: 24px;
    line-height: 22px;
    position: absolute;
    right: -30px;
    text-align: center;
    width: 130px;
    z-index: 10;
    overflow: hidden;
    padding-left: 5px;
}

.caption-attribute.glow{
    background: #ffa800;
}

.caption-plusconnector{
    top: -1px;
    left: 43%;
    left: calc(50% - 4px);
    position: absolute;
    z-index: 15;
    color: #fff;
    line-height: 1px;
    font-weight: bold;
}

.caption-rotated{
    position: absolute;
    z-index: 10;
    width: 70px;
    height: 70px;
    padding-right: 3px;
    padding-top: 1px;
    background: #d9d9d9;
    color: #fff;
}

.caption-rotated.caption-bottomright{
    bottom: -35px;
    right: -35px;
    font-weight: bold;
    font-size: 1.214em;
    line-height: 20px;
    text-align: center;
}

.caption-rotated.caption-topleft{
    top: -35px;
    left: -35px;
}

.caption-rotated.caption-topright{
    top: -35px;
    right: -35px;
}

.caption-rotated-discount{
    background: #017dc3;
    padding-left: 3px;
}

.caption-rotated-discount-value{
    font-size: 1em;
    margin-left: -3px;
}

.caption-rotated.active{
    background: #d71e1e;
}

.caption-rotated-text{
    color: #fff;
    font-size: 1.071em;
}

.caption-actions{
    width: 100%;
}

.caption-actions > a{
    display: inline-block;
}

.caption-description{
    background: rgba(65,66,84,.7);
    color: #fff;
    padding: 5px;
    line-height: 1.2em;
}

.favorite{
    font-size: 19px;
    color: #d9d9d9;
    opacity: 0;
    cursor: pointer;
}

.product-image-wrapper:hover .favorite{
    opacity: 1;
}

.favorite.active{
    color: #ffa800; /* red: #FF491B  */
    opacity: 1;
}


.caption-rotated.bottom-right .caption-rotated-text{
    padding-left: 45%;
}

.caption-rotated.top-left .caption-rotated-text{
    padding-top: 55%;
    padding-left: 72%;
}

.caption-rotated.top-right .caption-rotated-text{
    padding-top: 55%;
    padding-right: 52%;
    text-align: right;
}

.caption-ribbon{
    background: #017dc3;
    color: #fff;
    display: block;
    position: relative;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    right: -7px;
    margin-top: 6px;
}

.caption-ribbon:before{
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    border: 11px solid #017dc3;
    z-index: -1;
    left: -11px;
    border-right-width: 0em;
    border-left-color: transparent;
}


.caption-round{
    position: relative;
    width: 40px;
    height: 40px;
    background: #FD8C2B;
    color: #fff;
    font-size: .8em;
    border-radius: 50%;
    border-top-left-radius: 0;
    text-transform: uppercase;
}

.caption-round-text{
    padding: 3px;
    line-height: 1;
}


/**
 * Intro item 
 */

.intro-item{
    text-align: center;
    padding-top: 40px;
    padding-bottom: 50px;
}

.large-round-icon-wrapper{
    position: relative;
    margin-bottom: 15px;
    display: inline-block;
}

.large-round-icon{
    background: transparent;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    /*border: 1px solid #017dc3;*/
    box-shadow: 0 0 0 1px #017dc3;
    color: #017dc3;
    font-size: 38px;
    padding: 30px 0;
    width: 100px;
    height: 100px;
    display: block;
}

.large-round-icon:hover{
    background: #017dc3;
    color: #fff;
    box-shadow: 0 0 0 8px rgba(1, 125, 195, 0.15);
    
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.large-round-icon:before{
    display: block;
}

.intro-title{
    border-bottom: 1px solid #d9d9d9;
    font-size: 1.714em;
    font-weight: 300;
    margin: 0 auto 10px;
    padding-bottom: 5px;
}

.intro-text{
    font-size: 1.15em;
}

.intro-counter{
    position: absolute;
    top: 47%;
    top: calc(50% - 18px);
    right: -15px;
    background: #414254;
    color: #fff;
    width: 36px;
    height: 36px;
    padding: 4px;
    text-align: center;
    font-size: 1.286em;
    font-weight: bold;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}


/**
 * Promo item 
 */

.promo-item{
    margin-bottom: 20px;
    overflow: hidden;
}

.promo-item-image-wrapper{
    background: #eef5f6;
}

.promo-item-image-wrapper img{
    width: 100%;
}

.promo-item-caption-wrapper{
    position: relative;
    width: 100%;
}

.promo-item-caption{
    position: relative;
    width: 100%;
    background: #00abeb;
    color: #000;
    text-align: center;
}

.promo-item-title{
    line-height: 22px;
    font-weight: bold;
    font-size: 1.25em;
    color: #fff;
    padding: 20px;
}

.promo-item-description{
    color: #fff;
    padding: 0 10px;
    display: none;
}


/**
 * Promo joining 
 * joining beacuse of elements that joins together on hover
 */

.promojoining-item{
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.promojoining-item-image-wrapper{
    background: #eef5f6;
}

.promojoining-item-image-wrapper img{
    max-width: 100%;               
}

.promojoining-item-caption-wrapper{
    position: absolute;
    left: 0;                        
    top: 0;                         
    width: 100%;
    height: 100%;                   
}

.promojoining-item:hover .promojoining-item-caption-wrapper{
    display: block;
    background: rgba(0,0,0,.6);
}

.promojoining-item-caption{
    position: relative;             
    top: 1px;                  
    width: 100%;
    color: #fff;                   
    text-align: center;
}

.promojoining-item-title{
    line-height: 22px;
    font-weight: bold;
    font-size: 1.6em;                   
    color: #fff;
    height: 100%;
    width: 60%;
    text-transform: uppercase;         
    text-align: center;
}

.promojoining-item-title span{
    padding: 10px;                      
    border-top: 1px solid #fff;         
    border-bottom: 1px solid #fff;    
    display: block;
}

.promojoining-item-description{
    color: #fff;
    padding: 0 20px;
    opacity: 0;                         
    text-align: center; 
    height: 100%;
    line-height: 1.3em;
}

.promojoining-item-description .btn{
    margin-top: 5px;
}

.promojoining-item:hover .promojoining-item-title{
    opacity: 0;
}

.promojoining-item:hover .promojoining-item-description{
    opacity: 1;
}

.promojoining-item:hover .promojoining-item-description p{
    -webkit-animation: slideDown .2s; 
    -moz-animation: slideDown .2s; 
    animation: slideDown .2s;
}

.promojoining-item:hover .promojoining-item-description .btn{
    -webkit-animation: slideUp .3s; 
    -moz-animation: slideUp .3s; 
    animation: slideUp .3s;
}


/**
 * Featured items
 */

.featured-items{
    margin-top: 20px;
    margin-bottom: 30px;
}

.featured-item,
.featured-item .promo-item-image-wrapper{
    height: auto;
}

.featured-item .promo-item-image-wrapper img{
    width: 100%;
}

.featured-item .promo-item-title{
    padding: 8px;
}


/*------------------------------------*\
    CART
\*------------------------------------*/

.cart{
    margin-bottom: 20px;
    /*font-size: 1.143em;*/
}

.cart > form > div:first-child{
    padding-top: 25px;
}

.cart > form > div:last-child{
    margin-bottom: 25px;
}

.cart-step{
    padding-bottom: 20px;
}

.cart-step h2{
    font-size: 36px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cart-step h3{
    font-size: 1.286em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

.cart-step .heading-append{
    line-height: 40px;
}

.cart-step .horizontal-divider{
    margin-bottom: 0;
}

.cart-step-hint{

}

.cart-description{
    margin-bottom: 25px;
}

/* Links for login, registration etc. */
.cart-action{
    margin-left: 20px;
    color: #727380;
}

/* Cart table */
/*.cart-table>tbody>tr>td{*/
/*font-size: 1.286em;*/
/*}*/

/*.cart-table>thead>tr>th{*/
/*font-size: 1.286em;*/
/*}*/

.cart-table .styled-select{
    width: 80px;
    margin: 0 auto;
}

.cart-table .styled-select select{
    width: 100px;
}

.cart-table .product-item-image{
    padding-left: 0;
}

.cart-table .product-item-image img{
    max-height: 100px;
}

.cart-table .product-item-category{
    font-size: 1em;
}

.cart-table .product-item-title{
    font-size: 1.143em;
    line-height: 20px;
    margin-bottom: 0;
    height: auto;
    /*overflow: auto;*/
}

.cart-table .product-item-prices{
    font-weight: bold;
}

.cart-table .product-item-remove{
    font-size: 10px;
    padding: 3px;
}

.cart-table .product-item-remove:hover,
.cart-table .product-item-remove:focus{
    background-color: #414254;
    color: #fff;
}

.cart-table .product-item-code{ 
    padding-bottom: 0;
}


/**
 * Delivery options 
 */

.delivery-options{
    margin-bottom: 0;
}

.delivery-options li{
    position: relative;
    padding: 20px 0;
    cursor: pointer;
}

.delivery-options li:last-child{
    padding-bottom: 0;
}

.delivery-options li:last-child .delivery-option-description{
    margin-bottom: 10px;
}

.delivery-options .iradio_flat{
    position: absolute;
    top: 40px;
    z-index: 10;
}

.delivery-option-image{
    padding: 0 10px 0 40px;
    float: left;
    color: #d9d9d9;
}

.delivery-option-text{
    margin-top: 15px;
    padding-left: 30px;
}

.delivery-option-name{
    font-weight: bold;
    font-style: italic;
}


/**
 * Cart summary 
 */

.cart-table-summary{
    margin-bottom: 20px;
}

.cart-table-summary > tfoot > tr > td{
    padding: 4px 0;
    border-bottom: 1px solid #ececec;
}

.cart-table-summary > tfoot > tr:last-child td{
    border-bottom: 0;
}

/*.cart-table-summary > tfoot > tr:last-child > td{
    border-bottom: 0;
}*/

.cart-table-summary .product-item-prices{
    font-weight: bold;
    font-size: 1.286em;
}


.cart-privacy-policy{
    padding-top: 20px;
    margin-bottom: 20px;
    /*border-top: 1px solid #d9d9d9;*/
}

.cart-privacy-policy a{
    color: #017dc3;
}

.cart-privacy-policy a:hover{
    color: #000;
}

.cart-step .btn{
    margin-bottom: 30px;
}

.cart-box-featured{
    background: #fafafa;
    border: 1px solid #d9d9d9; 
    padding: 10px;
    margin-bottom: 20px;
}

.cart-box-featured .input-group{
    max-width: 300px;
}

.cart-box-featured .btn{ 
    margin-bottom: 10px;
}


/**
 * Newsletter form 
 */

.form-newsletter{
    position: relative;
}

.form-newsletter-headline{
    border-bottom: 0;
    padding-bottom: 0;
}

.form-newsletter .validation-errors-list{
    position: relative;
    float: right;
    margin-top: 5px;
    margin-bottom: 0;
}

/*------------------------------------*\
    DETAILS OF A PRODUCT
\*------------------------------------*/

.product-horizontal-divider{
    border-bottom: 1px solid #d9d9d9;
    position: absolute;
    width: 100%;
    opacity: 0;
}

.product-horizontal-divider.loaded{
    opacity: 1;
}

.product-details{
    position: relative;
    top: 0;
    padding-top: 20px;
}

.product-details.move-bottom{
    top: 1000px;
}

.product-details h1{
    margin-top: 0;
    font-weight: 300;
    line-height: 1;
}

.product-details label{
    font-weight: normal;
    font-size: 1.143em;
}

.product-help-link{
    color: #727380;
    margin-right: 10px;
    cursor: pointer;
}

.product-help-link i{
    float: left;
    margin-right: 5px;
    line-height: 1.2;
}

.product-help-link-video{
    margin-bottom: 10px;
}

.product-details .product-image-wrapper{
    height: auto;
    border: 1px solid #d9d9d9;
}

.product-details .product-image-wrapper > img{
    position: relative;
    background: #fff;
}

.product-details .favorite{
    opacity: 1;
}


/**
 * Product infobox
 */

.product-infobox{
    padding: 10px 15px;
    border: 1px solid #d9d9d9;
    border-bottom-width: 0;
    background: #fff;
    width: 236px;
    color: #575757;
    margin: 0 auto;
}

.product-infobox:last-child{
    border-bottom-width: 1px;
    margin-bottom: 20px;
}

.product-infobox-headline{
    margin-bottom: 10px;
    line-height: 1.2;
}

/*.product-infobox-actions{
    margin: 0 -5px;
}*/

.product-infobox-actions > a{
    display: inline-block;
    margin-right: 10px;
    float: left;
    max-width: 71px;
}

.product-infobox-actions img{
    max-width: 64px;
}

.product-infobox-actions > a:last-child{
    margin-right: 0;
}

.product-infobox-notes{
    margin-bottom: 0;
}

.product-infobox-note-icon{
    font-size: 10px;
    color: #017dc3;
    margin-right: 5px;
}

.product-availability {
    background:#c4c4c4;
    color:#fff!important;
    border-radius:50%;
    font-size:10px;
    line-height:10px!important;
    padding:4px;
    margin-bottom:20px;
    margin-right:5px!important;
}

.product-infobox-contact{
    margin: 10px 0;
}

.product-infobox-contact-icon{
    color: #017dc3;
    margin-right: 10px;
    line-height: 1.3;
}

.product-infobox-contact-text-wrapper{
    width: 175px;
    width: calc(100% - 30px);
}

.product-infobox-contact-text{
    font-size: 1.143em;
    font-weight: bold;
}

.product-infobox-contact-text > a{
    color: #575757;
}

.product-infobox-contact-subtext{
    color: #a0a0a0;
    line-height: 1.2;
}

.product-infobox .footer-box-headline {
    width:100%;
    padding-bottom:5px;
}

.product-infobox .social-icons {
    margin-bottom:0;
}

.product-images{
    margin-bottom: 0;
    /*padding-right: 1px;*/
}

.product-image-actions{
    margin-bottom: 10px;
}

.product-image-actions a{
    padding: 0 5px;
}

.product-intro{
    margin-bottom: 10px;
}

.product-stars{
    margin-right: 10px;
}

.product-stars i{
    color: #017dc3;
}

.product-stars i.disabled{
    color: #c2c2c2;
}

.product-rates{
    margin-bottom: 10px;
}

.product-rates .vertical-divider{
    margin: 0 5px;
}

.product-category,
.product-category a{
    color: #a0a0a0;
    font-size: 1.143em;
}

.product-code{
    color: #a0a0a0;
    font-size: 1.143em;
    font-weight: bold;
    padding-bottom: 15px;
}

.product-price-wrapper{
    padding-top: 5px;
    margin-bottom: 20px; 
}

.product-price{
    color: #017dc3;
    font-size: 36px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px; 
}

.product-price-saved{
    color: #a0a0a0;
    font-size: 1.143em;
    margin-bottom: 10px; 
    font-weight: bold;
}

.product-price-description {
    font-size:11px;
    line-height:11px;
    margin-top:3px;
}

.product-prev-price{
    color: #a0a0a0;
    font-size: 1.143em;
    text-decoration: line-through;
}

.product-prev-price-third{
    font-size: 1.357em;
    font-weight: bold;
}

.product-price-wrapper .product-help-link{
    margin-top: 10px;
}

.product-details .product-brand{
    position: absolute;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
}

/*.product-details h1 {
    min-height:72px;
} */

.product-related-wrapper{
    margin-bottom: 15px;
}

.product-related > li{
    padding: 0;
    margin-right: 5px;
    margin-bottom: 8px;
}

.product-related > li > a{
    display: block;
}

.product-related .popover{
    max-width: 102px;
}

.product-related .popover-content{
    padding: 0;
}

.product-attributes{

}

.product-attributes li{
    float: left;
    cursor: pointer;
    padding: 8px 6px;
    border: 1px solid #d9d9d9;
    margin-right: 4px;
    margin-bottom: 5px;
    min-width: 39px;
    text-align: center;
}

.product-attributes li:hover{
    color: #017dc3;
    border-color: #bfd6ed;
}

.product-attributes li.active{
    color: #fff;
    background: #017dc3;
    border-color: #017dc3;
}

.product-attributes li.disabled,
.product-attributes li.disabled:hover{
    color: #d9d9d9;
    background: #fff;
    border-color: #d9d9d9;
}

.product-attributes li.disabled.active,
.product-attributes li.disabled.active:hover{
    color: #fff;
    background: #d9d9d9;
    border-color: #d9d9d9;
}

.product-attrs-reset{
    margin-top: 2px;
    text-transform: uppercase;
}

.product-attrs-reset i{
    margin-left: 5px;
}

.product-quantity-wrapper{
    position: relative;
    width: 35px;
    height: 50px;
    border: 1px solid #49a26f;
    float: left;
    overflow: hidden;
}

.product-quantity{
    font-size: 1.143em;
    padding: 12px 5px;
    width: 100%;
    height: 100%;
    text-align: center;
    border: none;
    position: relative;
    top: 0;
    opacity: 1;
}

.product-quantity.animated{
    opacity: 0;
}

.product-quantity.active-up{
    top: -100%;
}

.product-quantity.active-down{
    top: 100%;
}

.product-quantity-helper-pre,
.product-quantity-helper-post{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 12px 5px;
    font-size: 1.143em;
    text-align: center;
    opacity: 0;
}

.product-quantity-helper-pre{
    bottom: -100%;
}

.product-quantity-helper-post{
    bottom: 100%;
}

.product-quantity-helper-pre.active,
.product-quantity-helper-post.active{
    display: block;
    opacity: 1;
}

.product-quantity-helper-pre.active{
    bottom: 0;
}

.product-quantity-helper-post.active{
    bottom: 0;
}

.product-quantity-arrows{
    width: 30px;
    float: left;
}

.product-quantity-arrows i{
    background: #3a8359;
    color: #fff;
    cursor: pointer;
    height: 25px;
    padding: 8px 2px;
    font-size: 8px;
    display: block;
    text-align: center;
    border: 1px solid #30714c;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
}

.product-quantity-arrows i:hover{
    background: #2e6947;
}

.product-attributes-wrapper{
    margin-bottom: 20px;
    float: left;
    min-width: 190px;
}

.product-attributes-wrapper .product-help-link{
    margin-top: 2px;
    margin-left: 20px;
}

.product-buy{
    margin-bottom: 20px;
}

.shop-button{
    height: 50px;
}

a.shop-button{
    line-height: 30px;
}

.shop-button-qnt{
    min-width: 230px;
    height: 50px;
    margin-bottom: 20px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Products list simple */
.products-list-simple{
    margin-bottom: 20px;
}

.products-list-simple h4{
    border-bottom: 1px solid #d9d9d9;
    margin-top: 5px;
    line-height: 33px;
    font-weight: bold;
}

.products-list-simple .product-item{
    background: #f7f7f7;
    margin-bottom: 10px;
}

.products-list-simple .product-item-image{
    text-align: center;
}

.products-list-simple .product-item-image img{
    max-width: 100%;
    border: 1px solid #d9d9d9;
}

.products-list-simple .product-category{
    margin-top: 10px;
    font-size: 1em;
}

.products-list-simple .product-stars{
    margin-top: 10px;
}

.products-list-simple .product-code{
    padding-bottom: 0;
}

.products-list-simple .product-price{
    color: #000;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 0;
    padding-right: 10px;
}

.products-list-simple .product-prev-price{
    margin-top: 0;
    padding-right: 10px;
}

.products-list-simple .product-prev-price-third{
    font-size: inherit;
}

.product-details .nav-tabs{
    padding-left: 15px;
}

.product-details .table>tbody>tr>td,
.product-details .table>thead>tr>th{
    font-size: 1em;
}

/*------------------------------------*\
    TICKETS
\*------------------------------------*/

.ticket-code {
    position:relative;
    float:left;
    clear:both;
    margin:30px 0;
    font-size: 2em;
    height:68px;
    line-height:68px;
    color:#fff;
    background:#027cc5;
    padding:0 80px 0 40px;
    z-index:2;
}

.ticket-code:before {
    content:"";
    position:absolute;
    top:20px;
    right:-50px;
    background:url("../images/blue-ribbon.png") top left no-repeat;
    width:68px;
    height:68px;
    z-index:1;
}

.ticket-code:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    background:#027cc5;
    width:20px;
    height:68px;
    z-index:1;
}

.ticket-modal-logo {
    position:absolute;
    top:50%;
    right:0;
    width:75px;
    height:75px;
    background:url("../images/planeta-logo-modal.jpg") center center no-repeat;
}

.ticket-value {
    font-size:1.5em;
    line-height:1em;
    color:#ea050c;
}

.ticket-modal-button {
    float:left;
    clear:both;
    padding:20px 20px 30px 40px;
    max-width:100%;
}

.ticket-modal-button .btn {
    max-width:100%;
}

.modal-wide {
    width:980px;
    max-width:100%;
}

.modal-wide .modal-header {
    padding:15px 40px;
}

.modal-wide .modal-content {
    border:0 solid #fff;
}

.modal-close-button {
    position:absolute;
    top:-14px;
    right:-14px;
    padding:1px 7px;
    background:#fff;
    border-radius:50%;
    z-index:10;
    box-shadow:0 0 1px rgba(0,0,0,.5);
}

.modal-close-button .close {
    color:#017DC3;
}

.ticket-modal-title,
.ticket-modal-content {
    float:left;
    width:100%;
    padding:0 40px;
}

.ticket-modal-content {
    min-height:160px;
}

.ticket-modal-title {
    font-size:2.25em;
    color:#0078c5;
}

.ticket-image,
.ticket-slider {
    position:relative;
}

.ticket-image:before {
    content:"";
    position:absolute;
    top:0;
    left:-20px;
    background:url("../images/ticket-modal-mask.png") top left no-repeat;
    background-size:auto 100%;
    width:100px;
    height:435px;
}

.ticket-slider {
    margin-top:30px;
    padding-right:40px;
}

.ticket-slider .heading-underlined {
    margin-bottom:20px;
    height:30px;
    line-height:30px;
}

.ticket-slider .ticket-modal-logo {
    top:auto;
    bottom:-20px;
    right:40px;
}

.ticket-slider .favorite {
    z-index:9999;
}

.ticket-headline-ribbon {
    float:left;
    position:relative;
    background:#027dc3;
    padding:8px 35px;
    margin-bottom:20px;
}

.ticket-headline-ribbon:before {
    content:"";
    position:absolute;
    top:5px;
    right:-22px;
    background:url("../images/blue-ribbon.png") top left no-repeat;
    background-size:auto 100%;
    width:32px;
    height:32px;
    z-index:1;
}

.ticket-headline-ribbon:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    background:#027cc5;
    width:20px;
    height:31px;
    z-index:1;
}

.ticket-headline-ribbon.green {
    background:#0abf00;
}

.ticket-headline-ribbon.green:before {
    background:url("../images/green-ribbon-new.png") top left no-repeat;
}

.ticket-headline-ribbon.green:after {
    background:#0abf00;
}

.ticket-headline-ribbon h3 {
    margin-bottom:0;
    color:#fff;
    font-size:1em;
}

.ticket-description {
    height:100px;
    overflow-y:auto;
}

.ticket-number {
    color:#888;
    font-size:1.5em;
    line-height:1em;
    margin-bottom:5px;
}

.ticket-icon-image {
    max-width:127px;
}

.centered-button {
    margin:0 auto;
    display:block;
}


/*------------------------------------*\
    LISTING OF PRODUCTS
\*------------------------------------*/

.product-listing{
    margin-bottom: 20px;
}

/*.product-listing .styled-select{
    background-color: #fff;
    border-color: #ebebeb;
}*/

.product-listing-resetbtn{
    color: #fff;
    background: #d9d9d9;    
    display: block;
    padding: 13px 5px;
    z-index: 1;
    margin: -10px -10px -10px 0;
}

.product-listing-resetbtn:hover{
    color: #fff;
    background: #414254;
}

.product-listing-intro{
    border-bottom: 1px solid #d9d9d9;
    padding-top: 5px;
}

.product-listing-intro h1{
    margin: 5px 0;
}

.product-listing-intro-filters{
    margin-top: 10px;
    float: right;
}

.product-listing-intro .form-group{
    margin-left: 20px;
    margin-bottom: 0;
    line-height: 1px;
    float: left;
}

.product-listing-intro .form-group-checklabel{
    line-height: 27px;
}

.product-listing-intro .form-group:first-child{
    margin-left: 0;
}

.product-listing-loader{
    top: 40px;
    left: -10px;
}

.list-types{
    margin-left: 15px;
    margin-right: -1px;
}

.list-types-item{
    color: #017dc3;
    font-size: 30px;
    cursor: pointer;
    display: inline !important;
}

.list-types-item.active,
.list-types-item:hover{
    
}

.product-listing-filters{
    border-right: 1px solid #d9d9d9;
}

.product-listing-filters h2{
    color: #000;
    font-size: 1.286em;
    font-weight: bold;
    margin: 0;
    border: 0;
    line-height: 1.1;
    padding: 10px 0;
}

.product-listing-items{
    
}

.products-found{
    color: #a8a8a8;
    display: inline-block;
    margin-right: 10px;
}

/**
 * Size guide
 */

.nav-sizeguide{
    /*margin-bottom: 10px;*/
}

.table-sizeguide{
    background: #fff;
}

.table-sizeguide > thead > tr > td,
.table-sizeguide > tbody > tr > td{
    text-align: center;
    padding: 0; 
    font-size: .9em;
    width: 20px;
    border: 1px solid #fff;
}

.table-sizeguide > thead > tr > td{
    background: #B8EAFF;
    font-weight: bold;
    width: 30px;
}

.table-sizeguide > thead > tr:first-child > td{
    background: #00abeb;
    color: #fff;
    padding: 5px 2px;
}

.table-sizeguide > thead > tr:first-child > td:first-child{
    background: #FFA686;
}

.table-sizeguide > tbody > tr > td:nth-child(even){
    background: #f0f6f8;
    font-weight: bold;
}

.table-sizeguide > tbody > tr > td:first-child{
    background: #FEE7D7;
    font-weight: bold;
}

.table-sizeguide > tbody > tr:hover > td{
    background: #FEE7D7;
}


/**
 * Tags
 */

.product-listing-tags{
    padding: 10px 10px 5px 0;
    background: #f0f0f0;
    position: relative;
    min-height: 40px;
    margin-bottom: 20px;
}

/* FIX: Solving the issue of the missing 20px of tags 
        background because of Bootstraps grid system   */
.product-listing-tags:before{
    background: #f0f0f0;
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 0;
}

.tag{
    display: inline-block;
    color: #fff;
    background: #414254;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
    float: left;
    cursor: pointer;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.tag:first-child{
    margin-left: 0;
}

.tag-text,
.tag-close{
    height: 20px;
    line-height: 20px;
    float: left;
}

.tag-text{
    font-size: 10px;
}

.tag:hover .tag-text{
    text-decoration: line-through;
}

.tag-close{
    color: #fff;
    font-size: 7px;
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    text-align: center;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tag-close:before{
    line-height: 20px;
}

.tag-close:hover{
    background: #626375;
}

.remove-all-tags{
    background: #414254;
    color: #fff;
    margin-left: 0;
}

.remove-all-tags:hover{
    background: #626375;
    color: #fff;
}


/**
 * Filter elements
 */

.filter-group-headline{
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
    position: relative;
    padding: 5px 20px 5px 0;
}

.filter-maingroup-headline{
    padding: 0;
}

.filter-group-headline-icon{
    line-height: 20px;
    font-size: 12px;
    display: none;
    
    position: absolute;
    top: 5px;
    right: 10px;
}

.filter-maingroup-headline .filter-group-headline-icon{
    font-size: 10px;
    top: 10px;
    right: 10px;
    display: block;
}

.filter-group-headline-icon.active{
    display: block;
}

.filter-maingroup-headline{
    padding-bottom: 0;
}

.filter-group-items{
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    max-height: 155px;
}

.filter-groupfeatured .filter-group-items-wrapper{
    border-bottom: 1px solid #d9d9d9;
}

.filter-groupfeatured .filter-group-items > li > a{
    font-weight: bold;
}

.filter-group-items.list-inline > li{
    width: 80px;
    float: left;
    font-size: 13px;
    padding-left: 0;
}

.filter-group-items > li{
    margin-bottom: 5px;
}

.filter-group-items > li > a:hover{
    padding-left: 3px;
    transition: padding-left .2s ease;
    display: block;
}

.filter-group-items > li > a{
    transition: padding-left .05s ease;
}

.filter-group-items > li.active > a{
    color: #017dc3;
}

.filter-group-items .styled-select{
    width: 164px;
}

.filter-group-items .form-group{
    margin-bottom: 0;
}

.filter-group-items .form-group-checklabel label:hover{
    color: #017dc3;
}

.filter-search{
    width: 100%;
}

/*------------------------------------*\
    PROFILE
\*------------------------------------*/

.profile{
    
}

.heading-wrapper-profile{
    margin-bottom: 0;
}

.heading-wrapper-profile h1{
    line-height: 50px;
    margin-left: 10px;
}

.heading-wrapper-profile .heading-append{
    height: auto;
}

.heading-wrapper-profile .heading-append a{
    line-height: 40px;
    padding-bottom: 0;
}

.profile h3{
    margin-top: 4px;
    margin-bottom: 10px;
    border-bottom: 0;
    text-transform: uppercase;
    color: #017dc3;
    font-size: 1.286em;
    font-weight: bold;
}

.tab-content-profile{
    padding-top: 10px;
    padding-bottom: 20px;
    border-left: 1px solid #d9d9d9;
    min-height: 400px;
    margin-bottom: 0;
}

.tab-content-profile:after{
    content: '';
    position: absolute;
    height: 40px;
    left: 10px;
    bottom: -20px;
    width: 1px;
    background: #d9d9d9;
}

.profile-section{
    padding-left: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
}

.profile-section:last-child{
    border-bottom: 0;
}

.profile-section-description{
    /*margin-top: 15px;*/
    margin-bottom: 20px;
}

.profile-section .intro-item{
    padding-top: 20px;
}

.intro-item-profile{
    padding: 20px 0;
}

.intro-item-profile .large-round-icon{
    width: 105px;
    height: 105px;
    font-size: 35px;
    padding: 35px 0;
}

.intro-item-profile .intro-title{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.intro-item-profile a:hover .intro-title{
    color: #000;
}

.profile .cart-table .product-item-image img{
    max-height: 50px;
}

.couponbox{
    margin-bottom: 15px;
    border: 1px solid #d9d9d9;
}

.couponbox-item{
    margin: 10px 20px;
}

.couponbox-caption{
    background: #017dc3;
    color: #fff;
    font-weight: bold;
    font-size: 1.143em;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    padding: 5px;
    height: 55px;
    width: 100%;
}

/*------------------------------------*\
    POST
\*------------------------------------*/

.post-attribute,
.post-attribute a{
    background: #000;
    padding: 2px 5px;
    color: #fff;
}

.post-attribute.blue,
.post-attribute.blue a{
    background: #017dc3;
}

.post-attribute.green,
.post-attribute.green a{
    background: #49a26f;
}

.post-attribute.pink,
.post-attribute.pink a{
    background: #ef135b;
}

.post-attribute.dark,
.post-attribute.dark a{
    background: #414254;
}


/**
 * Details of a post
 */

.post-details{
    margin-bottom: 20px;
}

.post-details h1{
    margin-bottom: 20px;
}

.post-info{
    margin-bottom: 20px;
}

.post-info-item{
    color: #969696;
    margin-right: 3px;
}

.post-content{
    font-size: 1.143em;
    margin-bottom: 30px;
}

.post-content p{
    margin: 0 0 15px;
}

.post-content > img,
.post-content p img{
    margin-bottom: 20px;
    margin-right: 20px;
    max-width: 100%;
}


/**
 * Postbox
 */

.postbox{
    position: relative;
    margin-bottom: 20px;
    max-height: 250px;
    overflow: hidden;
}

.postbox-image img{
    width: 100%;
    max-height: 100%;
}

.postbox-overlay{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
}

.postbox-attribute{
    margin: 15px 20px;
    display: inline-block;
}

.postbox-caption{
    padding: 12px 20px;
    border-top: 1px solid rgba(255,255,255,0.4);
    min-height: 95px;
    line-height: 22px;
    color: #fff;
    font-size: 1.571em;
    font-weight: bold;
    
    background: rgba(0,0,0,.2);
    
/*    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 51%, rgba(0,0,0,0.4) 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.4)));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 51%,rgba(0,0,0,0.4) 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 51%,rgba(0,0,0,0.4) 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 51%,rgba(0,0,0,0.4) 100%);  IE10+ 
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 51%,rgba(0,0,0,0.4) 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#66000000',GradientType=0 );  IE6-9 */
}

.postbox-caption:hover{
    background: rgba(0,0,0,.4);
}


/**
 * Featured post
 */

.featured-post{
    max-width: 412px;
    margin-left: 20px;
    min-height: 90px;
    padding: 0 10px;
    background: url('../images/pattern.png') repeat;
    position: relative;
    z-index: 5;
}

.featured-post-headline{
    margin-top: 5px;
    margin-bottom: 10px;
}

.featured-post-headline a{
    font-weight: bold;
    font-size: 1.286em;
    line-height: 20px;
}

.featured-post-name{
    height: 30px;
    margin-left: 20px;
}

.featured-post-name span{
    color: #f25b00;
    font-weight: bold;
    font-size: 1.286em;
    background: #fff;
    position: relative;
    z-index: 10;
    padding: 0 10px;
}


/**
 * Listing of a posts
 */

.post-listing{
    margin-bottom: 20px;
}

.post-listing h2:first-child{
    margin-top: 0;
}

.post-listing h2{
    margin-bottom: 20px;
}

.post-item{
    margin-bottom: 10px;
}

.post-item-imagewrapper{
    position: relative;
    margin-bottom: 10px;
}

.post-item-imagewrapper img{
    width: 100%;
}

.post-item-attribute{
    position: absolute;
    top: 0;
    left: 0;
}

.post-item-headline{
    font-weight: bold;
    font-size: 1.286em;
    line-height: 18px;
    margin-bottom: 10px;
}

.post-item-date{
    color: #969696;
    line-height: 16px;
}

.post-item-text{
    line-height: 18px;
    margin-bottom: 10px;
}

.post-item-morelink a{
    color: #017dc3;
}

.post-item-morelink a:hover,
.post-item-morelink a:focus{
    color: #000;
}

.post-item-morelink i{
    font-size: 10px;
}

.post-listing-simple .post-item{
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0;
    margin-bottom: 0;
}

.post-listing-simple .post-item-headline{
    font-size: 1em;
    font-weight: normal;
}

.post-listing-simple .post-item-date{
    margin-top: 10px;
}

/* Post item - grid view */
.post-item-gridview{
    margin-bottom: 20px;
}

.post-item-gridview .post-item-imagewrapper{
    margin-bottom: 10px;
}

.post-item-gridview .post-item-headline{
    margin-bottom: 7px;
}

.post-item-gridview .post-item-attribute{
    position: relative;
    float: left;
    margin-bottom: 7px;
}

/*------------------------------------*\
    OTHER ELEMENTS
\*------------------------------------*/


/**
 * Comments
 */

.form-comment{
    margin-bottom: 30px;
}

.form-comment h4{
    margin-bottom: 30px;
}

.form-comment .control-label{
    text-align: left;
}

.comments{
    margin-bottom: 20px;
}

.comments h4{
    margin-bottom: 30px;
}

.comment-item{
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

.comment-item:last-child{
    border-bottom: 0;
}

.comment-item-headline{
    font-size: 1.143em;
    font-weight: bold;
    color: #414254;
    line-height: 10px;
    height: 15px;
}

.comment-item-time{
    color: #a0a0a0;
    line-height: 10px;
    height: 20px;
}

.comment-item-reply{
    color: #414254;
}

.comment-item-userimage{
    background: #edf4f6;
    width: 50px;
    height: 50px;
}

.comment-item-rates i{
    margin-left: 3px;
}

.comment-item-rates-up{
    margin-right: 10px;
}

.comment-item-rates-up i{
    color: #017dc3;
}

.comment-item-rates-down i{
    color: #de3939;
}

.form-comment .validation-errors-list{
    position: relative;
    top: auto;
    right: auto;
    border-radius: 0;
    background: #fff;
    color: #000;
    padding-left: 0;
}


/**
 * Social icons
 */

.social-icons{
    margin-bottom: 20px;
}

.social-icon{
    display: inline-block;
    margin-bottom: 10px;
}

.social-icon a{
    background: #fff;
    color: #017dc3;
    display: block;
    font-size: 34px;
}

.social-icon a:hover{
    color: #00abeb;
}

/*
* Social Share
*/

.social-share {
    float:left;
    width:100%;
    margin:0 0 20px 0;
    clear:both;
}

.social-share .social-share-icon {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    opacity:0.9;
}

.social-share .social-share-icon:hover {
    opacity:1;
}

.social-share .social-share-icon img {
    float:left;
}

.social-share-sidebar .social-share {
    margin:30px 0 10px;
}

.social-share-sidebar .social-share .social-share-icon {
    width:100%;
    margin-right:0;
}

.social-share-sidebar .social-share .social-share-icon img {
    float:right;
}


/**
 * Banner
 */

.banner-img{
    max-width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.banner-img img{
    max-width: 100%;
}


/**
 * Pagination
 */

.pagination{
    margin-top: 0;
    margin-bottom: 0;
    float: right;
}

.pagination > li{
    display: inline-block;
    margin-right: 5px;
}

.pagination > li > a{
    color: #000;
    border: 0;
    padding: 4px 10px;
}

.pagination > li > a:hover{
    background: #f7f7f7;
}

.pagination > li.active > a,
.pagination > li.active > a:hover{
    background: #4f5061;
    color: #fff;
}

.pagination > li.first,
.pagination > li.last,
.pagination > li.next,
.pagination > li.prev{
    margin-right: 4px;
}

.pagination > li.first > a,
.pagination > li.last > a,
.pagination > li.next > a,
.pagination > li.prev > a{
    background: transparent;
    color: #d3d4d5;
    padding: 4px 0;
}

.pagination > li.first > a:hover,
.pagination > li.last > a:hover,
.pagination > li.next > a:hover,
.pagination > li.prev > a:hover{
    color: #4f5061;
}

.pagination > li:first-child > a,
.pagination > li:last-child > a{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/**
 * Gallery of images
 */

.gallery-images{
    padding: 10px 0;
    margin-bottom: 10px;
}

.gallery-images-item{
    max-height: 150px;
    max-width: 200px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.gallery-images-item img{
    max-width: 100%;
    max-height: 100%;
}

/* gallery images as slider */
.gallery-images.slider{
    margin-top: 20px;
    margin-bottom: 0;
    border-top: 1px solid #d9d9d9;
}

.gallery-images.slider .gallery-images-item{
    margin: 0;
}

.gallery-images.slider .slider-prev,
.gallery-images.slider .slider-next{
    position: absolute;
    top: 35%;
    background: #fff;
    /*border-color: #000;*/
    color: #000;
}

.gallery-images.slider .slider-prev{
    left: -15px;
}
.gallery-images.slider .slider-next{
    right: -15px;
}


/**
 * Location search
 */

.location-search{
    min-height: 300px;
    padding-bottom: 20px;
}

.location-search-box{
    margin-bottom: 20px;
}

.location-search h3.heading-underlined{
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.143em;
}

.location-search-inputs{
    margin-bottom: 70px;
}

.location-search .product-help-link{
    margin-right: 0;
}

.location-search .loader-icon{
    top: 0px;
}

/**
 * Map link
 */

.map-link{
    margin-left: 15px;
    margin-bottom: 20px;
    color: #017dc3;
}


/**
 * Promotion wrapper
 */

.promotion-wrapper{
    position: relative;
    margin-bottom: 20px;
}


/**
 * Locator of a store
 */

.storelocator-panel{ 
    max-height: 500px;
    margin-bottom: 20px;
}

.storelocator-filter{  
    margin-bottom: 10px;
}

.storelocator-filter .form-group-checklabel{ 
    margin-bottom: 0;
    margin-right: 15px;
    display: inline-block;
}

.storelocator-panel .alert{ 
    margin-bottom: 10px;
}

.storelocator-panel .form-control{ 
    margin-bottom: 10px;
}

.store-directions .form-control{ 
    margin-bottom: 0;
}

.store-directions .input-group-btn .btn{
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
}

.stores-nofound{ 
    /*color: #ddd;*/
/*    margin-bottom: 20px;*/
}

.stores-list{ 
    margin-bottom: 0;
}

.store-item{ 
    padding: 5px 0;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
}

.store-item:last-child{ 
    border-bottom-width: 0;
}

.store-item:hover,
.store-item-highlighted{ 
    background: #f5f5f5;
}

.store-item-title{ 
    font-weight: bold;
}

.store-popup{
    padding: 10px;
    font-size: 1.1em;
}

.store-popup .store-item-title{
    margin-bottom: 5px;
}

.store-popup .store-item-data{
    margin-bottom: 10px;
}

.store-popup .store-item-data{
    margin-bottom: 10px;
}

.store-popup .store-item-data p{ 
    margin-bottom: 0;
}

.store-popup .store-item-data ul{ 
    padding-left: 20px;
}

.store-popup .store-item-action{
    color: #017dc3;
    margin-top: 10px;
    margin-right: 15px;
}

.store-popup .store-item-action:hover{
    color: #000;
}

.store-working-hours p{ 
    margin-bottom: 0;
}

.store-map{
    height: 250px;
}


/**
 * Chat
 */

.chat-fixed{
    position: fixed;
    z-index: 15000;
    bottom: 0;
    right: 5%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    min-width: 230px;
}

.chat-fixed:hover{
    min-width: 250px;
}

.chat-fixed > a{
    display: block;
}

.chat-fixed > a:hover{
    color: #000;
}

.chat-fixed-preview{
    padding: 7px 20px;
    text-align: center;
}

.chat-fixed-title{
    font-size: 1.071em;
    font-weight: bold;
}

.chat-fixed-icon{
    margin-right: 5px;
    position: relative;
    top: 4px;
}

.chat-fixed .tooltip-inner{
    max-width: 70%;
    margin: 0 auto;
}

/*------------------------------------*\
    AUTOCOMPLETE MODE
\*------------------------------------*/

.autocomplete-wrapper{
    position: relative;
    width: 100%;
    background: #fff;
    z-index: 2000;
    border-top: 1px solid #d9d9d9;
}

.autocomplete-wrapper .container{
    height: 100%;
}

.autocomplete{
    border-right: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
    width: 100%;
    height: 100%;
    position: relative;
}

.autocomplete-button{
    color: #fff;
    background: rgba(0,0,0,.1);
    padding: 16px;
    cursor: pointer;
}

.autocomplete-button:hover{
    background: rgba(0,0,0,.2);
}

.autocomplete-input{
    line-height: 35px;
    padding: 8px 20px 7px 20px;
    font-size: 2em;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
}

.autocomplete-results{
    padding: 0 20px;
}

.autocomplete h4{
    border-bottom: 0;
    margin-top: 10px;
}

.autocomplete-results .heading-append{
    padding-top: 10px;
}

.autocomplete-results .heading-append > a{
    line-height: 1em; 
}

.autocomplete-close{
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    cursor: pointer;
    padding: 16px 15px;
    background: #f7f7f7;
    border-left: 1px solid #d9d9d9;
}

.autocomplete-close:hover{
    color: #fff;
    background: #017dc3;
}

.autocomplete-loader{
    position: absolute;
    z-index: 1001;
    top: 52px;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
}

.autocomplete .product-item{
    margin-bottom: 20px;
}

.autocomplete-fullscreen{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 10000;
    background: #fff;
}

/*------------------------------------*\
    PLUGINS
\*------------------------------------*/


/**
 * Info box
 */

.info-box{
    background: url('../images/pattern-light-blue.png') repeat;
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px;
}


/**
 * qTip
 * http://craigsworks.com/projects/qtip/
 */

.qtip-default{
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}


/**
 * Bootbox
 * http://bootboxjs.com/
 */ 

.bootbox .modal-dialog{
    margin-top: 10%;
}

.bootbox .modal-footer{
    padding: 30px;
    background: transparent;
    border: 0;
}

.bootbox .modal-body{
    padding: 30px 30px 0 30px;
}


/**
 * Toastr
 * https://github.com/CodeSeven/toastr
 */ 

#toast-container .toast,
#toast-container .toast:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toast-middle-center,
.toast-top-center {
    top: 45%;
    left: 50%;
    margin-left: -152px;
}

.toast-top-center { 
    top: 30px;
}

@media all and (max-width: 240px) {
    .toast-middle-center { margin-left: -83px; }
}

@media all and (min-width: 241px) and (max-width: 320px) {
    .toast-middle-center { margin-left: -93px; }
}

@media all and (min-width: 321px) and (max-width: 480px) {
    .toast-middle-center { margin-left: -125px; }
}


/**
 * Ion.Range Slider
 * https://github.com/IonDen/ion.rangeSlider
 */

.irs-diapason {
    height: 2px;
    top: 25px;
    background: #017dc3;
}

.irs-from,
.irs-to,
.irs-single{
    top: -5px;
}

.irs-slider{
    background: #017dc3;
    top: 18px;
    width: 16px;
    height: 16px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right{
    height: 2px;
    background: #e1e4e9;
}


/**
 * iCheck
 * http://fronteed.com/iCheck/
 */

.icheckbox_flat,
.iradio_flat{
    width: 12px;
    height: 12px;
    background: #f0f0f0;
    background-image: none;
}

.iradio_flat{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.icheckbox_flat:hover,
.iradio_flat:hover{
    background: #fff;
    border: 1px solid #b8d2ec;
}

.icheckbox_flat.checked,
.iradio_flat.checked{
    background: #017dc3;
}

.icheckbox_flat.disabled,
.iradio_flat.disabled{
    border: 1px solid #f0f0f0;
    background: #fff;
}

.icheckbox_flat.checked.disabled,
.iradio_flat.checked.disabled{
    background: #d6e3f0;
}

.icheck-label{
    cursor: pointer;
}

/**
 * Popover
 */

.popover,
.popover-title,
.popover-content{
    padding: 0;
    text-align: center;
    max-width: 150px; /* 102px; */
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.popover{
    border: 0;
    padding-bottom: 1px;
    z-index: 1100;
}

.popover.bottom>.arrow:after{
    border-bottom-color: #017dc3;
}

.popover-title{
    padding: 5px 2px;
    font-size: .9em;
    line-height: .95;
    background: #017dc3;
    color: #fff;
}

.popover-content{
    padding: 5px 10px;
    line-height: 1;
}

.popover-content img{
    max-width: 100%;
}

.popover-content p{
    margin-bottom: 0;
}

.popover-text{
    padding: 5px;
    line-height: 1;
    font-size: 1em;
}

.popover-text > *{
    margin: 0;
}


/**
 * Nicescroll
 * http://areaaperta.com/nicescroll/
 */

.nicescroll-rails{
    cursor: pointer !important;
}