/* Header button starts */
.header_btn:active,
.header_btn:active:focus,
.header_btn:active:hover,
.header_btn:focus,
.header_btn:hover,
.header_btn:not(:disabled):not(.disabled).active,
.header_btn:not(:disabled):not(.disabled):active {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  outline: 0;
}
.header_btn{
    padding:5px 10px;
    background-color:#B6B0DC;
    border-radius:5px;
    text-align:center;
    margin-top:3px;
    width:120px;
}
.header_btn:hover{
    background-color:#A8CDD2;
}
@media only screen and (max-width: 1100px) {
    .header_btn{
        display:none;
    }
}
/* Header button ends */

/* Banner button starts */
.banner_button:active,
.banner_button:active:focus,
.banner_button:active:hover,
.banner_button:focus,
.banner_button:hover,
.banner_button:not(:disabled):not(.disabled).active,
.banner_button:not(:disabled):not(.disabled):active {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  outline: 0;
}
.banner_button{
    font-family: 'Avenir';
    padding:10px 30px;
    background-color:#B6B0DC;
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    border-radius:50px !important;
}
.banner_button:hover{
    background-color:#A8CDD2;
    color:#ffffff;
}
.banner_button_d:active,
.banner_button_d:active:focus,
.banner_button_d:active:hover,
.banner_button_d:focus,
.banner_button_d:hover,
.banner_button_d:not(:disabled):not(.disabled).active,
.banner_button_d:not(:disabled):not(.disabled):active {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  outline: 0;
}
.banner_button_d{
    font-family: 'Avenir';
    padding:5px 30px 7px 30px;
    background-color:#B6B0DC;
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    border-radius:50px !important;
    border:0px;
}
.banner_button_d:hover{
    background-color:#A8CDD2;
    color:#ffffff;
}
/* Banner button ends */

/* Location button starts */
.btn_location_normal{
    padding:7px 10px;
    background-color:#B6B0DC;
    color:#ffffff;
    font-size:16px;
    border-radius:5px !important;
}
.btn_location_normal:hover{
    background-color:#A8CDD2;
    color:#ffffff;
}
.btn_location_normal_d{
    padding:2px 10px;
    background-color:#B6B0DC;
    color:#ffffff;
    font-size:16px;
    border-radius:5px !important;
    border:0px;
}
.btn_location_normal_d:hover{
    background-color:#A8CDD2;
    color:#ffffff;
}

.btn_location_dark{
    color:#ffffff;
    padding:7px 10px;
    font-size:16px;
    background-color:#2A7178;
    border-radius:5px !important;
}
.btn_location_dark:hover{
    background-color:#B6B0DC;
    color:#ffffff;
}
@media only screen and (max-width: 925px) {
    .btn_location_normal{
        font-size:12px;
    }
    .btn_location_dark{
        font-size:12px;
    }
}

/* Location button starts */
.new_button{
    font-family: 'Avenir';
    padding: 10px 30px;
    background-color: #2A7178;
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    border-radius: 5px;
}
.new_button:hover{
    background-color:#B6B0DC;
    color: #ffffff;
}

.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  -webkit-appearance: none;
}

.btn:active,
.btn:active:focus,
.btn:active:hover,
.btn:focus,
.btn:hover,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  outline: 0;
}


.btn{
    font-family: 'Avenir';
    padding:10px 30px;
    background-color:#B6B0DC;
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    border-radius:5px !important;
}
.btn:hover{
    background-color:#A8CDD2;
    color:#ffffff;
}

.header_button{
    margin-top:-3px;
    margin-left:10px;
}
.header_button a{
    font-family: 'Avenir';
    padding:10px 30px;
    background-color:#2A7178;
    color:#ffffff;
    font-size:14px;
    border-radius:4px;
}
.header_button a:hover{
    background-color:#A8CDD2;
    color:#ffffff;
}

@media only screen and (max-width: 1250px) {
    .header_button{
        margin-top:0px;
        margin-left:0px;
    }
    .header_button a{
        padding:10px 10px;
        background-color:#2A7178;
        color:#ffffff;
        font-size:13px;
        border-radius:4px;
    }
}
@media only screen and (max-width: 767px) {
    .header_button{
        margin-top:0px;
        margin-left:0px;
    }
    .header_button a{
        padding:10px 30px;
        background-color:#2A7178;
        color:#ffffff;
        font-size:14px;
        border-radius:4px;
    }
}

@media (max-width:767px){
    .main_banner .align-items-center .btn{ text-align:center; }
    .main_banner_john .align-items-center .btn{ text-align:center; }
    .main_banner_texture .align-items-center .btn{ text-align:center; }
    .main_banner_trainer .align-items-center .btn{ text-align:center; }
}

/* Dark button starts */
.btn_dark:active,
.btn_dark:active:focus,
.btn_dark:active:hover,
.btn_dark:focus,
.btn_dark:hover,
.btn_dark:not(:disabled):not(.disabled).active,
.btn_dark:not(:disabled):not(.disabled):active {
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  outline: 0;
}
.btn_dark{
    font-family: 'Avenir';
    padding:10px 30px;
    background-color:#2A7178;
    color:#ffffff;
    font-size:18px;
    font-weight:500;
    border-radius:5px !important;
}
.btn_dark:hover{
    background-color:#B6B0DC;
    color:#ffffff;
}
/* Dark button ends */