body {
    background: #eeeeee;
    font-family: 'Open Sans', sans-serif;
}

/* Slider */
.slider {
    background-color: transparent;
    background-image: linear-gradient(100deg,#f26798 0%,#3023ae 100%);
    background-size: cover;
    height: 100vh;
}
.slider h2 {
    font-weight: 600;
    max-width: 70%;
    text-align: center;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: "Amita", Sans-serif;
    font-size: 55px;
    line-height: 1.5em;
}
.slider p {
    font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 27px;
	color: #fff;
	opacity: .85;
    margin:20px 0;
}
.slider .btn-color {
    background: #fff;
    padding: 13px 40px;
    border-radius: 35px;
    color: #333;
    text-decoration: none;
    display: inline-block;
    margin-top: 20px;
    margin-right: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.slider .btn-color:hover{
    opacity: 0.7;
}


/* Demo */
.demo {
    padding: 120px 0 90px 0;
}
.demo .box {
    box-shadow: 1px 2px 18px 0px rgba(0,0,0,0.13);
    background: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    text-decoration: none;
    margin-bottom: 30px;
    transition: all .4s ease-in-out;
    position: relative;
}
.demo .box:hover {
    transform: translateY(-15px);
    opacity: .9;
}
.demo .box .info {
    padding: 20px 0;
    border-top: 1px solid #eeeeee;
    position: relative;
}
.demo .box .info  h3 {
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    color: #424262;
}
.demo .box  span{
    padding:3px 10px; 
    background:red; 
    color:#fff; 
    font-size:12px;
    border-radius:3px 0 0 3px;
    position: absolute;
    top: 50%;
    right: 0;
}
.heading{
    text-align: center;
    padding-bottom: 50px;
}
.footer {
    background: #3f435a;
    padding: 20px 0;
}
.footer p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-align: center;
}
.price-table{
    background:#fff;
    padding: 50px 0;
}
/*=================================================================
    General Classes
=================================================================*/
.prix-table > .items > li > i{
    display:inline-block;
    *display:inline;
    *zoom:1;
    background:#444;
    color:#FFF;
    padding:0;
    width:22px;
    height:22px;
    line-height:22px;
    text-align:center;
    border-radius:50%;
    font-size:18px;
    margin:-2px auto;
}
.prix-table > .items > li > i.green{
    background:#27ae60;
}
.prix-table > .items > li > i.red{
    background:#c0392b;
}
.prix-layout-alt{
    position:relative;
}
.prix-layout-alt:before,
.prix-layout-alt:after{
    content: ' ';
    display:table;
}
.prix-layout-alt:after{
    clear:both;
}
.prix-layout-alt .col{
    margin-bottom:30px;
    float:left;
    display:block;
    padding: 0;
}
.prix-layout-alt.prix-col-4 .col{
    width:20%;
}
.prix-layout-alt.prix-col-3 .col{
    width:33.333%;
}
.prix-layout-alt .feature{
    display:none;
    margin-bottom:5px;
    color:#999;
}
@media (max-width: 992px){
    .prix-layout-alt .feature{
        display:block;
    }
    .prix-layout-alt > .list{
        display:none !important;
    }
    .prix-layout-alt.prix-col-4 .col{
        width:25%;
    }
    .prix-layout-alt.prix-col-3 .col{
        width:33.333%;
    }
}
@media (max-width: 768px){
    .prix-layout-alt.prix-col-4 .col,
    .prix-layout-alt.prix-col-3 .col{
        width:100%;
    }
}
.prix-table{
    margin-bottom:40px;
}
.prix-hover-border{
    position:relative;
}
.prix-hover-border > .borders:before,
.prix-hover-border > .borders:after,
.prix-hover-border:before,
.prix-hover-border:after, .prix-btn{
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
}
.prix-hover-border:before,
.prix-hover-border:after{
    content: ' ';
    position:absolute;
    background:rgba(255,255,255,.7);
    width:1px;
    bottom:2px;
    top:2px;
    -webkit-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -ms-transform:scaleY(0);
    -o-transform:scaleY(0);
    transform:scaleY(0);
}
.prix-hover-border:before{
    left:2px;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.prix-hover-border:after{
    right:2px;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.prix-hover-border:hover:before,
.prix-hover-border:hover:after{
    -webkit-transform:scaleY(1);
    -moz-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -o-transform:scaleY(1);
    transform:scaleY(1);
}
.prix-hover-border > .borders:before,
.prix-hover-border > .borders:after{
    content: ' ';
    position:absolute;
    background:rgba(255,255,255,.7);
    height:1px;
    left:2px;
    right:2px;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    transform:scaleX(0);
}
.prix-hover-border > .borders:before{
    top:2px;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.prix-hover-border > .borders:after{
    bottom:2px;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.prix-hover-border:hover > .borders:before,
.prix-hover-border:hover > .borders:after{
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    transform:scaleX(1);
}
.prix-table{
    position:relative;
    z-index:5;
}

div:nth-of-type(1) > .prix-table{
    z-index:8;
}

div:nth-of-type(2) > .prix-table{
    z-index:7;
}

div:nth-of-type(3) > .prix-table{
    z-index:6;
}

div:nth-of-type(4) > .prix-table{
    z-index:5;
}




.prix-has-tooltip{
    position:relative;
    border-bottom:dotted 1px #CCC;
    border-bottom:dotted 1px rgba(0,0,0,.3);
    cursor:help;
}
.prix-has-tooltip .prix-tooltip{
    position:absolute;
    top:0px;
    left:100%;
    margin-left:15px;
    background:#000;
    color:#FFF;
    background:rgba(0,0,0,.9);
    z-index:-5;
    padding:10px 20px;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    transition:opacity .3s ease;
    opacity:0;
    visibility:hidden;
    cursor:default;
}
.prix-tooltip{
    width:160px;
}
.prix-has-tooltip .prix-tooltip:before{
    content: ' ';
    position:absolute;
    border-right:solid 15px #000;
    border-right:solid 15px rgba(0,0,0,.9);
    border-bottom:solid 15px transparent;
    top:10px;
    left:-15px;
    z-index:10;
}
.prix-has-tooltip .prix-tooltip.prix-2-col-tooltip:before{
    left:-16px;
}
.prix-has-tooltip:hover{
    border-bottom-color:rgba(0,0,0,.6);
}
.prix-has-tooltip:hover .prix-tooltip{
    z-index:15;
    opacity:1;
    visibility:visible;
}
.prix-has-tooltip .prix-tooltip > ul{
    list-style:none;
    padding:0;
    margin:0;
}
.prix-has-tooltip .prix-tooltip > ul > li{
    padding:10px 0;
    text-align:left;
}
.prix-has-tooltip .prix-tooltip > ul > li > i{
    margin-right:8px;
}

.prix-2-col-tooltip:before,
.prix-2-col-tooltip:after{
    content: ' ';
    display:table;
}
.prix-2-col-tooltip:after{
    clear:both;
}

.prix-tooltip.prix-2-col-tooltip{
    width:250px;
}
@media (max-width:992px){
    .prix-tooltip{
        width:120px;
    }
    .prix-tooltip.prix-2-col-tooltip{
        width:180px;
        left:50%;
    }
}
.prix-tooltip.prix-2-col-tooltip > ul > li{
    width:50%;
    float:left;
}
/*=================================================================
    Style6
=================================================================*/
.prix-table.style6{
    text-align:center;
}
.prix-layout-alt > .list.style6 > ul,
.prix-table.style6 > .items{
    padding:0;
    margin:0;
    list-style:none;
}
.prix-layout-alt > .list.style6 > ul{
    margin-top:197px;
}
.prix-layout-alt > .list.style6 > ul > li,
.prix-table.style6 > .items > li{
    padding:13px 20px;
    background:#F5F5F5;
    border-bottom:solid 1px #E0E0E0;
    margin-left:1px;
}
.prix-layout-alt > .list.style6 > ul > li:last-of-type,
.prix-table.style6 > .items > li:last-of-type{
    border-bottom-color:transparent;
}
.prix-layout-alt > .list.style6 > ul > li:nth-of-type(2n),
.prix-table.style6 > .items > li:nth-of-type(2n){
    background:#F0F0F0;
}
.prix-table.style6 > .header{
    background:#999;
    padding:35px 0;
    color:#FFF;
    -webkit-box-shadow: 0 -5px 0 0 rgba(0,0,0,.08) inset;
    -moz-box-shadow: 0 -5px 0 0 rgba(0,0,0,.08) inset;
    box-shadow: 0 -5px 0 0 rgba(0,0,0,.08) inset;
}
.prix-table.style6 > .header > .package{
    margin:0;
    font-size:34px;
    margin-bottom:5px;
}
.prix-table.style6 > .header > .price > *{
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.prix-table.style6 > .header > .price > .currency{
    vertical-align:top;
    margin-top:17px;
}
.prix-table.style6 > .header > .price > .amount{
    font-size:55px;
}
.prix-table.style6 > .header > .price > .period{
    text-transform:uppercase;
    letter-spacing:2px;
    opacity:.8;
    font-size:12px;
}
.prix-table.style6 > .prix-btn{ 
    display:block;
    width:100%;
    background:#999;
    padding:15px;
    color:#FFF;
    text-decoration:none;
    margin-top:-1px;
    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,.08) inset;
    -moz-box-shadow: 0 5px 0 0 rgba(0,0,0,.08) inset;
    box-shadow: 0 5px 0 0 rgba(0,0,0,.08) inset;
}
.prix-table.style6 > .header,
.prix-table.style6 > .prix-btn{ 
    background:#2ecc71;
}
.prix-table.style6 > .header,
.prix-table.style6 > .prix-btn{
    margin:0 6px;
    width:auto;
}
.green{
    color: green;
}
.red{
    color: red;
}