/**
 * @package Helix Framework
 * @template Shaper Empire
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2016 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/



/* ************** 	A� Start Buttons   	**************** */
/* ***************************************************** */

.btn,
.sppb-btn {
    .transition(~'color 400ms, background-color 400ms, border-color 400ms');
}

//Offline
.offline-inner {
    margin-top: 100px;
}

.btn,.btn-primary,.spproperty .btn,.spproperty .btn-primary,
.sppb-btn,.sppb-btn-primary {
    border: none;
    border-radius: 3px;
    background-color: @major_color;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    height: 52px;
    padding: 21px 38px 0;
    letter-spacing: 1.4px;
    position: relative;
    z-index: 1;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    .transition(all .3s);
    .transition-timing-function(ease-in-out);
    &:hover,
        &:focus,
        &:active{
        color: #fff;
        background: darken(@major_color, 10%)
    }
    &.sppb-btn-sm,&.btn-sm{
        line-height: 1;
        height: 44px;
        padding: 17px 25px 0;
    }
    &.sppb-btn-lg,&.btn-lg{
        line-height: 62px;
        height: 62px;
        padding: 0 52px;
    }
}
.sppb-btn.sppb-btn-info,.sppb-btn.sppb-btn-warning{
    line-height: 1;
    height: 52px;
    padding: 21px 38px 0;
}
.sppb-btn.sppb-btn-info {
    border-radius: 26px !important;
}
button{
    line-height: 1;
    height: 44px;
}
button.sppb-btn,
button.btn{
    line-height: 1.3 !important;
    padding-top: 2px !important;
}
input.btn,
input.sppb-btn{
    height: 44px !important;
    line-height: 1 !important;
    padding-top: 2px;
    &:hover,
        &:focus,
        &:active,
        &:focus:active{
        outline: none;
    }
}

.btn.btn-sm,
.sppb-btn.sppb-btn-sm {
    line-height: 1;
    height: 44px;
    padding: 17px 25px 0;
}

.btn.btn-xs,
.sppb-btn.sppb-btn-xs {
    line-height: 34px;
    padding: 0 20px;
}

.btn.btn-lg,.sppb-btn-info.sppb-btn-lg,.sppb-btn-warning.sppb-btn-lg,
.sppb-btn.sppb-btn-lg {
    line-height: 62px;
    height: 62px;
    padding: 0 52px;
}
.sppb-btn-info.sppb-btn-lg{
    border-radius: 31px !important;
}

.btn.btn-default,
.sppb-btn.sppb-btn-default,
.btn.btn-lg.btn-default{
    line-height: 1;
    padding: 0;
    color: #000;
    border-bottom: 1px solid #000;
    border-radius: 0;
    font-size: 20px;
    position: relative;
    text-transform: capitalize;
    background:transparent;
    height: inherit;
    &:hover,
        &:focus,
        &:active{
        border-color: @major_color;
        background: transparent;
        color: @major_color;
    }
    &.btn-sm,
    &.sppb-btn-sm{
        font-size: 16px;
    }
    &.btn-lg,
    &.sppb-btn-lg{
        font-size: 24px;
    }
}
.sppb-btn.sppb-btn-default.sppb-btn-sm,
.sppb-btn.sppb-btn-default.sppb-btn-lg,
.sppb-btn.sppb-btn-default.sppb-btn-,
.btn.btn-default.btn-sm{
    height: auto;
}
.btn.btn-success,
.sppb-btn.sppb-btn-success,
.btn.btn-lg.btn-success,
.sppb-btn.sppb-btn-lg.sppb-btn-success{
    background-color: @major_color;
    &:hover,
        &:focus,
        &:active{
        background-color: darken(@major_color, 10%);
    }
}

.btn.btn-info,
.sppb-btn.sppb-btn-info,
.btn.btn-lg.btn-info,
.sppb-btn.sppb-btn-lg.sppb-btn-info{
    border-radius: 22px;
    background-color: #0072bc;
    &:hover,
        &:focus,
        &:active{
        background-color: darken(#0072bc, 10%);
    }
}
.btn.btn-warning,
.sppb-btn.sppb-btn-warning,
.btn.btn-lg.btn-warning,
.sppb-btn.sppb-btn-lg.sppb-btn-warning{
    border-radius: 0;
    background-color: #f26522;
    &:hover,
        &:focus,
        &:active{
        background-color: darken(#f26522, 10%);
    }
}
.btn.btn-danger,
.sppb-btn.sppb-btn-danger,
.btn.btn-lg.btn-danger,
.sppb-btn.sppb-btn-lg.sppb-btn-danger{
    background-color: #f26522;
    &:hover,
        &:focus,
        &:active{
        background-color: darken(#f26522, 10%);
    }
}
.btn.btn-link,
.sppb-btn.sppb-btn-link,
.btn.btn-lg.btn-link,
.sppb-btn.sppb-btn-lg.sppb-btn-link{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #3d3d3e;
    color: #000;
    display: inline-block;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    text-transform: capitalize;
    border-radius: 0;
    font-size: 16px;
    position: relative;
    &:hover,
        &:focus,
        &:active{
        color: #71a331;
        border-color: #71a331;
        text-decoration: none;
    }
}
.sppb-btn.sppb-btn-link{
    font-size: 20px;
}
.sppb-btn-link.sppb-btn-sm{
    font-size: 16px;
}
.sppb-btn-link.sppb-btn-lg{
    font-size: 24px !important;
}

.link-btn-with-icon{
    .btn.btn-link,
    .sppb-btn.sppb-btn-link,
    .btn.btn-lg.btn-link,
    .sppb-btn.sppb-btn-lg.sppb-btn-link{
        border: none;
        &:after{
            display: none;
        }
        i{
            display: inline-block;
            padding-left: 2px;
        }
    }
}
.spproperty .btn-primary.disabled, .spproperty .btn-primary[disabled], .spproperty fieldset[disabled] .btn-primary, .spproperty .btn-primary.disabled:hover, .spproperty .btn-primary[disabled]:hover, .spproperty fieldset[disabled] .btn-primary:hover, .spproperty .btn-primary.disabled:focus, .spproperty .btn-primary[disabled]:focus, .spproperty fieldset[disabled] .btn-primary:focus, .spproperty .btn-primary.disabled.focus, .spproperty .btn-primary.focus[disabled], .spproperty fieldset[disabled] .btn-primary.focus, .spproperty .btn-primary.disabled:active, .spproperty .btn-primary[disabled]:active, .spproperty fieldset[disabled] .btn-primary:active, .spproperty .btn-primary.disabled.active, .spproperty .btn-primary.active[disabled], .spproperty fieldset[disabled] .btn-primary.active {
    background-color: @major_color;
    border-color: rgba(0,0,0,0);
    opacity: 1;
}
/* **************   END:: Buttons   	**************** */
/* ***************************************************** */


/* ************** 	  START input   	**************** */
/* ***************************************************** */

//input
select,
textarea,
input[type="text"],
input[type="area"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    .form-control();
    border-radius: 3px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    height: 45px !important;
    padding: 6px 18px;
    border-color: #f1f2f3;
    font-size: 16px;
    background-color: #fff !important;
    &:focus{
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border-color: @major_color;
    }
    &::-webkit-input-placeholder{
        opacity: 1;
        color: #9d9fa1;
    }
}
.sppb-form-control{
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #e5dfdf;
    &:focus{
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
}
.group-control {
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        width: 100%;
    }
}
select{
    &.form-control{
        color: #9d9fa1;
        border-color: #f1f2f3;
        &:focus{
            border-color: @major_color;
        }
    }
}


/* **************      END:: input   	**************** */
/* ***************************************************** */


/* ***************   START Content   ******************* */
/* **************************************************** */

//Feature Style
.empire-feature-style-two{
    .sppb-addon-feature .sppb-addon-content .sppb-icon {
        left: 30px;
        right: auto;
        text-align: center;
        span{
            color: #fff;
        }
    }
    .sppb-col-sm-4{
        &:nth-child(1){
            .sppb-addon-feature .sppb-addon-content .sppb-icon {
                background: #0072bc;
            }
        }
        &:nth-child(2){
            .sppb-addon-feature .sppb-addon-content .sppb-icon {
                background: #f26522;
            }
        }
        &:nth-child(3){
            .sppb-addon-feature .sppb-addon-content .sppb-icon {
                background: #00a99d;
            }
        }

    }

}
.empire-feature-style-three{
    .sppb-addon-feature .sppb-addon-content{
        background: transparent;
    }
}
.empire-feature-style-four{
    .sppb-col-sm-4{
        &:nth-child(1){
            padding-right: 0;
            .sppb-addon-feature .sppb-addon-content .sppb-icon{
                background: #00aeef;
            }
        }
        &:nth-child(2){
            padding-right: 0;
            padding-left: 0;
            .sppb-addon-feature .sppb-addon-content{
                background: #fcfcfc;
            }
            .sppb-addon-feature .sppb-addon-content .sppb-icon{
                background: #0072bc;
            }
        }
        &:nth-child(3){
            padding-left: 0;
            .sppb-addon-feature .sppb-addon-content .sppb-icon{
                background: #0054a6;
            }
        }
    }
}
///Testimonials
.empire-testimonials {
    &.variation-two{
        .sppb-testimonial-pro .sppb-carousel-inner > .sppb-item {
            padding: 35px 0 0;
        }
        .sppb-testimonial-pro .sppb-testimonial-wrapper {
            padding: 110px 40px 40px 42px;
        }
        .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-client-wrap {
            bottom: auto;
            display: table;
            left: 0;
            margin: 0 auto;
            right: 0;
            top: -35px;
            width: 100px;
        }
        .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-client-wrap .sppb-testimonial-client {
            margin: 2px 0 0 18px;
            width: 100%;
        }
    }
}
.empire-testimonials.variation-three{
    .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-client-wrap {
        bottom: 0;
        left: 28px;
        top: -35px;
    }
    .sppb-testimonial-pro .sppb-carousel-inner > .sppb-item {
        padding: 35px 0 0;
    }
    .sppb-testimonial-pro .sppb-testimonial-wrapper {
        padding: 77px 40px 77px 42px;
    }
    .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-client-wrap .sppb-testimonial-client {
        bottom: 57px;
        left: 18px;
        margin: 0;
        position: absolute;
        top: auto;
        width: 100%;
    }
}
.empire-testimonials.variation-four{
    margin-top: 0 !important;
    .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-client-wrap {
        bottom: 0;
        left: 28px;
        top: 35px;
    }
    .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-testimonial-message {
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
    }
    .sppb-testimonial-pro .sppb-carousel-inner > .sppb-item {
        padding: 35px 0 0;
    }
    .sppb-testimonial-pro .sppb-testimonial-wrapper {
        padding: 40px 40px 108px 144px;
    }
    .sppb-testimonial-pro .sppb-testimonial-wrapper .sppb-client-wrap .sppb-testimonial-client {
        bottom: 80px;
        left: 118px;
        margin: 0;
        position: absolute;
        top: auto;
        width: 100%;
    }
}
/* ****************   END:: Content  ****************** */
/* **************************************************** */
