/*Bin*/

.gradient-custom {
  /* fallback for old browsers */
  background: #f093fb;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to bottom right, rgba(240, 147, 251, 1), rgba(245, 87, 108, 1))
}

.card-registration .select-input.form-control[readonly]:not([disabled]) {
  font-size: 1rem;
  line-height: 2.15;
  padding-left: .75em;
  padding-right: .75em;
}
.card-registration .select-arrow {
  top: 13px;
}

.registers-cont .arrow-cont{
    height: 150px;
}

.registers-cont{
    background-color: #E5F0F2;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}

.registers-cont h2{
    font-family: Panama-Bold;
    color: #fff;
    font-size: 50px;
}

.registers-cont .small-desc{
    font-family: 'muli';
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.registers-cont .short-desc{
    font-family: 'muli';
    font-size: 15px;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.services-box-content h5{
    font-family: 'muli-bold';
    font-size: 20px;
    text-align: center;
    color: #162851;
    margin: 0px 15px 10px 15px;
}

.register-reqs-cont .req-title{
    font-family: 'muli-bold';
    font-size: 22px;
    text-align: center;
    color: #162851;
    margin: 0px 15px 10px 15px;
}

.register-reqs-cont .req-label{
    font-family: 'muli-semibold';
    font-size: 18px;
    text-align: center;
    color: #162851;
    margin: 0px 15px 10px 15px;
}

.owl-text-overlay {
  position: absolute;
  text-align: center;
  width: 60%;
  top: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

.owl-title{
    font-family: 'muli-bold';
    font-size: 24px;
    text-shadow: #000 1px 0 10px;
}

/**************************
BACKGROUNDS
**************************/
.registers-cont .left-bg{
    position: absolute;
    background-image: url(../../images/site/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 500px;
    height: 538px;
    margin-top: 30px;
    margin-left: -100px;
}

.registers-cont .right-bg{
    position: absolute;
    background-image: url(../../images/site/baby-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 600px;
    height: 800px;
    right: 0;
    margin-top: 10px;
}

.registers-sub-cont {
    background-color: rgba(22, 40, 81, 0.8);
    text-align: center;
}

.profile-header {
  height:500px;
  background:url(../../images/site/baby123.jpg);
  background-size:cover;
  background-position: center center;
  transition: all .08s linear;
  object-fit: contain;
}

.profile-text-overlay {
  position: absolute;
  text-align: center;
  width: 60%;
  top: 250px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}

.profile-title{
    font-family: 'muli';
    font-size: 50px;
    letter-spacing: 2px;
    text-shadow: #000 1px 0 10px;
}

.profile-card-cont {
    background-color: white;
}

.profile-form-cont {
    background-color: white;
    text-align: left;
}

.profile-form-sub-cont {
    background-color: #E5F0F2;
    text-align: left;
}

.label-profile {
    color: #162851;
    margin-bottom: 10px;
}


.profile-image-card {
    margin-top: -200px;
    border-radius: 10px;
    padding: 10px;
}

.credentials-card {
    margin-right: 20px;
    background-color: #7A91AD;
}

.credentials-box-title {
    font-family: 'muli';
    font-size: 24px;
    text-align: left;
    color: #fff;
    margin: 0px 15px 10px 15px;
}

.credentials-box-text {
    font-family: 'muli';
    font-size: 18px;
    text-align: left;
    color: #fff;
    margin: 0px 15px 10px 15px;
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
    border: 2px solid #fff !important;
}

.form-check-input[type=radio] {
    border-radius: 50% !important;
}

.form-check-blue {
    background-color: #162851;
}

.form-check-red {
    background-color: red;
}

.form-check-yellow {
    background-color: yellow;
}

.form-check-green {
    background-color: green;
}

.profile-box-title {
    font-family: 'Panama-Bold';
    font-size: 24px;
    text-align: left;
    color: #162851;
    margin: 0px 15px 10px 15px;
    text-transform: uppercase;
}

.profile-box-text {
    font-family: 'muli';
    font-size: 18px;
    color: #000;
    margin: 0px 15px 10px 15px;
}

.video-card {
    margin-right: 20px;
}

.profile-image img{
    border-radius:10px;
    height: inherit;
    width: 100%;
    border-radius:10px;
    object-fit: contain;
    border:10px solid white;
  }

  .profile-video img{
    border-radius:10px;
    height: inherit;
    width: 100%;
    border-radius:10px;
    object-fit: contain;
  }

.profile-box-title {
    font-family: 'Panama-Bold';
    font-size: 30px;
    text-align: left;
    color: #162851;
    margin: 0px 15px 10px 15px;
    text-transform: uppercase;
}

.profile-box-service {
    font-family: 'muli';
    font-size: 24px;
    text-align: left;
    color: #162851;
    margin: 0px 15px 10px 15px;
}

.profile-box-text {
    font-family: 'muli';
    font-size: 22px;
    text-align: left;
    margin: 0px 15px 10px 15px;
}

.progress-title{
    font-size: 14px;
    color: #162851;
    margin: 0px 0px 10px 15px;
    text-align: left;
}

.progress-title-percentage{
    font-size: 10px;
    text-align: right;
    margin-top: 2px;
}

.progress .progress-bar, .progress .progress-bar.progress-bar-default {
    background-color: #162851 ;
}
.progress  .progress-bar{
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.0s;
}

@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

.profile-nav-item {
    /*background-color: red;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: 1px;
    width: 20%;
    text-align: center;
}

@media (max-width: 575.98px) {

    .registers-cont .arrow-cont{
        height: 200px;
    }

    .registers-cont .left-bg{
        width: 350px;
        height: 377px;
        margin-top: 30px;
        margin-left: -100px;
    }

    .registers-cont .right-bg{
        width: 450px;
        height: 393px;
        right: 0;
        margin-top: 250px;
    }

    .registers-cont .left-bg{
        width: 275px;
        height: 296px;
        margin-top: -50px;
        margin-left: -100px;
    }

    .registers-cont .right-bg{
        width: 350px;
        height: 306px;
        right: 0;
        margin-top: 420px;
    }

    .registers-cont .container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .registers-cont h2{
        font-size: 60px;
    }

    .profile-text-overlay {
        top: 150px; 
    }

    .footer-logo-cont img {
        width: 300px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    .registers-cont .arrow-cont{
        height: 297px;
    }

    .registers-cont .left-bg{
        width: 275px;
        height: 296px;
        margin-top: -50px;
        margin-left: -100px;
    }

    .registers-cont .right-bg{
        width: 350px;
        height: 306px;
        right: 0;
        margin-top: 420px;
    }


    .registers-cont .container{
        padding-left: 0px;
        padding-right: 0px;
    }

    .registers-cont h2{
        font-size: 60px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {

    .fregisters-cont .arrow-cont{
        height: 208px;
    }

    .registers-cont .left-bg{
        width: 350px;
        height: 377px;
        margin-top: 30px;
        margin-left: -100px;
    }

    .registers-cont .right-bg{
        width: 450px;
        height: 393px;
        right: 0;
        margin-top: 250px;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px){

    .registers-cont .arrow-cont{
        height: 298px;
    }

    .registers-cont .left-bg{
        width: 350px;
        height: 377px;
        margin-top: 30px;
        margin-left: -100px;
    }

    .registers-cont .right-bg{
        width: 450px;
        height: 393px;
        right: 0;
        margin-top: 250px;
    }

}

@media (min-width: 1200px)  and (max-width: 1399.98px){
    .registers-cont .arrow-cont{
        height: 228px;
    }

    .form-check-inline {
        display: inline-block;
        margin-right: 0.5rem;
    }

    .credentials-box-text {
        font-family: 'muli';
        font-size: 16px;
        text-align: left;
        color: #fff;
        margin: 0px 0px 10px 15px;
    }
}


@media (min-width: 1400px){

}

.form-check-label{
    color: #fff !important;
}

.sevices-label{
    color: #000 !important;
    padding-left:  10px;
    font-family: 'muli';
    font-size: 16px;
    letter-spacing: 1px;
}

.checkbox-rounded [type="checkbox"] {
  border-radius: 2px !important;
}

.checkbox-rounded [type="radio"] {
  border-radius: 50% !important;
}

.criteria-label{
    color: #fff !important;
    font-family: 'muli';
    font-size: 16px;
    letter-spacing: 1px;
    padding-left:  20px;
}

.form-check{
    margin-bottom: 0px;
}

.btn-register{
    background-color: #64AC4B;
    color: #fff;
    letter-spacing: 2px;
    font-family: Panama-Bold;
    border-radius: 5px !important;
    outline:none; 
    border-style: none;
    text-transform: uppercase;
 }

 .btn-register:hover {
    background-color: #339900;
    color: #fff;
    font-family: Panama-Bold;
    font-size: 110%;
    letter-spacing: 2px;
    border-radius: 5px !important;
    outline:none; 
    border-style: none;
 }

 .btn-register-back{
    background-color: #A3A2A0;
    color: #fff;
    font-family: Panama-Bold;
    letter-spacing: 2px;
    border-radius: 5px !important;
    outline:none; 
    border-style: none;
    text-transform: uppercase;
 }

 .btn-register-back:hover {
    background-color: #808080;
    color: #fff;
    font-family: Panama-Bold;
    font-size: 110%;
    letter-spacing: 2px;
    border-radius: 5px !important;
    outline:none; 
    border-style: none;
 }

input {
    font-family: 'muli';
}
::-webkit-input-placeholder {
    font-family: 'muli';
}
:-moz-placeholder {
    font-family: 'muli';
}
::-moz-placeholder {
    font-family: 'muli';
}
:-ms-input-placeholder {
    font-family: 'muli';
}
.form-input-text, .form-select{
    font-family: 'muli';
    margin-bottom: 0px;
}

.form-control, .form-select{
  -webkit-border-radius: 5px !important;
     -moz-border-radius: 5px !important;
          border-radius: 5px !important;
}


/*Progress bar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #fff;
}

#progressbar .active {
    color: #64AC4B;
}

#progressbar .filled {
    color:  #7A91AD;
}

#progressbar {
    color:  #A3A2A0;
}

#progressbar li {
    list-style-type: none;
    font-family: 'muli';
    font-size: 16px;
    width: 33%;
    float: left;
    position: relative;
    z-index: 0;
}

#progressbar #agree:before {
    /*font-family: FontAwesome;
    content: "1"*/
    font-family: Panama-Bold;
    content:  "1";
}

#progressbar #basics:before {
    font-family: Panama-Bold;
    content:  "2";
}

#progressbar #services:before {
    font-family: Panama-Bold;
    content:  "3";
}

#progressbar #certification:before {
    font-family: Panama-Bold;
    content:  "4";
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    /*font-size: 16px;*/
    color: #ffffff;
    background: #A3A2A0;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #A3A2A0;
    position: absolute;
    left: 0%;
    top: 25px;
    z-index: -1;
}

#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: '';
  width: 50%;
  left:  50%;
}

#progressbar li:last-child:after {
  /*connector not needed before the first step*/
  content: '';
  width: 50%;
  right:  50%;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #64AC4B
}

#progressbar li.filled:after{
    background: #7A91AD;
}

#progressbar li.filled:before{
    background: #7A91AD;
    /*background-color: #7A91AD;*/
}


/*checkbox*/
.checkbox {
    display: flex;
    cursor: pointer;
    position: relative;
    align-items: flex-start; //right
}

.checkbox > span {
    color: #34495E;
    padding: 0.5rem 0.25rem;
}

.checkbox > input {
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #34495E;
    border-radius: 4px;
    outline: none;
    transition-duration: 0.3s;
    background-color: #41B883;
    cursor: pointer;
  }

.checkbox > input:checked {
    border: 1px solid #41B883;
    background-color: #34495E;
}

.checkbox > input:checked {
    content: '1';
    display: block;
    text-align: center;
    color: #41B883;
    position: absolute;
    left: 0.7rem;
    top: 0.2rem;
}

.checkbox > input:active {
    border: 2px solid #34495E;
}

.round-circle {
    height: 550px;
    width: 550px;
    border-radius: 50% !important;
    display: inline-flex;
}