.wrapper {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-size: 15px;
  }
  
  .package {
    box-sizing: border-box;
    width: 301px;
    height: 460px;
   border: 1px solid #e0e0e0;

    display: inline-block;
    padding: 0px;
    text-align: center;
    float: left;
    -webkit-transition: margin-top .5s linear;
    transition: margin-top .5s linear;
    position: relative;
    margin-right: 11px;
   
  }
  .package:hover {
    margin-top: -15px;
    -webkit-transition: margin-top .3s linear;
    transition: margin-top .3s linear;
	box-shadow:0 5px 10px rgba(0,0,0,0.18);
  }
  
  .name {
    font-size: 22px;
    font-family: 'Nunito-Bold';
	color:#222;	
    margin-top: -5px;
	padding:30px 25px 15px;
	
  }
  
  .price {
    margin-top: 7px;
    
	background:#f8f8f8;
	padding:15px 30px;
	font-size:24px;
	color:#6eed4a ;
  }
  .price em{ font-style:normal;font-size:40px;font-weight: bold;}
 .price span{font-weight: normal;
	font-size:13px;
	color:#707070;
	display:block} 
  /*.price::after {
    content: " month per user";
    font-weight: normal;
	font-size:13px;
	color:#707070;
	display:block
  }*/
  .info-text{padding:15px 0 10px; color:#222}
  .description{font-style: italic; color:#707070; font-size:13px; padding:0 0 5px;
    margin-left: 15px;text-align: left;min-height:50px}
  .features{font-style: italic; color:#707070; font-size:13px; padding:0 0 5px;min-height:100px}
  .features ul{list-style: none;}
  
  
  .hr {
    background-color: #dedede;
    border: none;
    height: 1px;
    margin-top: 5px;
  }
  
  .trial {
    font-size: .9rem;
    font-weight: 600;
    padding: 2px 21px 2px 21px;
    color: #33c4b6;
    border: 1px solid #e4e4e4;
    display: inline-block;
    border-radius: 15px;
    background-color: white;
    position: relative;
    bottom: -20px;
  }
  
  
  .checkIcon, .subscribed::after {
    font-family: "FontAwesome";
    content: "\f00c";
  }
  
  
  .subscribed::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 64px 64px 0 0;
    border-color: #3bc6b8 transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
  }
  .subscribed::after {
    color: white;
    position: absolute;
    left: 9px;
    top: 6px;
    text-shadow: 0 0 2px #37c5b6;
    font-size: 1.4rem;
  }
  .btn-subscribed{
    background: #34393e !important;
    color:white !important;
  }
  .btn-subscribed span{
    color:white !important;
  }


.subscription-wrapper{padding:0 0 40px}
.subscription-wrapper .owl-carousel .owl-stage-outer{padding-top:80px}
.subs-btn a, .subs-btn button{width:auto; border:none}
.subscription-wrapper .owl-dots{padding:20px 0}
.subscription-wrapper .owl-carousel .owl-nav button.owl-next, .subscription-wrapper .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{color:#222}
.subscription-wrapper .owl-theme .owl-nav{position:absolute; top:calc(50% - 30px); width: calc(100% + 50px);
    left: -40px; display:flex; justify-content:space-between;}
.subscription-wrapper .owl-theme .owl-nav button{font-size:30px; opacity:0.7}
.subscription-wrapper .owl-theme .owl-nav button:focus{border:none; outline:none}
.subscription-wrapper .owl-theme .owl-nav button:hover{background:none; opacity:1;}
.subs-btn button{    font-size: 18px;
    color: #222222;
    font-family: 'Nunito-Bold';
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0 20px;
    margin-right: 10px;}
.subs-btn button span{font-size: 18px;
    color: #222222;
    font-family: 'Nunito-Bold';}
	
@media screen and (min-width:768px) and (max-width:1023px){
	.package{width:96%; margin:auto}
}
@media screen and (max-width:767px){
	.subscription-wrapper .owl-theme .owl-nav{
		top: calc(50% - 30px);
		width: calc(100% + 10px);
		left: -10px;
	}
	.package{width:100%}
	
	}