/*Head section*/
.title-card-resaponsive{
  margin-top: 20px;
}

.card-content-margin{
  margin-bottom: 50px !important;
}

.scrollY{
    overflow-y: scroll !important;
}

.notXScroll{
    overflow-x: hidden !important;
}

.mobileCloseWindow{
    position: absolute;
    right: -1px;
    z-index: 1;
    top: -1px;
    background-color: #ffffff;
    width: 35px;
    height: 35px;
    padding-top: 4px;
    border-radius: 0px 3px 0px 0px;
    -moz-border-radius: 0px 3px 0px 0px;
    -webkit-border-radius: 0px 3px 0px 0px;
    border: 0px solid #000000;
}

.notCardMargin{
    max-width: 100%;
}

.backgroundCardImage{
    background-size: cover;
    height: 100%;
    background-position: center;
}

.image-one{
  background-image: url(../../../assets/images/modals/products/card-one-original.jpeg);
}

.image-two{
  background-image: url(../../../assets/images/modals/products/cover-two-original.jpg);
}

.image-three{
  background-image: url(../../../assets/images/modals/products/new-product.jpeg);
}

.card-logo-sweet{
    position: absolute;
    left: 10px;
    height: 81px;
    bottom: 10px;
}

.products-background-card-section{
  width: 100% !important;
  height: 197px !important;
  background-size: cover !important;
  background-position: center !important;
}

.circle-product-body{
  width: 175px;
  height: 175;
  border-radius: 100%;
  background-size: cover;
  border: 1px solid #0cad3d;
}

.one-product{
  background-image: url(../../../assets/images/modals/products/two.jpg) !important;
}

.two-product{
  background-image: url(../../../assets/images/modals/products/one.jpg) !important;
}

.thre-product{
  background-image: url(../../../assets/images/modals/products/thre.jpg) !important;
}

.h-product-content{
  height: 125px;
}

.course-data-image{
  background-image: url(../../../assets/images/defaultimage.png);
  height: 115px;
  background-size: cover;
  background-position: center;
}

.session-container-targs{
  padding: 1rem;
  padding-left: 30px;
  padding-right: 30px;
}

.title-section-course{
  font-size: 120%;
  font-weight: 900;
}

.close-course-modal{
  right: 10px;
  top: -10;
  width: 28px;
  height: 28px;
  border: 1px solid red !important;
  border-radius: 100%;
  padding-bottom: 2px !important;
}

.course-pay-message{
  color: #ababab;
  font-size: 80%;
}

.h-loading-course{
   height: 185px;
}

.password-forgot-success{
  color: green;
  float: right;
  margin-right: 50px;
}

.spinner-loading-password-forgot{
  float: right;
  margin-right: 50px;
  border: 1px solid currentColor !important;
  border-right-color: transparent !important;
}

#session-form .spinner-border{
  border: 1px solid currentColor !important;
  border-right-color: transparent !important;
}

#session-button-loading{
  height: 36px !important;
}

.home-cover-background{
  background-color: #095b0b94;
  width: 100%;
  height: 100%;
}

#cover-one{
  background-image: url(../../images/home/cover-one.jpg);
  height: 872.1px !important;
  background-size: cover;
}

#cover-two{
  background-image: url(../../images/home/cover-two.jpg);
  height: 872.1px !important;
  background-size: cover;
  background-position: right;
}

#cover-thre{
  background-image: url(../../images/home/new-product.jpeg);
  height: 872.1px !important;
  background-size: cover;
}

#cover-four{
  background-image: url(../../images/home/cover-four.jpg);
  height: 872.1px !important;
  background-size: cover;
}

.carousel-indicators{
  bottom: 40px !important;
}

.first-text-cover{
	color: white;
	font-size: 410%;
}

.first-text-cover-sub{
	color: white;
	font-size: 165%;
}

.margin-head-carousel-button{
	margin-top: 45px;
}

.font-size-carousel-button{
	font-size: 100% !important;
}

.button-carousel-container{
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid white;
  transition: 0.2s;
}

.button-carousel-container:hover {
	background-color: #6ec599;
}
/*Head section*/

/*head animation*/
.svg-wave-container{
	bottom: 0;
}

.hero-waves {
  display: block;
  width: 100%;
  height: 60px;
  position: relative;
}

.wave1 use {
  -webkit-animation: move-forever1 10s linear infinite;
  animation: move-forever1 10s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave2 use {
  -webkit-animation: move-forever2 8s linear infinite;
  animation: move-forever2 8s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.wave3 use {
  -webkit-animation: move-forever3 6s linear infinite;
  animation: move-forever3 6s linear infinite;
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

@-webkit-keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}

@-webkit-keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@-webkit-keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}

/*Head section*/

/*footer section*/
.footer-content{
  margin-top: 25px !important;
}
/*footer section*/

/*Courser section*/
.course-important-container{
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border: 1px solid #e3e3e3;
  padding: 5px;
  margin-bottom: 40px;  
}

.course-background-important{
  /*
  background-image: url(../../../repository/courses/yge9ogs1ut/public/rte8ogs3ut.jpg);
  */
  height: 260px;
  background-size: cover;
}

.course-important-title{
  font-size: 190%;
  color: white;
}

.course-important-title-container{
  bottom: 10px;
  width: 100%;
  background-color: #00000082;
  padding-left: 10px;
}

.course-important-content-title{
  font-size: 180%;
}

.course-important-content-style{
  padding-left: 10px;
  border-left: 1px solid green;
  margin-bottom: 15px;
}

.course-important-footers{
  bottom: 10px;
}

.course-important-price{
  color: green;
  font-size: 185%;
}

.course-important-by{
  font-size: 80%;
}

.course-card-image{
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  background-size: cover;
  height: 165px !important;
}

.course-card-description{
  padding:  5px;
}

.course-card-title-container{
  bottom: 5px;
  background-color: #00000082;
  padding-left: 10px;
  padding-right: 10px;
}

.course-card-content-title{
  font-size: 120%;
}

.course-card-price{
  font-size: 120%;
  color: green;
}

.course-card-see-more{
  margin-top: 25px;
}

.course-card-see-more button{
  float: right !important;
  background-color: #9cbfa3;
  border: 1px solid #949494;
}

.course-card-see-more button:hover {
  background-color: #8aa890;
}

.course-card-see-more button:focus{
  background-color: #71af71;
}

.carousel-control-prev, .carousel-control-next{
  color: black !important;
  background-color: black !important;
  border-radius: 100% !important;
  width: 50px !important;
  height: 50px !important;
  top: 0;
  bottom: 0;
  margin: auto;
}

.carousel-control-prev{
  left: -60px;
}

.carousel-control-next{
  right: -60px;
}

#carouselCoursesControl .carousel-item{
  padding: 10px !important;
}

.course-important-container-text{
  margin-bottom: 70px;
}
/*Courser section*/

/*products styles*/
.products-card-container{
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  height: 555px;
  margin-top: 50px;
  background-color: white;
}

.register-see-password{
  color: blue;
}

.products-image-selected{
  height: 190px;
  margin-top: 8px;
  z-index: 1;
}

.products-sub-title{
  font-size: 85%;
  color: #565656;
}

.products-container-margin{
  margin-bottom: 15px;
}

.products-top-body{
  padding-top: 25px;
}

.products-card-container-separation{
  border-top: 1px solid #dbdbdb !important;
}

.products-container-margin span{
  right: 10px;
  top: 10px;
}

.products-margin-button{
  margin-top: 15px;
}

.products-icons{
  font-size: 38px;
  margin-top: 12px;
}

.products-icons-container{
  border-radius: 100%;
  width: 60px;
  height: 60px;
  left: 0;
  right: 0;
  margin: auto;
}

.products-icons-container-one{
  background: linear-gradient(to bottom right, #0ac0c9, #d2ff48);
}

.products-icons-container-two{
  background: linear-gradient(to bottom right, #5a8eec, #abfc3f);
}

.products-icons-container-thre{
  background: linear-gradient(to bottom right, #52aae9, #a4c4af);
}

.products-button{
  height: 33px !important;
  padding-top: 3px !important;
}

.products-section-background{
  background-size: cover;
  background-image: url(../../images/products/background.jpg);
  padding-top: 50px;
  margin-top: 50px;
  padding-bottom: 50px;
}

.products-info-numeric{
  margin-bottom: 6px;
  margin-top: 28px;
  font-size: 117%;
  font-weight: 600;
}

.products-info-text{
  color: #6b6b6b;
}

.products-title-card{
  font-size: 145%;
  font-weight: 600;
}

.products-section-attachment{
  background-image: url(../../images/products/geometric.png);
  width: 100%;
  height: 100%;
  background-attachment: fixed;
}

.products-button-container{
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 0px 10px 10px 20px;
  background: linear-gradient(to top right, #62cec9, #cbf54b);
  padding-left: 10px;
  padding-right: 10px;
  transition: 0.5s all;
  margin-right: 5px;
}

.products-button-container:hover {
  background: linear-gradient(to top right, #cbf54b, #62cec9);
  transition: 0.5s all;
}

.products-additional-content{
  margin-bottom: 60px !important;
}
/*products styles*/

/*contact styles*/
.ubication-mobile-tablet-information{
  margin-top: 25px;
  margin-bottom: 25px;
}

.contact-section{
  position: absolute;
  right: 0;
  background-color: #ffffffd9;
  color: white;
  width: 35%;
  height: 100%;
}

.contact-image{
    height: 150px;
    margin-bottom: 5px;
}

.contact-title{
    font-size: 150%;
    color: black;
}

.social-network-image{
    height: 60px;
    padding-bottom: 5px;
}

.contact-border-bar{
    border: 2px dotted transparent;
    border-image: linear-gradient(to bottom, #3acfd5 0%, #3ad554 100%) 1;
    width: 1px;
    background-color: #3acfd5;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contact-margin{
    margin-top: 50px;
}

.google-maps{
    width: 100%;
    height: 455px;
}

.location-style{
    color: #8cd546;
    font-size: 230%;
}
/*contact styles*/

/*modal session*/
.session-title{
  font-weight: 600;
  font-size: 140%;
}

.session-container{
  padding: 1rem;
  padding-left: 30px;
}

.session-container-register{
  padding: 1rem;
  padding-right: 30px;
}

.session-button-submit{
  float: right;
  background-color: #9cbfa3 !important;
  border: 0px !important;
}

.session-new-account-text{
  margin-top: 41px;
}

.session-cover-container{
  overflow: hidden;
}

.session-container-targs-close{
  z-index: 1;
  right: 19px;
  border: 2px solid red !important;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-top: 0px;
  padding-bottom: 3px !important;
}

.session-cover-container button{
  z-index: 1;
  right: 10px;
  border: 2px solid red;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-top: 10px;
  padding-bottom: 3px;
}

.register-close-button{
  z-index: 1;
  top: 10px;
  right: 25px;
  border: 2px solid red !important;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  padding-bottom: 3px !important;
}

.session-cover{
  background-image: url(../../images/modals/session/cover.jpg);
  background-size: cover;
}

.modal-cover-tinturas{
  background-image: url(../../images/modals/products/card-one.jpeg);
  background-size: cover;
}
/*modal session*/

.home-margin-card-left{
  padding-left: 0px !important;
}

.home-margin-card-right{
  padding-right: 0px !important;
}

/*footers*/
.img-logo-footer{
  height: 100px;
  margin-bottom: 25px;
}
/*footers*/

/*screen media*/
@media screen and (max-width: 768px) {
  .menu-option{
    font-size: 115% !important;
  }

  .padding-card-md{
    padding-right: 30px;
  }

  .margin-second-card{
    margin-top: 15px !important;
  }

  .scrollY{

  }
}

@media screen and (max-width: 426px) {/*mobile*/
  #cover-thre{
    background-image: url(../../images/home/mobile/cover-thre.jpg) !important;
  }

  .session-container{
    padding-right: 30px !important;
  }
  
  .session-container-register{
    padding-right: 30px !important;
  }

  .margin-mobile{
    margin-top: 155px;
  }
}

@media screen and (max-width: 320px) {/*mini mobile*/
  .first-text-cover{
    font-size: 320% !important;
  }   
}

@media screen and (max-width: 376px) {/*mini mobile*/
  .margin-mobile{
    margin-top: 370px;
  }   
}
/*screen media*/