body {
	font-family: Calibre,sans-serif;
	font-size: 16px;
	color: #686a9e;
}

.menu-left {
	margin-left: 38px;
}

a.nav-link ,.list-unstyled li a {
	color: #686a9e !important;
	font-size: 18px;
}

.nav-right a.btn {
	font-size: 13px!important;
    font-weight: 600;
}

a.nav-link:hover {
	color: #000 !important;
}

.btn {
	border-radius: 10px !important;
}

.btn-default {
	color: black;
	background: #fff !important;
	padding: 14px 30px;
}

.btn-primary {
	color: #fff;
	background: #1a73e8 !important;
	padding: 14px 30px;
}

.btn-lg.btn-primary, .btn-lg.btn-default {
	padding: 18px 80px;
}

.btn-warning {
	color: #fff;
	border-color: #f6a932 !important;
	background: #f6a932 !important;
}

.btn-default {
	background: #fff;
	border-color: #fff !important;
}

.border-bottom {
	border-bottom: 1px solid #e6e7f2 !important;
}

.header {
	padding: 3px 267px 3px; 
}

main {
	background-color: #f9f9fb !important;
}
main > .content {
  padding: 175px 15px 70px;
}

.h1-hero {
	color: #222151;
	font-size: 62px;
	font-weight: 600;
}

.h1-hero small {
	font-weight: 600!important;
}

.h2-hero {
	color: #222151;
	font-size: 54px;
	font-weight: 600;
}

.btn-choose {
	font-weight: 600!important;
}


.br-30 {
	border-radius:  30px !important;
}

.p-small {
	font-size: 16px;
	line-height: 1.2;
}

.available {
	color: #555555 !important;
}

.p-hero {
	font-size: 25px;
	font-weight: 300;
	color: #222151!important
}

.pricing-default, .pricing-favorite {
	border: 0px;
	border-radius: 0px;
}

.pricing-favorite {
	background-color:  #4ca952;
    border-radius: 30px;
}

.pricing-default .card-header {
	background-color: #a1abbb;
	border-radius: 30px 30px 0 0;
	border-bottom: 0px;
	color: #fff;
	font-size: 18px;
	padding: 20px;
}

.pricing-default .card-title  {
	color: #a1abbb;
}

.pricing-default .card-title small  {
	font-size: 30px;
}

.pricing-favorite .card-header {
	background-color: #4ca952;
	border-radius: 30px 30px 0 0;
	border-bottom: 0px;
	color: #fff;
	font-size: 18px;
	padding: 20px;
}

.pricing-favorite .card-header .ribbon{
	height: 70px;
    top: -8px;
    right: 18px;
}

.pricing-favorite .card-title  {
	color: #4ca952;
}

.pricing-favorite .card-title small  {
	font-size: 30px;
}

.pricing-favorite .card-body {
	background: white;
    margin: 3px;
    border-radius: 0 0 30px 30px;
}

.pricing-favorite .card-footer {
	background-color: #4ca952;
	border-radius: 0 0 30px 30px;
	color: #fff;
	border-top: 0px;
	padding: 5px;
    font-weight: 600;
}

/*.card-body ul li {
	font-size: 20px;
	font-weight: 300;
    color: #757e8e;
}
*/
.card-body ul{
	list-style-type: none;
}


.card-body ul {
  list-style: none;
  padding: 10px 25px;
}
.card-body li {
	font-size: 18px;
	font-weight: 600;
	color: #757e8e;
  	padding-left: 1.5em;
  	padding-bottom: 15px;
    line-height: 1.2;
}
.card-body li:before {
  font-family: 'Font Awesome 5 Free';
    content: '\f058';
    color: #4ca952;
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  font-weight: 400;
}


.img-os {
	width: 25%!important;
}

.payment {
	width: 80%!important;
}

.mb-50 {
	margin-bottom: 50px!important;
}


.pt-6 {
	padding-top: 6rem;
}


@media (min-width: 667px) and (max-width: 991.98px) {
	.header {
		padding: 0px; 
	}

	main > .content {
	    padding: 125px 15px 30px;
	}

	.p-hero {
	    font-size: 22px;
	}

	.p-small {
	    font-size: 12px;
	}

	img.timer {
		height: 70px !important;
	}

	img.nzbfile {
		height: 70px !important;
	}

	.card-deck .card {
		margin-right: 10px;
		margin-left: 10px;
	}

	.card-body img {
		height: 65px;
	}

	.card-body li {
		font-size: 14px; 
	}

	.card-body ul {
	    list-style: none;
	    padding: 10px 0px;
	}

	.pricing-card-title {
		font-size: 32px;
	}

	.pricing-favorite .card-header .ribbon {
    	height: 55px;
    }

    .pricing-favorite .card-footer {
	    font-size: 12px;
	}

	.img-os {
	    width: 50%!important;
	}
}


@media (max-width: 767.98px) { 

	.available span {
		display: none;
	}

	.pricing {
		max-width: 100%;
		margin-left: auto;
	    margin-right: auto;
	    padding-left: 15px;
	    padding-right: 15px;
	}

	main > .content {
	    padding: 70px 15px 40px;
	}

	.menu-left {
		margin-left: 0px;
	}

	.img-os {
		width: 100%!important;
	}

	.payment {
		width: 100%!important;
	}

	.mb-50 {
		margin-bottom: 2rem !important;
	}

	.img-os {
	    width: 100%!important;
	}

	.btn-lg.btn-primary, .btn-lg.btn-default {
	    padding: 18px 60px;
	}

}

.pb-6, .py-6 {
    padding-bottom: 4rem !important;
}

.pt-6, .py-6 {
    padding-top: 4rem !important;
}


.why {
	background-color: #fff;
    border-radius: 30px;
	padding: 50px 30px;
    margin: 10px 3px;
}

.why img  {
	width: 80% !important;
}

.why h3 {
    font-size: 1.6rem !important;
}


@media (max-width: 320px) { 

	.h1-hero {
		font-size: 25px !important;
	}

	.h2-hero {
		font-size: 22px !important;
	}

	.p-hero {
		font-size: 18px;
	}

	.why {
		background-color: #fff;
	    border-radius: 30px;
    	padding: 35px 12px;
	    margin: 10px 3px;
	}

	.why img  {
		width: 100% !important;
	}

	.why h3 {
	    font-size: 0.9rem !important;
	}

	.features {
		background-color:  #fff;
		border-radius:  30px;
		padding: 40px;
		border-color: #fff;
	} 

	.features img {
		height: 95px !important;
	}

	.features h3 {
		color: #000;
		font-size: 20px;
		font-weight: bolder;
	}

	.features p {
		font-size: 12px;
		line-height: 1.5;
	}

}


@media (min-width: 321px) and (max-width: 575.98px) { 

	.h1-hero {
		font-size: 30px !important;
	}

	.h2-hero {
		font-size: 26px !important;
	}

	.p-hero {
		font-size: 23px;
	}

	.why {
		background-color: #fff;
	    border-radius: 30px;
    	padding: 35px 12px;
	    margin: 10px 3px;
	}

	.why img  {
		width: 100%;
	}


	.why h3 {
	    font-size: 1.1rem !important;
	}

	.features {
		background-color:  #fff;
		border-radius:  30px;
		padding: 40px;
		border-color: #fff;

	} 

	.features img {
		height: 115px !important;
	}

	.features h3 {
		color: #000;
		font-size: 26px;
		font-weight: bolder;
	}

	.features p {
		font-size: 18px;
		line-height: 1.5;
	}

}


@media (min-width: 576px) and (max-width: 767.98px) { 


	.h1-hero {
		font-size: 42px !important;
	}

	.h2-hero {
		font-size: 34px !important;
	}

	.p-hero {
		font-size: 30px;
	}


	.why {
		background-color: #fff;
	    border-radius: 30px;
    	padding: 35px 12px;
	    margin: 10px 3px;
	}

	.why img  {
		width: 100% !important;
	}


	.why h3 {
	    font-size: 1.2rem !important;
	}

	.features {
		background-color:  #fff;
		border-radius:  30px;
		padding: 40px;
		border-color: #fff;
	} 

	.features img {
		height: 115px !important;
	}

	.features h3 {
		color: #000;
		font-size: 25px;
		font-weight: bolder;
	}

	.features p {
		font-size: 15px;
		line-height: 1.5;
	}

 }


@media (min-width: 568px) and  (orientation:landscape) { 

	.why {
		background-color: #fff;
	    border-radius: 30px;
    	padding: 50px 30px;
	    margin: 10px 3px;
	}

	.why img  {
		width: 75% !important;
	}


	.why h3 {
	    font-size: 1.6rem !important;
	}

 }



@media (min-width: 768px) and (max-width: 991.98px) { 


	.h1-hero {
		font-size: 40px !important;
	}

	.h2-hero {
		font-size: 34px !important;
	}

	.p-hero {
		font-size: 25px;
	}

	.why {
		padding: 35px 20px;
	}

	.why img  {
		width: 100% !important;
	}


	.why h3 {
	    font-size: 1rem !important;
	}

	.features {
		background-color:  #fff;
		border-radius:  30px;
		padding: 30px 20px;
		border-color: #fff;
	} 

	.features img {
		height: 75px !important;
	}

	.features h3 {
		color: #000;
		font-size: 26px;
		font-weight: bolder;
	}

	.features p {
		font-size: 18px;
		line-height: 1.5;
	}

}


@media (min-width: 992px) and (max-width: 1199.98px) { 


	.header {
		padding: 3px 20px 3px; 
	}

	.h1-hero {
		font-size: 40px !important;
	}

	.h2-hero {
		font-size: 34px !important;
	}

	.p-hero {
		font-size: 25px;
	}

	.why {
		padding: 45px 30px;
	}

	.why img  {
		width: 80% !important;
	}

	.why h3 {
	    font-size: 1.4rem !important;
	}

	.features {
		background-color:  #fff;
		border-radius:  30px;
		padding: 30px 20px;
		border-color: #fff;
	} 

	.features img {
		height: 85px !important;
	}

	.features h3 {
		color: #000;
		font-size: 18px;
		font-weight: bolder;
	}

	.features p {
		font-size: 10px;
		line-height: 1.5;
	}

 }


@media (min-width: 1200px) and (max-width: 1350px) { 


	.header {
		padding: 3px 100px 3px; 
	}

}

@media (min-width: 1351px) and (max-width: 1500px) { 


	.header {
		padding: 3px 150px 3px; 
	}

}

@media (min-width: 1200px) { 

	.why {
		padding: 55px 30px;
	}

	.why img  {
		width: 80% !important;
	}

	.why h3 {
	    font-size: 1.6rem !important;
	}

	.features {
		background-color:  #fff;
		border-radius:  30px;
		padding: 40px 30px;
		border-color: #fff;
	} 

	.features img {
		height: 95px !important;
	}

	.features h3 {
		color: #000;
		font-size: 20px;
		font-weight: bolder;
	}

 }