/* generales */

/*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
@import url('https://fonts.googleapis.com/css?family=Montserrat|Nunito+Sans');


body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #3b3b3b;
}
p{font-family: 'Nunito Sans', sans-serif;}
.f-nunito{font-family: 'Nunito Sans', sans-serif;}
p.link{line-height: 1.1}
.color-primary{color:#db414f;}
.bg-primary{background:#db414f;}
.color-blue{color:blue!important;}

.color-gray{color:#707070}
.color-gray-dark{color:#404040;}
.rgb-white{background: rgba(255,255,255,0.7)}
.pr{position: relative;}
.badge-light{color:#db414f!important;}
a.color-primary:hover{color:#ecbcb0;}
a.hover-primary:hover{color:#db414f;}

.huge-title{font-size: 22px!important;font-weight: 500;}
.main-title{font-family: 'Montserrat', sans-serif;font-size: 25px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.1;letter-spacing: 3.5px;text-align: center;}
.second-title{font-size: 18px;}
.paragraph{font-size: 20px;}
.paragraph-small{font-size:16px;}
.huge-icon{font-size: 20px;}
.huge-icon:before{font-size: 25px!important;}
.max-height-500{max-height: 500px;}

.logo {max-width: 70%!important;}
.main-logo{max-width: 150px;}

a:hover {
  text-decoration: none;
}

.btn-redondeado{border-radius: 20px;padding-left: 25px;padding-right: 25px;}
.nav-item.nav-link:hover,.nav-item.nav-link.active, .btn-amate{border-radius: 30px;background-image: linear-gradient(to right, #df565b, #d7263f);color:#fff!important; min-width: 180px;text-align: center;font-size: 16px!important;text-transform: uppercase;padding-bottom: 10px;padding-top:10px;}
.nav-item.nav-link.gray{background: #707070;color: #fff!important;border: 1px solid #fff!important;cursor: not-allowed;}

.btn-amate.btn-static.message:hover .badge{background:#db414f!important;color:#fff!important;}


.btn-rose{border-radius: 30px;background:#ecbcb0;color:#fff; text-align: center;font-size: 16px!important;text-transform: uppercase;padding-bottom: 10px;padding-top:10px;}

.btn.btn-md, .nav-link.btn-md{min-width: 220px!important;}
.nav-link-top{display: inline-block;margin-right: 20px;position: relative;}

.nav-item.nav-link:not(.active){border-radius: 30px;color:#db414f;min-width: 130px;text-align: center;border:1px solid #db414f; min-width: 180px;text-align: center;font-size: 16px!important;text-transform: uppercase;padding-bottom: 10px;padding-top:10px;}
.btn-static{padding-top: 5px!important;padding-bottom: 5px!important;font-size: 12px!important;}
.btn-amate a{color:#fff;}
.no-borders-radius{border-radius: 0px;}

.card{width:100%!important;transition: all 0.3s linear;}
/* talleres */
.flaticon-send-button:hover{color:#db414f!important;}
.shadow {
  /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
  -webkit-filter: drop-shadow( 1px 1px 2px #4A4A4A);
  filter: drop-shadow( 1px 1px 2px #4A4A4A);
}
.card.gray{
  cursor:auto!important;
}
.card:hover:not(.no-effect):not(.gray) {
  -webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .15);
}

.card .subtitle, .workshop-item-card .title{color:#8e8e8e;text-transform: capitalize;letter-spacing: 3.5px;}
.card-img-overlay.bg-black{background: rgba(0,0,0,0.3);}

.excersices-list .card .card-body{background-color: #f7f7f7}
.gray.card img{filter: grayscale(100%);}
.card.h-100 .card-title{min-height: 38px;}
.overlay.gray{background: rgb(255,255,255,0.4);z-index: 9999;position: absolute;height: 100%;width: 100%;}
.card-title{font-size: 18px;color:#404040}

/* tabs */
.nav-tabs{border:none;}

.bg-img{background-size: cover;background-repeat: no-repeat;background-position:center;}

/* blocke */
.description-block h1,.description-block h2, .description-block h3, .description-block h4, .description-block h5, .description-block h6{color:#db414f;}
.bg-gray{background-color:#ececec;}



/*comments */
.comment-item{border-top: 1px solid #db414f;}

/* messages */
.speech-bubble {
  min-width: 100px;
    -webkit-border-radius: 50px;
            border-radius: 50px;
    line-height: 1.3;
    max-width: 400px;
    padding: 15px;
    position: relative;
}
.sender-message .speech-bubble{
  background-color: #ce7870;
    color: #fff!important;

}
.receive-message .speech-bubble{
  background-color: #f7f7f7;
    color: #404040!important;

}
.sender-message .speech-bubble::after {
    border-left: 20px solid transparent;
    border-top: 20px solid #ce7870;
    bottom: -15px;
    content: "";
    position: absolute;
    right: 30px;
}
.receive-message .speech-bubble::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 30px;
    border-width: 0 0 20px 20px;
    border-style: solid;
    border-color: transparent #f7f7f7;
    display: block;
    width: 0;
}
.message{padding-bottom: 20px;padding-top:20px;border-radius: 52px;}
/*.receive-message .message{background-color: #ce7870;}
.sender-message .message{background-color: #ecbcb0;}*/

.django-ckeditor-widget{width:100%!important;}

.small-icon:before{font-size: 13px!important;}
.medium-icon:before{font-size: 20px!important;}
footer a{color:#404040;}
.without-borders input.form-control{border-radius: 0px!important;}
.btn-avatar, .form-control:focus:not(textarea), input.form-control:not(textarea){background: transparent;border:none!important;border-bottom:1px solid #d7263f!important;}
.btn-avatar{padding-left:10px;color:#8a898a!important;display: block;}
.text-resp{font-size: 12px!important;}

/*modal*/

.modal-body{padding:0px;}

.modal-title{font-family: 'Montserrat';font-size: 30px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: 1.23;letter-spacing: 0.8px;text-align: center;}

.model-close{position: absolute;right:10px;top:10px;opacity: 1!important;font-weight:bold;z-index: 9999;font-size: 40px!important;}
.model-close.black span{color:#000!important;}

.img-avatar{max-width: 40px;}
.send-chat{background-color:#ecbcb0;height: 15vh;}
input.white{background: #fff!important;border:none!important;border-radius: 20px;}
.a-link{font-style: italic;}
/*.textarea{border-top-right-radius: 20px!important;border-bottom-right-radius: 20px!important;background: white;border:none;}*/
.badge {display: inline-block;background-color: #fff;border-radius: 50%;color: #db414f;padding: 0.5em 0.75em;position: relative;}
.badge.white{background-color: #fff;border-radius: 50%;color: #db414f;}
.badge.red{background-color: #db414f;border-radius: 50%;color: #fff;}
.pulsate::before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-animation: pulse 1s ease infinite;animation: pulse 1s ease infinite;border-radius: 50%;border: 1px double #fff;}
.shake{animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;transform: translate3d(0, 0, 0);}
.flaticon-bell{color:#ecbcb0}
.notification-container {
    position: relative;
  /*  width: 16px;
    height: 16px;*/
    /*top: 15px;*/
    left: 15px;
}

.notification-counter {   
    position: absolute;
    top: 8px;
    left: 25px;
    background-color: rgba(212, 19, 13, 1);
    color: #fff;
    border-radius: 3px;
    padding: 1px 3px;
    font: 8px Verdana;
}

.popover-body{padding:0px;}
.popover-header{color:#db414f;}


.f-14{font-size:14px;}
.hover-red:hover{color:#db414f!important;}
/*footer{border-top: 2px solid #8e8e8e;}*/
#div_id_profile-avatar{display: none!important;}

.border-footer{border-top:1px solid #8e8e8e;}
#id_text.textarea{height: 50px;padding-top: 13px;}
.height-all{padding:50px 0px;}
.height-all.gb-mobile{padding:100px 0px;}
.masthead{background-size: cover;background-position: center;background-repeat: no-repeat;padding:50px 0px;}
.main-logo{max-width: 100px;}
.list-group-item.selected, .list-group-item.selected .item-notification{background-color:#FFF1ED;color:#404040;}
.font-white{color:#fff!important;}
.font-white img{color#fff!important}
.playpause-icon:before{font-size: 50px!important;}
/*.playpause {
  background-repeat: no-repeat;
  width: 10%;
  height: 10%;
  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  margin: auto;
  background-size: contain;
  background-position: center;
}*/
video{max-height: 400px;}
.h-100vh{height: 100vh;}
.btn-border button{border-top-right-radius: 20px!important;border-bottom-right-radius: 20px!important;color:#8e8e8e;border:none;width: 100%;height: 50px;}
.abs{position: absolute;top:0;bottom:0;left:0;right:0;}

.estado-animo{cursor: pointer;}
.estado-animo:hover a img{ -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  /*box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);*/
-webkit-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .15);
  }
@media screen and (max-width: 767px){
  .huge-title{font-size: 16px;}
  .speech-bubble {max-width: 300px;}
}
@media screen and (min-width: 768px){
  .btn-amate:hover{background:#fff!important;color:#db414f!important;border:1px solid #db414f;}
  .btn-rose:hover{background-image: linear-gradient(to right, #df565b, #d7263f);color:#fff;}
  
}
@media screen and (min-width: 768px) and(max-width: 991px){
  
}
@media screen and (max-width: 991px){
  .mt-m-2{margin-top:20px;}
  .mtm{margin-top:1rem;}
  .nav-item.nav-link,.btn:not(.btn-static){width: 100%!important;}
  .model-close span{color:#000!important;}
  footer .text-right, footer .text-left{text-align: center!important;} 
}
@media screen and (min-width: 992px){
  .btn-rose{min-width: 160px;}
  .btn-border button{border-top-right-radius: 20px!important;border-bottom-right-radius: 20px!important;color:#8e8e8e;border:none;width: 100%;height: 50px;margin-left: -20px;}
  .model-close span{color:#fff!important;}
  .height-all{padding:auto!important;height: 100vh;}
  .huge-title{font-size: 35px!important;letter-spacing: 6.13px;border-bottom: 2px solid #fff; border-bottom-style: dotted;line-height: 38px;padding-bottom: 10px; }
  .masthead{height: 100vh;min-height: 500px;}
  .second-title{font-size: 23px;}
  .main-logo{max-width: 100px;}
  
}

@media screen and (min-width: 1280px){
  .btn-rose{min-width: 180px;}
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
  }
}

@-webkit-keyframes shake {
   10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
.terms-conditions{color:#8a898a;font-size: 14px;margin-bottom: 0px;}
.terms-conditions ~span{display: none;}
.terms-conditions > a{color:#db414f!important;cursor: pointer;}
.confirm-response{font-size: 14px;color:#d7263f;}

.modal-content .btn-amate{width:100%;}
.lead{font-size: 1.25rem;font-weight: 300;}
.status{
    position: absolute;
    top: 15px;
    right: 15px;
    width: auto;
    height:35px;
    display: none;
    z-index: 99;
    background: #fff;
    border-radius: 50%;
    padding: 0px 5px 5px 5px!important;
}
.remove{z-index: 9999;padding-top:5px;cursor:pointer;}
.workshop-item-card.selected .status{display: flex!important;}
.added svg{fill: #44eb1e;}
.remove svg{fill: #d7263f;}
.workshop-item-card.selected .workshop-item-card_button{background-color:#ececec;}
.workshop-item-card_button{cursor: pointer;}
.pay-btn input[type="image"]{max-width: 250px!important}
/* form input[type="text"] {
    text-transform: lowercase;
} */
.pop{
  color: #000;
}

.card-deck .card-header{
  min-height: 50px;
}

.list-unstyled{
  min-height: 57px;
}

.success-text {
  color:#56a545;
}

.error-text {
  color:#bd2626;
}