html,body, header { height: 90%; }
h6 { line-height: 1.7;}

blockquote {
    border-left: 6px solid #f4737b;
    padding-left: 15px;
    font-style: italic;
}

h1 { font-family: "Brush Script MT", cursive; font-style: normal; font-variant: normal; font-weight: 400; line-height: 26.4px; font-size:52px !important; } 
.h1 { font-family: "Brush Script MT", cursive; font-style: normal; font-variant: normal; font-weight: 400; line-height: 26.4px; font-size:65px !important; } 
.title{ font-family: "Brush Script MT", cursive; font-style: normal; font-variant: normal; font-weight: 400; line-height: 26.4px; font-size:52px !important; } 

h2 { font-family: "Brush Script MT", cursive; font-style: normal; font-variant: normal; font-weight: 300; line-height: 26.4px; } 
.h2 { font-family: "Brush Script MT", cursive; font-style: normal; font-variant: normal; font-weight: 300; line-height: 26.4px; } 
.claur-text { font-family: "Brush Script MT", cursive; font-style: normal; font-variant: normal; } 

.header{height:15%;}
.view .mask { background-color: #0000008f;}
.nav-page{padding-top: 5px !important;  padding-bottom: 5px !important;}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover{
background-color: #f4737b!important;}

.dropdown .dropdown-menu.dropdown-primary .dropdown-item.active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active, .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropleft .dropdown-menu.dropdown-primary .dropdown-item.active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:active, .dropleft .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropright .dropdown-menu.dropdown-primary .dropdown-item.active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:active, .dropright .dropdown-menu.dropdown-primary .dropdown-item:hover, .dropup .dropdown-menu.dropdown-primary .dropdown-item.active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:active, .dropup .dropdown-menu.dropdown-primary .dropdown-item:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.dropdown-menu {

    z-index: 9999;
    min-width: 50em;

}
.dropdown-menu-center {
  left: 50% !important;
  right: auto !important;
  text-align: center !important;
  transform: translate(-50%, 0) !important;
}


.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    background-color: #fff; 
 
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

   
      .d-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 100px;
        grid-gap: 7px;
      }

      .item {
        position: relative;
      }

      .item:nth-child(1) {
        grid-column: 1 / 2;
        grid-row: 1 / 4;
      }

      .item:nth-child(2) {
        grid-column: 2;
        grid-row: 0 / 3;
      }

      .item:nth-child(3) {
        grid-column: 2;
        grid-row: 2 / 3;
      }

      .item:nth-child(4) {
        grid-column: 2;
        grid-row: 3 / 3;
      }

      .item a {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        overflow: hidden;
      }

      .item img {
        height: 100%;
        width: 100%;
        object-fit: cover;
      }
    
.body-page{height: 50%;}
.simple-page{height: 0% !important;}

.software-lp .rgba-gradient {
    background: -webkit-gradient(linear,45deg,from(#f4737b ),to(#056b2e));
    background: -webkit-linear-gradient(45deg,#f4737b ,#056b2e 100%);
    background: -o-linear-gradient(45deg,#f4737b ,#056b2e 100%);
    background: linear-gradient(to 45deg,#f4737b ,#056b2e 100%);
}
.software-lp p { font-size: 17px;}
.software-lp .navbar {background-color: #f4737b;}
.software-lp .btn-white { color: #6f9e37!important;}
.software-lp .btn-floating { -webkit-box-shadow: none; box-shadow: none;}

.software-lp .navbar:not(.top-nav-collapse) {
    background: 0 0;
    /*border-bottom: 1px solid #eaeaea;*/
}


.w96 {
    max-width: 96.5% !important;
}


.xclaur{color:#000 !important;}
.xclaur-light{color:#2d2d2d !important;}
.xclaur-text{color:#656565;}

.xclaur-footer{background-color: #000 !important; color: white;}
.xclaur-social{background-color: #ecedf1 !important; border-top: 1px solid white; color: #5f5f5f;}


.xclaur-home{
	
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient( 100deg ,#f7f7f7 50%,#ffffff 50%);
    padding: 0px 0px 50px 0px;
	
}

.xclaur-fondo {
    background-color: #f7f7f7;
    background-image: -webkit-linear-gradient( 256deg ,#f7f7f7 50%,#ffffff 50%);
    padding: 115px 0px 50px 0px;
}



.fondo{
	background: -webkit-gradient(linear,45deg,from(#f4737b ),to(#e0676f ));
    background: -webkit-linear-gradient(45deg,#f4737b ,#e0676f 100%);
    background: -o-linear-gradient(45deg,#f4737b ,#e0676f 100%);
    background: linear-gradient(to 45deg,#f4737b ,#e0676f 100%);
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center center;
} 

.fondo{	background-image: url('../img/intro-xavier-claur.jpg'); }


.f80{font-size:80px;}	
.f65{font-size:65px !important;}
.f55{font-size:55px !important;}
.f46{font-size:46px !important;}
.f42{font-size:42px !important;}
.f40{font-size:40px !important;}
.f36{font-size:36px !important;}
.f32{font-size:32px !important;}
.f30{font-size:30px !important;}
.f24{font-size:24px !important;}
.f22{font-size:22px !important;}
.f20{font-size:20px !important;}
.f18{font-size:18px !important;}
.f17{font-size:17px !important;}
.f16{font-size:16px !important;}
.f14{font-size:14px !important;}
.f12{font-size:12px !important;}

.top-4{margin-top:-4px !important;}
.top-5{margin-top:-5px !important;}
.top-6{margin-top:-6px !important;}
.top-10{margin-top:-10px !important;}
.top-15{margin-top:-15px !important;}
.top-20{margin-top:-20px !important;}
.top-30{margin-top:-30px !important;}
.top-40{margin-top:-40px !important;}
.top-47{margin-top:-47px !important;}
.top-50{margin-top:-50px !important;}
.top-70{margin-top:-70px !important;}
.top-100{margin-top:-100px !important;}

.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.top50{margin-top:50px !important;}
.top60{margin-top:60px !important;}
.top70{margin-top:70px !important;}
.top100{margin-top:100px !important;}

.pad{padding-top:90px !important;}
.pad20{padding: 0px 20px 0px 20px}
.pad1{padding:1px;}

.sesego{margin: 0px -70px 0 0;}
.logo-prensa{height:45px;}

.ml-46{margin-left:46px;}
.ml-80{margin: 0px -80px 0 0;}
.ml3{margin-left: 3px;}
.ml3i{margin-left:-3px;}


.width60{width: 60% !important;}
.width100{width: 100px !important;}

.sombra{text-shadow: 1px 2px 4px #000000ad;}
.border-white{border:2px solid white;}
.border-black{border-right:1px solid #ced4da; max-height:350px; }
.bold{font-weight: 400!important;}
.font-weight-light{font-weight:200 !important;}

.azul{color:#004890;}
.verde{color:#00b2a9;}

.idioma{margin-top:37px !important;}


.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
	margin-top: 25px;
}


.md-pills .nav-link.active {
   color: #fff !important;
   background-color: #f4737b !important;
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li:not(:last-child):after {
    background-color: #f4737b !important;
}

.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:after {
    top: 1rem;
    border-left: 14px solid #f4737b;
    border-right: 0 solid #f4737b;
}
.timeline-main .stepper.stepper-vertical.timeline.colorful-timeline li .step-content:before {
    top: 1rem;
    border-left: 15px solid #f4737b;
    border-right: 0 solid #f4737b;
}

.testimonial-carousel .testimonial .avatar img {
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 170px;
}

.card2 {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px -1px 5px 5px rgba(255, 255, 255, 0.25);
}

label::before {
    color: #fff;
    border-color: #f4737b;
    background-color: #f4737b;
}


.custom-control-input:checked~.custom-control-label::before {
	color: #fff;
    border-color: #f4737b;
    background-color: #f4737b;
}

.carousel-control-next, .carousel-control-prev {
    max-width: 32px;
    max-height: 75%;
}

.custom-select {
    padding: .-0.625rem -0.25rem .375rem .75rem !importat;
    border: 1px solid #ffffff;
    border-radius: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: 1px solid #ced4da;
	color:#6f6f6f;
}

.custom-control-label { color: #6f6f6f; font-size: 15px;}

.md-form label {
  color: #6f6f6f;
}
.card .md-form label {
    font-weight: 400;
}

i.icon-form{
    font-size: 23px !important;
    padding: 5px 0 0 0 !important;
	color: #000 !important;
}


.title, h3.title{font-size: 2.5rem;}

.full, .logo{width:100%;}
.full-m{width:50%;}
.logo-top{width:100%; transition: 1s; max-width: 240px;}
.logo-footer{border-right: 0.1rem solid rgba(0,0,0,.1);
    padding: 15px 30px;
    margin: 0px 20px 0px 0px;
}


footer.page-footer .footer-copyright {
    background-color: rgba(79, 79, 79, 0.82);
}

.footer-title{
	font-size: 18px;
	text-transform:uppercase;
	font-weight:400;
}

.thumbsblock {
    width: 100%;
    background: #f7f7f7;
    padding: 0;
    position: relative;
}
.thumbsblock:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 40px solid #FFF;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
}

.thumbsblock-gps {
    width: 100%;
    background: #f4737b;
    padding: 0;
    position: relative;
}
.thumbsblock-gps:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 40px solid #f4737b;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -35px;
}

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

.clear{clear:both !important;}

.movil-view{display:none;}
.movil-view-m{display:none;}

.movil-z{position:relative; z-index:-1;}
	
#avisocookie{
   position:fixed;
   left:0px;
   right:0px;
   bottom:-15px;
   width: 100%;
   background-color: #0000009c;
   z-index: 99999;
   text-align:center;
   display:none;
   border-top: 1px solid white;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important;
}

.textcook{
   width:100%;
   padding: 12px;
   padding-left: 5px;
   padding-bottom: 7px;
   color:#fff;
}

@media (max-width: 1500px) {
  
	  .movil-no-xl{display:none;}
	  .logo-prensa{height:40px;}
}

@media (max-width: 1375px) {
  
	  .logo-prensa{height:30px;}
}

@media (min-width: 1200px){

	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1280px;}
}

@media (max-width: 1205px) {

	  .logo{max-width: 175px;}
	  .logo-top{max-width: 175px;}
	  
	  .f80{ margin-top:20px;}
	  
	  .movil-no-l{display:none;}

	  .btn-floating.btn-lg {width: 61.1px; height: 61.1px;}
	  .btn-floating.btn-lg i { font-size: 1.2em;  line-height: 60px;}
	  .badge-title{font-size:28px !important;}
}

@media (max-width: 1005px) {

	  .logo{max-width: 160px;}
	  .logo-top{max-width: 160px;}
	  
	  .f80{ margin-top:70px; font-size: 90px; text-align:center;}
	  
	  .movil-no{display:none;}
	  .movil-view{display:inline;}
	  .movil-z{z-index:0;}
	  
      .centered{text-align:center !important; }
	  .footer-title{font-size: 20px;}
	    
}

@media (max-width: 992px)
{
	 .logo-footer { border-right:none;}

	 .float-none-m{float:none !important;}
	 .ml-46{margin-left: 0px;}
}

@media (min-width: 800px) and (max-width: 850px) {

      html,
      body,
      header{ height: 980px;}
}	

@media(max-width: 850px) {

     .software-lp .navbar:not(.top-nav-collapse) {background: #fff;}
	 .f80{ margin-top:40px; font-size: 70px;}

}	

@media (max-width: 768px){
  
      html,
      body,
      header{ height: 900px;}
	  .software-lp .navbar:not(.top-nav-collapse) {  background: #fff; }
      .f80{ margin-top:-120px !important; font-size:56px !important;}  	 
	  .ml-80{margin:0px 0px 10px 0px;}
      .wow{ animation-name: none !important; visibility: visible !important; } 
	  
	  .top10-m{margin-top:10px !important;}
	  .top20-m{margin-top:20px !important;}
	  .top30-m{margin-top:30px !important;}
	  .top40-m{margin-top:40px !important;}
	 
	  .btn-floating.btn-lg i { font-size: 1.8em; line-height: 74px;}
	  .btn-floating.btn-lg { width: 72px; height: 72px;}
	  
	  .logo-footer {border-right: none;}
	  .movil-no-m{display:none;}
	  .movil-view-m{display:inline;}
	  

}

@media (max-width: 767px){.app-store, .play-store{margin: 10px 0px 0px 0; width:50%;}}


@media (max-width: 740px) {

      html,
      body,
      header{
        height: 750px;
      }
	  
	  .logo{}
	  .logo-top{}
	  
	  .f80{ margin-top:-220px;  font-size:48px !important;}
	  
	  
	  footer.page-footer {margin-bottom: 84px;}
	  
	  .h-115 {height: 115%!important;}

}

@media (max-width: 520px) {

        .top-15-m{margin-top:-15px !important;}		
        .top-20-m{margin-top:-20px !important;}		
        .top-30-m{margin-top:-30px !important;}
}

@media (max-width: 410px) {

        .top-15-m{margin-top:-7px !important;}
		.movil-no-s{display:none;}
}

@media (max-width: 380px) {
	

}

@media (max-width: 359px){
	
		.movil-no-mini{display:none;}
}

@media (max-width: 350px) {

        .top-15-m{margin-top:20px !important;}

}