﻿/*bg-color*/

.bg-red {
    background-color: #d92231;
}

.bg-orange {
    background-color: #ed6323;
}

.bg-white {
    background-color: #fff;
}

.bg-grey {
    background-color: #1b1b1b;
}

.bg-grey2 {
    background-color: #161616;
}

.bg-grey3 {
    background-color: #f4f6fa;
}


/*padding*/

.paddingtop100 {
    padding-top: 100px;
}

.paddingbot70 {
    padding-bottom: 70px;
}

.paddingtop80 {
    padding-top: 80px;
}

.paddingbot80 {
    padding-bottom: 80px;
}

.paddingtop43 {
    padding-top: 43px;
}

.paddingtop20 {
    padding-top: 20px;
}

.paddingbot20 {
    padding-bottom: 20px;
}

.paddingtop30 {
    padding-top: 30px;
}

.paddingbot30 {
    padding-bottom: 30px;
}

.paddingtop40 {
    padding-top: 40px;
}

.paddingbot38 {
    padding-bottom: 38px;
}

.padding20 {
    padding: 20px;
}

.padright7 {
    padding-right: 7px;
}

.padright10 {
    padding-right: 10px;
}

.paddingright0 {
    padding-right: 0px !important;
}

.paddingrightleft0 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.paddingright30 {
    padding-right: 30px;
}

.paddingleft30 {
    padding-left: 30px;
}



/*margin*/
.marginbot0 {
    margin-bottom: 0px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop5 {
    margin-top: 5px;
}

.marginbot5 {
    margin-bottom: 5px;
}

.marginbot10 {
    margin-bottom: 10px;
}

.margintop15 {
    margin-top: 15px;
}

.marginbot15 {
    margin-bottom: 15px;
}

.margintop20 {
    margin-top: 20px;
}

.margintop30 {
    margin-top: 30px;
}

.marginbot30 {
    margin-bottom: 30px;
}

.marginbot40 {
    margin-bottom: 40px;
}

.marginbot20 {
    margin-bottom: 20px;
}

.marginbot25 {
    margin-bottom: 25px;
}

.marginleft10 {
    margin-left: 10px;
}

.marginright10 {
    margin-right: 10px;
}

.margintop50 {
    margin-top: 50px;
}

.marginbot50 {
    margin-bottom: 50px;
}

.margintop100 {
    margin-top: 100px;
}

.marginrightleft0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}


/*font-size*/
.F30 {
    font-size: 30px;
}

.F18 {
    font-size: 18px;
}

.F16 {
    font-size: 16px;
}

.F15 {
    font-size: 15px;
}

.F13 {
    font-size: 13px;
}

.F20 {
    font-size: 20px;
}

.F22 {
    font-size: 22px;
}

.F24 {
    font-size: 24px;
}
.F26 {
    font-size: 26px;
}

.F28 {
    font-size: 28px;
}
.F30 {
    font-size: 30px;
}
.F32 {
    font-size: 32px;
}


/*font-weight*/
.FW500 {
    font-weight: 500;
}

.FW600 {
    font-weight: 600;
}

.FW700 {
    font-weight: 700;
}




/*color*/
.white {
    color: #fff !important;
}

.red {
    color: #d92231 !important;
}

.grey {
    color: #222222;
}

.grey2 {
    color: #848484 !important;
}

.grey-bot-border {
    border-bottom: 1px solid #e5e5e5;
}

.grey-left-border {
    border-left: 1px solid #e5e5e5;
}




/*others ortalama kodları*/

.items-center {
    display: flex;
    align-items: center;
}

.forms-btn-center {
    display: flex;
    align-items: center;
}

.text-justify {
    text-align: justify;
}

.text-center {
    text-align: center;
}

.our-team-center {
    display: flex;
    align-items: center;
}


/** table-code */

.table {
    width: 100%;
    display: table;
    margin-bottom: 0 !important;
}

.row-table {
    display: table-row;
}

.row-table100 {
    display: table-caption;
    background: #d92231;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: 8px 12px;
}

.table-grey {
    background-color: #f4f6fa;
}

.row-table.header {
    font-weight: 600;
    color: #222222;
    background: #f4f6fa;
}

.cell {
    padding: 8px 12px;
    display: table-cell;
    color: #222222 !important;
}

/** table-code */