se /* ============================================================================

Theme Name: Metropolis - Multipurpose HTML5 Theme
Theme URI: http://pixel-industry.com/html/metropolis
Author: pixel-industry
Version: 1.0

============================================================================= */
/* -----------------------------------------------------------------------------

       CSS CONTENTS
        1. Typography
        2. Elements
            2.1. Entry Note
            2.2. Note
            2.3. Arrow List
            2.4. Section Title
            2.5. Blockquote
            2.6. Buttons
            2.7. Tabs
            2.8. Tabs Vertical
            2.9. Accordion
            2.10. Dropcaps
            2.11. Information Boxes
            2.12. Image sliders (for sliders on regular pages)
        3. Header Styles
        4. Content and Page Wrappers
        5. About Us
        6. Services
        7. FAQ Page
        8. Portfolio
        9. Blog
        10. Contact
        11. Widgets
        12. Footer
 ----------------------------------------------------------------------------- */
/* =============================================================================
    1. TYPOGRAPHY
============================================================================= */
/* Headings
----------------------------------------------------------------------------- */
.rs-wrapper{
    width:100% !important;
    height:364px !important;
}
.logo2 {
    width: 96px;
    float:right;
    margin-top:-10px;
}

.title_big {
    margin-top: -18px;
    float: left;
}

h1 {
    font: 20px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom: 20px;
}

h2{
    font: 18px 'Open Sans', Arial , sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom: 20px;
}

h3{
    font: 16px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom: 20px;
}

h4{
    font: 15px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom: 20px;
}

h5{
    font: 14px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom: 20px;
}

h6{
    font: 13px 'Open Sans', Arial, sans-serif;
    font-weight: 600;
    color: #444;
    margin-bottom: 20px;
}

p{
    font: 12px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #777;
}

a{
    font: 12px 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    color: #777;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* slide show class */
.rs-wrapper{
    position:relative;
    z-index:100;
}
/* Read more button
----------------------------------------------------------------------------- */
@font-face {
    font-family: 'iranian Sans';
    src: url('../fonts/iranian Sans.ttf');
}

.read-more-btn{
    background: #f6f6f6;
    float: right;
    cursor: pointer;
    margin-top: 12px;
}

.read-more-btn a
{
    float: left;
    padding: 4px 8px 3px;
    font-size: 11px;
    line-height: 11px;
    display: block;
    height: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-family: 'iranian Sans';
    background-color: #FFF0FF;
}

.read-more-btn .plus
{
    background: #FFF0FF;
    display: table-cell;
    width: 18px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    float: left;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    color: #000000;
}

.read-more-btn:hover .plus,
.read-more-btn:hover a{
    color: #fff !important;
}

img.float-left{
    margin-right: 20px;
    float: left;
    margin-top: 5px;
}

img.float-right{
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}

.text-dark{
    color: #333;
}

.text-big{
    font-size: 13px;
}

.social-links li a{
    font-size: 16px;
    color: #444;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

img + p,
p + img{
    display: block;
    margin-top: 14px;
}

p + blockquote, 
blockquote + p{
    display: block;
    margin-top: 14px;
    float: left;
}

/* ============================================================================
    2. ELEMENTS
============================================================================ */
/* 2.1. ENTRY NOTE 
----------------------------------------------------------------------------- */
.entry-note
{
    width: 100%;
    float: right;
    direction: rtl;
    font-family: 'iranian Sans';
}



.entry-note h1
{
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-family: 'iranian Sans';
    font-weight: normal;
    color: #000000;
}

.entry-note p
{
    font-size: 13px;
    line-height: 22px;
    width: 100%;
    padding: 0 90px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    font-variant: normal;
    color: #000000;
}

/* 2.2. NOTE 
----------------------------------------------------------------------------- */
.note-container{
    float: left;
    width: 100%;
    padding: 3px;
    border: 1px solid #e6e6e6;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.note-container .note-content{
    background: #fcfcfc;
    border: 1px solid #e6e6e6;
    padding: 20px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}

.note-container .note-content h1, 
.note-container .note-content h2, 
.note-container .note-content h3, 
.note-container .note-content h4, 
.note-container .note-content h5,
.note-container .note-content h6{
    margin-bottom: 2px;
    display: block;
    width: 100%;
}

.note-container .note-content span{
    width: 100%;
}

/* NOTE FOR ALL COLUMNS */
.grid_12 .note-container .note-content .note{
    max-width: 780px;
    float: left;
}

.grid_12 .note-container .note-content .note-btn{
    max-width: 130px;
    position: absolute;
    right: 20px;
    display: block;
    margin-top: -20px;
    top: 50%;
}

/* 2.3. ARROW LIST
----------------------------------------------------------------------------- */
.arrow-list{
    float: left;
}
.arrow-list li{
    min-height: 15px;
    padding-left: 25px;
    margin-bottom: 5px;
}


/* 2.4. SECTION TITLE
----------------------------------------------------------------------------- */
.section-title{
    width: 100%;
    background: url('../img/divider.png') repeat-x 0 center;
    float: left;
    margin-bottom: 20px;
}

.section-title.center{
    margin-bottom: 30px;
}

.section-title.center .title-container
{
    display: table;
    margin: 0 auto;
    position: relative;
    background: url('../img/divider2.png') repeat-x 0 center;
}

.section-title.center .title-container:after{
    background: url('../img/sb.png') no-repeat;
    background-size: 10px;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0;
    margin-top: -5px;
}

.section-title.center .title-container:before{
    background: url('../img/sb.png') no-repeat;
    background-size: 10px;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 0;
    margin-top: -5px;
}

.section-title.center .title-container .title
{
    padding: 0 30px;
    text-align: center;
}



    .section-title.center h1, .section-title.center h2, .section-title.center h3, .section-title.center h4, .section-title.center h5, .section-title.center h6 {
        margin-bottom: 3px;
        text-align: center;
        font-family: iranian Sans;
        color: #2e3493;
    }

.section-title.center span
{
    text-align: center;
    font-family: 'iranian Sans';
    color:green;
}

.section-title.left h1,
.section-title.left h2,
.section-title.left h3,
.section-title.left h4,
.section-title.left h5,
.section-title.left h6{
    margin-bottom: 0;
    background: #fff;
    padding-right: 30px;
    position: relative;
    display: inline-block;
}

.section-title.left h1:after,
.section-title.left h2:after,
.section-title.left h3:after,
.section-title.left h4:after,
.section-title.left h5:after,
.section-title.left h6:after{
    background: url('../img/sb.png') no-repeat;
    background-size: 10px;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    top: 50%;
    right: 0;
    margin-top: -5px;
}

/* 2.5. BLOCKQUOTE
----------------------------------------------------------------------------- */
blockquote{
    background: #f6f6f6;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;

    font: 14px 'Open Sans', Arial, sans-serif;
    line-height: 22px;
    font-style: italic;
    font-weight: 300;

    float: left;
}

cite{
    font-size: 12px;
    padding-top: 10px;
    display: block;
    width: 100%;
    font-weight: 400;
}

blockquote.style2{
    background: #fff;
    padding: 20px 0 20px 20px;
}


/* 2.6. BUTTONS
----------------------------------------------------------------------------- */
.btn-group{
    float: left;
    width: 100%;
}

.btn-group .btn-medium,
.btn-group .btn-big{
    float: left;
    margin-right: 10px;
}

.btn-medium,
.btn-big{
    border: 0px solid;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;

    text-transform: none;
    color: #fff;
    cursor: pointer;

    float: left;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.btn-medium
{
    padding: 7px 15px;
    font: 11px 'iranian Sans';
}

.btn-big{
    padding: 10px 17px;
    font: 13px 'Open Sans', Arial, sans-serif;
}


/* BLACK BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.black,  
.btn-big.black{
    background: rgb(85,85,85); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgba(85,85,85,1) 0%,rgba(68,68,68,1) 100%); /* W3C */

    border: 1px solid #333;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-medium.black:hover,  
.btn-big.black:hover{
    background: rgb(68,68,68); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(85,85,85,1) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(99%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(85,85,85,1) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(85,85,85,1) 99%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(85,85,85,1) 99%); /* W3C */
}

.btn-medium.black span, 
.btn-big.black span{
    color: #fff;
    font-weight: 500;
}


/* WHITE BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.white, 
.btn-big.white{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */

    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #fff;
}

.btn-medium.white:hover, 
.btn-big.white:hover{
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

.btn-medium.white span, 
.btn-big.white span{
    color: #444;
    font-weight: 500;
}

/* WHITE BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.white, 
.btn-big.white{
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */

    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #fff;
}

.btn-medium.white:hover, 
.btn-big.white:hover{
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}

/* ORANGE BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.orange, 
.btn-big.orange{
    background: #f97965; /* Old browsers */
    background: -moz-linear-gradient(top,  #f97965 0%, #fb6148 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f97965), color-stop(100%,#fb6148)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f97965 0%,#fb6148 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f97965 0%,#fb6148 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #f97965 0%,#fb6148 100%); /* W3C */


    border: 1px solid #cf5541;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #fff;
}

.btn-medium.orange:hover, 
.btn-big.orange:hover{
    background: #fb6148; /* Old browsers */
    background: -moz-linear-gradient(top,  #fb6148 0%, #f97965 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6148), color-stop(100%,#f97965)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fb6148 0%,#f97965 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fb6148 0%,#f97965 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #fb6148 0%,#f97965 100%); /* W3C */
}

/* GREEN BUTTONS
----------------------------------------------------------------------------- */
.btn-medium.green, 
.btn-big.green{
    background: #c7e487; /* Old browsers */
    background: -moz-linear-gradient(top,  #c7e487 0%, #b9d57c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7e487), color-stop(100%,#b9d57c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c7e487 0%,#b9d57c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c7e487 0%,#b9d57c 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #c7e487 0%,#b9d57c 100%); /* W3C */

    border: 1px solid #a6c06c;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #697a44;
}

.btn-medium.green:hover, 
.btn-big.green:hover{
    background: #b9d57c; /* Old browsers */
    background: -moz-linear-gradient(top,  #b9d57c 0%, #c7e487 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9d57c), color-stop(100%,#c7e487)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b9d57c 0%,#c7e487 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b9d57c 0%,#c7e487 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #b9d57c 0%,#c7e487 100%); /* W3C */

}

.btn-medium.green span, .btn-medium.green:hover span, 
.btn-big.green span, .btn-medium.green:hover span{
    color: #697a44;
}

/* BLUE BUTTON
----------------------------------------------------------------------------- */
.btn-medium.blue, 
.btn-big.blue{
    background: #8fd1f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #8fd1f3 0%, #7abcde 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fd1f3), color-stop(100%,#7abcde)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8fd1f3 0%,#7abcde 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8fd1f3 0%,#7abcde 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #8fd1f3 0%,#7abcde 100%); /* W3C */

    border: 1px solid #70a7c3;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #396a83;
}

.btn-medium.blue:hover, 
.btn-big.blue:hover{
    background: #7abcde; /* Old browsers */
    background: -moz-linear-gradient(top,  #7abcde 0%, #8fd1f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcde), color-stop(100%,#8fd1f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7abcde 0%,#8fd1f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7abcde 0%,#8fd1f3 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #7abcde 0%,#8fd1f3 100%); /* W3C */
}

.btn-medium.blue span, .btn-medium.blue:hover span, 
.btn-big.blue span, .btn-medium.blue:hover span{
    color: #396a83;
}

/* YELLOW BUTTON
----------------------------------------------------------------------------- */
.btn-medium.yellow, 
.btn-big.yellow{
    background: #f7d58f; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7d58f 0%, #f8c866 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7d58f), color-stop(100%,#f8c866)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7d58f 0%,#f8c866 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7d58f 0%,#f8c866 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #f7d58f 0%,#f8c866 100%); /* W3C */

    border: 1px solid #d6aa51;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #9a7221;
}

.btn-medium.yellow:hover, 
.btn-big.yellow:hover{
    background: #f8c866; /* Old browsers */
    background: -moz-linear-gradient(top,  #f8c866 0%, #f7d58f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8c866), color-stop(100%,#f7d58f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8c866 0%,#f7d58f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8c866 0%,#f7d58f 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #f8c866 0%,#f7d58f 100%); /* W3C */
}

.btn-medium.yellow span, .btn-medium.yellow:hover span, 
.btn-big.yellow span, .btn-medium.yellow:hover span{
    color: #9a7221;
}

/* RED BUTTON
----------------------------------------------------------------------------- */
.btn-medium.red, 
.btn-big.red{
    background: #e83130; /* Old browsers */
    background: -moz-linear-gradient(top,  #e83130 0%, #ef2f3e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e83130), color-stop(100%,#ef2f3e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e83130 0%,#ef2f3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e83130 0%,#ef2f3e 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #e83130 0%,#ef2f3e 100%); /* W3C */

    border: 1px solid #a71818;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    color: #fff;
}

.btn-medium.red:hover, 
.btn-big.red:hover{
    background: #ef2f3e; /* Old browsers */
    background: -moz-linear-gradient(top,  #ef2f3e 0%, #e83130 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef2f3e), color-stop(100%,#e83130)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ef2f3e 0%,#e83130 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ef2f3e 0%,#e83130 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #ef2f3e 0%,#e83130 100%); /* W3C */
}

.btn-medium.yellow span, .btn-medium.yellow:hover span, 
.btn-big.yellow span, .btn-medium.yellow:hover span{
    color: #9a7221;
}

/* RED AND ORANGE BUTTONS SPANS
----------------------------------------------------------------------------- */ 
.btn-medium.red span, .btn-medium.red:hover span, 
.btn-big.red span, .btn-big.red:hover span,
.btn-medium.orange span, .btn-medium.orange:hover span, 
.btn-big.orange span, .btn-big.orange:hover span{
    color: #fff;
}

/* Only for presentation purposes */
.grid_12.buttons .grid_2{
    margin-bottom: 20px;
}

/* 2.7. TABS 
----------------------------------------------------------------------------- */
.tabs{
    width: 100%;
    overflow: hidden;
    float: left;
}

.tabs i{
    padding-right: 5px; 
    font-size: 13px;
}

.tabs li{
    background: #f6f6f6;
    float: left;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 32px;
}

.tabs li:first-child{
    border-left: 1px solid #eee;
}

.tabs li a{    
    color: #333;    
    padding: 0px 16px;
    font: 12px 'Open Sans', Arial, sans-serif;
    line-height: 33px;
    padding-top: 2px;
}

.tabs li.active{
    background: #fff;
    border-bottom: 1px solid #fff;
}

.tab-content-wrap{
    border: 1px solid #eee;    
    margin-top: -1px;
    overflow: hidden;
    width: 100%;
    float: left;
}

.tab-content{
    padding: 15px;
    background: #fff;
}

/* 2.8. TABS VERTICAL 
----------------------------------------------------------------------------- */
.tabs.vertical{
    overflow: hidden;
    float: left;
}

.tabs.vertical li{
    background: #f6f6f6;
    float: left;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    border-top: none;
    overflow: hidden;
    position: relative;
    padding: 0;
    line-height: 42px;
    width: 100%;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.tabs.vertical li:first-child{
    border-top: 1px solid #eee !important;
}

.tabs.vertical li a{    
    color: #333;    
    padding: 15px;
    font: 12px 'Open Sans', Arial, sans-serif;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.tabs.vertical li a i{
    font-size: 16px;
    padding-right: 10px;
}

.tabs.vertical li.active{
    border-bottom: 1px solid #eee;
    border-right: none;
    border-top: none;
    background: #fff;
}

.tab-content-wrap.vertical{  
    margin-top: 0;
    overflow: hidden;
    float: left;
    border: none;
}

.tab-content-wrap.vertical .tab-content{
    padding: 0;
    background: #fff;
}


/* 2.9. ACCORDION
------------------------------------------------------------------------------*/
.accordion{
    position: relative;
    float: left;
}

.accordion .title{ 
    float: left; 
    margin-bottom: 10px !important;
    width: 100%;
    background: #f6f6f6;
    padding: 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.accordion .title a{
    background: url('../img/acc-closed.png') no-repeat 0 center;
    padding-left: 36px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #333;
    cursor: pointer;
    display: block;    
    font: 13px 'Open Sans', Arial, sans-serif;    
    display: block;
}

.accordion .title:last-child{
    margin-bottom: 0 !important;

}
.accordion .content{
    display:none;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

/* 2.10. DROPCAPS 
------------------------------------------------------------------------------*/
span.dropcap-color{
    color: #fff;
    float: left;
    margin-right: 10px;
    font: 18px 'Open Sans', Arial,sans-serif;
    line-height: 18px;
    padding: 8px 10px;
    position: relative;
    top: 3px;
}

span.dropcap{
    color: #fff;
    background: #555;
    float: left;
    margin-right: 10px;
    font: 18px 'Open Sans', Arial,sans-serif;
    line-height: 18px;
    padding: 8px 10px;
    position: relative;
    top: 3px;
}

/* 2.11. INFORMATION BOXES - INFO BOX
----------------------------------------------------------------------------- */
.infobox{
    background: #e0f2ff;
    border: 1px solid #c1def2;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.infobox p{
    background: url('../img/info-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #61adb0;
    text-shadow: 0 1px 0 #fff;
}


/* Infromation boxes - WARNING BOX
----------------------------------------------------------------------------- */
.warning-box{
    background: #f8f6bc;
    border: 1px solid #e7e48b;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.warning-box p{
    background: url('../img/warning-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 27px;
    color: #989426;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - SUCCES BOX 
----------------------------------------------------------------------------- */
.success-box{
    background: #ebfdd7;
    border: 1px solid #cef4a4;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.success-box p{
    background: url('../img/success-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #7eb244;
    text-shadow: 0 1px 0 #fff;
}

/* Infromation boxes - ERROR BOX
----------------------------------------------------------------------------- */
.error-box{
    background: #fadddd;
    border: 1px solid #fcc1c1;
    border-radius: 3px;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.error-box p{
    background: url('../img/error-box.png') no-repeat 0 center;
    margin: 10px;
    padding-left: 25px;
    color: #d86d6d;
    text-shadow: 0 1px 0 #fff;
}


/* 2.12. IMAGE SLIDERS (FOR SLIDERS ON REGULAR  PAGES)
---------------------------------------------------------------------------- */
.image-slider .nivo-directionNav a{
    top: 100%;
    margin-top: -35px;
}

.image-slider .nivo-prevNav{
    left: 50%;
    margin-left: -31px;
}

.image-slider .nivo-nextNav{
    right: 50%;
    margin-right: -31px;
}

.grid_7 .image-slider .nivo-caption h3, 
.grid_7 .image-slider .nivo-caption span{
    max-width: 460px;
}

.nivoSlider.image-slider{
    margin-bottom: 17px;
}


/* ============================================================================ 
    3. HEADER STYLES
============================================================================ */
#header-wrapper{
    width: 100%;
    margin: 0 auto;
    position: relative;
    
}

#header{
    width: 940px;
    margin: 56px auto 10px;

}

#logo
{
    float: left;
    width: 250px;
    margin-right: 30px;
}

#contact-info-container{
    float: left;
    width: 650px;
}

#contact-info-container img
{
  
}

#contact-info-container .info{
    float: left;
    display: block;
    margin-bottom: 5px;
}

#contact-info-container .info li{
    float: left;
    text-align: right;
    margin-right: 20px;
}

#contact-info-container .info li:last-child{
    margin-right: 0;
}

#contact-info-container .social-links{
    float: left;
    width: 100%;   
    display: block;
}

#contact-info-container .social-links li{
    float: left;
    margin-right: 20px;
}

#contact-info-container .social-links li:first-child{
    margin-right: 0;
}

.top-shadow{
    background: url('../img/shadow.png') no-repeat;
    width: 960px;
    height: 38px;
    margin: 68px auto -38px;
    position: relative;
    z-index: 100;
    top: 28px;
}

/* Navigation
----------------------------------------------------------------------------- */

#nav-container {
    float: left;
    width: 100%;
    z-index: 900;
    position: relative;
    height: 65px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #ef2f3e;
    background: -moz-linear-gradient(top, #7cea00 0%, #ef2f3e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7cea00), color-stop(100%,#ef2f3e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7cea00 0%,#ef2f3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7cea00 0%,#ef2f3e 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, #7cea00 0%,#ef2f3e 100%);
}

#nav-container select{
    display: none;
}

#nav-container .grid_12{
    margin-bottom: 0;
}

#nav
{
    height: 100%;
    width: 730px;
    margin-right: 20px;
    list-style: none;
    float: right;
}

.nav-icon{
    color: #444;
    font-size: 14px;
    margin-bottom: 3px;
    text-align: center;
    display: block !important;
    width: 100%;
}

#nav > ul{
    display: block !important;
}

#nav li{
    float: right;
    position: relative;
    cursor: pointer;
}

#nav > ul > li
{
    padding: 15px 10px 15px 10px;
    height: 65px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-left: 1px solid #e8e8e8;
}

#nav > ul > li img
{
    text-align: center;
    margin-left: 40%;
    margin-bottom: 5px;
    margin-top: -5px;
}

#nav > ul > li:first-child{
    border-left: 1px solid #e8e8e8;
}

#nav li a
{
    float: none;
    display: block;
    font: 12px 'iranian Sans';
    color: #FFFFFF;
}

#nav li span
{
    color: #FFFFFF;
}

#nav > ul > li.current-menu-item a, 
#nav > ul > li.current-menu-item span,
#nav > ul > li:hover span, 
#nav > ul > li:hover a{
    color: #fff;
}
#nav > ul > li a:hover{
    color: #fff !important;
}


/* MAIN NAVIGATION SECOND LEVEL
----------------------------------------------------------------------------- */
#nav li ul{
    display: none;
    position: absolute;	
    padding-top: 15px;
    margin: 0;
    top: 100%;
    left: 0;
    z-index: 100;
}

#nav li ul li
{
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background: #fff;
    padding: 12px 20px !important;
    border: 1px solid #E5E5E5;
    border-radius:3px;
}

#nav li ul li:first-child
{

}

#nav li ul li:hover > a{
    text-indent: 3px;
}



#nav li ul li:hover
{
    background-position: center top;
    border: 1px solid #ef2f3e;
    background-image: url('../img/header-bg.png');

}

#nav li ul li a
{
    text-transform: none !important;
    font: 12px iranian Sans;
    line-height: 15px;
    color: #555 !important;
    transition-property: text-indent;
    transition-duration: 0.2s;
    -webkit-transition-property: text-indent;
    -webkit-transition-duration: 0.2s;
    -moz-transition-property: text-indent;
    -moz-transition-duration: 0.2s;
    -o-transition-property: text-indent;
    -o-transition-duration: 0.2s;
    text-align: right;
}

#nav li ul li, #nav li ul li a{
    float: none;
}

#nav li ul li a {
    width: 130px;
    display: block;
}

/* MAIN NAVIGATION THIRD LEVEL
----------------------------------------------------------------------------- */
#nav li ul li ul {
    display: none;
}

#nav li ul li:hover ul
{
    left: -178px;
    top: 0px;
    padding-top: 0 !important;
    padding-left: 5px;
}

/* Search bar
----------------------------------------------------------------------------- */
#search-box
{
    width: 190px;
    float: left;
    height: 65px;
    border-right: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #FFFFFF;
    direction: rtl;
    font-family: 'iranian Sans';

    
}

#search-box #m_search
{

    background: none;
    border: none;
    width: 115px;
    font: 12px 'iranian Sans';
    float: left;
    margin-right: 10px;
    color: #FFFFFF;
    
}


#search-box .search-submit{
    background: url('../img/search.png') no-repeat center 3px;
    width: 15px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    float: left;
    border: none;
    cursor: pointer;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* =============================================================================
    4. CONTENT AND PAGE WRAPPERS
============================================================================ */
.page-title-container{
    width: 100%;
    background-image: url('../img/page-title.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #eee;
    display: block;
    margin: 0 auto 40px;
    padding: 45px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.page-title{
    width: 940px;
    margin-bottom: 0;
}

.page-title .title{
    float: left;
    max-width: 700px;
    
    box-sizing: border-box;
}

.page-title .title h1{
    display: inline-block;
    font: 20px Arial, sans-serif;
    font-weight: normal;
    padding: 5px 10px;
    background: #fff;
    float: left;
    margin-right: 20px;
    line-height: 20px;
    text-transform: none;
    margin-bottom: 0;
}

.breadcrumbs{
    float: right;
    background: #fff;
    padding: 5px 10px;
}
.breadcrumbs li{
    float: left;
    padding-left: 8px;
    font: 12px 'Open Sans', Arial, sans-serif;
    color: #777;
    padding-top: 2px;
}

.breadcrumbs li a.home{
    background: url('../img/icon-home.png') no-repeat center 2px;
    display: block;
    width: 13px;
    height: 13px;
    text-indent: -9999px;
}

#content-wrapper{
    width: 100%;
    margin: 0 auto;
    
}

/* ============================================================================
    HOME PAGE LATEST BLOG POSTS WIDGET
============================================================================= */
.latest-blog-posts{
    width: 100%;
    float: left;
}

.latest-blog-posts .post-info{
    float: left;
    width: 140px;
    margin-right: 20px;
    position: relative;
    
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.latest-blog-posts .post-info img
{
    border: 1px solid #FFFFFF;
}

.latest-blog-posts .post-info .comments{
    width: auto;
    display: inline;
    background: #333;
    position: absolute;
    bottom: 2px;
    left: 2px;
    padding: 2px 5px;
    
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.latest-blog-posts .title-date a{
    float: left;
    width: 100%;
}

.latest-blog-posts .title-date a h6{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.latest-blog-posts .post-info .comments a, 
.latest-blog-posts .post-info .comments a:hover{
    color: #fff !important;
    font-size: 11px;
}

.latest-blog-posts .post-body
{
    float: left;
    width: 300px;
    text-align: right;
}


.latest-blog-posts .post-body p
{
    font-family: iranian Sans;
    font-size: 12px;
    color: #FFFFFF;
}

.latest-blog-posts .post-body .post-meta{
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.latest-blog-posts .post-body .post-meta .category
{
    width: 40px;
    height: 40px;
    float: left;
    background: #ef2f3e;
    cursor: pointer;
    margin-right: 15px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.latest-blog-posts .post-body .post-meta .category img
{
    margin: 4px 5px 4px 4px;
}

.latest-blog-posts .post-body .post-meta .category i{
    color: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.latest-blog-posts .post-body .post-meta .title-date
{
    float: left;
    width: 245px;
    text-align: left;
}

.latest-blog-posts .post-body .post-meta .title-date h1, .latest-blog-posts .post-body .post-meta .title-date h2, .latest-blog-posts .post-body .post-meta .title-date h3, .latest-blog-posts .post-body .post-meta .title-date h4, .latest-blog-posts .post-body .post-meta .title-date h5
{
    margin-bottom: 3px;
    width: 100%;
    font-family: iranian Sans;
    font-weight: normal;
}


.latest-blog-posts .post-body .post-meta .title-date h6
{
    margin-bottom: 3px;
    width: 100%;
    font-family: iranian Sans;
    font-weight: normal;
    color: #FF99FF;
    text-align: right;
    font-size: 16px;
}

.latest-blog-posts .post-body .post-meta .title-date span.date
{
    text-transform: uppercase;
    width: 100%;
    display: block;
    color: #CCCCCC;
    font-style: italic;
}


/* ============================================================================ 
    5. ABOUT US
============================================================================ */
/* Team members 
----------------------------------------------------------------------------- */
.team-info{
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    float: left;
}

.team-info img{
    width: 100%;
}

.team-info .title-position{
    position: absolute;
    bottom: 10%;
    left: 15px;
    width: 85%;
}

.team-info .title-position .title{
    background: #fff;
    color: #333;
    padding: 5px;
    text-align: left;
    display: inline-block;
    float: left;

    max-width: 100%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.team-info .title-position h6
{
    margin-bottom: 0;
    width: auto;
    word-wrap: break-word;
    text-transform: none;
    font-family: 'iranian Sans';
}

.team-info .title-position .position
{
    text-align: left;
    display: inline-block;
    padding: 5px;
    float: left;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'iranian Sans';
}

.team-info .title-position .position span{
    color: #fff;
    width: auto; 
    word-wrap: break-word;
}

.team-cv{
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.team-cv p
{
    font-family: 'iranian Sans';
    font-size: 10px;
    text-align: right;
}

.team-social-links{
    width: 100%;
    float: left;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.team-social-links li{
    float: left;
    margin-right: 20px;
}

.team-social-links li a
{
    color: #aaa;
    font-size: 12px;
    font-family: 'iranian Sans';
    text-align: center;
}

.team-social-links li:last-child{
    margin-right: 0;
}

/* Skills
----------------------------------------------------------------------------- */
.skills-bar{
    width: 100%;
    position: relative;
    float: left;
}

.skills{
    padding-top: 20px;
    display: block;
}

.skills li em{
    position: relative;
    top: -23px;
    font: 11px Arial, sans-serif;
    font-style: normal;
}

.skills li{
    display: block;
    height: 15px;
    margin-bottom: 35px;

    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom, rgba(246,246,246,1) 0%,rgba(238,238,238,1) 100%); /* W3C */

    border: 1px solid #ddd;

    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.expand{
    height: 13px;
    position: absolute;
    margin-top: -1px;

    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -o-border-radius-topleft: 5px;
    -o-border-radius-bottomleft: 5px;
}

.web-design       { width:80%;  -moz-animation:web-design 2s ease-out;       -webkit-animation:web-design 2s ease-out;}
.web-development  { width:70%;  -moz-animation:web-development 2s ease-out;  -webkit-animation:web-development 2s ease-out;}
.wordpress        { width:90%;  -moz-animation:wordpress 2s ease-out;        -webkit-animation:wordpress 2s ease-out;}
.marketing        { width:60%;  -moz-animation:marketing 2s ease-out;        -webkit-animation:marketing 2s ease-out;}

@-webkit-keyframes web-design       { 0%  { width:0px;} 100%{ width:80%;}  }
@-webkit-keyframes web-development        { 0%  { width:0px;} 100%{ width:70%;}  }
@-webkit-keyframes wordpress       { 0%  { width:0px;} 100%{ width:90%;}  }
@-webkit-keyframes marketing  { 0%  { width:0px;} 100%{ width:60%;}  }


/* Client Carousel
----------------------------------------------------------------------------- */
.client-carousel .caroufredsel_wrapper{
    width: 940px !important;
    min-height: 107px !important;
}

.title-container.carousel:before, 
.title-container.carousel:after{
    background: none !important;
}

.carousel-nav-container{
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 100%;
}
.carousel-nav{
    position: relative;
    width: 100%;
}

.carousel-nav li{
    float: left;
    width: 22px;
    height: 22px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;

    z-index: 600;
}

.carousel-nav li a.next{
    background-image: url('../img/cr.png');
    width: 22px;
    height: 22px;
    display: block;

    position: absolute;
    right: -22px;
}

.carousel-nav li a.prev{
    background-image: url('../img/cl.png');
    width: 22px;
    height: 22px;
    display: block;

    position: absolute;
    left: -22px;
}

#client-carousel li
{
    background-position: center top;
    border: 1px solid #FFC1FF;
    float: left;
    width: 186px !important;
    display: block;
    min-height: 105px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
}

#client-carousel li:hover
{
    border-color: #ef2f3e;
    background-color: #FFE8FF;
}

#client-carousel li img{
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
   
    
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#client-carousel li img:hover{
    opacity: 1.0;
}

/* ============================================================================= 
    6. SERVICES
============================================================================= */

/* SERVICE BOX STYLE 1 - ICON ON LEFT, TITLE AND TEXT ON RIGHT
----------------------------------------------------------------------------- */
.service-box-1 .icon{
    float: left;
    width: 52px;
    height: 44px;
    margin-right: 20px;
}

.service-box-1 .icon img
{
    margin-top: 5px;
    margin-right: 13px;
}

.service-box-1 .icon i{
    font-size: 20px;
    line-height: 10px;
    width: 44px;
    height: 44px;
    margin: 0 auto;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.service-box-1 .content .title{
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.service-box-1 .content .title h3
{
    font-family: 'iranian Sans';
    text-align: right;
    font-size: 12px;
    color: #ef2f3e;
}

.service-box-1 .content .title span
{
    font-family: 'iranian Sans';
    text-align: center;
    font-size: 10px;
}

.service-box-1 .content .description{
    float: left;
    width: 100%;
    margin-bottom: 14px;
}

.service-box-1 .content .description p
{
    font-family: 'iranian Sans';
    color: #000000;
    font-size: 12px;
    text-align: right;
    font-weight: normal;
}
.service-box-1 .content .title h1, 
.service-box-1 .content .title h2, 
.service-box-1 .content .title h3, 
.service-box-1 .content .title h4, 
.service-box-1 .content .title h5, 
.service-box-1 .content .title h6{
    margin-bottom: 2px;
    width: 100%;
    float: left;
}

.service-box-1 .content .title span{
    width: 100%;
    float: left;
}

/* SERVICES BOX-1 FOR ALL COLUMNS */
.grid_3 .service-box-1 .content{float: left;width: 148px;}
.grid_4 .service-box-1 .content{float: left;width: 228px;}
.grid_5 .service-box-1 .content{float: left;width: 308px;}
.grid_6 .service-box-1 .content{float: left;width: 388px;}
.grid_7 .service-box-1 .content{float: left;width: 468px;}
.grid_8 .service-box-1 .content{float: left;width: 548px;}
.grid_9 .service-box-1 .content{float: left;width: 628px;}
.grid_12 .service-box-1 .content{float: left;width: 868px;}



.service-box-2-container{
    width: 100%;
    float: left;
    cursor: pointer;
}
.service-box-2-container .icon
{
    float: left;
    width: 60px;
    height: 71px;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -30px;
    background: url('../img/service-bkg.png') no-repeat;
    z-index: 20;
    margin-top: -70px;
}

.service-box-2-container .icon img
{
    margin-left: 15px;
    margin-top: 15px;
}

.service-box-2-container .icon i{
    font-size: 24px;
    line-height: 10px;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

    .service-box-2-container .service-box-2 {
        min-height: 325px;
        background: #fff;
        /*border: 1px solid #5e84f9;*/
        border-radius: 0 0 10px 10px;
        position: relative;
        top: -35px;
        z-index: 10;
        /*        padding: 15px 20px 50px 20px;*/
        padding-bottom: 50px;
        text-align: center;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        float: left;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        box-shadow: 0px 1px 10px -1px rgba(0,0,0,0.75);
        -webkit-box-shadow: 0px 1px 10px -1px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 1px 10px -1px rgba(0,0,0,0.75);
    }

        .service-box-2-container .service-box-2 .title a h3 {
            font-family: 'iranian Sans';
            font-weight: normal;
            font-size: 15px;
            color: white;
            /*            background: #5e84f9;*/
            padding: 7px;
            display:inline-block;
        }
        .service-box-2-container .service-box-2 .title {
            float: right;
            text-align: right;
            border-bottom: 1px solid white;
            width: 100%;
            text-align: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }

.service-box-2-container .service-box-2 .description
{
    height: 190px;

}
.service-box-2-container .service-box-2 .description ul li
{
    text-align: center;
}
.service-box-2-container .service-box-2 .description ul li a
{
    font-family: 'iranian Sans';
}

    .service-box-2-container .service-box-2 .description ul li.tests {
        font-family: 'iranian Sans';
        background: #5e84f9;
        width: 90%;
        margin: 10px auto;
        padding: 7px;
    }

        .service-box-2-container .service-box-2 .description ul li.tests a {
            color: #fff;
        }

        .service-box-2-container .service-box-2 .description ul li.tests:hover {
            background: #5076e4;
        }
        .service-box-2-container .service-box-2 .description p {
            font-family: 'iranian Sans';
        }

.service-box-2-container .service-box-2 .title span
{
    font-family: 'iranian Sans';
    color: #F6F6F6;
}

.service-box-2-container .service-box-2 .title a
{
    color: #ef2f3e;
}

.service-box-2-container .service-box-2 h1, 
.service-box-2-container .service-box-2 h2, 
.service-box-2-container .service-box-2 h3,
.service-box-2-container .service-box-2 h4, 
.service-box-2-container .service-box-2 h5, 
.service-box-2-container .service-box-2 h6{
    margin-bottom: 3px;
}


.service-box-2-container .service-box-2 .read-more-btn
{
    float: none;
    margin: 12px auto 0;
    display: table;
    background: #FFF0FF;
    color: #000000;
}

.service-box-2-container .service-box-2 .read-more-btn a
{
    border-style: none;
    font-family: 'iranian Sans';
}
.service-box-2-container .service-box-2 .read-more-btn span
{
    border-style: none;
    background: #FFF0FF;
    color: #000000;
}

/*
    .service-box-2-container .service-box-2:hover {
        background: #fff;
        border: 1px solid #eee;
    }
*/
/* ============================================================================= 
    7. FAQ PAGE
============================================================================= */
.accordion.faq .title a{
    background: url('../img/faq-closed.png') no-repeat 0 center;
    font-size: 13px;
    color: #333;
    font-weight: 600;
} 

/* =============================================================================
    8. PORTFOLIO
============================================================================ */
.portfolio{
    overflow: hidden;    
}

.quicksand-filter-container{
    width: 100%;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.quicksand-filter-container span{
    float: left;
    margin-right: 20px;
    padding-top: 4px;
}

.quicksand-filter-container #quicksand-filter{
    float: left;
}

.quicksand-filter-container #quicksand-filter li{
    float: left;
    padding: 4px 10px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.quicksand-filter-container #quicksand-filter li a{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;  
}

.quicksand-filter-container #quicksand-filter li.active a, 
.quicksand-filter-container #quicksand-filter li.active a:hover, 
.quicksand-filter-container #quicksand-filter li:hover a{
    color: #fff !important;
}

/* PORTTFOLIO HOVER EFFECT
----------------------------------------------------------------------------- */
.portfolio-hover{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    opacity: 0;
}

.portfolio-hover .mask{
    width: 100%;
    height: 100%;
    background: #444;     
    opacity: 0.6;
    position: absolute;
    top:0;
    left: 0;
}

.portfolio-hover ul{
    display: block;
}

.portfolio-hover li{
    float: left;
    background: #222;
    width: 36px;
    height: 36px;
    opacity: 1;
    top: 50%;
    margin-top: -18px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.portfolio-hover .portfolio-zoom{
    margin-right: 4px;
    position: absolute;
    left: -42px;
}

.portfolio-hover .portfolio-zoom a{
    text-indent: -9999px;
    background: url('../img/portfolio/zoom.png') no-repeat center center;
    display: block;
    width: 36px;
    height: 36px;
}

.portfolio-hover .portfolio-single a{
    text-indent: -9999px;
    background: url('../img/portfolio/link.png') no-repeat center center;
    display: block;
    width: 36px;
    height: 36px;
}

.portfolio:hover .portfolio-hover{
    opacity: 1;
}

.portfolio-hover .portfolio-single{
    position: absolute;
    right: -42px;
}

.portfolio:hover .portfolio-single{
    right: 50%;
    margin-right: -45px;
}

.portfolio:hover .portfolio-zoom{
    left: 50%;
    margin-left: -45px;
}


/* PORTFOLIO STYLE 1 FOR ALL COLUMNS 
----------------------------------------------------------------------------- */
.grid_12.portfolio-style-1 .portfolio{
    width: 540px;
    margin-right: 20px;
    float: left;
    position: relative;
}

.grid_6.portfolio-style-1 .portfolio{
    width: 460px;
    margin-right: 0;
    margin-bottom: 15px;
    position: relative;
    float: left;
}

.grid_4.portfolio-style-1 .portfolio{
    width: 300px;
    margin-right: 0;
    margin-bottom: 15px;
    position: relative;
    float: left;
}

.grid_3.portfolio-style-1 .portfolio{
    width: 220px;
    margin-right: 0;
    margin-bottom: 15px;
    position: relative;
    float: left;
}

.grid_12.portfolio-style-1 .portfolio-info{
    float: left;
    width: 380px;
}

.grid_6.portfolio-style-1 .portfolio-info, 
.grid_4.portfolio-style-1 .portfolio-info, 
.grid_3.portfolio-style-1 .portfolio-info{
    width: 100%;
    float: left;
}

.portfolio-info h3, .portfolio-description h3 {
    margin-bottom: 10px;
    text-align: center;
    color: #004a73;
    font-family: 'iranian Sans';
    font-size: 14px;
}

.portfolio-description p
{
    text-align: right;
    font-family: 'iranian Sans';
}
.portfolio-info .meta, .portfolio-description .meta
{
    float: left;
    width: 100%;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 15px;
    font-family: 'iranian Sans';
    text-align: right;
    direction:rtl
}

.portfolio-info .meta li, 
.portfolio-description .meta li{
    float: left;
    margin-right: 10px;
    font-size: 11px;
}

.portfolio-info .meta li span, 
.portfolio-description .meta li span{
    padding-right: 8px;
}

/* PORTFOLIO STYLE 2 FOR ALL COLUMNS 
----------------------------------------------------------------------------- */
.grid_6.portfolio-style-2,
.grid_4.portfolio-style-2,
.grid_3.portfolio-style-2{
    margin-bottom: 20px;
}

.grid_6.portfolio-style-2:last-child,
.grid_4.portfolio-style-2:last-child,
.grid_3.portfolio-style-2:last-child{
    margin-bottom: 60px;
}

.portfolio-style-2 .portfolio{
    cursor: pointer;
}

.portfolio-style-2 .portfolio .portfolio-image{
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    float: left;
}

.portfolio figcaption {
    float: left;
    width: 100%;
    background: #f0f5fa;
    border-top: 3px solid #ddd;
    padding: 5px 5px 7px 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.portfolio figcaption .title
{
    font-family: 'iranian Sans';
    font-size: 12px;
}

.portfolio figcaption a{
    font-size: 13px;
    font-weight: 600;
    color: #333;
    text-align: center;
    width: 100%;
    display: block;
}

    .portfolio figcaption span {
        width: 100%;
        text-align: center;
        display: block;
        font-style: italic;
        font-family: 'iranian Sans';
        color: #004a73;
    }

/* PORTFOLIO STYLE GALLERY FOR THREE COLUMNS
----------------------------------------------------------------------------- */
.gallery{
    padding: 0 8px;
}

.gallery .grid_4.portfolio-style-gallery{
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 2px;
    width: 312px;
}

.gallery .grid_4.portfolio-style-gallery:last-child{
    margin-bottom: 60px;
}

.gallery .grid_4.portfolio-style-gallery .portfolio{
    width: 100%;
    position: relative;
}

/* PORTFOLIO PAGINATION
----------------------------------------------------------------------------- */
.portfolio-pagination .pager{
    width: 760px;
}

/* PORTFOLIO SINGLE PROJECT
----------------------------------------------------------------------------- */
.grid_7 .nivoSlider.image-slider.portfolio-slider, 
.grid_7 .nivoSlider.image-slider.portfolio-slider img{
    width: 100%;
    float: left;
}

.grid_7 .nivoSlider.image-slider{
    margin-bottom: 17px;
}

.carousel-portfolio .caroufredsel_wrapper{
    width: 100% !important;
    min-height: 300px !important;
} 



.carousel-portfolio .carousel-li > li{
    width: 300px !important;
    margin-right: 20px;
    float: left;
    min-height: 222px !important;
    margin-left:30px;
}



.carousel-portfolio .carousel-pagination{
    margin: 30px auto 0;
    float: none;
}

.carousel-portfolio .carousel-pagination a {
    background: url('../img/sb.png') no-repeat;
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.carousel-portfolio .carousel-pagination a.selected {
    cursor: default;
}

/* ============================================================================
    9. BLOG
============================================================================= */
.blog-posts li.blog-post{
    float: left;
    border-bottom: 1px solid #eee;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.blog-posts .blog-post:nth-last-of-type(-n+2){
    padding-bottom: 0;
    border-bottom: none;
}

.blog-info{
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.blog-meta{
    float: left;
    width: 110px;
    margin-right: 20px;
}

.blog-meta .category{
    width: 40px;
    height: 40px;
    float: right;
    background: #333;
    cursor: pointer;
    margin-bottom: 15px;    

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blog-meta .category i{
    color: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.blog-meta > ul{
    float: right;
    width: 100%;
}

.blog-meta li{
    text-align: right;
    width: 100%;
    font-size: 11px;
}

.post-body, 
.post-body-container{
    float: left;
    width: 490px;
}

.post-body-container .post-body{
    margin-bottom: 30px;
}

.post-body .post-img{
    margin-bottom: 15px;
    float: left;
    opacity: 1.0;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.post-body .post-img:hover, 
.blog-info .post-img:hover{
    opacity: 0.8;
}

.post-body h3, 
.blog-info h3{
    margin-bottom: 10px;
}

.post-body .tags, 
.blog-info .tags{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 3px 0;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.post-body .tags li, 
.blog-info .tags li{
    float: left;
    padding-left: 3px;
}

.post-body .read-more-btn
{
    float: left;
}

/* Blog Post Format Link
----------------------------------------------------------------------------- */
.blog-post a.link{
    width: 100%;
    background: #f6f6f6;
    padding: 5px 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    display: block;
    float: left;
    margin-bottom: 10px;
}

/* Blog Post Format Gallery
----------------------------------------------------------------------------- */
.post-body .nivoSlider.blog-slider{
    margin-bottom: 15px;
}

.post-body .nivoSlider.blog-slider, 
.post-body .nivoSlider.blog-slider img{
    width: 490px;
    height: 243px;
}


/* Blog Post Format Video
----------------------------------------------------------------------------- */
.post-body iframe{
    width: 490px;
    height: 243px;
    margin-bottom: 15px;

    background: #eee url('../img/loading.gif') no-repeat 50% 50%;
}

.blog-info iframe{
    width: 100%;
    height: 308px;
    background: #eee url('../img/loading.gif') no-repeat 50% 50%;
}

/*Audio Blog post
----------------------------------------------------------------------------- */
.jp-jplayer{
    background: none !important;
    border: none !important;
    float: left !important;
}

.jp-audio{
    float: left !important;
    margin-bottom: 20px !important;
}

/* Pagination
----------------------------------------------------------------------------- */
.pagination{
    float: left;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.pagination .pagination-prev
{
    float: left;
    max-width: 70px;
    font-family: 'iranian Sans';
}

.pagination .pagination-next
{
    float: right;
    max-width: 70px;
    font-family: 'iranian Sans';
}

.pager{
    float: left;
    width: 440px;
    padding: 0 20px;
}

.pager ul{
    display: table;
    margin: 0 auto;
    float: none;
}

.pager li{
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;

    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 100%); /* W3C */

    border: 1px solid #ddd;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pager li a{
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    color: #333;
    text-align: center;
    font-size: 11px;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

.pager li.active a, 
.pager li:hover a{
    color: #fff !important;
}

/* Blog Single
----------------------------------------------------------------------------- */
.share-post{
    float: left;
    background: #f6f6f6;
    margin-bottom: 40px;
    padding: 20px;
    width: 100%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.share-post span{
    float: left;
    display: block;
    margin-right: 20px;
    color: #333;
    position: relative;
    top: 2px;
}

.share-post #shareme{
    float: left;
}

.sharrre .box{
    background:#6f838c;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
    background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);

    -webkit-box-shadow:0 1px 1px #d3d3d3;
    -moz-box-shadow:0 1px 1px #d3d3d3;
    box-shadow:0 1px 1px #d3d3d3;

    height:22px;
    display:inline-block;
    position:relative;

    padding:0px 55px 0 8px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;

    font-size:12px;
    float:left;
    clear:both;
    overflow:hidden;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    cursor: pointer;
}

.sharrre .left{
    line-height:22px;
    display:block;
    white-space:nowrap;

    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#ffffff;

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.sharrre .middle{
    position:absolute;
    height:22px;
    top:0px;
    right:30px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;

    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;

    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.sharrre .middle a{
    color:#fff;
    font-weight:bold;
    padding:0 9px 0 9px;
    text-align:center;
    float:left;
    line-height:22px;

    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
}
.sharrre .right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:45px;
    text-align:center;
    line-height:22px;
    color:#4b5d61;

    background:#f1faf9;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
    background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
}
.sharrre .box:hover{
    padding-right:130px;
}
.sharrre .middle a:hover{
    text-decoration:none;
    color: #bacfd2 !important;
}
.sharrre .box:hover .middle{
    width:90px;
}

.post-author{
    float: left;
    margin-bottom: 70px;
    width: 100%;
}

.post-author img{
    border: 1px solid #ddd;
    width: 84px;
    height: 84px;
    float: left;
    margin-right: 20px;
}

.post-author .info{
    float: left;
    width: 384px;
}

.post-author .info h6{
    margin-bottom: 10px;
}

/* COMMENTS
----------------------------------------------------------------------------- */
.post-comments{
    width: 100%;
    float: left;
}

.comments-li{
    float: left;
    margin-bottom: 20px;
}

.comments-li > li{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.comment{
    float: left;
    min-height: 60px;
}

.post-comments .comment + .children{
    margin-top: 20px;
}

.post-comments .children + .children{
    margin-top: 20px;
}

/* COMMENT AVATAR
----------------------------------------------------------------------------- */

.comment .avatar{
    width: 60px;
    height: 60px;
    margin-right: 15px;
    float: left;
}

/* COMMENT META
----------------------------------------------------------------------------- */
.comment .comment-meta{
    color: #777;
    font: italic 11px Arial, sans-serif;
    margin: 0 0 10px 80px;
}

.post-comments .comments-li .comment .comment-meta li{
    padding-top: 2px;
    display: block;
}

.comment .comment-meta a{
    border-bottom: none;
    font: 11px Arial, sans-serif;
    display: inline;
    margin-bottom: 3px;
    color: #777;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.comment .comment-meta a.author{
    font: bold 13px Arial, sans-serif;
    color: #444;
    margin-right: 10px;
    display: block;
    float: left;
}

.comment .comment-body{
    margin-left: 80px;
}

/* BLOG POSTS CHILD COMMENT
----------------------------------------------------------------------------- */
.post-comments .children{
    margin-left: 30px;
    float: left;
    padding: 0 0 0 50px;
}


.comment-reply-link{
    float: left;
    color: #fff;
    padding: 4px 10px;
    cursor: pointer;
    margin-top: 10px;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;   
}

.comment-reply-link:hover{
    color: #fff !important;
}

.comment-form, #respond{
    float: left;
    width: 100%;
}

h5#reply-title{
    text-transform: none !important;
}

#respond form{
    margin-top: 20px;
}

#respond fieldset{
    margin-bottom: 10px;
}

#respond label{
    width: 100%;
    font: 11px Arial, sans-serif;
    color: #444;
    display: block;
    margin-bottom: 7px;
}

#respond .name-container{
    margin-right: 20px;
    float: left;
}

#respond .email-container{
    float: left;
}

#respond .name-container input, 
#respond .email-container input{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    height: 30px;
    width: 308px;
    font: 12px 'Open Sans', Arial, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    color: #a9a9a9;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#respond .message{
    float: left;
    margin-top: 5px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#respond .message textarea{
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;

    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font: 11px Arial, sans-serif;
    line-height: 22px;
    padding: 10px;
    color: #a9a9a9;
}

#respond #comment-reply{
    color: #fff;
    font: 12px 'Open Sans', Arial,sans-serif;
    cursor: pointer;
    padding: 8px 15px;
    border: none;
    float: right;
    margin-top: 10px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

#respond .name-container input:focus, 
#respond .email-container input:focus, 
#respond .message textarea:focus{
    border-color: #aaa;
}


/* ============================================================================
    10. CONTACT
============================================================================ */
.info-container{
    padding: 20px;
    width: 100%;
    background: #f6f6f6;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.map_canvas{
    width: 100%;
    height: 470px;
}

.wpcf7 fieldset{
    width: 100%;
    margin-bottom: 10px;
}

.wpcf7 label{
    color: #444;
    font: 11px Arial,sans-serif;
    line-height: 18px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    float: left;
}

.wpcf7-text{
    width: 220px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px 10px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wpcf7-textarea{
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;

    border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.wpcf7-submit
{
    border: 0px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 12px 'Open Sans' , Arial, sans-serif;
    text-transform: uppercase;
    line-height: 11px;
    color: #fff;
    padding: 10px 17px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

    .wpcf7-submit:hover {
        background-color: #5e84f9;
        background: -moz-linear-gradient(top, #5e84f9 0%, #5e84f9 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e84f9), color-stop(100%,#5e84f9)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #5e84f9 0%,#5e84f9 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5e84f9 0%,#5e84f9 100%); /* Opera 11.10+ */
        background: linear-gradient(to bottom, #5e84f9 0%,#5e84f9 100%);
        border: 1px solid #5e84f9;
    }

.contact-info li{
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.contact-info li.address span{
    padding-left: 20px;
    float: left;
}

/* ============================================================================ 
    11. WIDGETS
============================================================================ */

.aside-left{
    width: 280px !important;
    padding-right: 20px;
    margin-bottom: 0;
}

.aside-right{
    width: 280px !important;
    padding-left: 20px;
    margin-bottom: 0;
}

.widget{
    display: block;
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.widget li{
    background: url('../img/aside-arrow.png') no-repeat 0 10px;
    border-bottom: 1px dotted #ddd;
    padding-left: 28px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.footer-widget-container {
    background-color: azure;
/*    border: 2px solid #5e84f9;*/
    border-radius: 5px;
    min-height: 260px;
    padding: 10px;
}

    .footer-widget-container .widget li {
        border-bottom: 1px dotted #555;
    }

.widget li:last-child{
    border-bottom: none;
}

.widget .title {
    
    text-transform: uppercase;
}

.footer-widget-container .widget .title h1, .footer-widget-container .widget .title h2, .footer-widget-container .widget .title h3, .footer-widget-container .widget .title h4, .footer-widget-container .widget .title h5, .footer-widget-container .widget .title h6 {
    color: rgb(70, 70, 70) !important;
    font-family: 'iranian Sans';
}

/* WIDGET TAG CLOUD
----------------------------------------------------------------------------- */
.widget_tag_cloud a{
    background: #f6f6f6;
    color: #777;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-right: 2px;
}

.widget_tag_cloud a:hover{
    color: #fff !important;
}

.footer-widget-container .widget_tag_cloud a{
    background: #303030;
}

.footer-widget-container .widget_tag_cloud a:hover{
    color: #fff !important;
}

/* WIDGET SEARCH
----------------------------------------------------------------------------- */
.widget_search form{
    position: relative;
}

.widget_search #a_search{
    background: #fff;
    border: 1px solid #ddd !important;
    width: 100%;
    display: block;
    height: 25px;
    font-size: 11px;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #777;
    font-style: italic;
    left:0;
    top: 0;

    padding: 0 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.widget_search .search-submit{
    background: url('../img/aside-search.png') center center no-repeat;
    width: 20px;
    height: 22px;
    border: none;
    text-indent: -9999px;
    position: absolute;
    float: left;
    cursor: pointer;
    right: 6px;
    top: 1px;
}

/* WIDGET TEXT
----------------------------------------------------------------------------- */
.widget_text li{
    border-bottom: 0;
    background: none;
    padding: 0;
}

.footer-widget-container .widget_text li{
    border: none;
}

.widget_text .title h5
{
    font-family: 'iranian Sans';
    text-align: center;
}

.widget_text  p
{
    font-family: 'iranian Sans';
    text-align: center;
}
/* WIDGET PI_RECENT_POSTS
----------------------------------------------------------------------------- */
.pi_recent_posts li{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    border: none;
}

.pi_recent_posts .meta{
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float: left;
    background: #333;
    cursor: pointer;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.pi_recent_posts .meta a{
    color: #fff !important;
    font-size: 20px !important;
    position: relative;
    display: table-cell;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
}

.pi_recent_posts .title h5
{
    font-family: 'iranian Sans';
    text-align: center;
}

.pi_recent_posts .post .info, 
.pi_recent_posts .post .info a{
    font-size: 10px !important;
}

.pi_recent_posts .post a{
    color: #333;
}

.pi_recent_posts .meta a:hover{
    color: #fff !important;
}

.footer-widget-container .pi_recent_posts li{
    border: none;
}

.footer-widget-container .pi_recent_posts .meta{
    background: #303030;
}

/* NEWSLETTER WIDGET 
----------------------------------------------------------------------------- */
.aside_widgets .newsletter .email{
    background: #fff;
    border: 1px solid #ddd; 
}

.aside_widgets .newsletter .submit{
    background: #fff;
    border: 1px solid #ddd;
    color: #777;
}

.aside_widgets .newsletter .submit:hover{
    color: #fff;
}


.newsletter .email{
    background: #fff;
    border: 1px solid #ddd;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    width: 148px;
    height: 28px;
    padding: 0 10px;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-size: 11px;
}

.newsletter .submit{
    height: 28px;
    background: #fff;

    color: #777;
    font-size: 11px;
    position: relative;
    top: 0;
    padding: 0 15px;
    cursor: pointer;

    border: 1px solid #ddd;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.newsletter .submit:hover{
    background: #f6f6f6;

    border: 1px solid #ddd;

    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.footer-widget-container .newsletter .email{
    background: #303030;
    border: 1px solid #222;
    color: #ccc;
}

.footer-widget-container .newsletter .submit
{
    background: #C0C0C0;
    border: 1px solid #000;
    color: #000000;
    border-radius:1px;
}

.footer-widget-container .newsletter .submit:hover{ 
    color: #fff;
}

/* CONTACT INFO WIDGET 
----------------------------------------------------------------------------- */
.widget .contact-info li
{
    float: left;
    display: block;
    width: 100%;
    min-height: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.widget .contact-info li p
{
    padding-top: 3px;
    font-family: 'iranian Sans';
}

.widget .contact-info li.address{
    display: block;
    padding-left: 36px;   
}

.widget .contact-info li.address p{
    padding-top: 0 !important;
}

.widget .contact-info li.phone{
    display: block;
    padding-left: 36px;
}

.widget .contact-info li.mail{
    display: block;
    padding-left: 36px;
}

/* TESTIMONIAL WIDGET 
----------------------------------------------------------------------------- */
.carousel-testimonial li{
    border: none;
    background: none;
    padding: 0;
    float: left;
    margin-right: 10px;
}

.carousel-testimonial .caroufredsel_wrapper{
    width: 100%;
}

.carousel-testimonial{
    float: left;
    width: 100%;
}

.grid_3 .carousel-testimonial .caroufredsel_wrapper{width: 220px !important;}
.grid_3 .carousel-testimonial .carousel-li > li{width: 220px !important;}

.grid_4 .carousel-testimonial .caroufredsel_wrapper{width: 300px !important}
.grid_4 .carousel-testimonial .carousel-li > li{width: 300px !important;}
.grid_4.aside-right .carousel-testimonial .caroufredsel_wrapper, .grid_4.aside-left .carousel-testimonial .caroufredsel_wrapper{width: 280px !important;}
.grid_4.aside-right .carousel-testimonial .carousel-li > li, .grid_4.aside-left .carousel-testimonial .carousel-li > li{width: 280px !important;}

.grid_5 .carousel-testimonial .caroufredsel_wrapper{width: 380px !important;}
.grid_5 .carousel-testimonial .carousel-li > li{width: 380px !important;}

.grid_6 .carousel-testimonial .caroufredsel_wrapper{width: 460px !important;}
.grid_6 .carousel-testimonial .carousel-li > li{width: 460px !important;}

.grid_7 .carousel-testimonial .caroufredsel_wrapper{width: 540px !important;}
.grid_7 .carousel-testimonial .carousel-li > li{ width: 540px !important;}

.grid_8 .carousel-testimonial .caroufredsel_wrapper{width: 620px !important;}
.grid_8 .carousel-testimonial .carousel-li > li{width: 620px !important;}

.grid_9 .carousel-testimonial .caroufredsel_wrapper{width: 700px !important;}
.grid_9 .carousel-testimonial .carousel-li > li{width: 700px !important;}

.grid_12 .carousel-testimonial .caroufredsel_wrapper{width: 940px !important;}
.grid_12 .carousel-testimonial .carousel-li > li{width: 940px !important;}

.footer-widget-container .carousel-testimonial .content{
    background: #303030 ;
}

.carousel-testimonial .content{
    background: #f6f6f6;
    padding: 15px;
    width: 100%;

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    position: relative;

    font-size: 12px;
    font-style: italic;
}

.carousel-testimonial .content:after{
    position: absolute;
    display: block;
    content: '';
    background: url('../img/testimonial-arrow.png') no-repeat;
    width: 14px;
    height: 11px;
    bottom: -10px;
    left: 10px;
}

.footer-widget-container .carousel-testimonial .content:after{
    background: url('../img/testimonial-arrow-footer.png') no-repeat;
}

.carousel-testimonial span.author{
    display: block;
    margin-left: 24px;
    padding-left: 24px;
    padding-top: 5px;
    margin-top: 5px;
    background: url('../img/testimonial.png') no-repeat 0 center;
}

/* TESTIMONIAL ALTERNATIVE
----------------------------------------------------------------------------- */
.testimonials-alternative-nav{
    margin-bottom: 18px;
    float: left;
}

.testimonials-alternative-nav li{
    margin-right: 18px;
    float: left;
    position: relative;
}

.testimonials-alternative-nav li:last-child{
    margin: 0;
}

.testimonials-alternative-nav li img{
    border: 3px solid #ddd;
    width: 55px;
}


.testimonials-alternative-nav li a:after{
    position: absolute;
    content: ".";
    text-indent: -9999px;
    left: 50%;
    bottom: -18px;
    margin-left: -4px;
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: none;

}

.testimonials-alternative-nav li a.active:after{
    display: block;
}

.testimonials-alternative-content{
    float: left;
}

.testimonials-alternative-content .content{
    background: #fafafa;
    padding: 22px 11px;
    display: none;
}

.testimonials-alternative-content .content.active{
    display: block;
}

.testimonials-alternative-content .content .text,
.testimonials-alternative-content .content .author{
    font-style: italic;
    text-align: center;
}

.testimonials-alternative-content .content .author{
    color: #999;
    font-size: 11px;
    padding-top: 5px;
}

/* SLIDING TEXT ARTICLE WIDGET
----------------------------------------------------------------------------- */
.widget .carousel-article li{
    border: none;
    background: none;
}
.carousel-article .caroufredsel_wrapper{
    width: 100% !important
}

.carousel-article{
    float: left;
    width: 100%;
}

.grid_3 .carousel-article .carousel-li > li{
    width: 220px !important;
    margin-right: 0;
}

.grid_4 .carousel-article .carousel-li > li{
    width: 300px !important;
    margin-right: 0;
}

.grid_4.aside-left .carousel-article .carousel-li > li, 
.grid_4.aside-right .carousel-article .carousel-li > li{
    width: 280px !important;
}

.grid_5 .carousel-article .carousel-li > li{
    width: 380px !important;
    margin-right: 0;
}

.grid_6 .carousel-article .carousel-li > li{
    width: 460px !important;
    margin-right: 0;
}

.grid_7 .carousel-article .carousel-li > li{
    width: 540px !important;
    margin-right: 0;
}

.grid_8 .carousel-article .carousel-li > li{
    width: 620px !important;
    margin-right: 0;
}

.grid_9 .carousel-article .carousel-li > li{
    width: 700px !important;
    margin-right: 0;
}

.grid_12 .carousel-article .carousel-li > li{
    width: 940px !important;
    margin-right: 0;
}

.carousel-article .carousel-li p
{
    font-family: 'iranian Sans';
    text-align: center;
}

.carousel-pagination {
    text-align: center;
    margin-top: 30px;
}

.footer-widget-container .carousel-pagination a{
    background: url('../img/db-footer.png') no-repeat;

}

.carousel-pagination a {
    background: url('../img/db.png') no-repeat;
    width: 10px;
    height: 10px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.carousel-pagination a.selected {
    cursor: default;
}

.carousel-pagination a span {
    display: none;
}


/* WIDGET RECENT COMMENTS
-----------------------------------------------------------------------------*/
.widget_recent_comments li{
    background: url('../img/comment.png') no-repeat 0 10px;
    padding-left: 26px;
    color: #444;
}

.widget_recent_comments li:hover{
    background: url('../img/comment.png') no-repeat 0 10px;
}

.widget_recent_comments li a{
    text-decoration: underline;
    font-style: italic;
    color: #888;
}

.footer-widget-container .widget_recent_comments li{
    color: #ccc;
}


/* ============================================================================
    12. FOOTER
============================================================================ */
#footer-wrapper {
    width: 100%;
    margin: 0 auto;
    background-color: #2669b6;
    background-image: url('../img/shadow.png');
    background-position: center 0;
    background-repeat: no-repeat;
    margin-top: 10px;
    /*    border-top: 10px solid #5076e4;*/
}

#footer{
    padding-top: 60px;
}

#footer p, 
#footer a{
    font-size: 11px;
    line-height: 18px;
    color: #bbb;
}

.copyright-container {
    background: #000;
    padding: 15px 0px 0px 0px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    color: #FFFFFF;
    direction: rtl;
}

    .copyright-container p {
        color: #fff;
        font-size: 11px;
        font-family: 'iranian Sans';
    }

.copyright-container .grid_6,
.copyright-container .grid_12{
    margin-bottom: 0;
}

.footer-breadcrumbs{
    float: right;
}

.footer-breadcrumbs li{
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    display: block;
    border-right: 1px solid #aaa;
    line-height: 10px;
}

.footer-breadcrumbs li a, 
.footer-breadcrumbs li a.active{
    color: #aaa;
    text-transform: uppercase;
    font-size: 11px;

    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.footer-breadcrumbs li:last-child{
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
}


/* FOOTER WIDGETS
-----------------------------------------------------------------------------*/
.footer-widget-container .widget:last-child{
    margin-bottom: 0;
}


/*---------------------------------------------------------------------------------*/

.MobileFarvardinNav
{
    direction: rtl;
}

.rdbVote
{
    font-family: 'iranian Sans';
}


.MainFarvardin
{
}

@media only screen and (min-width: 0px) and (max-width: 720px)
{
    .MainFarvardin
    {
        background-image: none;
    }
    
    .latest-blog-posts .post-body .post-meta .title-date h6
    {
        
    }
    
    .latest-blog-posts .post-body p
    {

        color: #ef2f3e;
    }

}

@media only screen and (min-width: 720px) {
    .last-news{
        padding-left: 50px;
    }
}
.GoogleSearch {
    background-image: url('../img/google.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #FFFFFF;
    width: 75px;
    height: 38px;
    background-size: 100%;
    border-radius: 0px 5px 5px 0px !important;
}

.GoogleSearch:hover
{
    background-size: 40px;
    cursor: pointer;
}
.ContentMain
{
    background-color: #FFFFFF;
    min-height: 500px;
    direction:rtl;
    
 
}

.ContentMainForSite
{
    
    min-height: 500px;
    background-image: url('../img/Blank.png');
 
}

.FaEn
{
    float: right;
    position: absolute;
    margin-top: -20px;
    margin-right: 0px;
    z-index: 9999;
    margin-left: 88%;
}
.UpClick
{
    position: fixed;
    z-index: 9999;
    right: 5px;
    bottom: 50px;
    opacity: 0.4;
}

.UpClick:hover
{
    opacity: 1;
}
.DownClick
{
    position: fixed;
    z-index: 9999;
    right: 5px;
    bottom: 5px;
    opacity: 0.4;
}

.DownClick:hover
{
    opacity: 1;
}
.ClockShamsi
{
    font-family: iranian Sans;
    position: absolute;
    z-index: 999;
    margin-top: -22px;
    margin-left: 100px;
}
.ContentMainSub
{
    width: 90%;
    margin-bottom: 50px;
    direction: rtl;
    font-family: 'iranian Sans';
    min-height:600px;
    
}
.ContentMainSub .wpcf7-text
{
    text-align: center;
    font-family: 'iranian Sans';
}

.ContentMainSub .wpcf8-text
{
     border-radius:20px 5px 20px 5px;
}
.ContentMainSub .wpcf7-submit
{
    text-align: center;
    float: none;
}

.ContentMainSub .wpcf8-submit
{
    border-radius: 15px 5px 15px 5px;
    width: 200px;
    margin-right: 10px;
    margin-left: 10px;
}

.ContentMainSubRadio
{
    background-position: center top;
    padding: 15px 3px 15px 3px;
    margin-top: 50px;
    background-color: #ef2f3e;
    color: #FFFFFF;
    font-size: 14px;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    border-radius: 25px 5px 25px 5px;
    width: 60%;
}
.ContentMainSubLeft
{
    width: 50%;
    float: right;
}

.ContentMainSubLeft a
{
    color: #0000FF;
    font-weight: bold;
}
.ContentMainSubRight
{
    width: 50%;
    float: left;
}
.TableTest
{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
    width: 100%;
    position: absolute;
}


    .TableTest a {
        margin: -5px;
        padding: 10px;
        border: 1px Solid #FFFFFF;
        font-size: 25px;
        font-family: 'Hobo Std';
        color: #10b9f3;
        border-radius: 50px;
    }

        .TableTest a:hover {
            margin: -5px;
            border: 1px Solid #10b9f3;
            background-color: #1D8E44;
            z-index: 1000;
            position: relative;
        }

.ContentMain3
{
    text-align: center;
    font-family: 'iranian Sans';
    width: 100%;
}

.ContentMain3Sub
{
    width: 33%;
    float: left;
}

    .ContentMain3Sub a {
        color: #ef2f3e;
        font-family: 'iranian Sans';
        font-size: 12px;
    }
    .ContentMain3Sub h1 {
        background-position: center top;
        padding: 3px;
        background-color: #FFFFFF;
        background-image: url('../img/header-bg.png');
        background-repeat: repeat-x;
        font-size: 16px;
        color: #10b9f3;
        width: 79%;
        margin-left: 10%;
        float: left;
    }

.ContentMain3MainSub
{
    width: 34%;
    float: left;
}

    .ContentMain3MainSub a {
        color: #ef2f3e;
        font-family: 'iranian Sans';
        font-size: 12px;
    }
.ContentMain3MainSub h1
{
    background-position: center top;
    padding: 3px;
    background-color: #FFFFFF;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    font-size: 16px;
    color: #ef2f3e;
    width: 79%;
    margin-left: 10%;
    float: left;
}
.ListBoxConten
{
    background-position: center top;
    border-style: none;
    margin-top: 10px;
    width: 80%;
    height: 200px;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    text-align: right;
}

.TextBoxConten
{
    background-position: center top;
    border-style: none;
    margin-top: 10px;
    width: 80%;
    height: 200px;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    text-align: left;
}

.ContentMain1
{
    padding: 3px;
    margin-top: 100px;
    text-align: right;
}

.ContentMain1 table
{
    width: 20%;
    
}

.ContentMain1 table tr
{
    border: thick solid #FFFFFF;
    background-color: #FFFFFF;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    background-position: center top;
}

.ContentMain1 table tr:hover
{
    background-color: #FFE1FF;
}

.ContentMain1 table td
{
    padding: 5px;
    text-align: center;
}

.ContentMain1 table td a
{
    font-family: 'iranian Sans';
    font-size: 14px;
    color: #ef2f3e;
}

.HomeHealth
{
    border-width: 1px;
    padding: 3px 50px 3px 50px;
    background-color: #ef2f3e;
    color: #FFFFFF;
    border-radius: 5px;
    opacity:0.8;
    font-family: 'iranian Sans';
}

.HomeHealth:hover
{
    opacity: 1;
    cursor: pointer;
}

.AvalinFar
{
    text-align: left;
    font-family: 'iranian Sans';
    font-size: 14px;
    position: absolute;
    margin-top: 5px;
    padding-left: 12%;
    color: #9900CC;
}
.HomeTab
{
    text-align: center;
    border: thin solid #C0C0C0;
    font-family: 'iranian Sans';
}

.HomeTab td
{
    border: thin solid #CCCCCC;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
}

.BackMsgHealth
{
    background-position: center top;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    font-family: 'iranian Sans';
    color: #ef2f3e;
    font-size: 15px;
    padding-top: 5px;
    background-color: #C0C0C0;
    padding-bottom: 5px;
    margin-top: -2px;
}
.ETitle {
    background-position: center top;
    padding: 5px 10px 5px 5px;
    background-color: #C0C0C0;
    color: #ef2f3e;
    text-align: right;
    background-image: url('../img/header-bg.png');
    background-repeat: repeat-x;
    font-size: 14px;
}
.FoteRavabet
{
    color: #FFFFFF;
    font-family: 'iranian Sans';
    margin-bottom: 5px;
    font-size: 12px;
}
.MainLink
{
    padding: 2px 2px 2px 10px;
    color: #000000;
    
}
.TestBack
{
    padding: 5px 15px 5px 5px;
    margin: 10px;
    border-radius: 10px;
    text-align: right;
    font-family: iransans;
    font-size: 14px;
}
.voteRedio
{
    text-align: right;
    float: right;
    direction:rtl;
}
.HeadLineWithBorder
{
    text-align: right;
}
.HeadBorder td
{
    text-align: right;
    direction:rtl
}
.MargTab
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.IranFont
{
    font-family: iransans;
}

.HeaderNew {
    color: #FFFFFF;
    text-align: center;
    background-color: #5e84f9;
}

.VoteItems
{
    font-family: iransans;
}

.ForumTab
{
    font-family: iransans;
    width: 80%;
}

.ForumTab Td
{
    text-align: center;
    color: #FFFFFF;
}

.ForMsg
{
    background-color: #CCCCCC;
    color: #000000;
}

.ForComment
{
    background-color: #808080;
}
.ForUser
{
    background-color: #ef2f3e;
    color: #FFFFFF;
}
.ForTitle
{
    background-color: #B000B0;
    color: #FFFFFF;
}

.TestTab
{
    width: 550px;
}

.TestTab Td
{
    margin: 1px;
    padding: 3px 3px 3px 20px;
    border: 1px solid #C0C0C0;
    background-position: center top;
    background-image: url('../img/header-bg.png');
}


.TestTab Td a
{
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

.TestTab Td:hover
{
    background-color: #FFE1FF;
    color: #000000;
    border-right-color: #ef2f3e;
    border-left-color: #ef2f3e;
    border-right-style: dashed;
    border-left-style: dashed;
}
.banner-buttons {
    position: relative;
    z-index: 1000;
    margin-top: -4px;
}
.banner-buttons2 {
    margin-bottom: 100px;    
}
    .banner-buttons div, .banner-buttons2 div {
        background-color: #125082;
    }
    .banner-buttons div:hover ,.banner-buttons div:hover {
        box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.46);
    }
    .banner-buttons p, .banner-buttons2 p {
        font-family: 'iranian Sans';
        font-size: 16px;
        font-weight: bold;
    }
#contract-btn:hover{
    cursor:pointer
}
.addressBar {
    position: absolute;
    top: 0px;
    z-index: 1000;
    background: #080809;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    direction: rtl;
}

    .addressBar .addressBar-Right ul{
        display:flex;
        justify-content:right;
        align-items:center;
        flex-flow:wrap;
        flex-direction:row;
    }
        .addressBar .addressBar-Right ul li{
            padding:5px 10px;
        }

        #a11a19 {
            background-color: #a11a19;
            margin-left: 3px;
        }

            #a11a19:hover a {
                color: #949698;
            }

        .addressBar .addressBar-Right ul .onlineLogin {
            background-color: #949698;
            margin-left: 3px;

            -webkit-transition: all 0.2s ease 0s;
            -moz-transition: all 0.2s ease 0s;
            -o-transition: all 0.2s ease 0s;
            -ms-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
        }

            .addressBar .addressBar-Right ul .onlineLogin:hover {
                background-color: #a11a19;
            }

        #a11a19 a, .addressBar .addressBar-Right ul .onlineLogin a{
            color: #fff;
        }

            .addressBar .addressBar-Left ul {
                display: flex;
                justify-content: left;
                align-items: center;
                flex-flow: wrap;
                flex-direction: row;
            }

        .addressBar .addressBar-Left ul li{
            margin:0 10px;
        }
            .addressBar .addressBar-Left ul li a {
                color:#fff;
            }
            .addressBar .addressBar-Left ul li:hover a {
                letter-spacing: 1px;
                color: #949698;
            }

        .addressBar .addressBar-Right a, .addressBar .addressBar-Left a {
            color: #5076e4;
            font-size: 13px;
            font-family: 'iranian Sans';
        }

    .isure-marque div {
        float: right;
        margin-right: 10px;
        font-family: 'iranian Sans';
        font-size: 15px;
        color: #004a73;
        padding: 5px;
    }

.search{
    position:absolute;
    top:70px;
    right:100px;
}

.txtSearch {
    width: 300px;
    border: 1px solid #949698;
    padding: 5px;
    border-radius: 2px;
    direction: rtl;
    color: #333;
    font-size: 14px;
    font-family: 'iranian Sans';
}

.searchButton{
    position:absolute;
    left:6px;
    top:5px;
    color:#ccc;
    background-color:transparent;
    border:none;
    cursor:pointer;
}

.news-marque {
    height: 40px;
    background: #f0f5fa;
    width: 100%;
    position: relative;
    border-top: 3px solid #5e84f9;
}

    .news-marque marquee {
        width: 100%;
        color: #5076e4;
        font-size: 14px;
        padding-top: 10px;
        font-family: 'iranian Sans';
        position: absolute;
        top: 0px;
    }
/*.insurediv {
    display: flex;
    justify-content: center;
    flex-flow:row;
    width:100%;
}*/
.insurediv .owl-item img {
    padding: 10px;
    border: 1px solid #f11341;
    padding: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 10px -3px rgb(0 0 0 / 65%);
    box-shadow: -1px 1px 10px -3px rgb(0 0 0 / 65%);
}


.work-time {
    text-align: center;
    color: white !important;
    font-family: 'iranian Sans';
    font-size: 20px !important;
    margin-bottom: 30px;
    border-bottom: 1px solid white;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-right: 5px;
}

.grid_6 alpha .post-info img {
    width: 100%;
    height: 200px;
}

.title a:hover h3 {
    color: #333 !important;
}

marquee ul li a {
    color: #5076e4 !important;
}

.container-Main {
    width: 100%;
    margin: 0 auto;
    background-color:white;
}

.svg {
    width: 65px;
    color: #5076e4;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
}

.moreInfo {
    text-align: left;
    margin-top: 20px;
}

.btnMore {
    border: 1px solid #5076e4;
    border-radius: 3px;
    font-family: 'iranian Sans';
    font-size: 10px;
    text-align: left;
    padding: 3px 10px;
    color: #5076e4;
}

    .btnMore:hover {
        background-color: #5076e4;
        color:#fff;
    }
.sections .caroufredsel_wrapper {
    background-image: url(../img/B.jpg);
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 15px;
    background-attachment:fixed;
    background-repeat:no-repeat;
}
.btn {
    font-family: 'iranian Sans';
}
.font-iran {
    font-family: 'iranian Sans';
}
.striped-list li {
    padding: 10px 15px 10px 10px;
    text-align: right;
}
    .striped-list li a {
        font-family: 'iranian Sans';
        font-weight: bold;
        font-size: 15px;
    }
    .striped-list li:nth-child(2n+1) {
        background-color: #e2e2e2;
    }
    .striped-list li:nth-child(2n) {
        background-color: #e6efff;
    }
.BodyAns{
    width:100%;
}
.section-ul .portfolio-style-2 {
    margin-top: 30px;
}
.RightSide {
    width: 48%;
    float: right;
    margin-right: 1%
}

.LeftSide {
    width: 48%;
    float: left;
    margin-left: 1%
}

.ReceptionInfoTab {
    width: 100%;
    font-family: 'IranNum';
}

    .ReceptionInfoTab th {
        background-color: #5886e5;
        color: #fff;
        border-bottom: 1px solid #fff;
        width: 150px;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
    }

    .ReceptionInfoTab td {
    }


.ReceptionInfoTabTxt2 {
    width: 400px;
    background-color: #5886e5 !important;
    color: #fff !important;
    border: none !important;
    border-right: 1px solid #ff0000 !important;
    font-family: IRANSans
}

    .ReceptionInfoTabTxt2::placeholder {
        color: #fff !important;
    }

.ReceptionInfoTabTxt {
    width: 400px;
    margin: 0px !important;
    border: 1px solid #5886e5 !important;
    border-radius: 5px !important;
    font-family: IranNum
}

.ReceptionInfoTabDrop {
    width: 400px;
    margin: 0px !important;
    border: 1px solid #5886e5 !important;
    border-radius: 5px !important;
    font-family: IranNum;
    background-color: #fff
}

.ReceptionTestDetailsTab {
    width: 100% !important;
    height: 150px;
    overflow-y: scroll;
    display: block;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

    .ReceptionTestDetailsTab th {
        background-color: #f0f0f0;
        text-align: left;
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: normal;
        border: 1px solid #ededed;
        padding-left: 2px;
        direction: rtl;
        color: #e00000;
        text-align: center;
    }

    .ReceptionTestDetailsTab td {
        text-align: left;
        font-weight: normal;
        border-bottom: 1px dashed #eeeeee;
        font-size: 12px;
        vertical-align: middle;
        padding: 1px;
        padding-left: 4px;
        direction: rtl
    }

        .ReceptionTestDetailsTab td a {
            color: #5886e5
        }

.ReceptionTestDetailsTab2 {
    width: 100%;
    direction: ltr
}

    .ReceptionTestDetailsTab2 th {
        background-color: #ededed;
        text-align: center;
        padding: 3px;
        font-weight: normal;
        border: 1px solid #ededed;
    }

    .ReceptionTestDetailsTab2 td {
        text-align: center;
        vertical-align: middle;
        font-weight: normal;
        border-bottom: 1px solid #eeeeee;
        font-size: 12px;
    }

        .ReceptionTestDetailsTab2 td a {
            color: #ff0000 !important
        }

.ReceptionTestTab {
    width: 100%;
    text-align: center
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
    background-image: url(../img/loader.png);
    background-size:100px;
    background-position: center center;
    background-repeat: no-repeat
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    height: 100%;
    background: #FFFFFF;
    z-index: 1000;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
.side-div {
    background-color: #054ea2;
    border-radius: 8px;
    padding: 8px;
}
    .side-div .list-group {
        text-align: center;
    }
        .side-div .list-group .list-group-item a {
            font-family: iranian Sans;
            color: #2364c6;
            font-size: 12px;
        }
        .side-div h2 {
            color: #2e599a;
            background-color: white;
            border-radius: 8px;
            font-size: 15px;
            padding: 5px;
            box-shadow: 0px 1px 13px 0px rgba(255,255,255,0.75);
            -webkit-box-shadow: 0px 1px 13px 0px rgba(255,255,255,0.75);
            -moz-box-shadow: 0px 1px 13px 0px rgba(255,255,255,0.75);
            font-family: iranian Sans;
        }
.new-title a{
    font-family: iranian Sans;
    color:white;
    font-size:14px;
}