html {
    font: 16px/1.42857143 $primaryFont;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    background-color: $secondaryColor;
}

body {
    font: 16px/1.42857143 $primaryFont;

    &.dashboard{
        background: #F7F7F7;
    }
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: $primaryColor;
    text-decoration: none;
    @include trans(.2s);
    outline: none;
    cursor: pointer;
}
a:hover,
a:focus {
    color: darken($primaryColor, 10%);
    text-decoration: none;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
    max-width: 100%;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
p {
    text-align: left;
    font: 16px/1.6 $primaryFont;
    color: $textColor;
}
.btn {
    padding: 13px 25px;
    text-align: center;
    display: block;
    color: $black;
    border-radius: 50px;
    font: 600 14px/1.2 $primaryFont;
    @include trans(.2s);
    outline: 0;
    border: 0;
    min-width: 120px;

    &:hover, &:focus {
        background: none;
        outline: 0;
        color: #fff;
        background: darken($primaryColor, 10%);
    }

    //@media (max-width: 1170px) {
    //    font-size: 13px;
    //    padding: 10px 15px;
    //}
    &.btn-green{
        background-color: $secondaryColor;
        color: #fff;

        &:hover, &:focus {
            background: none;
            outline: 0;
            background: lighten($secondaryColor, 5%);
        }
    }
    &.btn-green-outline{
        background-color: transparent;
        color: $black;
        border:1px solid $secondaryColor;

        &:hover, &:focus {
            background: none;
            outline: 0;
            color: #fff !important;
            border: 1px solid lighten($secondaryColor, 5%);
            background: lighten($secondaryColor, 5%);
        }
    }
    &.btn-secondary{
        background: #F9F9F9;
        border: 1px solid #E9E9E9;
        color: #474747;

        &:hover, &:focus {
            background: none;
            outline: 0;
            background: darken(#F9F9F9, 5%);
        }
    }

    &.btn-delete{
        background: #D0021B;
        border: 1px solid #D0021B;
        color: #fff;

        &:hover, &:focus {
            background: none;
            outline: 0;
            background: lighten(#D0021B, 5%);
        }
    }
    &.btn-small{
        min-width: 100px;
    }
}

.main-title {
    font: 39px/1 $primaryFont;
    font-weight: 800;
    color: $primaryColor;

    @media (max-width: $tablet) {
        font-size: 25px;
    }

}

.input-field {
    width: 100%;
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid #ccc;
    font: 14px/1 $primaryFont;
    outline: 0;
}

select.input-field {
    padding: 5px 20px;
}

.text_center {
    text-align: center;
}

.vcenter {
    @include flex_align_items(center);
    @include flex_justify_content(flex-start);
    @include display_flex();

    @media (max-width: $laptop) {
        display: block;
    }
}

label {
    color: $textColor;
    font: 17px/45px $primaryFont;
    margin-bottom: 0;
}

input {
    width: 100%;
    padding: 13px 25px;
    border-radius: 25px;
    border: 1px solid #d0d0d0;
    background: #fff;
    font: 14px/1 $primaryFont;
    outline: 0;
}

input[type="submit"] {
    background: $primaryColor;
    width: 205px;
    height: auto !important;
    margin: 0 auto;
    color: #fff;
    @include trans(.2s);

    &:hover {
        background: darken($primaryColor, 10%);
    }
}

.parsley-required, .parsley-equalto {
    color: #a94442;
    padding: 10px;
    font: 13px/1 $primaryFont;
}
.cover{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.overlay{
    position: relative;

    &:after{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #000;
        top: 0;
        left: 0;
        opacity: .7;
    }
}
.back-fixed{
    background-attachment: fixed;
}
.sec-title{
    h2{
        line-height: 38px;
    }
}
.input-normal{
    background: #f1f1f1;
    border-radius: 0;
    height: 50px;
    border: none;
}
.sticky {
    @include mqn(t){
        position: -webkit-sticky;
        position: sticky;
        top: 0;

        &:before,
        &:after {
            content: '';
            display: table;
        }
    }
}

.centered {
    text-align: center;
    font-size: 0;
}
.centered > div {
    float: none;
    display: inline-block;
    text-align: left;
    font-size: 13px;
    vertical-align: top;
}
.text-danger {
    color: #f44336;
}
.bookmark{
    a{
        color: $secondaryColor;
    }
}