@charset "utf-8";

/*
    فونت ایران سنس، دارای لایسنس می باشد. برای استفاده به سایت فونت ایران مراجعه کنید.
    لایسنس مارکت فایل: FVYZRM
*/
@font-face {
    font-family: main;
    src: url(../fonts/IRANSansWeb.eot);
    src: url(../fonts/IRANSansWeb.eot?#iefix) format("eot"),url(../fonts/IRANSansWeb.woff2) format("woff2"),url(../fonts/IRANSansWeb.woff) format("woff"),url(../fonts/IRANSansWeb.ttf) format("ttf");
    font-weight: 400;
}

@font-face {
    font-family: main;
    src: url(../fonts/IRANSansWeb_Bold.eot);
    src: url(../fonts/IRANSansWeb_Bold.eot?#iefix) format("eot"),url(../fonts/IRANSansWeb_Bold.woff2) format("woff2"),url(../fonts/IRANSansWeb_Bold.woff) format("woff"),url(../fonts/IRANSansWeb_Bold.ttf) format("ttf");
    font-weight: 700;
}


.center {
    text-align: center
}

.justify {
    text-align: justify
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: "main", Tahoma;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

a {
    background: transparent
}

    a:active,
    a:hover {
        outline: 0
    }

b,
strong {
    font-weight: bold
}

ul {
    padding-right: 20px
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

img {
    border: 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

.ltr {
    direction: ltr;
    text-align: left
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}
/*-------------------------------------------------------------------------------Rw Layout-------------------------------------------------------------------------------*/

.rw-layout {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4)
}

.rw-section {
    position: relative;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .rw-section:first-of-type {
        border-radius: 4px 4px 0 0
    }

    .rw-section:last-of-type {
        border-radius: 0 0 4px 4px
    }

    .rw-section:before,
    .rw-section:after {
        content: " ";
        display: table
    }

    .rw-section:after {
        clear: both
    }

.rw-inner {
    max-width: 1140px;
    margin: 0 auto
}

@media screen and (max-width: 1140px+40px) {
    .rw-layout {
        margin: 10px
    }
}

@media screen and (max-width: 1140px) {
    .rw-layout {
        margin: 0 auto
    }

    .rw-section:first-of-type,
    .rw-section:last-of-type {
        border-radius: 0
    }
}
/* Rw header------------------------------------------------*/

.rw-header {
    padding: 15px 30px;
    background: #2a3744;
    color: #fefefe
}

    .rw-header a {
        color: #c2cdd9
    }
/* Logo and nav in header------------------------------------------------*/

.logo-holder,
.menu-inline {
    display: inline-block;
    float: right
}

    .logo-holder .logo {
        margin: 0PX 0px 0 20px
    }
/* Rw container------------------------------------------------*/

.rw-container {
    min-height: 300px;
    background: #fff;
    overflow: hidden
}

.rw-column {
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 100029px;
    margin-bottom: -100029px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/* Content------------------------------------------------*/

.rw-content {
    position: relative;
    width: 100%;
    background: #ffffff
}
/* Sidebar------------------------------------------------*/

.rw-sidebar {
    position: relative;
    width: 300px;
    background: #edf0f0;
    min-height: 50px;
    min-width: 50px
}

    .rw-sidebar .the-sidebar {
        background: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .rw-sidebar .sidebar-mobile-pointer {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 1px;
        right: 0;
        margin: 0;
        background: inherit;
        border: 0;
        z-index: 1;
        cursor: pointer;
        text-align: center;
        padding: 15px 0
    }

        .rw-sidebar .sidebar-mobile-pointer .sidebar-icon {
            display: inline-block;
            -moz-transform: scale(1.7);
            -webkit-transform: scale(1.7);
            -o-transform: scale(1.7);
            -ms-transform: scale(1.7);
            transform: scale(1.7);
        }

.left-sidebar {
    padding-left: 300px
}

    .left-sidebar .rw-sidebar {
        float: left;
        margin-left: -300px;
        border-right: 1px solid #c3cdcd
    }

.right-sidebar {
    padding-right: 300px
}

    .right-sidebar .rw-sidebar {
        float: right;
        margin-right: -300px;
        border-left: 1px solid #c3cdcd
    }

@media screen and (max-width: 900px) {
    .left-sidebar,
    .right-sidebar {
        padding-left: 0;
        padding-right: 0
    }

        .left-sidebar .rw-sidebar,
        .right-sidebar .rw-sidebar {
            margin: 0
        }

    .rw-sidebar {
        margin: 0;
        width: 50px;
        min-height: 100px;
        position: absolute;
        right: auto;
        left: auto;
        top: 0;
        bottom: 0
    }

        .rw-sidebar .the-sidebar {
            display: none;
            position: fixed;
            top: 0;
            bottom: 0;
            border-radius: 0;
            margin: 0;
            z-index: 1100;
            overflow-y: auto;
            width: 320px
        }

        .rw-sidebar .sidebar-mobile-pointer {
            display: block
        }

            .rw-sidebar .sidebar-mobile-pointer.active {
                color: #eb5858
            }

    .left-sidebar {
        padding-left: 50px;
        padding-right: 0
    }

        .left-sidebar .rw-sidebar {
            right: auto;
            left: 0
        }

            .left-sidebar .rw-sidebar .the-sidebar {
                -webkit-box-shadow: inset -5px 0 15px -5px #8c9f9f;
                -moz-box-shadow: inset -5px 0 15px -5px #8c9f9f;
                box-shadow: inset -5px 0 15px -5px #8c9f9f
            }

    .right-sidebar {
        padding-left: 0;
        padding-right: 50px
    }

        .right-sidebar .rw-sidebar {
            right: 0;
            left: auto
        }

            .right-sidebar .rw-sidebar .the-sidebar {
                -webkit-box-shadow: inset 5px 0 15px -5px #8c9f9f;
                -moz-box-shadow: inset 5px 0 15px -5px #8c9f9f;
                box-shadow: inset 5px 0 15px -5px #8c9f9f
            }

    body.show-sidebar {
        overflow: hidden
    }

        body.show-sidebar .right-sidebar .rw-sidebar .the-sidebar {
            right: 0
        }

        body.show-sidebar .left-sidebar .rw-sidebar .the-sidebar {
            left: 0
        }
}
/* Rw footer------------------------------------------------*/

.rw-footer {
    padding: 20px 15px;
    background: #1F2934;
    border-top: 1px solid #19222C;
    font-family: "main", tahoma
}

    .rw-footer .footer-totals {
        position: relative
    }

        .rw-footer .footer-totals .total {
            margin: 5px 10px 5px 0
        }

            .rw-footer .footer-totals .total,
            .rw-footer .footer-totals .total .value,
            .rw-footer .footer-totals .total .type {
                display: inline-block;
                float: left
            }

                .rw-footer .footer-totals .total .value {
                    float: right
                }

                .rw-footer .footer-totals .total .value {
                    margin-top: 3px;
                    display: inline-block;
                    padding: 0 8px;
                    color: #fff;
                    border-radius: 3px;
                    vertical-align: middle
                }

                .rw-footer .footer-totals .total .type {
                    display: inline-block;
                    padding: 0px 4px 0 10px;
                    font-size: 16px;
                    vertical-align: middle;
                    text-shadow: 1px 1px 1px #1A1A1A
                }

                .rw-footer .footer-totals .total.red .value {
                    background: #eb5858
                }

                .rw-footer .footer-totals .total.red .type {
                    color: #eb5858
                }

                .rw-footer .footer-totals .total.green .value {
                    background: #89c245
                }

                .rw-footer .footer-totals .total.green .type {
                    color: #89c245
                }

                .rw-footer .footer-totals .total.blue .value {
                    background: #3094C2
                }

                .rw-footer .footer-totals .total.blue .type {
                    color: #58bde7
                }

    .rw-footer .footer-menu {
        font-size: 14px;
    }

        .rw-footer .footer-menu ul,
        .rw-footer .footer-menu li {
            margin: 0;
            padding: 0
        }

        .rw-footer .footer-menu ul {
            text-align: right
        }

            .rw-footer .footer-menu ul li {
                display: inline-block
            }

                .rw-footer .footer-menu ul li a {
                    display: block;
                    color: #BDBDBD;
                    padding: 7px 5px
                }

                    .rw-footer .footer-menu ul li a:hover {
                        color: #21aabd
                    }

    .rw-footer .footer-to-top {
        display: block;
        position: absolute;
        left: 50%;
        top: -15px;
        margin-left: -30px;
        width: 60px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 14px;
        background: #19222C;
        color: #21aabd;
        border: 1px solid #141D27;
        border-radius: 4px;
        cursor: pointer
    }

        .rw-footer .footer-to-top:hover {
            background: #21aabd;
            border-color: #198392;
            color: #fff;
            -webkit-transition: all 200ms;
            -moz-transition: all 200ms;
            -o-transition: all 200ms;
            transition: all 200ms
        }

@media screen and (max-width: 768px) {
    .rw-footer .footer-totals {
        text-align: center;
        margin-top: 15px
    }

        .rw-footer .footer-totals .total,
        .rw-footer .footer-totals .total .value,
        .rw-footer .footer-totals .total .type {
            float: none;
            font-weight: 400
        }

    .rw-footer .footer-menu {
        font-size: 14px;
        font-weight: 400;
        margin-top: 10px
    }

        .rw-footer .footer-menu ul {
            text-align: center
        }
}
/* Rw row------------------------------------------------*/

.rw-row {
    border-radius: 3px;
    border-radius: 0;
    margin: 0;
    padding: 15px 30px
}

    .rw-row.subtle {
        padding: 15px
    }

    .rw-row.border-bottom {
        border-bottom: 1px solid #d8d8d8
    }

    .rw-row.border-top {
        border-top: 1px solid #d8d8d8
    }

    .rw-row.border-tb {
        border-top: 1px solid #d8d8d8;
        border-bottom: 1px solid #d8d8d8
    }

    .rw-row.rounded {
        border-radius: 3px;
        background: #fefefe;
        border: 1px solid #d8d8d8;
        padding: 15px;
        margin: 15px 30px
    }

        .rw-row.rounded.subtle {
            padding: 15px 0
        }

    .rw-row.large {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .rw-row.simple {
        border: 0
    }

    .rw-row.minimal {
        padding: 0
    }

    .rw-row.light {
        background: #f2f2f2;
        border-color: #e6e6e6
    }

    .rw-row.light-gray {
        background: #e4e5ea;
        border-color: #c8c9d3
    }
/*-------------------------------------------------------------------------------Breadcrumb-------------------------------------------------------------------------------*/

.page-breadcrumb {
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #A9A9A9;
    font: normal 13px "main"
}

    .page-breadcrumb a {
        color: #7f7f7f;
        display: inline-block;
        white-space: nowrap;
        padding: 0 2px
    }
/*-------------------------------------------------------------------------------Page title-------------------------------------------------------------------------------*/

.page-title {
    position: relative;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 10
}

    .page-title h1,
    .page-title h2 {
        color: #0774DF;
        margin: 0;
        font-size: 22px;
        font-weight: bold;
    }
/*//===========================================================================//ELEMENTS//===========================================================================//*/
/*-------------------------------------------------------------------------------Elem / Grid-------------------------------------------------------------------------------*/
/** * -------------------------------------------------------------------------- * Grid container * -------------------------------------------------------------------------- */

.grid-container {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1140px;
    padding-left: 0;
    padding-right: 0
}

    .grid-container img {
        max-width: 100%;
        height: auto
    }
    /** * -------------------------------------------------------------------------- * Grid global * -------------------------------------------------------------------------- */

    .grid-container .grid {
        position: relative;
        display: inline-block;
        float: right;
        margin: 0;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .grid-container .grid.alpha {
            padding-right: 0
        }

        .grid-container .grid.omega {
            padding-left: 0
        }

        .grid-container .grid.both {
            padding-left: 0;
            padding-right: 0
        }

.mobile-clear {
    height: 0;
    display: none
}
/** * -------------------------------------------------------------------------- * Default Grid size * -------------------------------------------------------------------------- */
/* Integer grid ------------------------------------------------*/

.grid-container .grid.desk-12 {
    width: 100%
}

.grid-container .grid.desk-11 {
    width: 91.66666667%
}

.grid-container .grid.desk-10 {
    width: 83.33333333%
}

.grid-container .grid.desk-9 {
    width: 75%
}

.grid-container .grid.desk-8 {
    width: 66.66666667%
}

.grid-container .grid.desk-7 {
    width: 58.33333333%
}

.grid-container .grid.desk-6 {
    width: 50%
}

.grid-container .grid.desk-5 {
    width: 41.66666667%
}

.grid-container .grid.desk-4 {
    width: 33.33333333%
}

.grid-container .grid.desk-3 {
    width: 25%
}

.grid-container .grid.desk-2 {
    width: 16.66666667%
}

.grid-container .grid.desk-1 {
    width: 8.33333333%
}
/* Float grid ------------------------------------------------*/

.grid-container .grid.desk-11-5 {
    width: 95.83333333%
}

.grid-container .grid.desk-10-5 {
    width: 87.5%
}

.grid-container .grid.desk-9-5 {
    width: 79.16666667%
}

.grid-container .grid.desk-8-5 {
    width: 70.83333333%
}

.grid-container .grid.desk-7-5 {
    width: 62.5%
}

.grid-container .grid.desk-6-5 {
    width: 54.16666667%
}

.grid-container .grid.desk-5-5 {
    width: 45.83333333%
}

.grid-container .grid.desk-4-5 {
    width: 37.5%
}

.grid-container .grid.desk-3-5 {
    width: 29.16666667%
}

.grid-container .grid.desk-2-5 {
    width: 20.83333333%
}

.grid-container .grid.desk-1-5 {
    width: 12.5%
}

.grid-container .grid.desk-0-5 {
    width: 4.16666667%
}
/* Columns grid ------------------------------------------------*/

.grid-container .grid.desk-1of12 {
    width: 8.33333333%
}

.grid-container .grid.desk-1of11 {
    width: 9.09090909%
}

.grid-container .grid.desk-1of10 {
    width: 10%
}

.grid-container .grid.desk-1of9 {
    width: 11.11111111%
}

.grid-container .grid.desk-1of8 {
    width: 12.5%
}

.grid-container .grid.desk-1of7 {
    width: 14.28571429%
}

.grid-container .grid.desk-1of6 {
    width: 16.66666667%
}

.grid-container .grid.desk-1of5 {
    width: 20%
}

.grid-container .grid.desk-1of4 {
    width: 25%
}

.grid-container .grid.desk-1of3 {
    width: 33.33333333%
}

.grid-container .grid.desk-1of2 {
    width: 50%
}

.grid-container .grid.desk-1of1 {
    width: 100%
}
/** * -------------------------------------------------------------------------- * Responsive * -------------------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
    .grid-container .grid.mobile-100-percents,
    .grid-container .grid.desk-12,
    .grid-container .grid.desk-12-5,
    .grid-container .grid.desk-1of12,
    .grid-container .grid.desk-11,
    .grid-container .grid.desk-11-5,
    .grid-container .grid.desk-1of11,
    .grid-container .grid.desk-10,
    .grid-container .grid.desk-10-5,
    .grid-container .grid.desk-1of10,
    .grid-container .grid.desk-9,
    .grid-container .grid.desk-9-5,
    .grid-container .grid.desk-1of9,
    .grid-container .grid.desk-8,
    .grid-container .grid.desk-8-5,
    .grid-container .grid.desk-1of8,
    .grid-container .grid.desk-7,
    .grid-container .grid.desk-7-5,
    .grid-container .grid.desk-1of7,
    .grid-container .grid.desk-6,
    .grid-container .grid.desk-6-5,
    .grid-container .grid.desk-1of6,
    .grid-container .grid.desk-5,
    .grid-container .grid.desk-5-5,
    .grid-container .grid.desk-1of5,
    .grid-container .grid.desk-4,
    .grid-container .grid.desk-4-5,
    .grid-container .grid.desk-1of4,
    .grid-container .grid.desk-3,
    .grid-container .grid.desk-3-5,
    .grid-container .grid.desk-1of3,
    .grid-container .grid.desk-2,
    .grid-container .grid.desk-2-5,
    .grid-container .grid.desk-1of2,
    .grid-container .grid.desk-1,
    .grid-container .grid.desk-1-5,
    .grid-container .grid.desk-1of1 {
        width: 100%
    }

        .grid-container .grid.mobile-100-percents.alpha,
        .grid-container .grid.mobile-100-percents.omega,
        .grid-container .grid.desk-12.alpha,
        .grid-container .grid.desk-12.omega,
        .grid-container .grid.desk-12-5.alpha,
        .grid-container .grid.desk-12-5.omega,
        .grid-container .grid.desk-1of12.alpha,
        .grid-container .grid.desk-1of12.omega,
        .grid-container .grid.desk-11.alpha,
        .grid-container .grid.desk-11.omega,
        .grid-container .grid.desk-11-5.alpha,
        .grid-container .grid.desk-11-5.omega,
        .grid-container .grid.desk-1of11.alpha,
        .grid-container .grid.desk-1of11.omega,
        .grid-container .grid.desk-10.alpha,
        .grid-container .grid.desk-10.omega,
        .grid-container .grid.desk-10-5.alpha,
        .grid-container .grid.desk-10-5.omega,
        .grid-container .grid.desk-1of10.alpha,
        .grid-container .grid.desk-1of10.omega,
        .grid-container .grid.desk-9.alpha,
        .grid-container .grid.desk-9.omega,
        .grid-container .grid.desk-9-5.alpha,
        .grid-container .grid.desk-9-5.omega,
        .grid-container .grid.desk-1of9.alpha,
        .grid-container .grid.desk-1of9.omega,
        .grid-container .grid.desk-8.alpha,
        .grid-container .grid.desk-8.omega,
        .grid-container .grid.desk-8-5.alpha,
        .grid-container .grid.desk-8-5.omega,
        .grid-container .grid.desk-1of8.alpha,
        .grid-container .grid.desk-1of8.omega,
        .grid-container .grid.desk-7.alpha,
        .grid-container .grid.desk-7.omega,
        .grid-container .grid.desk-7-5.alpha,
        .grid-container .grid.desk-7-5.omega,
        .grid-container .grid.desk-1of7.alpha,
        .grid-container .grid.desk-1of7.omega,
        .grid-container .grid.desk-6.alpha,
        .grid-container .grid.desk-6.omega,
        .grid-container .grid.desk-6-5.alpha,
        .grid-container .grid.desk-6-5.omega,
        .grid-container .grid.desk-1of6.alpha,
        .grid-container .grid.desk-1of6.omega,
        .grid-container .grid.desk-5.alpha,
        .grid-container .grid.desk-5.omega,
        .grid-container .grid.desk-5-5.alpha,
        .grid-container .grid.desk-5-5.omega,
        .grid-container .grid.desk-1of5.alpha,
        .grid-container .grid.desk-1of5.omega,
        .grid-container .grid.desk-4.alpha,
        .grid-container .grid.desk-4.omega,
        .grid-container .grid.desk-4-5.alpha,
        .grid-container .grid.desk-4-5.omega,
        .grid-container .grid.desk-1of4.alpha,
        .grid-container .grid.desk-1of4.omega,
        .grid-container .grid.desk-3.alpha,
        .grid-container .grid.desk-3.omega,
        .grid-container .grid.desk-3-5.alpha,
        .grid-container .grid.desk-3-5.omega,
        .grid-container .grid.desk-1of3.alpha,
        .grid-container .grid.desk-1of3.omega,
        .grid-container .grid.desk-2.alpha,
        .grid-container .grid.desk-2.omega,
        .grid-container .grid.desk-2-5.alpha,
        .grid-container .grid.desk-2-5.omega,
        .grid-container .grid.desk-1of2.alpha,
        .grid-container .grid.desk-1of2.omega,
        .grid-container .grid.desk-1.alpha,
        .grid-container .grid.desk-1.omega,
        .grid-container .grid.desk-1-5.alpha,
        .grid-container .grid.desk-1-5.omega,
        .grid-container .grid.desk-1of1.alpha,
        .grid-container .grid.desk-1of1.omega {
            padding-left: 0;
            padding-right: 0
        }
    /* Integer grid ------------------------------------------------*/

    .grid-container .grid.mob-12 {
        width: 100%
    }

    .grid-container .grid.mob-11 {
        width: 91.66666667%
    }

    .grid-container .grid.mob-10 {
        width: 83.33333333%
    }

    .grid-container .grid.mob-9 {
        width: 75%
    }

    .grid-container .grid.mob-8 {
        width: 66.66666667%
    }

    .grid-container .grid.mob-7 {
        width: 58.33333333%
    }

    .grid-container .grid.mob-6 {
        width: 50%
    }

    .grid-container .grid.mob-5 {
        width: 41.66666667%
    }

    .grid-container .grid.mob-4 {
        width: 33.33333333%
    }

    .grid-container .grid.mob-3 {
        width: 25%
    }

    .grid-container .grid.mob-2 {
        width: 16.66666667%
    }

    .grid-container .grid.mob-1 {
        width: 8.33333333%
    }
    /* Float grid ------------------------------------------------*/

    .grid-container .grid.mob-11-5 {
        width: 95.83333333%
    }

    .grid-container .grid.mob-10-5 {
        width: 87.5%
    }

    .grid-container .grid.mob-9-5 {
        width: 79.16666667%
    }

    .grid-container .grid.mob-8-5 {
        width: 70.83333333%
    }

    .grid-container .grid.mob-7-5 {
        width: 62.5%
    }

    .grid-container .grid.mob-6-5 {
        width: 54.16666667%
    }

    .grid-container .grid.mob-5-5 {
        width: 45.83333333%
    }

    .grid-container .grid.mob-4-5 {
        width: 37.5%
    }

    .grid-container .grid.mob-3-5 {
        width: 29.16666667%
    }

    .grid-container .grid.mob-2-5 {
        width: 20.83333333%
    }

    .grid-container .grid.mob-1-5 {
        width: 12.5%
    }

    .grid-container .grid.mob-0-5 {
        width: 4.16666667%
    }
    /* Columns grid ------------------------------------------------*/

    .grid-container .grid.mob-1of12 {
        width: 8.33333333%
    }

    .grid-container .grid.mob-1of11 {
        width: 9.09090909%
    }

    .grid-container .grid.mob-1of10 {
        width: 10%
    }

    .grid-container .grid.mob-1of9 {
        width: 11.11111111%
    }

    .grid-container .grid.mob-1of8 {
        width: 12.5%
    }

    .grid-container .grid.mob-1of7 {
        width: 14.28571429%
    }

    .grid-container .grid.mob-1of6 {
        width: 16.66666667%
    }

    .grid-container .grid.mob-1of5 {
        width: 20%
    }

    .grid-container .grid.mob-1of4 {
        width: 25%
    }

    .grid-container .grid.mob-1of3 {
        width: 33.33333333%
    }

    .grid-container .grid.mob-1of2 {
        width: 50%
    }

    .grid-container .grid.mob-1of1 {
        width: 100%
    }

    .mobile-clear {
        display: block;
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        clear: both;
        overflow: hidden;
        visibility: hidden
    }

    .logo-holder {
        float: left
    }

    .menu-inline {
        float: right;
        z-index: 100
    }

    .main-menu-nav.breakpoint.active-menu .menu {
        z-index: 100
    }

    .main-menu-nav .menu.horizontal.align-left {
        z-index: 1
    }
}

@media only screen and (max-width: 480px) {
    .grid-container .grid.mob-1,
    .grid-container .grid.mob-2,
    .grid-container .grid.mob-3,
    .grid-container .grid.mob-4,
    .grid-container .grid.mob-5,
    .grid-container .grid.mob-6,
    .grid-container .grid.mob-7,
    .grid-container .grid.mob-8,
    .grid-container .grid.mob-9,
    .grid-container .grid.mob-10,
    .grid-container .grid.mob-11,
    .grid-container .grid.mob-12 {
        width: 100%
    }
}
/** * -------------------------------------------------------------------------- * Clearfix * -------------------------------------------------------------------------- */

.clearfix:before,
.grid-container:before,
.clearfix:after,
.grid-container:after {
    content: " ";
    display: table
}

.clearfix:after,
.grid-container:after {
    clear: both
}

.clear {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}
/*-------------------------------------------------------------------------------Elem / Typography-------------------------------------------------------------------------------*/

body {
    background: #777777 url(../images/download.png) repeat 0 0 fixed;
    font-size: 14px;
    color: #454757;
    font-family: "main", Arial, Helvetica, serif;
    line-height: 1.5;
    direction: rtl
}
/* Images------------------------------------------------*/

img {
    max-width: 100%;
    height: auto
}
/* HoRizontal line------------------------------------------------*/

hr {
    background: #e4e5ea;
    height: 1px;
    border: 0;
    padding: 0;
    width: 100%;
    margin: 19px 0
}
/* Links------------------------------------------------*/

a {
    color: #21aabd;
    text-decoration: none
}

    a:hover {
        color: #198392
    }
/* Headings------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "main", Arial, Helvetica, serif;
    font-weight: 400;
    color: #2e303a
}

h1 {
    font-size: 36px;
    margin: 18px 0 12px 0
}

h2 {
    font-size: 1.5rem;
    margin: 16px 0 11px 0
}

h3 {
    font-size: 1.4rem;
    margin: 15px 0 10px 0
}

h4 {
    font-size: 1.2rem;
    margin: 5px 0 9px 0;
    font-weight: bold;
}

h5 {
    font-size: 21px;
    margin: 12px 0 8px 0
}

h6 {
    font-size: 17px;
    margin: 11px 0 7px 0
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        font-weight: 400
    }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    .entry-title a {
        color: #5b5e73;
        text-decoration: none
    }

        h1 a:hover,
        h2 a:hover,
        h3 a:hover,
        h4 a:hover,
        h5 a:hover,
        h6 a:hover,
        .entry-title a:hover {
            color: #21aabd
        }
/* Global margins------------------------------------------------*/
/* Lists------------------------------------------------*/

li > ul,
li > ol {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none
}
/*-------------------------------------------------------------------------------Elem / Marks-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------Elem / Buttons-------------------------------------------------------------------------------*/

.button {
    padding: 2px 18px;
    font-size: 15px;
    position: relative;
    display: inline-block;
    margin: 6px 3px 3px 0;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 400;
    text-shadow: none;
    vertical-align: middle;
    text-align: center
}

    .button.link {
        border-color: transparent;
        background: transparent;
        color: inherit;
        text-shadow: none
    }

    .button:hover {
        background: #fcfcfc;
        color: #505265;
        border-color: #bfbfbf;
        -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.15);
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15), 0 1px 1px 0 rgba(0, 0, 0, 0.15)
    }

    .button.current,
    .button.current:hover {
        z-index: 2;
        -webkit-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2)
    }

    .button:before {
        line-height: 1.5
    }

    .button.red,
    .button.hover-red:hover {
        background: #eb5858;
        border-color: #dc1a1a;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }

        .button.red:hover {
            background: #e84141;
            border-color: #dc1a1a;
            color: #ffffff
        }

    .button.green,
    .button.hover-green:hover {
        background: #89c245;
        border-color: #618c2e;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }

        .button.green:hover {
            background: #7cb33b;
            border-color: #618c2e;
            color: #ffffff
        }

    .button.blue,
    .button.hover-blue:hover {
        background: #58bde7;
        border-color: #1e9fd4;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }

        .button.blue:hover {
            background: #42b4e4;
            border-color: #1e9fd4;
            color: #ffffff
        }
    .button.blue2 {
        background: #19B0EA;
        border-color: #15a4db;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }

        .button.blue2:hover {
            background: #15a4db;
            border-color: #0993c8;
            color: #ffffff
        }

    .button.orange,
    .button.hover-orange:hover {
        background: #f6a856;
        border-color: #f2830d;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }

    .button.dark {
        background: #394857;
        border-color: #232F3C;
        color: #ffffff;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }

    .button.orange:hover {
        background: #f59c3e;
        border-color: #f2830d;
        color: #ffffff
    }

    .button.small {
        padding: 5px 11px;
        font-size: 12px
    }

    .button.big {
        padding: 13px 26px;
        font-size: 22px
    }

    .button.mini {
        padding: 0 7px;
        font-size: inherit
    }

    .button.active,
    .button:active {
        -webkit-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 5px 25px 0 rgba(0, 0, 0, 0.2)
    }
/*-------------------------------------------------------------------------------Elem / Form-------------------------------------------------------------------------------*/

input[type="text"],
input[type="email"],
input[type="number"],
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
    padding: 8px 10px;
    margin: 5px 0 5px 0;
    border-radius: 3px;
    border: 1px solid #c8c9d3;
    background: #FDFDFD;
    color: #23242c
}

textarea {
    width: 100%;
    min-height: 100px
}

.fullwidth {
    width: 100%;
    box-sizing: border-box
}

input:focus:not([type="range"]),
select:focus,
textarea:focus {
    outline: none;
    -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.07)
}
/* Radio,Checkbox------------------------------------------------*/

input[type="radio"],
input[type="checkbox"] {
    position: relative;
    vertical-align: middle;
    margin-right: 5px
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    font: normal 15px "main"
}
/*-------------------------------------------------------------------------------Elem / Smk Accordion------------------------------------------------------------------------------- */

.smk_accordion {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 20px
}
    /** * -------------------------------------------------------------- * Section * -------------------------------------------------------------- */

    .smk_accordion .accordion_in {
        border: 1px solid #ccc;
        position: relative;
        z-index: 10;
        margin-top: -1px;
        overflow: hidden
    }
        /** * -------------------------------------------------------------- * Head * -------------------------------------------------------------- */

        .smk_accordion .accordion_in .acc_head {
            position: relative;
            background: #FDFDFD;
            padding: 10px;
            font-size: 14px;
            display: block;
            cursor: pointer
        }

            .smk_accordion .accordion_in .acc_head .acc_icon_expand {
                display: block;
                width: 18px;
                height: 18px;
                position: absolute;
                left: 10px;
                top: 50%;
                margin-top: -9px;
                background: url(../images/plusminus.png) center 0
            }
        /** * -------------------------------------------------------------- * Content * -------------------------------------------------------------- */

        .smk_accordion .accordion_in .acc_content {
            background: #F9F9F9;
            color: #7B7E85;
            padding: 3px 10px
        }

            .smk_accordion .accordion_in .acc_content h1:first-of-type,
            .smk_accordion .accordion_in .acc_content h2:first-of-type,
            .smk_accordion .accordion_in .acc_content h3:first-of-type,
            .smk_accordion .accordion_in .acc_content h4:first-of-type,
            .smk_accordion .accordion_in .acc_content h5:first-of-type,
            .smk_accordion .accordion_in .acc_content h6:first-of-type {
                margin-top: 5px
            }
        /** * -------------------------------------------------------------- * General * -------------------------------------------------------------- */

        .smk_accordion .accordion_in:first-of-type,
        .smk_accordion .accordion_in:first-of-type .acc_head {
            border-radius: 3px 3px 0 0
        }

        .smk_accordion .accordion_in:last-of-type,
        .smk_accordion .accordion_in:last-of-type .acc_content {
            border-radius: 0 0 3px 3px
        }

        .smk_accordion .accordion_in.acc_active > .acc_content {
            display: block
        }

        .smk_accordion .accordion_in.acc_active > .acc_head {
            background: #F9F9F9
        }

            .smk_accordion .accordion_in.acc_active > .acc_head .acc_icon_expand {
                background: url(../images/plusminus.png) center -18px
            }

    .smk_accordion.acc_with_icon .accordion_in .acc_head,
    .smk_accordion.acc_with_icon .accordion_in .acc_content {
        padding-left: 40px
    }
/*-------------------------------------------------------------------------------Elem / jQuery qTip-------------------------------------------------------------------------------*/

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word
}

.qtip-titlebar {
    position: relative;
    padding: 10px 35px 10px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important
    }

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon,
.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 10px/13px Tahoma, sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em
    }

.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3
}

    .qtip-dark .qtip-titlebar {
        background-color: #404040
    }

    .qtip-dark .qtip-icon {
        border-color: #444
    }

    .qtip-dark .qtip-titlebar .ui-state-hover {
        border-color: #303030
    }

.qtip-blue {
    background-color: #E5F6FE;
    border-color: #ADD9ED;
    color: #5E99BD
}

    .qtip-blue .qtip-titlebar {
        background-color: #D0E9F5
    }

    .qtip-blue .qtip-close .qtip-icon {
        background-position: -2px 0
    }

.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15)
}

.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    .qtip-rounded .qtip-titlebar {
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0
    }

.qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4a4a4a);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}

.qtip-jtools .qtip-content {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4a4a4a, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}

.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
    background: transparent;
    color: white;
    border: 0 dashed transparent
}

.qtip-jtools .qtip-icon {
    border-color: #555
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}

.qtip-tipsy {
    background: black;
    background: rgba(0, 0, 0, 0.87);
    color: white;
    border: 0 solid transparent;
    font-size: 12px;
    font-family: 'main', Tahoma, sans-serif;
    font-weight: bold;
    white-space: nowrap;
    line-height: 16px;
    text-shadow: 0 1px black
}

    .qtip-tipsy .qtip-titlebar {
        padding: 6px 35px 0 10px;
        background-color: transparent
    }

    .qtip-tipsy .qtip-content {
        padding: 6px 10px
    }

    .qtip-tipsy .qtip-icon {
        border-color: #222;
        text-shadow: none
    }

    .qtip-tipsy .qtip-titlebar .ui-state-hover {
        border-color: #303030
    }

.qtip-tipped {
    border: 3px solid #959FA9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #F9F9F9;
    color: #454545;
    font-weight: normal;
    font-family: serif
}

    .qtip-tipped .qtip-titlebar {
        background-position: 0% 0%;
        border-bottom-width: 0;
        color: white;
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
        background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
        background-color: #3A79B8;
        background-repeat: repeat;
        background-attachment: scroll
    }

    .qtip-tipped .qtip-icon {
        border: 2px solid #285589;
        background: #285589
    }

        .qtip-tipped .qtip-icon .ui-icon {
            background-color: #FBFBFB;
            color: #555
        }

.qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

    .qtip-bootstrap .qtip-titlebar {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

        .qtip-bootstrap .qtip-titlebar .qtip-close {
            right: 11px;
            top: 45%;
            border-style: none
        }

    .qtip-bootstrap .qtip-content {
        padding: 9px 14px
    }

    .qtip-bootstrap .qtip-icon {
        background: transparent
    }

        .qtip-bootstrap .qtip-icon .ui-icon {
            width: auto;
            height: auto;
            float: right;
            font-size: 20px;
            font-weight: bold;
            line-height: 18px;
            color: #000000;
            text-shadow: 0 1px 0 #ffffff;
            opacity: 0.2;
            filter: alpha(opacity=20)
        }

            .qtip-bootstrap .qtip-icon .ui-icon:hover {
                color: #000000;
                text-decoration: none;
                cursor: pointer;
                opacity: 0.4;
                filter: alpha(opacity=40)
            }

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    filter: none;
    -ms-filter: none
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}
/* Opera bug #357 - Incorrect tip position https://github.com/Craga89/qTip2/issues/367 */

x:-o-prefocus,
.qtip .qtip-tip {
    visibility: hidden
}

    .qtip .qtip-tip,
    .qtip .qtip-tip .qtip-vml,
    .qtip .qtip-tip canvas {
        position: absolute;
        color: #123456;
        background: transparent;
        border: 0 dashed transparent
    }

        .qtip .qtip-tip canvas {
            top: 0;
            left: 0
        }

        .qtip .qtip-tip .qtip-vml {
            behavior: url(#default#VML);
            display: inline-block;
            visibility: visible
        }

#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

    #qtip-overlay.blurs {
        cursor: pointer
    }

    #qtip-overlay div {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
    }

.qtipmodal-ie6fix {
    position: absolute !important
}
/*-------------------------------------------------------------------------------Elem / jQuery Visual select-------------------------------------------------------------------------------*/
/*//===========================================================================//MENU//===========================================================================//*/

.main-menu-nav:before,
.main-menu-nav:after {
    content: " ";
    display: table
}

.main-menu-nav:after {
    clear: both
}

.main-menu-nav .menu {
    position: relative;
    z-index: 1000;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

    .main-menu-nav .menu > li {
        position: relative;
        display: inline-block;
        float: right;
        padding: 0;
        margin: 0
    }

    .main-menu-nav .menu.align-left > li {
        float: left
    }

    .main-menu-nav .menu > li > a {
        position: relative;
        display: block;
        white-space: nowrap;
        padding: 10px 15px;
        font: normal 14px "main", arial
    }

    .main-menu-nav .menu:before,
    .main-menu-nav .menu:after {
        content: " ";
        display: table
    }

    .main-menu-nav .menu:after {
        clear: both
    }
    /* Sub-menu------------------------------------------------*/

    .main-menu-nav .menu .sub-menu {
        display: none;
        position: absolute;
        margin: 0;
        padding: 15px 0;
        list-style: none;
        min-width: 120px;
        background: #FFF;
        color: #fff
    }

        .main-menu-nav .menu .sub-menu > li {
            position: relative;
            display: block;
            margin: 0;
            padding: 0;
            width: 100%
        }

            .main-menu-nav .menu .sub-menu > li > a {
                display: block;
                white-space: nowrap;
                padding: 10px 15px;
                font: normal 14px main;
            }

            .main-menu-nav .menu .sub-menu > li > .sub-menu {
                padding: 0
            }

        .main-menu-nav .menu .sub-menu.hovv,
        .main-menu-nav .menu > li .sub-menu.hovv {
            display: block
        }

        .main-menu-nav .menu > li > a .sub-menu-mark,
        .main-menu-nav .menu .sub-menu > li > a .sub-menu-mark {
            display: block;
            font-size: 12px;
            line-height: 1;
            position: absolute;
            right: 4px;
            top: 50%;
            margin: -6px 0 0 0
        }

        .main-menu-nav .menu .sub-menu > li > .inner {
            padding: 10px 15px
        }

    .main-menu-nav .menu > li.mega {
        position: static
    }

        .main-menu-nav .menu > li.mega .sub-menu {
            left: 0;
            right: 0
        }
    /* Hover------------------------------------------------*/

    .main-menu-nav .menu > li:hover > .sub-menu {
        display: block
    }

    .main-menu-nav .menu > li:hover > a {
        background: #fff
    }

    .main-menu-nav .menu .sub-menu > li:hover > .sub-menu {
        display: block
    }
    /* Horizontal------------------------------------------------*/

    .main-menu-nav .menu.horizontal.align-left {
        float: left
    }

    .main-menu-nav .menu.horizontal.align-right {
        float: right
    }

    .main-menu-nav .menu.horizontal.align-center {
        float: none;
        text-align: center
    }

        .main-menu-nav .menu.horizontal.align-center > li {
            float: none;
            text-align: left
        }

    .main-menu-nav .menu.horizontal .sub-menu > li > .sub-menu {
        left: 100%;
        top: 0
    }

    .main-menu-nav .menu.horizontal > li.to-left .sub-menu {
        left: auto;
        right: 0
    }

    .main-menu-nav .menu.horizontal .sub-menu > li.to-left .sub-menu {
        left: auto;
        right: 100%
    }

    .main-menu-nav .menu.horizontal > li.to-left-more .sub-menu {
        right: auto;
        left: -20px
    }

    .main-menu-nav .menu.horizontal > li.to-right-more .sub-menu {
        left: auto;
        right: -20px
    }

    .main-menu-nav .menu.horizontal .sub-menu > li.to-left-more .sub-menu {
        left: auto;
        right: 100%
    }

    .main-menu-nav .menu.horizontal:before,
    .main-menu-nav .menu.horizontal:after {
        content: " ";
        display: table
    }

    .main-menu-nav .menu.horizontal:after {
        clear: both
    }
    /* Theme default------------------------------------------------*/
    /* Default theme------------------------------------------------*/

    .main-menu-nav .menu > li > a {
        color: #c5d0db;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -o-transition: all 200ms;
        transition: all 200ms
    }

        .main-menu-nav .menu > li > a:before {
            content: " ";
            display: block;
            position: absolute;
            width: 0;
            height: 2px;
            top: 5px;
            left: 50%;
            z-index: 9;
            background: #a5b6c8;
            border-radius: 10px;
            -webkit-transition: all 200ms;
            -moz-transition: all 200ms;
            -o-transition: all 200ms;
            transition: all 200ms
        }

        .main-menu-nav .menu > li > a.menu-single-icon {
            position: relative;
            font-size: 18px;
            line-height: 1;
            padding-top: 12px;
            padding-bottom: 11px
        }

            .main-menu-nav .menu > li > a.menu-single-icon .new-info {
                display: block;
                position: absolute;
                top: 4px;
                right: 0;
                padding: 3px 0;
                min-width: 16px;
                text-align: center;
                border-radius: 15px;
                color: #fff;
                background: #eb5858;
                font-size: 10px;
                z-index: 10;
                -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
                -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);
                box-shadow: 0 1px 0 rgba(0, 0, 0, 0.7)
            }

    .main-menu-nav .menu .sub-menu {
        margin: 15px 0;
        padding: 0;
        background: #2a3744;
        background: rgba(42, 55, 68, 0.94);
        -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2)
    }

        .main-menu-nav .menu .sub-menu > li {
            z-index: 10
        }

            .main-menu-nav .menu .sub-menu > li,
            .main-menu-nav .menu .sub-menu > li > a {
                position: relative;
                color: #fff;
                z-index: 10
            }

                .main-menu-nav .menu .sub-menu > li > a,
                .main-menu-nav .menu .sub-menu > li > span {
                    padding: 7px 15px
                }

                    .main-menu-nav .menu .sub-menu > li > a:hover {
                        background: #202a34;
                        border-radius: 2px
                    }

                .main-menu-nav .menu .sub-menu > li .sub-menu {
                    margin: 0
                }

        .main-menu-nav .menu .sub-menu > li {
            border-bottom: 1px solid #242f3b
        }

        .main-menu-nav .menu .sub-menu:before,
        .main-menu-nav .menu .sub-menu:after {
            content: " ";
            display: block;
            position: absolute
        }

        .main-menu-nav .menu .sub-menu:after {
            background: transparent;
            width: 100%;
            height: 15px;
            top: -15px;
            left: 0;
            z-index: 8
        }

        .main-menu-nav .menu .sub-menu.mega {
            padding: 10px 10px 20px 10px;
            width: 800px
        }

.megagroup {
    float: right;
    width: 160px
}

    .megagroup h6 {
        padding: 0;
        margin: 0 0 5px 0;
        color: #eee;
        font-size: 17px
    }

    .megagroup ul {
        padding: 0 20px 0 0;
        list-style: circle;
        margin: 0 8px 15px 0;
        font-size: 12px
    }
/* Hover------------------------------------------------*/

.main-menu-nav .menu > li:hover > a:before {
    width: 40%;
    left: 30%
}

.main-menu-nav .menu > li:hover > .sub-menu {
    display: block
}

.main-menu-nav .menu > li:hover > a {
    background: transparent;
    color: #fff
}

.main-menu-nav .menu .sub-menu > li:hover:before,
.main-menu-nav .menu .sub-menu > li:hover:after {
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.main-menu-nav .menu .sub-menu > li:hover > .sub-menu {
    display: block
}

.main-menu-nav .menu .sub-menu > li:hover > a {
    color: #eee
}
/* User menu from right------------------------------------------------*/
/* User menu to the right------------------------------------------------*/

.main-menu-nav .menu > li .user-details-in-menu .avatar {
    padding: 0
}

    .main-menu-nav .menu > li .user-details-in-menu .avatar img {
        margin: 8px 0 3px 10px;
        padding: 2px;
        width: 24px;
        height: 24px;
        background: #fff;
        border-radius: 50%
    }

.main-menu-nav .menu .sub-menu.user-notes {
    min-width: 300px;
    font-size: 11px
}

    .main-menu-nav .menu .sub-menu.user-notes .note {
        padding: 10px 15px
    }

        .main-menu-nav .menu .sub-menu.user-notes .note:hover {
            background: rgba(58, 71, 84, 0.94)
        }

        .main-menu-nav .menu .sub-menu.user-notes .note.False {
            background: #232E38
        }

            .main-menu-nav .menu .sub-menu.user-notes .note.False:hover {
                background: #1A242D
            }

        .main-menu-nav .menu .sub-menu.user-notes .note a {
            color: #c5d0db
        }

            .main-menu-nav .menu .sub-menu.user-notes .note a:hover {
                color: #fff
            }

        .main-menu-nav .menu .sub-menu.user-notes .note .user-message {
            position: relative;
            padding-right: 30px
        }

            .main-menu-nav .menu .sub-menu.user-notes .note .user-message .avatar {
                position: absolute;
                top: 0;
                left: 0;
                width: 50px;
                height: 50px;
                display: block;
                margin: 0
            }

            .main-menu-nav .menu .sub-menu.user-notes .note .user-message .type {
                display: block;
                padding: 0;
                position: absolute;
                top: 50%;
                margin-top: -9px;
                right: 1px;
                color: #fff;
                font-size: 18px;
                line-height: 1
            }

            .main-menu-nav .menu .sub-menu.user-notes .note .user-message .username {
                font-weight: 700
            }

            .main-menu-nav .menu .sub-menu.user-notes .note .user-message .message {
                color: #fff
            }

            .main-menu-nav .menu .sub-menu.user-notes .note .user-message .date {
                color: #bbb
            }

    .main-menu-nav .menu .sub-menu.user-notes .go-to-all {
        text-align: center
    }
/* Responsive------------------------------------------------*/

.main-menu-nav {
    position: relative
}

    .main-menu-nav.breakpoint .menu {
        position: absolute;
        top: 100%;
        right: 0;
        margin: 0;
        padding: 0;
        background: #333;
        min-width: 300px;
        display: none
    }

        .main-menu-nav.breakpoint .menu > li {
            position: relative;
            display: block;
            float: none;
            z-index: 1
        }

            .main-menu-nav.breakpoint .menu > li.inactive-li {
                display: none
            }

            .main-menu-nav.breakpoint .menu > li > a {
                border-bottom: 1px solid #666;
                padding: 15px;
                font-size: 14px;
                line-height: 1;
                white-space: normal
            }

                .main-menu-nav.breakpoint .menu > li > a:before {
                    display: none
                }

        .main-menu-nav.breakpoint .menu .sub-menu {
            position: relative;
            left: 0;
            top: 0;
            display: none;
            z-index: 2;
            width: 100%;
            background: transparent;
            margin: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none
        }

            .main-menu-nav.breakpoint .menu .sub-menu > li {
                position: relative;
                display: block;
                float: none
            }

                .main-menu-nav.breakpoint .menu .sub-menu > li.inactive-li {
                    display: none
                }

                .main-menu-nav.breakpoint .menu .sub-menu > li > a {
                    background: transparent;
                    color: #fff;
                    border-bottom: 1px solid #666;
                    padding: 15px;
                    font-size: 14px;
                    line-height: 1;
                    white-space: normal
                }

                .main-menu-nav.breakpoint .menu .sub-menu > li .sub-menu {
                    display: none;
                    position: relative;
                    left: 0;
                    top: 0
                }

        .main-menu-nav.breakpoint .menu .sub-menu-pointer {
            display: block;
            width: 20px;
            height: 20px;
            padding: 7px;
            font-size: 14px;
            background: #aaa;
            color: #fff;
            border-radius: 2px;
            position: absolute;
            left: 5px;
            top: 5px;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            z-index: 10
        }

            .main-menu-nav.breakpoint .menu .sub-menu-pointer.active {
                background: #eb5858
            }

        .main-menu-nav.breakpoint .menu > li:hover > .sub-menu {
            display: none
        }

        .main-menu-nav.breakpoint .menu > li.active-li > .sub-menu,
        .main-menu-nav.breakpoint .menu .sub-menu > li.active-li > .sub-menu {
            display: block
        }

        .main-menu-nav.breakpoint .menu > li.active-li > a,
        .main-menu-nav.breakpoint .menu .sub-menu > li.active-li > a {
            background: #151515;
            border-bottom: 1px solid #444
        }

        .main-menu-nav.breakpoint .menu > li.to-left-more .sub-menu {
            left: auto;
            right: 0
        }

        .main-menu-nav.breakpoint .menu > li > a .sub-menu-mark,
        .main-menu-nav.breakpoint .menu .sub-menu > li > a .sub-menu-mark {
            display: none
        }

    .main-menu-nav.breakpoint .breakpoint-handle {
        display: inline-block;
        font-size: 22px;
        text-align: center;
        padding: 4px 15px;
        cursor: pointer
    }

    .main-menu-nav.breakpoint.active-menu .menu {
        display: block
    }
/*-------------------------------------------------------------------------------Recipes:Single Recipe-------------------------------------------------------------------------------*/

@media screen and (max-width: 900px) {
    .recipe-content {
        width: 100%;
        padding-right: 0;
        border-right: 0
    }

    .recipe-meta {
        display: none
    }
}
/*-------------------------------------------------------------------------------Widgets-------------------------------------------------------------------------------*/

.widget {
    margin: 10px 0;
    padding: 5px 20px 0;
    font-size: 13px
}

    .widget .widget-title h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 10px;
        padding-bottom: 10px
    }
    /*-------------------------------------------------------------------------------Widget:Categories-------------------------------------------------------------------------------*/

    .widget.widget-categories ul,
    .widget.widget-categories li {
        margin: 0;
        padding: 0;
        list-style: none
    }

        .widget.widget-categories li a {
            font: normal 15px "main";
            border-top: 1px solid transparent;
            border-bottom: 1px solid transparent;
            display: block;
            padding: 4px 0
        }

            .widget.widget-categories li a .mark {
                float: left;
                font-size: 11px;
                padding: 1px 5px;
                border-radius: 3px;
                display: none
            }

            .widget.widget-categories li a:hover {
                border-color: #e4e5ea
            }

                .widget.widget-categories li a:hover .mark {
                    background: #21aabd;
                    color: #ffffff;
                    display: inline-block
                }

            .widget.widget-categories li a:before,
            .widget.widget-categories li a:after {
                content: " ";
                display: table
            }

            .widget.widget-categories li a:after {
                clear: both
            }
/*-------------------------------------------------------------------------------Members page-------------------------------------------------------------------------------*/

.files-list .file {
    position: relative;
    padding: 7px 75px 7px 0px;
    min-height: 20px;
    border-bottom: 1px solid #EDEDED
}

    .files-list .file:last-child {
        border-bottom: none
    }

    .files-list .file .user-avatar {
        position: absolute;
        display: block;
        top: 20px;
        right: 0;
        width: 62px;
        height: 62px;
        margin: 0
    }

        .files-list .file .user-avatar img {
            margin: 0;
            padding: 0;
            border-radius: 4px;
            display: inline-block
        }

        .files-list .file .user-avatar.small img {
            max-height: 42px
        }

    .files-list .file .user-details,
    .files-list .file .user-follow {
        min-height: 80px
    }

    .files-list .file .user-details {
        position: relative
    }

        .files-list .file .user-details .name {
            display: inline-block;
            float: right;
            font: normal 17px "main", arial;
            color: #555
        }

            .files-list .file .user-details .name:hover {
                color: #21aabd
            }

        .files-list .file .user-details .user-level {
            margin: 4px 0 0 10px;
            font-size: 10px;
            display: inline-block;
            float: left
        }

        .files-list .file .user-details .info {
            color: #B5B5B5;
            margin-bottom: 5px;
            text-align: justify
        }

    .files-list .file .user-reputation .count {
        font-size: 20px;
        font-family: "Dosis", Arial, Helvetica, serif;
        color: #eb5858
    }

    .files-list .file .user-reputation .text {
        font-size: 14px;
        color: #777
    }

    .files-list .file .user-follow {
        text-align: center
    }

        .files-list .file .user-follow .button {
            margin-right: 3px;
            padding: 1px 8px;
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .files-list .file .user-follow .followers-count {
            display: block;
            margin-top: 10px;
            color: #8E8E8E
        }

        .files-list .file .user-follow .fileinfo {
            width: 100%;
            background: #eee;
            margin-right: 3px;
            border-radius: 4px;
            box-sizing: border-box;
            padding: 0px 0;
            border: 1px solid #ddd
        }

            .files-list .file .user-follow .fileinfo span,
            .files-list .file .user-follow .fileinfo a {
                display: block;
                padding: 1px
            }

            .files-list .file .user-follow .fileinfo span {
                border-bottom: 1px solid #ddd;
                border-top: 1px solid #F9F9F9;
                border-radius: 5px 5px 0 0
            }

.files-list .files-pagination {
    margin: 20px 0
}

.files-list.smalllist .file {
    padding: 5px 50px 5px 0px;
    min-height: 30px;
    border-bottom: 1px solid #F9F9F9
}

    .files-list.smalllist .file:nth-child(2n+1) {
        background: #FCFCFC
    }

    .files-list.smalllist .file .user-avatar {
        top: 10px;
        width: 40px;
        height: 40px
    }

    .files-list.smalllist .file .user-details {
        min-height: 40px
    }

        .files-list.smalllist .file .user-details .info {
            color: #858585;
            font-size: 10px
        }

        .files-list.smalllist .file .user-details .name {
            font-size: 15px
        }
/*-------------------------------------------------------------------------------404-------------------------------------------------------------------------------*/

.block404 {
    margin: 100px 0
}

    .block404 .error {
        display: block;
        padding: 50px;
        color: #eb5858;
        font-size: 150px;
        text-align: left;
        margin: 0;
        line-height: 1;
        border-left: 1px solid #f9caca
    }

    .block404 .title {
        margin-top: 30px;
        font-size: 50px;
        color: #9d9fb1
    }

    .block404 .description {
        font-size: 17px;
        color: #9d9fb1;
        font-family: "main", Tahoma
    }
/*-------------------------------------------------------------------------------Home-------------------------------------------------------------------------------*/

.home-recipe-of-the-day {
    background: url(../images/bg.jpg) no-repeat center center #333333;
    background-size: cover;
    color: #fff;
    font-family: "main", Tahoma, Arial;
    text-align: justify;
    font-size: 15px
}

    .home-recipe-of-the-day a {
        color: #eee
    }

    .home-recipe-of-the-day .entry-photo {
        position: relative;
        background: #fff;
        background: rgba(255, 255, 255, 0.5);
        padding: 10px;
        margin: 15px 0;
        overflow: hidden;
        border-radius: 4px
    }

        .home-recipe-of-the-day .entry-photo img {
            display: block;
            margin: 0 auto
        }

    .home-recipe-of-the-day .entry-meta .meta {
        display: inline-block;
        padding: 7px 10px;
        min-width: 40px;
        border-radius: 3px;
        margin-top: 15px;
        margin-right: 5px
    }

        .home-recipe-of-the-day .entry-meta .meta span {
            display: inline-block;
            float: left;
            vertical-align: middle
        }

            .home-recipe-of-the-day .entry-meta .meta span.number {
                font-size: 17px;
                margin-right: 10px;
                line-height: 22px
            }

            .home-recipe-of-the-day .entry-meta .meta span .the-icon {
                font-size: 22px;
                line-height: 22px
            }

        .home-recipe-of-the-day .entry-meta .meta.favorites {
            background: #f15274
        }

        .home-recipe-of-the-day .entry-meta .meta.likes {
            background: #58bde7
        }

        .home-recipe-of-the-day .entry-meta .meta.comments {
            background: #89c245
        }

        .home-recipe-of-the-day .entry-meta .meta.shop {
            background: #ef9a00
        }

.home-authors .author {
    display: inline-block;
    float: right;
    margin: 3px
}

    .home-authors .author img {
        display: block;
        margin: 0;
        width: 80px;
        height: 80px
    }
/*-------------------------------------------------------------------------------Demos-------------------------------------------------------------------------------*/

.demo-grid-col {
    background: #ddd;
    line-height: 1;
    padding: 15px 0;
    text-align: center;
    margin: 15px 0
}

.help-container .help-boxes {
    margin: 20px 0 0 0
}

    .help-container .help-boxes .box {
        display: block;
        background: #fff;
        color: #666;
        border: 1px solid #272822;
        border-radius: 5px;
        border-bottom-width: 2px;
        border-bottom-width: 2px;
        ;
        padding: 15px;
        text-align: center;
        margin: 50px 0 15px 0
    }

        .help-container .help-boxes .box,
        .help-container .help-boxes .box .the-icon,
        .help-container .help-boxes .box .title,
        .help-container .help-boxes .box .description {
            display: block;
            -webkit-transition: all 200ms;
            -moz-transition: all 200ms;
            -o-transition: all 200ms;
            transition: all 200ms
        }

            .help-container .help-boxes .box .the-icon {
                position: relative;
                border-color: inherit;
                background: inherit;
                color: #9d9fb1;
                font-size: 44px;
                line-height: 1;
                padding: 0;
                display: block;
                width: 44px;
                height: 44px;
                margin: 0 auto;
                top: -48px
            }

                .help-container .help-boxes .box .the-icon:before,
                .help-container .help-boxes .box .the-icon:after {
                    content: " ";
                    border: 1px solid #111;
                    border-color: inherit;
                    background: inherit;
                    border-radius: 10px;
                    display: block;
                    width: 76px;
                    height: 76px;
                    position: absolute;
                    top: -50%;
                    left: 50%;
                    margin-left: -38px;
                    margin-top: 7px;
                    z-index: 1;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .help-container .help-boxes .box .the-icon:after {
                    -webkit-transform: rotate(35deg);
                    -moz-transform: rotate(35deg);
                    -o-transform: rotate(35deg);
                    -ms-transform: rotate(35deg);
                    transform: rotate(35deg);
                    z-index: 2
                }

                .help-container .help-boxes .box .the-icon .sign {
                    position: relative;
                    z-index: 3
                }

            .help-container .help-boxes .box:hover .sign {
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                filter: grayscale(100%)
            }

            .help-container .help-boxes .box .title {
                padding: 0 0 5px 0;
                font-size: 1.4rem;
            }

            .help-container .help-boxes .box .description {
                min-height: 74px;
                line-height: 74px;
                color: #9d9fb1
            }

                .help-container .help-boxes .box .description span {
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 15px;
                    line-height: 1.6
                }

            .help-container .help-boxes .box.faq {
                border-color: #58bde7;
                background-color: #F2FAFF;
            }

                .help-container .help-boxes .box.faq .the-icon,
                .help-container .help-boxes .box.faq .title {
                    color: #58bde7
                }

                .help-container .help-boxes .box.faq:hover {
                    border-color: #2babe1;
                    background: #FCFCFC
                }

                    .help-container .help-boxes .box.faq:hover .the-icon,
                    .help-container .help-boxes .box.faq:hover .title {
                        color: #2babe1
                    }

            .help-container .help-boxes .box.ask {
                border-color: #89c245;
                background-color: #F2FCE5;
            }

                .help-container .help-boxes .box.ask .the-icon,
                .help-container .help-boxes .box.ask .title {
                    color: #89c245
                }

                .help-container .help-boxes .box.ask:hover {
                    border-color: #6fa034;
                    background: #FCFCFC
                }

                    .help-container .help-boxes .box.ask:hover .the-icon,
                    .help-container .help-boxes .box.ask:hover .title {
                        color: #6fa034
                    }

            .help-container .help-boxes .box.all {
                border-color: #9462a4;
                background-color: #FDF5FF;
            }

                .help-container .help-boxes .box.all .the-icon,
                .help-container .help-boxes .box.all .title {
                    color: #9462a4
                }

                .help-container .help-boxes .box.all:hover {
                    border-color: #784d86;
                    background: #FCFCFC
                }

                    .help-container .help-boxes .box.all:hover .the-icon,
                    .help-container .help-boxes .box.all:hover .title {
                        color: #784d86
                    }

.forums-module .topic {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    position: relative
}

    .forums-module .topic:last-child {
        border-bottom: none;
        margin-bottom: 10px
    }

    .forums-module .topic .details,
    .forums-module .topic .meta {
        display: inline-block;
        float: right
    }

    .forums-module .topic .details {
        width: 70%;
        padding-left: 20px;
        box-sizing: border-box;
    }

        .forums-module .topic .details .title {
            font-size: 19px;
            font-family: "main", thoma
        }

        .forums-module .topic .details .submeta {
            position: relative;
            padding-right: 60px;
            min-height: 50px;
            margin: 5px 0;
            font-size: 14px;
            font-family: main;
            color: #666;
            text-align: justify
        }

            .forums-module .topic .details .submeta a {
                color: #999
            }

                .forums-module .topic .details .submeta a:hover {
                    color: #198392
                }

            .forums-module .topic .details .submeta .author-avatar {
                display: block;
                width: 50px;
                height: 50px;
                position: absolute;
                top: 0;
                right: 0
            }

                .forums-module .topic .details .submeta .author-avatar img {
                    margin: 0;
                    padding: 0;
                    width: 50px;
                    height: 50px
                }

    .forums-module .topic .meta {
        width: 30%;
        text-align: left
    }

        .forums-module .topic .meta .topic-meta {
            font-size: 13px
        }

            .forums-module .topic .meta .topic-meta .label {
                display: inline-block;
                padding: 5px 10px;
                white-space: nowrap;
                margin: 0 0 7px 4px;
                background: #eee;
                color: #777;
                border-radius: 3px
            }

        .forums-module .topic .meta .users a {
            display: inline-block;
            margin: 0 0 7px 4px
        }

            .forums-module .topic .meta .users a img {
                margin: 0;
                padding: 0;
                width: 30px;
                height: 30px;
                border-radius: 2px
            }

.forums-module .forums-menu {
    display: block;
    border-bottom: 1px solid #eee
}

    .forums-module .forums-menu .forum-controls {
        display: inline-block;
        float: right;
        margin-right: 15px
    }

    .forums-module .forums-menu .categories {
        display: inline-block;
        float: right
    }

        .forums-module .forums-menu .categories .categories-dropdown {
            position: relative
        }

            .forums-module .forums-menu .categories .categories-dropdown .title {
                font-weight: 700;
                display: block;
                color: #555;
                background: #fafafa;
                margin: 0;
                padding: 10px;
                border-bottom: 3px solid transparent;
                cursor: default
            }

            .forums-module .forums-menu .categories .categories-dropdown .cats {
                position: absolute;
                top: 100%;
                right: 0;
                background: #eee;
                white-space: nowrap;
                z-index: 100;
                display: none;
                list-style: none;
                padding: 0;
                margin: 0
            }

                .forums-module .forums-menu .categories .categories-dropdown .cats a {
                    display: block;
                    padding: 5px 15px;
                    color: #666
                }

                    .forums-module .forums-menu .categories .categories-dropdown .cats a:hover {
                        color: #fff;
                        background: #21aabd
                    }

            .forums-module .forums-menu .categories .categories-dropdown:hover .title {
                background: #eee
            }

            .forums-module .forums-menu .categories .categories-dropdown:hover .cats {
                display: block
            }

    .forums-module .forums-menu .links {
        float: left
    }

        .forums-module .forums-menu .links a {
            display: inline-block;
            float: left;
            color: #888;
            margin: 0;
            padding: 10px;
            border-bottom: 3px solid transparent
        }

            .forums-module .forums-menu .links a:hover {
                border-color: #eee
            }

            .forums-module .forums-menu .links a.active {
                border-bottom: 3px solid #21aabd;
                color: #21aabd;
                font-weight: 700
            }

                .forums-module .forums-menu .links a.active.open {
                    border-color: #89c245;
                    color: #89c245
                }

                .forums-module .forums-menu .links a.active.closed {
                    border-color: #eb5858;
                    color: #eb5858
                }

                .forums-module .forums-menu .links a.active.popular {
                    border-color: #9462a4;
                    color: #9462a4
                }

                .forums-module .forums-menu .links a.active.noreplies {
                    border-color: #f6a856;
                    color: #f6a856
                }

.filelistfirstpage {
    background: #F9F9F9
}

.main-menu-nav .menu.userbtn > li > a {
    color: #fff;
    padding: 4px 15px
}

    .main-menu-nav .menu.userbtn > li > a > i {
        vertical-align: middle;
        margin-left: 3px
    }

.ico-navicon {
    width: 25px;
    display: inline-block;
    height: 25px;
    background: url(../images/list.png) no-repeat center center
}

.search-form {
    position: relative
}

.srchbtn {
    position: absolute;
    padding: 6px 3px 0 3px;
    box-sizing: border-box;
    background: #eee;
    top: 6px;
    left: 1px;
    border: none;
    margin: 0;
    border-radius: 3px 0 0 3px;
    height: 37px;
    width: 30px;
    text-align: center;
    border-right: 1px solid #ddd
}

    .srchbtn i {
        vertical-align: middle;
        margin: 0
    }

.recipe-meta,
.recipe-content {
    display: inline-block;
    float: left;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.recipe-meta {
    width: 30%;
    padding-right: 15px;
    border-right: 1px solid #ddd;
    margin-right: -1px;
    margin-top: 20px
}

    .recipe-meta ul,
    .recipe-meta li {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .recipe-meta li {
        margin: 0;
        font: normal 17px "main";
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
        vertical-align: middle
    }

        .recipe-meta li.listtitle {
            background: #D8E4F1;
            padding: 3px 10px;
            font: normal 16px "main", tahoma;
            text-align: center
        }

        .recipe-meta li .the-icon {
            display: inline-block;
            margin: 0 0px 0 10px;
            width: 40px;
            height: 30px;
            font-size: 16px;
            line-height: 30px;
            border-left: 1px solid #ddd;
            text-align: center
        }

        .recipe-meta li:first-of-type {
            border-top: 1px solid #ddd
        }

        .recipe-meta li .entry-info-author {
            position: relative;
            margin: 0;
            padding-left: 64px;
            font-size: 12px;
            min-height: 40px
        }

            .recipe-meta li .entry-info-author .author-name {
                font: normal 18px "main", tahoma;
                margin-bottom: 10px
            }

            .recipe-meta li .entry-info-author img.UserPic {
                position: absolute;
                left: 0;
                top: 0;
                margin: 0;
                width: 50px;
                height: 50px;
                padding-right: 10px
            }

            .recipe-meta li .entry-info-author .button {
                font-size: inherit;
                margin: 0
            }

            .recipe-meta li .entry-info-author .mark {
                text-transform: uppercase;
                font-size: 10px;
                display: inline-block
            }

.single-recipe-photo-cover {
    position: relative;
    margin: 10px 0 10px 0;
    padding: 0;
    overflow-y: hidden;
    text-align: center
}

    .single-recipe-photo-cover img {
        width: 100%;
        display: block;
        margin: 0 auto
    }

.recipe-tools {
    padding: 0;
    float: left
}

    .recipe-tools:before,
    .recipe-tools:after {
        content: " ";
        display: table
    }

    .recipe-tools:after {
        clear: both
    }

    .recipe-tools .tool {
        position: relative;
        display: inline-block;
        float: right;
        width: 26px;
        height: 26px;
        border-radius: 3px;
        background: #23242c;
        border: 0;
        color: #fff;
        margin-right: 10px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        zoom: 1;
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6;
        text-align: center;
        vertical-align: middle
    }

        .recipe-tools .tool i {
            margin: 0;
        }

        .recipe-tools .tool:hover {
            zoom: 1;
            filter: alpha(opacity=90);
            -webkit-opacity: 0.9;
            -moz-opacity: 0.9;
            opacity: 0.9
        }

        .recipe-tools .tool.active {
            border-color: transparent;
            -webkit-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.3);
            box-shadow: 0 10px 10px -7px rgba(0, 0, 0, 0.3);
            zoom: 1;
            filter: alpha(opacity=100);
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1
        }

            .recipe-tools .tool.active.like {
                background: #58bde7;
                border-color: #1b8ebe
            }

.recipe-content {
    width: 70%;
    padding-left: 15px;
    margin-top: 20px;
    border-left: 1px solid #ddd
}

.recipe-tags .tags-title {
    font-weight: 700;
    font-size: 15px;
    margin-right: 10px;
    font-family: "main", tahoma
}

.recipe-tags .tag {
    display: inline-block;
    background: #fff;
    border-radius: 2px;
    margin: 3px;
    white-space: nowrap;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}

    .recipe-tags .tag a {
        display: inline-block;
        padding: 2px 5px
    }

    .recipe-tags .tag,
    .recipe-tags .tag a {
        color: #666
    }

        .recipe-tags .tag:hover {
            background: #21aabd
        }

            .recipe-tags .tag:hover,
            .recipe-tags .tag:hover a {
                color: #fff
            }

.recipe-headlines {
    display: block;
    color: #333;
    padding: 1px 0 1px 5px;
    margin: 30px 0 10px 0px;
    font-size: 20px
}

    .recipe-headlines.first {
        margin-top: 0
    }

@media screen and (max-width: 590px) {
    .recipe-content {
        width: 100%;
        padding-right: 0;
        border-right: 0
    }

    .recipe-meta {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        padding-left: 0;
        border: none
    }
}

.button.red.pay,
.button.green.pay,
.button.blue.pay {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 3px
}

.button.red.pay {
    margin: 0;
    padding: 14px 4px;
}

.textcontent {
    font-size: 0.9rem;
    line-height: 25px;
    text-align: justify
}

.bottompay {
    border-radius: 3px;
    background: #eee;
    padding: 0px;
    position: relative;
    height: 85px;
    padding: 0 10px 0 150px;
    margin: 15px 0
}

    .bottompay .button {
        padding: 2px 8px;
        position: absolute;
        margin: 0;
        height: 85px;
        box-sizing: border-box;
        vertical-align: middle;
        width: 130px;
        border: none;
        top: 0;
        left: 0;
        padding-top: 30px;
        border-radius: 3px 0 0 3px
    }

@media screen and (max-width: 590px) {
    .bottompay {
        padding: 0;
        height: auto
    }

        .bottompay .button {
            position: initial;
            display: block;
            width: 100%;
            height: auto;
            padding: 15px 0;
            border-radius: 3px 3px 0 0
        }

        .bottompay ul li {
            margin: 0 10px
        }
}

.bottompay ul {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    color: #717171;
    line-height: 20px
}

    .bottompay ul li span {
        display: inline-block;
        margin-left: 5px
    }

ul.payinfo {
    margin: 0;
    text-align: justify;
    line-height: 25px;
    padding: 0 20px
}

.capcha,
.captchalogin {
    vertical-align: middle
}

    .captchalogin,
    .capcha input {
        margin: 5px 0 19px 0;
        vertical-align: middle
    }

.captchalogin {
    padding: 0 1px;
    border-radius: 3px 0 0 3px;
    border: 1px solid #c8c9d3;
    border-right: none;
    height: 34px;
    width: 40%;
    text-align: center;
    display: inline-block;
    box-sizing: border-box
}

    .captchalogin img {
        vertical-align: middle
    }

.capcha input {
    border-radius: 0 3px 3px 0;
    width: 120px;
    text-align: center;
    padding: 7px 10px;
    letter-spacing: 4px;
    border-left: none;
    color: #444;
    width: 60%;
    box-sizing: border-box;
    font: bold 16px arial;
    line-height: 15px
}

.carousel-posts-heading .sml {
    font-size: 14px;
    color: #007CE4;
    float: left
}

.success,
.warning,
.attention,
.information {
    padding: 10px 10px 10px 33px;
    margin-bottom: 15px;
    color: #555555;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px
}

.success {
    background: #E3EBC6;
    border: 4px solid #CDDB9B;
    color: #7F9533
}

    .success a {
        color: #7F9533;
        font-weight: bold
    }

.warning a {
    color: #fd4326;
    font-weight: bold
}

.attention a {
    color: #C49C03;
    font-weight: bold
}

.warning {
    background: #FFD1D1;
    border: 4px solid #F8ACAC;
    color: #fd4326
}

.attention {
    background: #FFF5CC;
    border: 4px solid #F2DD8C;
    color: #C49C03
}

.information {
    background: #CDE7FF;
    border: 4px solid #94CCFF;
    color: #1A86E7
}

.btnPay {
    padding: 10px 40px;
    margin: 5px auto;
    display: block
}

.btnbig {
    padding: 25px 60px;
    font-size: 18px
}

label.title {
    display: inline-block;
    width: 80px
}

.help {
    margin: 1px 0;
    background: #F9FBFF;
    padding: 3px 6px;
    border-radius: 3px;
    box-shadow: inset 0 0 11px #DBE6F0;
    color: #BBB;
    width: auto;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    opacity: 0.7
}

.btnPay h6,
.btnPay span {
    line-height: 18px;
    color: #fff;
    font: normal 13px "main";
    text-shadow: 1px 1px 1px #666
}

.btnPay h6 {
    font: normal 17px "main";
    padding: 0;
    margin: 0
}

.req {
    background: #F22734;
    padding: 3px 5px 6px 5px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    border-radius: 5px
}

.form-label {
    font: normal 14px "main"
}

.welcome {
}

    .welcome h5 {
        margin: 0;
        padding: 0;
        color: #238AA8
    }

.signupbtn {
    font: normal 17px "main"
}

    .signupbtn img {
        vertical-align: middle
    }

.forgotpass {
    display: inline-block;
    float: left;
    font-size: 13px;
    padding-top: 4px
}

.chromeframe {
    padding: 7px 10px;
    background: #eb5858;
    font: normal 13px tahoma;
    color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    margin: 0;
    z-index: 1111;
    box-sizing: border-box;
    text-align: center
}

    .chromeframe a {
        color: #eee;
        text-decoration: underline
    }

.pager {
    margin: 5px -5px;
    color: #707070;
    padding: 5px 0
}

    .pager a,
    .pager b {
        padding: 0px 6px;
        border-radius: 3px;
        vertical-align: middle;
        margin: 0 2px;
        background: #198d92;
        border: 1px solid #126366;
        color: #fff;
        white-space: nowrap;
        font: normal 12px "main", "main", tahoma !important;
        display: inline-block
    }

    .pager b {
        background: #126366;
        border: 1px solid #03383A
    }

    .pager span {
        padding: 0px 5px;
        margin: 0 2px;
        white-space: nowrap;
        display: inline-block;
        font: normal 12px "main", "main", tahoma !important
    }
/*.pager span:last-child{float:left}.pager span:first-child{display:none}*/

.empty {
    font: normal 21px "main";
    color: #ABABAB;
    text-align: center;
    margin: 30px 0 10px 0
}

.prifileinfo {
    padding: 10px;
    background: #eee;
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.profilepic {
    float: left;
    display: inline-block;
    margin: 0 10px 5px 0;
    max-width: 130px;
    max-height: 130px;
    background: #fff;
    padding: 4px;
    border: 1px solid #eee;
    border-radius: 10px
}

.shortcut h6 {
    color: #cb2121
}

.shortcut a {
    display: inline-block;
    padding: 0 10px;
    margin: 10px;
    font: normal 17px "main"
}

.btnPay {
}

.entry-content *,
.entry-content {
    line-height: 200% !important
}

#namad {
    width: 150px;
    height: 136px;
    margin: 0 auto;
    overflow: hidden
}

.entry-content.text {
    font: normal 16px "main"
}

.paydetail {
    font: normal 18px "main";
    line-height: 35px;
}

    .paydetail label.title {
        width: 110px;
    }

    .paydetail b {
        letter-spacing: 1px;
    }

.introjs-tooltiptext {
    font-family: 'tahoma' !important;
}

input.disabled {
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
    opacity: 0.4;
    cursor: default;
}

.noallow .center {
    position: relative;
    margin-top: 10px;
}

    .noallow .center .overall {
        position: absolute;
        background: rgba(238, 238, 238, 0.64);
        height: 80px;
        width: 100%;
        border-radius: 5px;
        z-index: 222;
        opacity: 0.7;
        cursor: not-allowed;
    }

    .noallow .center a {
        opacity: 0.7;
    }

.mainsrch {
    background: #E9EFF4;
    text-align: center;
}

    .mainsrch input[type="text"] {
        font: normal 0.9rem "main";
        line-height: 2.15rem;
        padding: 10px 20px;
        padding: 10px 20px;
    }

    .mainsrch .srchbtn {
        height: 54px;
        width: 54px;
    }

        .mainsrch .srchbtn i {
            margin-top: 15px;
        }

.entry-content h4 {
    font: normal 19px "main";
    font-weight: bold;
}

.entry-content h5 {
    font: normal 17px "main";
    font-weight: bold;
}

.leftlink {
    font-size: 15px;
    float: left;
    color: #1A8CEC;
    padding-top: 4px;
}

.fullist {
    background: #E9EFF4;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #C4D0DA;
    border-bottom: 1px solid #C4D0DA;
    display: block;
    font: normal 17px "main";
}

.topfooter {
    background: #2a3744;
    color: #B4B5B2;
    text-shadow: 1px 1px 0px #2F2F2F;
    border-top: 1px solid #19222C;
    font-size: 15px;
    text-align: justify;
}

    .topfooter h6 {
        color: #D7D7D7;
    }

.rw-footer .desk-6 p {
    margin: 0;
    padding: 0;
    padding-top: 5px;
    color: #747474;
}

.footerlogos img {
    padding: 4px;
    display: block;
    margin: 0 auto;
    margin-bottom: 1px;
    background-color: #5E666E;
    border-radius: 10px;
    border: 1px solid #222F3C;
}

.topfooter ul {
    padding-right: 10px;
    list-style: none;
}

.ret {
    margin-bottom: 10px;
}

    .ret h6 {
        color: #eb5858;
        text-align: center;
    }

    .ret img {
        float: right;
        margin-left: 15px;
    }

    .ret .b {
        text-align: justify !important;
    }

.trace {
    color: #F28D8D !important
}

.social {
    text-align: center;
}

.userdetial {
    padding-bottom: 30px !important;
}

.social a {
    display: inline-block;
    width: 32px;
    height: 32px;
}

.recaptcha {
    direction: ltr;
    text-align: center
}

#recaptcha_area,
#recaptcha_table {
    margin: 0 auto;
}

.gallery a {
    width: 150px;
    height: 150px;
    display: block;
    margin: 5px;
    border: 5px solid #eee;
    border-radius: 4px;
    float: right;
    overflow: hidden
}

.gallery img {
    min-height: 150px;
    min-width: 150px;
    display: block;
}

.entry-content .recipe-meta,
.entry-content .recipe-meta * {
    line-height: 150% !important
}

.buybox {
    text-align: center;
    background: #eee;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .buybox .prc {
        font: normal 25px "main", arial;
        display: block;
    }

        .buybox .prc span {
            color: #6D7979;
        }

    .buybox .porcinfo {
        font: normal 14px "main", arial;
        color: #889292;
        letter-spacing: -0.5px;
    }

.badges {
    margin: 5px 0 10px 0;
}

    .badges img {
        display: inline-block;
        margin: 0 3px;
    }

.allgrouplink {
    display: block;
    float: left;
    text-shadow: 1px 1px #313D4A;
    background: #667382;
    color: #fff !important;
    padding: 7px 19px;
    font: normal 15px/15px main;
    position: absolute;
    bottom: -10px;
    left: 10px;
    border-radius: 4px;
}

    .allgrouplink:hover {
        background: #566372;
    }

.comment-respond * {
    line-height: normal !important;
}

.halfbtn {
    width: 48% !important;
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
    margin-left: 0;
    margin-right: 0;
}

.contatcdesc h6, .pays h4 {
    color: #21aabd
}

.contatcdesc hr, .pays hr {
    margin: 29px 0;
}

.payinfoh {
    color: #DC4D4D;
    color: #eb5858;
    font-size: 17px;
}

.reqs {
    color: #eb5858;
    vertical-align: middle;
}


.gcenter {
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
}

.pays {
    text-align: center;
}

    .pays hr:last-child {
        display: none
    }

    .pays h4 {
        direction: ltr;
    }



.storelist img {
    width: 100%;
}

.img-thumbnail {
    border: 1px solid #ebeef1;
    border-radius: 0;
    height: 200px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.storelist h4, .storelist h4 a {
    font-weight: 400;
}

.storelist ul {
    list-style: none;
    padding: 0;
}

.storelist .list-inline {
    margin-top: 35px;
}

.storelist li {
    font-size: 12px;
    line-height: 1.7;
}

.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

.widget .files-list.smalllist .file {
    background: none !important
}

.widget .files-list.smalllist .file {
    border-bottom: 1px solid #e0e6e6;
}

.p-t-20 {
    padding-top: 20px !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.articletlt {
    font-weight: bold;
    font-size: 18px;
}

.article-list .article {
    margin-bottom: 30px;
}

    .article-list .article h4 {
        margin-bottom: 0px;
    }

.pull-left {
    float: left !important
}

.article-list .article p {
    font-size: 14px;
}

.article-cats {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .article-cats li a {
        text-align: center;
        padding: 5px;
        margin: 9px 0;
        background: #fafafa;
        color: #444;
        display: block;
        font-size: 13px;
        font-weight: bold;
        border-radius: 4px;
    }

        .article-cats li a:hover {
            background: #444;
            color: #fafafa;
        }

.widget .shop-list {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px;
}

.pull-right {
    float: right !important
}

.widget .shop-list li:after {
    content: '';
    clear: both;
    display: block;
    margin-bottom: 10px;
}

.widget .shop-list h3 {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.widget .shop-list img {
    margin-left: 10px;
    margin-top: 4px;
    border-radius: 10px;
}

.post-meta {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .post-meta li {
        display: inline-block;
        margin-left: 20px;
    }


.comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .comment-list > li {
        margin: 10px 0 20px;
    }

    .comment-list .cm-avatar {
        width: 70px;
        height: 70px;
        float: right;
        margin-top: -5px;
        border: 3px solid #fff;
        border-radius: 100%;
        box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
    }

        .comment-list .cm-avatar img {
            max-width: 100%;
            height: auto;
            border-radius: 100%;
        }

    .comment-list .cm-content {
        position: relative;
        margin-right: 87px;
        padding: 12px 15px;
        border: 1px solid #eee;
        border-radius: 8px;
        background: #fff;
    }

        .comment-list .cm-content::before {
            content: '';
            position: absolute;
            top: 25px;
            right: -7px;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 7px 0 7px 7px;
            border-left-color: #eee;
        }

    .comment-list .cm-meta {
        font-weight: 300;
        line-height: 14px;
    }

    .comment-list .author {
        color: #aaa;
    }

    .comment-list .date {
        float: left;
        font-size: 12px;
        color: #aaa;
    }

    .comment-list .cm-text {
        margin-top: 10px;
        font-weight: 300;
        line-height: 28px;
        color: #666;
    }

        .comment-list .cm-text p {
            margin: 0;
        }

    .comment-list .children {
        margin-right: 40px;
        padding: 0;
    }

        .comment-list .children > li {
            margin-top: 20px;
        }

    .comment-list .author.admin {
        color: #1d4a9c;
    }


.btnPay span {
    font: normal 12px main;
    display: block;
    text-shadow:none;
}


.follow-user i{margin-left:4px;}

.warninignotification{
	color:#fff;
    font-size: 13px;
	padding:14px;
 text-align:center;
}