/* ==========================================================================
   Marius van Tubbergh - Changes Start Here
   ========================================================================== */

/* ==========================================================================
   Buttons
   ========================================================================== */

.btn-success-hover:hover {
    color: #449d44;
    background-color: transparent;
    border: 2px solid #449d44;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-primary-hover:hover{
    color: #007bff;
    background-color: transparent;
    border: 2px solid #007bff;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-secondary-hover:hover{
    color: #6c757d;
    background-color: transparent;
    border: 2px solid #6c757d;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-danger-hover:hover{
    color: #d9534f;
    background-color: transparent;
    border: 2px solid #d9534f;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-secondary-hover:hover{
    color: #545b62;
    background-color: transparent;
    border: 2px solid #545b62;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-dark-hover:hover{
    color: #343a40;
    background-color: transparent;
    border: 2px solid #343a40;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-facebook {
    color: white;
    background-color: #4267B2;
    border: 2px solid #4267B2;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-facebook:hover {
    color: #4267B2;
    background-color: transparent;
    border: 2px solid #4267B2;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.btn-success-round {
    border: 2px solid #449d44;
    /*background-color: #449d44;*/
    position: relative;
    z-index: 1;
    border-radius: 4px;
}

.btn-primary-round {
    border: 2px solid #007bff;
    /*background-color: #449d44;*/
    position: relative;
    z-index: 1;
    border-radius: 4px;
}

.btn-text-none {
    text-transform: none;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

/*.btn-common:hover {*/
    /*color: #4676fa;*/
    /*background-color: transparent;*/
    /*border: 2px solid #4676fa;*/
    /*transition: all 0.5s ease-in-out;*/
    /*-moz-transition: all 0.5s ease-in-out;*/
    /*-webkit-transition: all 0.5s ease-in-out;*/
/*}*/

/* ==========================================================================
   Login Pages
   ========================================================================== */
#login {
    position: relative;
    background: #f2f2f2;
}

/* ==========================================================================
   Video Area Small
   ========================================================================== */
#video-area-small {
    overflow: hidden;
    position: relative;
    height: 80px;
}
#video-area-small .contents {
    padding: 160px 0 80px;
}
#video-area-small .contents h1 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 70px;
}
#video-area-small .contents p {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.5px;
}
#video-area-small .contents .btn {
    margin: 20px 10px;
    text-transform: uppercase;
}
#video-area-small .banner_bottom_btn {
    margin-top: 40px;
}
#video-area-small .banner_bottom_btn i {
    color: #fff;
    font-size: 48px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#video-area-small .banner_bottom_btn i:hover {
    color: #4676fa;
}
.overlay-2 {
    background: rgba(0, 0, 0, 0.7) !important;
}

.form-control{
    color: black;
}

/* ==========================================================================
   Heading tags
   ========================================================================== */
h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
}
h3{
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
}
h4{
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
}
h5 {
    font-family: 'Raleway', sans-serif;
    font-size: 5px;
}

.font-calibri {
    font-family: "Calibri", "sans-serif";
}

/* ==========================================================================
   Form-Control
   ========================================================================== */
.form-control {
    /*width: 100%;*/
    /*margin-bottom: 20px;*/
    padding: 9px;
    /*color: #fff;*/
    /*font-size: 14px;*/
    /*border-radius: 4px;*/
    /*-webkit-transition: all 0.3s;*/
    /*-moz-transition: all 0.3s;*/
    /*transition: all 0.3s;*/
    /*font-family: 'Lato', sans-serif;*/
}

/* ==========================================================================
   Font-Awesome
   ========================================================================== */
.fa-md {
    font-size: 30px;
}
.fa-xl {
    font-size: 45px;
}