@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');



/* NEW DESIGN */



.new-font {

	font-family: 'Raleway', sans-serif !important;

}



.color1 {

	color: #376bae;

}



.new-header {

   margin-top: 30px;

}

.dropdown-item {

	display: block;

	padding: 10px 20px;

	clear: both;

	font-weight: bold;

	color: #376bae;

	white-space: nowrap;

	font-size: 16px;

	text-transform: uppercase;

}



#header-logo-new a {
background: url(../img/newdesign/markplan_logo_solo.png) no-repeat;
 
 

	display: inline-block;

	/* height: 85px; */

	width: 100%;

	background-size: 226px;

}



.menu, .menu:active {

	background: url(../img/newdesign/hambuger.png) no-repeat;

	display: inline-block;

	height: 49px;

	width: 73px;

	margin-top: 10px;

	background-size: 40px 35px;

	box-shadow: none;

}



.button1, .button1:hover, .button1:active, .button1:visited, .button1:focus,

.button2, .button2:hover, .button2:active, .button2:visited, .button2:focus {

	border: 2px solid #00a099;

	border-radius: 0;

	color: #00a099;

	text-transform: uppercase;

	width: 100%;

	text-align: left;

	font-weight: bold;

	font-size: 16px;

	margin-top: 10px;

}



.button2, .button2:hover, .button2:active, .button2:visited, .button2:focus  {

	border: 2px solid #376bae;

	color: #376bae;

}



.button3, .button3:hover, .button3:active, .button3:visited, .button3:focus {

	color: #24797e;

	padding: 0 28px 5px 60px;

	text-transform: uppercase;

	font-size: 22px;

	border: none;

	border-radius: 0;

	font-weight: bold;

	background-color: transparent !important;

	background-image: url(../img/newdesign/bgwhite.png);

	background-repeat: repeat;

	margin-bottom: 50px;

}



.bg1 {

	background: url(../img/newdesign/bg1.jpg) no-repeat;

	background-size: cover;

}



.bg2 {

	background: url(../img/newdesign/bg2.jpg) no-repeat;

	background-size: cover;

}
.bg2 h1 {
	margin-top: 50px;	
}
.bg2 .icon1, .bg2 .icon2, .bg2 .icon3 {
	margin-top: 40px; 	
}



.bg3 {

	background-color: white;

	min-height: 650px;

}



.bg4 {

	background: url(../img/newdesign/bg3.jpg) no-repeat;

	background-size: contain;

}



.bg4-1 {

	background-color: #83d3c8;

}



.bg5 {

	background: url(../img/newdesign/bg4.jpg) no-repeat;

	background-size: cover;

}



.button3 .text {

	position: relative;

	top: -15px;

	padding-right: 30px;

}



.button3 .bgarrow {

	background: url(../img/newdesign/arrow.png) no-repeat right;

	height: 61px;

	width: 32px;

	background-size: 20px 40px;

	position: relative;

	display: inline-block;

	line-height: 1px;

	top: 4px;

}



.bgarrow::before {

	content: ' ';

}



.homeblock {

	color: white;

}



.homeblock .homeblocktext{

	padding: 100px 0;

}



.homeblock h1 {

	font-size: 52px;

	line-height: 64px;

	font-weight: bold;

}



.homeblock h2 {

	font-size: 28px;

	line-height: 30px;

	font-weight: bold;

}



.homeblock h3 {

	font-size: 20px;

	font-weight: bold;

}



.homeblock .perk {

	border-bottom: 4px solid white;

	margin-left: 0;

	margin-right: 100px;

}



.homeblock .perk > div:first-child {

	padding-left: 0;

}



.homeblock .perk-last-child {

	border-bottom: none !important;

	margin-bottom: 50px;

}



.homeblock .icon1, .homeblock .icon2, .homeblock .icon3  {

	width: 130px;

	height: 129px;

	padding: 10px;

}



.block3 {

    margin-top:40px;

    margin-bottom:15px;

}



.logoprice {

	margin-top:40px;

}



.features {

	list-style: none;

	padding-left: 15px;

	margin-bottom: 50px;

}

.features li {

	background-position: left -8px;

	background-repeat: no-repeat;

	margin-bottom: 25px;

	margin-top: 20px;

	padding-left: 45px;

	font-size: 20px;

	font-weight: bold;

	position: relative;

}



.features li:before, .features li:last-child:after{

	content:'';

	width:190px;

	height:3px;

	background:#376bae;

	position:absolute;

	top: -15px;

	left:0;

}



.features li:last-child:after{

	bottom: -15px;

	top: inherit;

}



.features li.feature1, .features li.feature5 {

	background-image: url(../img/newdesign/icon4.png);

}



.features li.feature2, .features li.feature6 {

	background-image: url(../img/newdesign/icon5.png);

}



.features li.feature3, .features li.feature7 {

	background-image: url(../img/newdesign/icon6.png);

}



.features li.feature4, .features li.feature8 {

	background-image: url(../img/newdesign/icon7.png);

	background-position: left -4px;

}



.testimonials {

	background-color: transparent !important;

	height: 70%;

}



.testimonials h1 {

	height: 265px;

}



.testimonial-name, .testimonial-charge, .testimonial-company {

	font-size: 20px;

}



.testimonial-name {

	text-transform: uppercase;

}



.testimonials #home-testimonios-nav {

	text-align: left;

}



.testimonials #home-testimonios-container ul li {

	background-color: #bee1d9;

}



.testimonials #home-testimonios-container ul li.activo {

	background-color: white;

}



#home-testimonios {

	margin-top: 15px;

}



#home-testimonios-container {

	padding-left: 0;

}



.homeclients {

	margin-bottom: 10px;

}



.homeclients img {

	padding-bottom: 20px;

	width: 100%;

}



/* Fix:  logo heights columns */

.row.display-flex {

	display: flex;

	flex-wrap: wrap;

}



.row.display-flex > [class*='col-'] {

	display: flex;

	flex-direction: column;

}

/* Fix:  logo heights columns */



.new-footer {

	margin-top: 55px;

}



.footerlinks {

	list-style: none;

    margin-top: 5px;

}



.footerlinks li a {

	font-size: 17px;

	font-weight: bold;

	color: #376bae;

	float:left;

	text-transform: uppercase;

	padding-right:10px;

}



.footerlinks li a:after {

	content: '|';

	padding-left: 10px;

	font-weight: bold;

	font-size: 14px;

}



.footerlinks li:last-child a:after {

	content: '';

}





.footerlogo {

	background-size: 160px  !important;

}

#pagina-pago p {
	font-size: 20px;
}
#pagina-pago button[type=submit] {
	font-size: 22px;
	background-color: #376bad;	
}

.mt-20{
	margin-top: 20px;
}

.mb-20{
	margin-bottom: 20px;
}


@media (max-width: 576px) {

	#menu-burguer { padding-left: 0; padding-right: 0; }
	.menu { width: 100%; }
	
	.homeblock .perk { margin-right: 0; }
	.homeblock .icon1, .homeblock .icon2, .homeblock .icon3 { max-width: 100%; height: auto; padding: 0; }
	.homeblock h1 { font-size: 30px!important; margin-top: 40px; line-height: 36px!important; }
	.bg2 .col-xs-3 { padding-left: 0; padding-right: 0; }
	
	.logoprice { max-width: 150px; }
	
	.button3, .button3:hover, .button3:active, .button3:visited, .button3:focus {

		font-size: 18px;
		padding: 0 28px 5px 29px;
		margin-bottom: 30px;
		
		max-width: 100%;
	}
	
	.button3 .bgarrow {
		right: 35px;
		top: 6px;	
	}



	.homeblock h1 {

		font-size: 40px;

		line-height: 47px;

	}

	.homeblock .homeblocktext {

		padding: 30px 0 !important;

	}



	#home-testimonios {

		padding: 0 !important;

	}



	#home-testimonios-container h1 {

		font-size: 26px !important;

	}



	#home-testimonios {

		margin-bottom: 15px;

	}



	.testimonials h1 {

		height: auto;

	}



	.new-footer {

		margin-top: 10px;

	}



	#home-testimonios-container h1 {

		font-size: 30px;

	}



	.footerlinks {

		margin-left: -35px;

		margin-bottom: 20px !important;

		text-align: center;

	}



	.footerlinks li {

		display: inline-block;

	}

}



@media (max-width: 992px) {



	#header-logo-new a {

		height: 50px;

		margin-left: 0;

	}



	.logoprice {

		margin:10px;

	}



	#home-testimonios-container h1 {

		font-size: 36px;

	}



	.new-footer {

		margin-top: 5px;

	}



	.footerlogo {

		height: 50px !important;

		background-position: center !important;

	}



	.footerlinks {

		margin-bottom: 50px;

	}



	.footerlinks li a {

		font-size: 14px;

	}



}

@media (max-width: 420px) {
	/*
	.bg2 .button3 { max-width: 100%; }
	.bg2 .button3 .text { padding-right: 10px; }
	*/
	.bg3 .button1, .bg3 .button2 { text-align: center!important; }
}

@media (max-width: 320px) {



	.menu, .menu:active {

		width: 64px;

	}



	.homeblock h1 {

		font-size: 20px;

		line-height: 28px;

		margin-top: 10px;

	}



	.homeblock h2 {

		font-size: 16px;

		line-height: 25px;

	}



	.button3, .button3:hover, .button3:active, .button3:visited, .button3:focus {

		font-size: 14px;

	}



	.button3 .text {

		padding-right: 15px;

	}



	.button3 .bgarrow{

		height: 55px;

	}



	.logoprice {

		width: 45%;

	}



	#home-testimonios-container h1 {

		font-size: 20px !important;

	}



	.features li {

		font-size: 15px;

		padding-right: 10px;

	}

	.new-header .container > div  {

		padding-left: 0;

	}



	.homeblock .homeblocktext {

		padding: 25px 0 !important;

	}



	.testimonials h1 {

		height: auto;

	}



	.homeblock .perk {

		margin-right: 0;

	}



	.homeblock .perk > div {

		padding-left: 0;

	}



	.homeblock .perk h3 {

		margin-top: 0 !important;

		font-size: 18px;

	}



	.homeblock .perk-last-child {

		margin-bottom: 20px;

	}



	.block3 {

		margin-top: 10px;

	}

	.homeblock .container {

		padding: 0;

	}



	.homeblock .icon1, .homeblock .icon2, .homeblock .icon3 {

		width: 65px;

		height: 65px;

	}



	.hidden-in-xs {

		display: none;

	}



	.show-in-xs {

		display: block !important;

	}

}

/* END NEW DESIGN */