@import 'style_dark.css';
@import 'style_gradient.css';

/* *********** COLOR ************** */
.ivm-kreativ-pricing {
    color:#666;
}
.ivm-kp-item-wrapper > li {
    border:1px solid #ccc;
    background: #fff;
    line-height: 30px;
}
.ivm-kp-button a,
.ivm-kp-currency {
    background: #20465a;
    color:#fff !important;
}
.ivm-kp-title {
    color:#333;
}
.ivm-kp-price {
    color: #20465a;
}
.ivm-kp-meta {
    color:#888;
}
.ivm-kp-features li:nth-child(odd) {
    background: transparent;
    box-shadow: 50em 0 rgba(0, 0, 0, 0.1)inset;
}

/* *********** NAV COLORS *********** */
.ivm-kp-filter a {
    color: #444;
}
/* NAV SWITCHER */
.ivm-kp-filter.ivm-kp-switcher {
    border:2px solid #ccc;
}
.ivm-kp-selector {
    background: #20465a;
}
.ivm-kp-filter.ivm-kp-switcher a.selected {
    color:#fff;
}
/* NAV BUTTONS */
.ivm-kp-filter.ivm-kp-buttons a {
    border:2px solid #ccc;
    color:#20465a;
}
.ivm-kp-filter.ivm-kp-buttons a.selected {
    border-color: #20465a;
    background: #20465a;
    color:#fff;
}
/* FEATURED
================================================= */
.ivm-kp-item-wrapper > li.ivm-kp-featured {
    border:2px solid #e97d68 !important;
    overflow:hidden;
}

.ivm-kp-featured .ivm-kp-price {
    color:#e97d68;
}
.ivm-kp-featured .ivm-kp-title {
    color:#333;
}
.ivm-kp-featured .ivm-kp-button a,
.ivm-kp-featured .ivm-kp-currency {
    background:#e97d68;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.ivm-kreativ-pricing a {
    outline:none !important;
}
.ivm-kp-item-wrapper > li {
    text-align:center;
    padding:35px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius:5px;
    overflow:hidden;
}

.ivm-kp-item-wrapper.no-gutter > li {
    border-radius:0px;
}

li + li > .ivm-kp-item-wrapper.no-gutter > li {
    border-left:none;
}

li:first-child .ivm-kp-item-wrapper.no-gutter > li {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
li:last-child .ivm-kp-item-wrapper.no-gutter > li {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.ivm-kp-image {
    /*margin-top:-25px;*/
    margin:auto;
    width:160px;
    height:160px;
    border-radius:50%;
    overflow:hidden;
}
.ivm-kp-image img {
    width:160px;
    height:160px;
}

.ivm-kp-title {
    margin-bottom:10px;
}

.ivm-kp-features,
.ivm-kp-price-block {
    margin-bottom:25px !important;
}

.ivm-kp-title {
    text-transform:uppercase;
    font-family: "Helvetica Neue", "Segoe UI", Roboto, sans-serif, Arial;
}

.ivm-kp-price-block {
    display:inline-block;
    position:relative;
}
.ivm-kp-items .ivm-kp-item-wrapper:hover>li > .ivm-kp-price-block {
    -webkit-animation: toRightFromLeft 0.7s forwards;
    -moz-animation: toRightFromLeft 0.7s forwards;
    animation: toRightFromLeft 0.7s forwards;
}
.ivm-kp-price {
    margin:0px;
    margin-left:-15px;
    display:inline-block;
    position:relative;
    font-size:60px;
    font-family: "Helvetica Neue", "Segoe UI", Roboto, sans-serif, Arial;
    line-height: 55px;
}

.ivm-kp-currency {
    display:block;
    position:absolute;
    top:8px;
    right:-30px;
    width:27px;
    height:27px;
    line-height:26px;
    border-radius:50%;
    font-size:18px;
}

.ivm-kp-meta {
    display:block;
    position:absolute;
    bottom:0px;
    right:-105px;
    width:100px;
    text-align:left;
    text-transform:uppercase;
	font-size:13px;
}
.ivm-kp-meta:before {
    content: '/';
    margin-right:5px;
}

.ivm-kp-features li {
    padding:10px;
}

.ivm-kp-button a {
    display:block;
    margin:auto;
    height:45px;
    line-height:45px;
    text-transform:uppercase;
}
.ivm-kp-button a:focus,
.ivm-kp-button a:hover {
    opacity:0.9;
    text-decoration:none;
    color:#fff !important;
}
.ivm-kp-button.ivm-kp-button-normal a {
    width:150px;
    border-radius:2px;
}
.ivm-kp-button.ivm-kp-button-full-width {
    margin-bottom:-35px;
}

.ivm-kp-feature-value {
    font-weight: 600;
}

/* NAV
================================================= */
.ivm-kp-filter {
    position:relative;
    margin:auto;
    text-align: center;
    margin-bottom:25px;
    overflow:hidden;
    z-index:9;
}
.ivm-kp-filter li {
    display:inline-block;
}
.ivm-kp-filter a {
    position:relative;
    display:block;
    height:40px;
    line-height:40px;
    width:150px;
    text-align:center;
    text-transform:uppercase;
    font-size:13px;
    z-index:1;
}
.ivm-kp-filter a:focus,
.ivm-kp-filter a:hover {
    text-decoration:none;
}

/* SWITCHER */
.ivm-kp-filter.ivm-kp-switcher {
    width:315px;
    border-radius:35px;
    padding:2px;
}

/* SELECTOR */
.ivm-kp-selector {
    display:block;
    position:absolute;
    top:2px;
    left:2px;
    border-radius:25px;
    z-index:0;
    -webkit-transition:All 0.3s ease;
    -moz-transition:All 0.3s ease;
    -o-transition:All 0.3s ease;
    transition:All 0.3s ease;
}
.ivm-kp-selector.ivm-two {
    margin-left:156px;
}

/* BUTTONS */
.ivm-kp-filter.ivm-kp-buttons li + li {
    margin-left:10px;
}
.ivm-kp-filter.ivm-kp-buttons a {
    border-radius:3px;
}

/* Desktop smaller
========================================================*/
@media (max-width: 980px) {
    .ivm-kp-items > li {
        width:33% !important;
    }
}

/* Tablet landscape
========================================================*/
@media (max-width: 800px) {
    .ivm-kp-items > li {
        width:33% !important;
    }
}

/* Tablet and bigger 
========================================================*/
@media (max-width: 768px) {
    .ivm-kp-items > li {
        width:33% !important;
    }
}

/* Phone landscape and smaller 
========================================================  */
@media (max-width: 767px) {
    .ivm-kp-items li {
        width:100% !important;
    }
    .ivm-kp-filter.ivm-kp-switcher {
        width:250px;
    }
    .ivm-kp-filter a {
        width:115px;
    }
    .ivm-kp-selector.ivm-two {
        margin-left:125px;
    }
}