html, body{
	height: 100%;
}

body{
	color: #000;
}

.gutter-10.row {
  margin: 0 -5px;
  text-align: center;
}

.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {
  padding: 0 5px 10px 5px
}

img{
    max-width: 100%;
}

.appendImg{
	width: 100%;
  max-width: 300px;
	border-radius: 1000px;
}

h1,h2,h3{
    font-weight: 600;
    margin: 0;
}

.h1, h1 {
    font-size: 2.5em;
}

.h2, h2 {
    font-size: 2.5em;
}

.h3, h3{
    font-size: 1.8em;
}

p{
  margin: 0 0 1em;
}

p, li, label {
	font-size: 1.5em;
}

label{
  font-weight: 100;
}

ol, ul{
	list-style: none;
}

ol li, ul li{
	float: left;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.checks{
  margin:0 auto;
  padding: 1em 0;
}

.orange{
	color:#dc5135;
}

.underline{
	text-decoration: underline;
}

.center{
	text-align:center;
}

.grey{
	background-color: #ccc;
}

.red{
  color: #ff4646;
}

.hidediv{
  display: none;
}

.active{
  display: block;
}

input[type=checkbox], input[type=radio]{
  margin: 4px 15px 0;
}

input[type=checkbox]{
  display: none;
}

input[type=text], input[type=email]{
    width: 100%;
    background: #e7e7e7;
    border: none;
    height: 48px;
    margin-bottom: 1em;
    font-size: 2em;
}

input[type=submit] {
    font-size: 2.5em;
    font-weight: bold;
    padding: .3em 2em;
}

label {
    cursor: pointer;
    border: 2px solid #000;
    border-radius: 10px;
}

label img{
    border-radius: 10px;
}

:checked + label {
   border: 2px solid #dc5135;
}

label[for=email], label[for=postal-code]{
  opacity: 1!important;
  color:#dc5135;
}

.steps-container{
	max-width: 600px;
	margin:0 auto;
  padding: .5em 1em;
}

.step-title h2{
	line-height: 1.5em;
	text-align: center;
}


.step-title img{
	vertical-align: unset;
}

.step-body{
	padding: .5em 0;
}

.btn-default{
	background-color: #dc5135;
	border: none;
	color: #fff;
  padding: .8em 2em;
	width: 100%;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.btn-default.grey{
	background-color: #aaaaaa;
  color: #000
}

.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #e05f45;
    border: none;
}

.btn-default.grey:hover, .btn-default.grey:focus, .btn-default.grey:active{
	background-color: #c1bfbf;
  color:#000;
}

.pagination-numbers{
    text-align: center;
}

.pagination-numbers ul{
	display: inline-block;
	padding: 0;
}

.pagination-numbers li{
    font-size: 1.8em;
    line-height: 1.8em;
    font-weight: bold;
}

li.num {
    background: #ececec;
    color: #888;
    padding: 0px 16px;
    margin: 0 2px;
}

li.active.num {
    background: #dc5135;
    color: #000;
}

.step-body h3{
  margin: 1em 0 .5em;
}

.alert-warning{
  color: white;
  background-color: red;
  font-size: 18px;
}

.checks p{
  margin:0;
}

.btn h2{
  font-size: 2em;
}

.input-label{
  font-size: 1.5em;
}



@media (max-width: 480px){

  body{
    font-size:11px;
  }

}

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

  body{
    font-size:14px;
  }

}


@media (max-width: 342px){

	ul li{
		float:none;
		display: inline-block!important;
	}

	.pagination-numbers ul > :first-child{
		width:100%;
	}
}


/*=====  Youporn  Skin  =====****/
body.yp{
  background-color:#000;
  color:#fff;
}

body.yp .orange{
  color:#ea547d;
}

body.yp .btn-default, body.yp .btn-default:hover, body.yp .btn-default:focus, body.yp .btn-default:active{
  background-color:#ea547d;
}


body.yp .btn-default.grey, body.yp .btn-default.grey:hover, body.yp .btn-default.grey:focus, body.yp .btn-default.grey:active{
  background-color:#363636;
  color:#fff;
}


body.yp :checked + label{
  border: 2px solid #ea547d;
}

body.yp li.active.num {
    background: #ea547d;
    color: #fff;
}




/*=====  Spankwire  Skin  =====****/
body.sw{
  background-color:#f6f6f6;
  color:#2c4c7c;
}

body.sw .orange{
  color:#ca3f5c;
}

body.sw .btn-default, body.sw .btn-default:hover, body.sw .btn-default:focus, body.sw .btn-default:active{
  background-color:#c83d5d;
  color: #fff;
}


body.sw .btn-default.grey, body.sw .btn-default.grey:hover, body.sw .btn-default.grey:focus, body.sw .btn-default.grey:active{
  background-color:#363636;
  color:#fff;
}


body.sw :checked + label{
  border: 2px solid #c83d5d;
}

body.sw li.active.num {
    background: #c83d5d;
    color: #fff;
}






/*=====  Xtube Skin  =====****/
body.xt{
  background-color:#f1f1f1;
  color:#0d0612;
}

body.xt .orange{
  color:#f1595e;
}

body.xt .btn-default, body.xt .btn-default:hover, body.xt .btn-default:focus, body.xt .btn-default:active{
  background-color:#f1595e;
  color: #fff;
}

body.xt .btn-default.grey, body.xt .btn-default.grey:hover, body.xt .btn-default.grey:focus, body.xt .btn-default.grey:active{
  background-color:#3a3a3a;
  color:#fff;
}

body.xt :checked + label{
  border: 2px solid #f1595e;
}

body.xt li.active.num {
    background: #f1595e;
    color: #fff;
}






/*=====  Vporn Skin  =====****/
body.vp{
  background-color:#fafafa;
  color:#111;
}

body.vp .orange{
  color:#fa3c4a;
}

body.vp .btn-default, body.vp .btn-default:hover, body.vp .btn-default:focus, body.vp .btn-default:active{
  background-color:#fa3c4a;
  color: #fff;
}

body.vp .btn-default.grey, body.vp .btn-default.grey:hover, body.vp .btn-default.grey:focus, body.vp .btn-default.grey:active{
  background-color:#fff;
  color:#fa3c4a;
  border: 1px solid #fa3c4a;
}

body.vp :checked + label{
  border: 2px solid #fa3c4a;
}

body.vp li.active.num {
    background: #fa3c4a;
    color: #fff;
}






/*=====  Redtube Skin  =====****/
body.rt{
  background-color:#000;
  color:#fff;
}

body.rt .orange{
  color:#ad1224;
}

body.rt .btn-default, body.rt .btn-default:hover, body.rt .btn-default:focus, body.rt .btn-default:active{
  background-color:#ad1224;
  color: #fff;
}

body.rt .btn-default.grey, body.rt .btn-default.grey:hover, body.rt .btn-default.grey:focus, body.rt .btn-default.grey:active{
  background-color:#363636;
  color:#9b9999;
}

body.rt :checked + label{
  border: 2px solid #ad1224;
}

body.rt li.active.num {
    background: #ad1224;
    color: #fff;
}




/*=====  Pornhub Skin  =====****/
body.ph{
  background-color:#000;
  color:#fff;
}

body.ph .orange{
  color:#f90;
}

body.ph .btn-default, body.ph .btn-default:hover, body.ph .btn-default:focus, body.ph .btn-default:active{
  background-color:#f90;
  color: #000;
}

body.ph .btn-default.grey, body.ph .btn-default.grey:hover, body.ph .btn-default.grey:focus, body.ph .btn-default.grey:active{
  background-color:#1f1f1f ;
	color: #afafaf;
  border: 2px solid #514f4f
}

body.ph :checked + label{
  border: 2px solid #f90;
}

body.ph li.active.num {
  background: #f90;
  color: #000;
}


/*===== steps css  =====*/

.step-title-includes .btn-default{
	color: #fff!important;
}

body.rt .step-title-includes p,
body.ph .step-title-includes p,
body.yp .step-title-includes p,
body.rt .step-title-includes .underline,
body.ph .step-title-includes .underline,
body.yp .step-title-includes .underline,
body.rt .step-title-includes label,
body.ph .step-title-includes label,
body.yp .step-title-includes label{
	color: #fff!important;
}

body.rt .step-title-includes p.red strong{
    color: #ad1224!important;
}


body.ph .step-title-includes p.red strong{
    color: #f90!important;
}


body.yp .step-title-includes p.red strong{
    color: #ea547d!important;
}

body.rt .step-title-includes .btn-default,
body.rt .step-title-includes .btn-default:hover,
body.rt .step-title-includes .btn-default:active,
body.rt .step-title-includes .btn-default:focus,
body.rt .step-title-includes .btn-default.active.focus,
body.rt .step-title-includes .btn-default.active:focus,
body.rt .step-title-includes .btn-default.active:hover,
body.rt .step-title-includes .btn-default:active.focus,
body.rt .step-title-includes .btn-default:active:focus,
body.rt .step-title-includes .btn-default:active:hover{
	background-color: #ad1224!important;
}

body.ph .step-title-includes .btn-default,
body.ph .step-title-includes .btn-default:hover,
body.ph .step-title-includes .btn-default:active,
body.ph .step-title-includes .btn-default:focus,
body.ph .step-title-includes .btn-default.active.focus,
body.ph .step-title-includes .btn-default.active:focus,
body.ph .step-title-includes .btn-default.active:hover,
body.ph .step-title-includes .btn-default:active.focus,
body.ph .step-title-includes .btn-default:active:focus,
body.ph .step-title-includes .btn-default:active:hover{
	background-color: #f90!important;
}

body.yp .step-title-includes .btn-default,
body.yp .step-title-includes .btn-default:hover,
body.yp .step-title-includes .btn-default:active,
body.yp .step-title-includes .btn-default:focus,
body.yp .step-title-includes .btn-default.active.focus,
body.yp .step-title-includes .btn-default.active:focus,
body.yp .step-title-includes .btn-default.active:hover,
body.yp .step-title-includes .btn-default:active.focus,
body.yp .step-title-includes .btn-default:active:focus,
body.yp .step-title-includes .btn-default:active:hover{
	background-color: #ea547d!important;
}

body.rt .step-title-includes h1, body.rt .step-title-includes .step-title h3 {
    color: #ad1224!important;
}

body.ph .step-title-includes h1, body.ph .step-title-includes .step-title h3 {
    color: #f90!important;
}

body.yp .step-title-includes h1, body.yp .step-title-includes .step-title h3 {
    color: #ea547d!important;
}



body.skin2 {
	background-image: url(../images/body-skin2.jpg);
	color: #fff;
}

body.skin2 .orange, body.skin2 .btn-default.grey{
	color: #fff;
}

body.skin2 .btn-default,
body.skin2 .btn-default:hover,
body.skin2 .btn-default:active,
body.skin2 .btn-default:focus,
body.skin2 .btn-default.active.focus,
body.skin2 .btn-default.active:focus,
body.skin2 .btn-default.active:hover,
body.skin2 .btn-default:active.focus,
body.skin2 .btn-default:active:focus,
body.skin2 .btn-default:active:hover{
	background-color: #32c26b;
}

body.skin2 li.active.num {
    background: #32c26b;
    color: #fff;
}



body.skin3 {
	background: linear-gradient(-270deg, #f55160, #c42438);
	background-repeat: no-repeat;
	color: #fff;
}

body.skin3 .orange{
	color: #fff;
}

body.skin3 .btn-default.grey{
	color: #d1201b;
}

body.skin3 .btn-default,
body.skin3 .btn-default:hover,
body.skin3 .btn-default:active,
body.skin3 .btn-default:focus,
body.skin3 .btn-default.active.focus,
body.skin3 .btn-default.active:focus,
body.skin3 .btn-default.active:hover,
body.skin3 .btn-default:active.focus,
body.skin3 .btn-default:active:focus,
body.skin3 .btn-default:active:hover{
	background-color: #ecbdc4;
	color: #d1201b;
}

body.skin3 li.active.num {
    background: #ecbdc4;
    color: #d1201b;
}


body.skin4 .orange{
	color: #1969a3;
}

body.skin4 .btn-default.grey,
body.skin4 .btn-default.grey:hover,
body.skin4 .btn-default.grey:active,
body.skin4 .btn-default.grey:focus,
body.skin4 .btn-default.grey.active.focus,
body.skin4 .btn-default.grey.active:focus,
body.skin4 .btn-default.grey.active:hover,
body.skin4 .btn-default.grey:active.focus,
body.skin4 .btn-default.grey:active:focus,
body.skin4 .btn-default.grey:active:hover {
	background-color: #dddddd;
  color: #888;
}

body.skin4 .btn-default,
body.skin4 .btn-default:hover,
body.skin4 .btn-default:active,
body.skin4 .btn-default:focus,
body.skin4 .btn-default.active.focus,
body.skin4 .btn-default.active:focus,
body.skin4 .btn-default.active:hover,
body.skin4 .btn-default:active.focus,
body.skin4 .btn-default:active:focus,
body.skin4 .btn-default:active:hover{
	background-color: #1969a3;
	color: #fff;
}

body.skin4 li.active.num {
	background: #F60;
	color: #ffffff;
}

body.skin4 :checked + label {
    border: 2px solid #F60;
}