/* Fonts*/
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);

/* ESTILOS GENERALES*/


body{
	
	line-height:30px;
	color:#4d4d4d;
	background: #fff;
	font-family: Lato;
	font-size: 16px;
	font-weight: 300;
	overflow-x: hidden;
	
}
a{	
	color: #232323;
	letter-spacing: 1px;
	font-weight: 400;

}

p{
	
	color:#33454E;
	line-height: 27px;
	font-weight:300;
	color: #9a9a9a;
	word-wrap: break-word;
	font-size: 1.2em;
}
h1 {color:#4d4d4d;
	font-size:1.8em;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}

h2 {
	font-size: 1.8em;
	font-weight: 200px;
}

h3 {
	font-size:.1.5em;
	color:#14C3A2;
	
}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}


img{
	max-width: 100%;
}
.clearfix{
	width:1px;
	height:1px;	
	display:block;
	clear:both;
	content:" , ";
}

.logo{
	width: 291px;
}

.contenedor{

	padding: 4em 0em;
}


/*header*/
header{
	background-color:#195C89;
	/*background-image: url(../img/background.jpg);*/
	padding: 2em 0;
	overflow: hidden;
}

header:before{
	width: 100%;
    content: " ";
    background-color:#195c89;
    position: absolute;
    top:27em;
    transform: rotateZ(2.5deg);
    overflow: hidden;
    width: 120%;
    height: 27%;

}
header h1{
	font-size: 1.5em;
	margin-top: 2.5em;
}

header h1, header p{
	color:#fff;
	letter-spacing: 1px;
}

header p{
	font-size: 1.1em;
	font-weight: 300;
	margin-bottom: 2em;
}

header p a{
	color:#F4A154;
	font-size: 1.3em;

}

.screen1 img{
	border-radius: 10px;
	margin-top: 2em;
	margin-left: 1em;
}

.screen2 img{
	border:1px solid #ccc;
	border-radius: 3px;
	margin-top: 3em;
}

.header__info{
	padding: 5em 0;
}
h1.purpose {
    text-align: center;
}
.button{
	border-radius: 3px;
	background-color: #fff;
	color:#195C89;
	font-size: 1.3em;
	padding: 0.6em 1em;
	text-align: center;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	transition: all linear 0.3s;
}

.button:hover{
	background-color: #F4A154;
	
	color:#fff;
	text-decoration: none;
}

.button2{
	border-radius: 3px;
	background-color: #F4A154;
	color:#fff;
	font-size: 1.5em;
	padding: 0.6em 1em;
	text-align: center;
	-webkit-transition: all linear 0.3s;
	-moz-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	transition: all linear 0.3s;
}

.button2:hover{
	background-color: #195C89;
	
	color:#fff;
	text-decoration: none;
}


/*About*/
.subtitle{
	color:#195C89;
	font-size: 2.5em;
	font-weight: 500;
}

.about__info h2{
	margin-top: 5em;
}

.about__info p{
	color:#4d4d4d;
	margin-top: 2em;
}

.features__info{
	margin-top: 6em;
}

.features__info h3{
	color:#F4A154;
	margin-top: 1px;
}

.features__info p{
	margin-bottom: 3em;
}

.features__info--right{
	text-align: right;
}

/*Buynow*/
.buynow{
	background-color: #195C89;
	font-size: 0.8em;
	padding: 4em 0;
	text-align: center;
}

.buynow h2{
	color:#fff;
	font-size:2em;
	padding-bottom: 1em;
}

.buynow h3{
	color:#195C89;
	font-size: 3em;
}

.tab-content ul {
	margin-left: -2.5em;
	margin-top: 2em;
	margin-bottom: 2em;
}

.tab-content ul li{
	color:#4d4d4d;
	font-size: 1.3em;
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding: 0.5em 0;
}

/**********pricing**************/

.pricing{
	margin: 4em 0;
}

.pricing .card {
	background-color: #fff;
    border: 1px solid #DCDCDC;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
	padding:1em;
	width: 30rem;
}

.pricing .card .card-title{
	font-size: 1.5em;
	margin-bottom: 1em;
}

.pricing .card img {
    padding: 10px 0 5px;
    width: 100px;
}

.pricing .card p {
    border-bottom: 1px solid #CCCCCC;
    color:#195C89;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}

.pricing .card p:last-child {
    border-bottom: none;
}

.pricing .card h5.price {
    color: #2C75B4;
    font-size: 3.5em;
    padding: 5px;
    margin-bottom: 20px;
}

.pricing .card a.card-link {
    border: 1px solid #2C75B4;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 0.9em;
    padding: 5px 30px;
    display: inline-block;
    transition: .2s;
}

.pricing .card a.card-link:hover {
    background-color: #195C89;
    color:#f9f9f9;
    font-weight: 600;
    font-size: 0.9em;
}

.pricing .premium-plan a.card-link {
    background-color: #195C89;
}

.yearly{
	background: #c06c84!important;
	color:#f9f9f9!important;
}


/*Questions*/
.questions{
	background-color: #fff;
}

.questions__item{
	margin: 4em 0;
	padding: 2em;
	text-align: center;
}

.questions__item h3{
	color:#195C89;
	font-size: 1.4em;
	margin-top: 0.5em;
}

.questions__item h4{
	color:#195C89;
	font-size: 3em;
	margin-top: 0.5em;
}

.questions__item p{
	padding: 0 1em;
}

.make:after{
	content: "\203A";
	color:#F4A154;
	font-size: 10em;
	position: absolute;
	left: 85%;
	top:25%;
}

.make:last-child:after{
	display: none;
}

/*contact*/
.contact{
	background-color: #f9f9f9;
}
.contactinfo__item {
	margin-top: 2em;
	padding-left: 1em;
}

.contactinfo__item ul li{
	list-style: none;
	margin-left: -1.5em;
}

.contactinfo__item h4{
	font-size: 1.5em;
	font-weight: 600;
}

.contact form input{
	border:1px solid #ccc;
	border-radius: 3px;
	margin-top: 1em;
	padding: 0.5em 1em;
	width: 100%;
}

.contact form textarea{
	border:1px solid #ccc;
	border-radius: 3px;
	margin-top: 1em;
	padding: 0.5em 1em;
	width: 100%;
}

.contact form input[type=submit]{
	background-color: #195c89;
	border-radius: 3px;
	border:none;
	color:#fff;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	-ms-transition: 0.2s all linear;
	transition: 0.2s all linear;
}

.contact form input[type=submit]:hover{
	background-color: #F4A154;
	
}


/*footer*/
footer{
	background-color:#195C89;

}

footer h3{
	color:#fff;
	letter-spacing: 1px;
}

footer ul li{
	display: inline-block;
	list-style: none;
	padding-left: 1em;
	padding-top: 1em;
}



ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		ul.tabs li{
			background: none;
			color: #fff;
			font-size: 1.5em;
			display: inline-block;
			padding: 10px 15px;
			cursor: pointer;
		}

		ul.tabs li.current{
			border-top:2px solid  #f9f9f9;
			color: #fff;
		}

		.tab-content{
			display: none;
			background: #f9f9f9;
			padding: 15px;
			padding-bottom: 3em;
		}

		.tab-content.current{
			display: inherit;
			box-shadow: 0px 0px 27px -7px #000;
		}
/*******************************************************/
/*********************  BUY NOW  ***********************/
/*******************************************************/


.order-form h3 {
    color: #F4A154;
    margin-top: 5%;
}
.order-form label {
    color: #fff;
    letter-spacing: 1px;
}
.pay {
    padding: 0 30px;
   /* margin: 2% 15px;*/
    border: 3px solid #eee;
    border-radius: 5px;
}
.pay h2 {
    margin-bottom: 20px;
        color: #f4a154;
    /*padding-left: 15px;*/
}
input.form-control.expire {
    width: 80px !important;
}
input.form-control.validation-number {
    width: 150px !important;
}
.payment  .container input {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-top: 1em;
    padding: 0.5em 1em;
    width: 100%;
}
.pay label {
    color: #fff;
}
.payment  .container   input[type=submit] {
    background-color: #195c89;
    border-radius: 3px;
    border: none;
    color: #fff;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    transition: 0.2s all linear;
    width: 120px;
    float: right;
    margin-right: 15px;
}
.payment  .container   input[type=submit]:hover {
    background-color: #F4A154;
}
.checkbox input[type="checkbox"] {
    width: initial !important;
}
.pay .form-group.checkbox {
    margin-left: 19px;
}
/*******************************************************/
/*******************  END BUY NOW  *********************/
/*******************************************************/
img.mail-tracker {
    height: 55px;
    margin-left: 10px;
}
.screen1 img {
    box-shadow: 0px 0px 27px -7px #000;
}

@media screen and (max-width:1366px){
	
	header:before{
		/*top:30em;*/
		top: 33.2em;
	}
}


@media screen and (max-width:1024px){
	header:before{
		display: none;

	}
}


@media screen and (max-width:480px){
	
	header h1 {
       margin-top: 0px;
	}

	.screen1 img {
    	margin-top: 0px;
    	margin-left: 0px; 
	}

	.screen2 img {
    	display: none;
	}

	.about__info h2 {
    	margin-top: 0px;
	}

	.subtitle {
    	font-size: 2em;
    }

}
fieldset {
    border: 3px solid #fff !important;
    border-radius: 4px !important;
    margin: 15px !important;
}

.order-form, .payment{
	display: none;
}
span.save,sub.save2 {
    color: #ffb848;
}
li.current sub.save2{display: none;}
 sub.save2{display: block;font-weight: 500;
    text-shadow: 0px 0px 25px #fff;
}

 span.glyphicon.alerta {
    font-size: 3em;
    position: absolute;
        color: #ab0b0b;
    left: 15px;
        top: 10px;
}
.buynow p.text {
    font-size: 1.7em;
        color: #ab0b0b;
    font-weight: 500;
    text-align: left;
    padding: 0px 10px 0 45px;
}

.order-form label {
    color: #000;
}
.payment{
	background-color: #f9f9f9;
}
.pay{
	background-color: #195C89;
}
.confirmation{
	margin-top: 1em;
    padding: 1em 1em;
}
.order {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    /*padding: 0px 4em;*/
}
.black-logo {
    margin-top: 40px;
    margin-bottom: 30px;
}
.order p {
    color: #000;
    padding-left: 20px;
}

.order h2{
	margin-bottom: 30px;
}
.cont{
	padding: 0px 4em;
}
.order .row:after {
    content: " ";
    display: block;
    position: relative;
    bottom: -56px;
    left: 0px;
    width: 100%;
    height: 36px;
    background: linear-gradient(#fff 0%, transparent 0%), linear-gradient(135deg, transparent 33.33%, transparent 33.33%) 0 0%, transparent linear-gradient(45deg, transparent 33.33%, #fff 33.33%) 0 0%;
    background: -webkit-linear-gradient(#fff 0%, transparent 0%), -webkit-linear-gradient(135deg, transparent 33.33%, transparent 33.33%) 0 0%, transparent -webkit-linear-gradient(45deg, transparent 33.33%, #fff 33.33%) 0 0%;
    background: -o-linear-gradient(#fff 0%, transparent 0%), -o-linear-gradient(135deg, transparent 33.33%, transparent 33.33%) 0 0%, transparent -o-linear-gradient(45deg, #272220 33.33%, #fff 33.33%) 0 0%;
    background: -moz-linear-gradient(#fff 0%, transparent 0%), -moz-linear-gradient(135deg, transparent 33.33%, transparent 33.33%) 0 0%, transparent -moz-linear-gradient(45deg, transparent 33.33%, #fff 33.33%) 0 0%;
    background-repeat: repeat-x;
    background-size: 0px 100%, 9px 27px, 9px 27px;

}
#montless sub.save22 {
    color: transparent !important;
    display: none;
	font-weight: 500;
}
sub.save22 {
    display: none;
}
li.current sub.save22 {
    display: block;
}
li#montless.current sub.save22 {
    display: block;
    color: #195c89;
}
li#montless, li#yearless {
    height: 58px;
}