html {font-size: 62.5%;} /* reset font-size to 10px  */
*, *:before, *:after {margin:0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus {outline:0;}
img {border: 0; vertical-align: bottom;}
table {border-collapse: collapse; border-spacing: 0;}
.trans, a {-webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
a {text-decoration: none;}
/* end reset */
body {font: 1.6rem/1.3 'Montserrat', sans-serif; color: #2f2f2f; min-height: 100vh}

/* comodines*/
.maxw {width: 100%; max-width: 1260px; margin: auto;}
.parrafo {margin-bottom: 20px;}
/* padding de contenedores */
.plite {padding: 50px 0;} .pmedium {padding: 80px 0;}
.plarge {padding: 120px 0;} .ptop {padding: 150px 0 0;}
.plr {padding-left: 45px; padding-right: 45px}
.pl20 {padding-left: 20px;} .pr20 {padding-right: 20px;}
.fYellow {color: #eec82d;}
.fRed {color: #b60111;}
.fwhite {color: #fff;}

.tcenter {text-align: center;} .tright {text-align: right;}
.tleft {text-align: left;} .tjustify {text-align: justify;}
.img100, .w100 {width: 100%;} /* width 100% */

/* estilo general para botones */
.pltBtn {
	width: 220px; height: 220px; padding: 25px;
	border: 2px solid #2f2f2f; font-size: 2rem;
	border-radius: 6px; color: #2f2f2f;
}
.btnPlano, .btnImage, .btnDoc {
  width: 135px; height: 117px; margin-bottom: 10px; overflow: hidden;
}
.btnPlano {background: url(../img/planos-btn.png) no-repeat center top;}
.btnImage {background: url(../img/images-btn.png) no-repeat center top;}
.btnDoc {background: url(../img/document-btn.png) no-repeat center top;}
.pltBtn:hover {
	background: #b60111; color: #fff;
	border-color: #b60111;
}
.pltBtn:hover .btnPlano, .pltBtn:hover .btnImage,
.pltBtn:hover .btnDoc  {background-position: bottom;}

.title {
	font-size: 2rem; font-weight: 700; 
	text-align: center; margin-bottom: 60px;
}

/* -------------- */
header {
	width:100%; padding: 20px;
	background: -webkit-linear-gradient(#c60007, #a7010f);
	background: -o-linear-gradient(#c60007, #a7010f);
	background: linear-gradient(#c60007, #a7010f);
}
.head {color: #fff;}
.head h1 {font-size: 2.6rem; text-align: center; font-weight: 900;}

.foot {background: #2b2b2b; color: #fff;}
.footBody > div {padding: 20px;}
.footBody h1 {font-size: 2.2rem; margin-bottom: 10px;}
.centerFoot {text-align: center; max-width: 300px;}
.centerFoot h3 {margin-top: 10px;}
.rightFoot p {font-weight: 600;}
.footBody a {display: inline-block; color: #fff; font-weight: 400; margin-bottom: 5px;}
.footSocial a {
	display: inline-block; line-height: 1;
	margin: 10px 20px 0 0; font-size: 3.8rem;
}

.footBar {
	background: #161616; text-align: center;
	font-size: 1.2rem; padding: 20px;
}
.footBar p {margin: 0;}
.paddingBlock {padding: 85px 60px; position: relative;}

.loadingContet {
  position: absolute;
  top: 0; left: 0; right: 0; border: 0;
  height: 100%; width: 100%; z-index: 100;
  background-color:rgba(255,255,255,0.7);
}
.spinner-text {
  font: 900 2rem/1 'Montserrat', sans-serif; color: #2a2a2a;
}
.max40p {
  width: 100%; max-width: 40%;
  background: rgb(36,36,36);
  background: -webkit-linear-gradient(bottom, rgba(36,36,36,1) 0%, rgba(47,47,47,1) 50%, rgba(36,36,36,1) 100%);
  background: -o-linear-gradient(bottom, rgba(36,36,36,1) 0%, rgba(47,47,47,1) 50%, rgba(36,36,36,1) 100%);
  background: linear-gradient(to top, rgba(36,36,36,1) 0%, rgba(47,47,47,1) 50%, rgba(36,36,36,1) 100%);
}
.prices {max-width: 480px;color: #fff;}
.prices h1 { 
	font: 900 4rem/1 'Montserrat', sans-serif; text-transform: uppercase;
	margin-bottom: 15px;
}
.prices p {font-size: 2rem;}
.prices .clip {text-align: center;}
.clip {margin-bottom: 20px;}
.pricesBox {
	padding: 25px 30px; color: #787878;
	background: #fff; margin: 10px 0;
	border-radius: 10px; 
}

.pricesBox table {width: 100%; text-align: center; font-size: 1.4rem;}
.pricesBox table tr {border-bottom: 1px solid #9e9e9e;}
.pricesBox table tr:last-child {border: none;}
.pricesBox table th, .pricesBox table td {padding: 7px 5px;}
.pricesBox table th:first-child, .pricesBox table td:first-child {text-align: left;}
.forms {max-width: 800px;}


/* formulario */
.container {width: 100%; padding: 0;}
#smartwizard .nav {
    display: -webkit-box; display: -ms-flexbox;
    display: flex; -ms-flex-wrap: wrap;
    flex-wrap: wrap; padding-left: 0;
    margin-bottom: 0; list-style: none;
}

.nav-tabs .nav-item {margin-bottom: -1px;}
.tab-content > .tab-pane {display: none;}
.step-content h2 {margin-bottom: 20px; font-size: 2rem; font-weight: 400;}
.form-group {margin-bottom: 15px;}
.form-group label {display: inline-block; font-size: 1.4rem; margin-bottom: 2px;}
.form-control {
	display: block; width: 100%; font-size: 1.3rem;
	line-height: 1.5; color: #495057;
	background-color: #fff; background-clip: padding-box;
	border-radius: 5px; border-color: #c0c7ce;
  padding: 4px 0 4px 10px; height: 40px; border: 1px solid #ced4da;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select.form-control:not([size]):not([multiple]) {height: 30px;}
.list-unstyled {
	font-size: 1.0rem; margin-top: 2px; color: red;
}
input[type="file"] {max-width: 220px;}
#btnAdd, #btnDel {
	display: inline-block;
	width: 26px; height: 26px;
	cursor: pointer;
}
#btnAdd img {width: 100%;}

.form-group textarea {height: auto;}

#instruccionesval {padding: 0;}
.confirm {width: 100%; font-size: 1.4rem;}
.confirm td {padding: 6px;}
/*.confirm table th {padding: 10px;}*/
.confirm table td {padding: 8px 5px;}
.confirm table td:last-child {white-space: nowrap;}
.form-control2 {
	background: transparent; width: 100%;
	border: none; border-bottom: 1px solid #c0c7ce;
	padding: 3px 5px;
}
.form-group select { height: 40px !important; max-width: 35%;}

.form-group .filebtn {
	display: inline-block; font-size: 1rem;
	width: 80px; height: 26px; background: #2f2f2f;
	color: #fff; text-align: center; padding: 8px 5px;
}

.files {margin: 12px 0 16px; font-size: 1.2rem; position: relative;}
.files select:nth-child(2) {margin: 0 5px;}
.files label[for^="file_quantity_"] {position: absolute; bottom: -15px;}
.files #copies {text-align: center; max-width: 15px;}
.files #total {text-align: right; width: 80px;}
.detalles {padding: 20px 0;}

.total {
	width: 180px; padding: 25px 20px;
	border-radius: 10px; text-align: center;
	border: 1px solid #c0c7ce;
}
.total h1 {font-size: 1.4rem; font-weight: 700; padding:0; line-height: 1;}
.sumatotal, .sumatotal label  {
	font-size: 3rem; font-weight: 600;
}
.total input {
	width: 120px; border: none; display: inline;
	text-align: center; font-weight: 600;
	font-size: 3rem;
} 
.panic {padding: 0 20px;}
.panic span {color: #b60111; font-size: 2.2rem; font-weight: 700;}
.panic img {margin: 0 5px;}
.detalles p {font-size: 1.2rem; margin-top: 10px;}
.detalles h2 {
	border-top: 1px solid #c0c7ce; font-size: 1.4rem;
	border-bottom: 1px solid #c0c7ce; padding: 3px 5px;
	text-align: center; margin: 20px 0;
}

.btn {font-size: 1.4rem; padding: 5px 25px;}
.btn-info {background-color: #c50007; border-color: #c50007;}
.btn-info:hover {background-color: #a8000e; border-color: #a8000e;}
.btn-secondary {background-color: #494f53; border-color: #494f53;}
.btn-secondary:hover {background-color: #2d3134; border-color: #2d3134;}

.btn-secondary {margin-right: 5px;}
.sw-theme-dots .sw-toolbar {padding: 0}

.steps ul[role^="tablist"] {display: none;}

.content > h3.title {
  color: transparent; line-height: 1;
  width: 7px; height: 7px;
  border-radius: 50%;  
  background-color: black;
  display: block; position: absolute;
  margin: 4px; top: 0; left: 70px;
}
.content > h3.title.current ~ h3.title{
  background-color: white;
}

#steps-uid-0-h-1{left: 100px;}
#steps-uid-0-h-2{left: 130px;}

.content > h3.title::before {
  content: '';
  border: 2px solid #ababab;
  width: 15px; height: 15px;
  margin: 0; display: block;
  border-radius: 50%;
  top: -4px; left: -4px;
  position: absolute;
}
.sections h3.title-section {
  text-align: left;
  font-weight: normal;
  margin-top: 30px;
  margin-bottom: 22px;
  padding-bottom: 7px;
  border-bottom: 1px solid #efefef;
}

.form-control.error {border-color: #ffc1c1;}
label.error {
  color: red; font-size: 1.2rem;
}
.form-control.valid {
  border-color: #0d9e0d;
}
.actions ul {
  list-style: none; display: flex;
  justify-content: flex-end;
}
.actions ul li a{
  display: block; padding: 12px 45px;
  color: white; border-radius: 5px;
  margin-left: 8px;
}
.actions ul li:nth-child(1) a {
  background-color: #9fa4aa;
}
.actions ul li:nth-child(2) a {
  background-color: #4a4f53;
}
.actions ul li:nth-child(3) a {
  background-color: #c50007;
}
.input-file {display: none;}
.upload-file {
  height: 40px; padding: 10px;
  border: 1px solid rgb(159, 164, 170);
  cursor: pointer; color: #444;
  border-radius: 4px; position: relative;
  white-space: nowrap; overflow: hidden;
}
.upload-file:after {
  content: ''; display: block;
  background-color: white;
  width: 14px; height: 34px;
  float: right; right: 0;
  top: 2px; position: absolute;
}
.upload-file:hover {color: #c50007;}
.add-icon {
  font-size: 3.5rem;  margin-left: 7px;
  margin-top: 3px; color: #a2a2a2;
  cursor: pointer;
}
.upload-file {width: 100%; max-width: 50%;}
.wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active {
  background: #eee; color: #aaa; cursor: not-allowed;
}
.disabled[aria-disabled="true"], #list-files .filebox:nth-child(1) i.remove,
#list-files .filebox + .filebox i.add-new {
  display: none;
}

/* Wizard Classes */
.wizard>.content {
  display: block; overflow: hidden; position: relative; 
}
.wizard>.content>.body {
  float: left; /*position: absolute;*/
  width: 100%; height: 95%;
  padding-top: 0; padding-bottom: 30px;
}

.w100p {width: 100%;}
.data-field {
  width: 100%; height: 34px; padding: 10px;
  border-bottom: 1px solid #dedede; display: block;
}
.text-area {
  height: auto; margin-bottom: 12px;
  line-height: 1.5; padding: 10px 5px;
}
tr.files {border-bottom: 1px solid #e2e2e2;}

label[for^="file_quantity_"] {
  order: 6; min-width: 100%; padding-top: 4px;
}
select.quantity, select.quantityp {max-width: 18%;}

.landing {
  background: url('../img/landing.jpg') no-repeat center top;
  background-size: 100%; line-height: 1.5;
}
.landing header {background: transparent; padding-bottom: 140px;}
.headlanding {
  width: 100%; position: fixed; padding: 20px;
  background: transparent; left: 0; top: 0; z-index: 1;
}
.headlanding .logo img {width: 218px;}
.headlanding * {
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  transition: all ease .5s;
}
.headlanding a {font-weight: 700;}
.headlanding a, .landingtop {color: #fff;}
.landinblock {padding-bottom: 60px;}
.landintitle{
  font-size: 3rem; margin-bottom: 15px; 
  font-weight: 900; line-height: 1.3;
}
.landingbnt {
  display: inline-block; padding: 12px 35px; 
  font-size: 1.4rem; font-weight: 700; 
  background: #fff; color: #c50007;
  border: 2px solid #fff;
  border-radius: 25px;
}
.landingbnt:hover {color: #fff; background: transparent;  border-color: #fff;}
.icos {text-align: center; }
.icos div {margin: 10px 50px 10px 0; font-weight: 700;}

.process {background: #efefef;}
.processItem {text-align: center; padding: 20px;}
.processItem img {margin-bottom: 15px;}
.processItem p {text-align: left;}
.processItem p:first-child {
  font-size: 5rem; font-weight: 700; 
  line-height: 1; padding-right: 10px;
}
.ready {background: url('../img/listo.jpg') no-repeat center top; background-size: cover;}

.contactform input, .contactform textarea {
  width: 100%; border: 1px solid #bebebe;
  padding: 12px; margin-bottom: 20px;
}
.contactform input[type="submit"] {
  width: 140px; background: #c50007; font-weight: 700;
  color: #fff; border: 1px solid #bc0007;  border-radius: 25px;
  cursor: pointer; -webkit-transition: all ease .2s;
  -o-transition: all ease .2s;
  transition: all ease .2s;
}
.contactform input[type="submit"]:hover {background: #8a0005;}
.next:before { /* regula alto de anclas con menu fixed */
  display: block; content: " ";
  margin-top: -70px; height: 70px;
  visibility: hidden;
}

.thanks {max-width: 650px; margin: auto;}
.thanks img {margin-bottom: 30px;}
.thanks h1 {font-weight: 900; margin-bottom: 20px;}
.thanks h3 {margin-bottom: 20px;}
.formfinish {text-align: center; padding: 20px;}
#suggestions textarea {
  width: 100%; padding: 20px;
  margin-bottom: 20px;
}

#suggestions input[type='submit']{
  font-weight: 700; border-radius: 5px;
  padding: 10px 30px; background: #bc0007;
  color: #fff; border: 1px solid #bc0007;
  cursor: pointer;
}

#thank-you a {
  display: inline-block;
  padding: 15px 30px; background: #bc0007;
  color: #fff; font-weight: 700; border-radius: 5px;
}

.arkad {line-height: 2}
.arkad a {/*margin: -20px 10px 5px;*/ display: inline-block; color: #fff;}

.flotante {
  position: fixed; z-index: 1000;
  bottom: 55px; right: 30px;
  background: #203143; padding: 10px 15px;
  background: rgba(32,49,67,.8);
  border-radius: 8px; font-size: 20px;
  font-weight: 700; text-align: 
}
.flotante a {color: #fff;}

.disclaimer {
  font-size: 1.2rem;
  line-height: 1.3;
  font-style: italic;
  display: block;
  color: gray;
}
@media screen and (max-width: 1600px) {
  .plarge {padding: 80px 0;}
  .landing {background-size: auto;}
}

@media screen and (max-width: 1400px) {
  .plarge {padding: 60px 0;}
  .plot img, .plotlogo img, .laptop img {width: 100%;}
}

@media screen and (max-width: 1160px) {
  .int-top {padding: 0;}
  .paddingBlock {padding: 85px 40px;}
}

@media screen and (max-width: 1366px) {
  .generica {padding: 0;}
}
@media screen and (max-width: 1280px) {
  .ptop {padding: 120px 0 0;}
}
@media screen and (max-width: 1024px) {
  .int-top {padding: 0;}
  .hostingbg {background-size: cover;}
  .hostingBox {padding: 35px 20px;}
}
@media screen and (max-width: 980px) {
  .pmedium {padding: 40px 0;}
  .ptop {padding: 60px 0 0;}
}
@media screen and (max-width: 968px) {
  .processItem {padding: 10px;}
  .paddingBlock {padding: 85px 20px;}
}
@media screen and (max-width: 860px) {
  .landing header {padding-bottom: 120px;}
  .landintitle {font-size: 2.4rem;}
  .headlanding .logo img {width: 180px;}
}
@media screen and (max-width: 768px) {
  .dn758 {display: none;}
  .plite {padding: 35px 0;}
  .ptop {padding: 40px 0 0;}
  .landinblock {padding-bottom: 0;}
  .processItem {
      padding: 10px; max-width: 300px; margin: auto;
  }
  .head .logo img {width: 120px;}
  .head h1 {font-size: 1.8rem;}
  .prices, .max40p, .forms {max-width: 100%;}
  .prices h1 {font-size: 3.4rem;}
  .paddingBlock {padding: 40px 20px;}
  .arkad {margin: 10px;}
  .flotante {bottom: 20px;right: 10px;padding: 10px;}
  .flotante a span {display: none;}
}
@media screen and (max-width: 640px) {
  .plite {padding: 30px 0;}
  .footBody {text-align: center;}
  .centerFoot {max-width: 100%;}
  .landing header {padding: 0 0 90px;}
  .headlanding .logo img {width: 110px;}
  .files {display: block;}
  tr .files {display: table-row;}
  .upload-file {max-width: 100%;}
  .form-group select, select.quantity, select.quantityp

    {max-width: 50%;}

}
@media screen and (max-width: 568px) {
  .plarge, .pmedium {padding: 35px 0;}
  .ptop {padding: 35px 0 0;}
  .plite {padding: 20px 0;}
  .logo {width: auto;}
  .plotlogo, .laptop {display: none;}
  .icos div { margin: 10px;}
  .icos div img {max-width: 125px;} 
}

/* thist style is for sticky main */
.sticky {
  background: #bc0007; padding: 10px 20px;
  box-shadow: 0 1px 6px rgba(0,0,0,.3); 
}
.sticky .logo {padding: 0 10px 0 5px;}
.sticky .logo img, .header-int .sticky .logo img {width: 110px;}
/* end sticky main */