﻿@charset "utf-8";

/*--------------------------------------------------------------------- / Start CSS Reset */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}

body
{
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

blockquote, q
{
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after
    {
        content: none;
    }

table
{
    border-collapse: collapse;
    border-spacing: 0;
}

a:hover
{
    text-decoration: none;
    outline: 0;
}

img
{
    max-width: 100%;
}

*:focus
{
    outline: 0;
}

input:focus::-webkit-input-placeholder
{
    color: transparent;
}

input:focus:-moz-placeholder
{
    color: transparent;
}

/*--------------------------------------------------------------------- / General Styles */

@font-face
{
    font-family: Yekan;
    src: url(../Fonts/WebYekan.eot);
    src: url(../Fonts/WebYekan.eot?#iefix) format("embedded-opentype"),url(../Fonts/WebYekan.woff) format("woff"),url(../Fonts/WebYekan.ttf) format("truetype"),url(../Fonts/WebYekan.svg#WebYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

body
{
    font: normal 15px/1.6 Yekan,Nassim,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

#play_carousel, #pause_carousel
{
    display: none;
}

a
{
    color: #353535;
}

.wrapper
{
    max-width: 960px;
    position: relative;
}

/*----------------------------------------------------------- Main Header*/
#main_header
{
}

.logo
{
    text-align: center;
    border-bottom: 1px solid #333;
}

.hidden_column
{
    display: none;
}

.header_left
{
}

.header_toplinks
{
    text-align: center;
    margin-bottom: 10px;
}

    .header_toplinks ul li
    {
        display: inline-block;
        border-left: 1px solid #ddd;
    }

        .header_toplinks ul li:last-child
        {
            border-left: 0;
        }

        .header_toplinks ul li a
        {
            display: block;
            width: 100%;
            height: 100%;
            padding: 5px;
        }


.login
{
    float: right;
    margin-left: 20px;
}

    .login ul li
    {
        display: inline-block;
        margin: 0 5px;
        padding-right: 15px;
        height: 11px;
        position: relative;
    }

        .login ul li span
        {
            background: url(../Images/login.png) no-repeat left top;
            width: 12px;
            height: 12px;
            display: inline-block;
            position: absolute;
            right: 0;
            top: 5px;
        }

            .login ul li span.user_signin
            {
                background-position: -12px 0;
            }

            .login ul li span.user_signup
            {
                background-position: -0px 0;
            }

        .login ul li a
        {
            display: block;
            width: 100%;
            height: 100%;
        }

.flags
{
    float: left;
    padding-top: 5px;
}

    .flags ul li
    {
        display: inline-block;
        width: 16px;
        height: 11px;
        background: url(../Images/langs.png) no-repeat left top;
    }

        .flags ul li.lang_fa
        {
            background-position: -40px 0;
        }

        .flags ul li.lang_ar
        {
            background-position: -20px 0;
        }

        .flags ul li a
        {
            display: block;
            width: 100%;
            height: 100%;
        }

.download_btns
{
    display: block;
    width: 100%;
    padding: 10px 0 10px;
    position: relative;
}

    .download_btns ul li
    {
        display: inline-block;
        padding: 5px 10px 5px 30px;
        margin: 3px;
        background-color: yellow;
        width: 100%;
        position: relative;
        border: 1px solid #ccc;
        transition: all .2s linear;
        -moz-transition: all .2s linear; /* firefox */
        -webkit-transition: all .2s linear; /* safari and chrome */
        -o-transition: all .2s linear; /* opera */
        -ms-transition: all .2s linear;
    }

        .download_btns ul li:hover, .download_btns ul li.green_btn:hover
        {
            background-color: orange;
        }

        .download_btns ul li.green_btn
        {
            background-color: #00b759;
        }

            .download_btns ul li.green_btn a
            {
                color: #fff;
            }

        .download_btns ul li span
        {
            background: url(../Images/icon_btns.png) no-repeat left top;
            width: 37px;
            height: 37px;
            display: inline-block;
            position: absolute;
            left: 1px;
            top: 1px;
        }

            .download_btns ul li span.icon_educate
            {
                background-position: -74px 0;
            }

            .download_btns ul li span.icon_dl
            {
                background-position: -37px 0;
            }

            .download_btns ul li span.icon_openaccount
            {
                background-position: -0px 0;
            }

        .download_btns ul li a
        {
            display: block;
            width: 100%;
            height: 100%;
            padding: 5px;
        }

/* reset webkit search input browser style */
input, #inpsearchboxx
{
    outline: none;
}

#inpsearchboxx
{
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 100%;
    display: inline;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button
{
    display: none; /* remove the search and cancel icon */
}

/* search input field */
#inpsearchboxx
{
    background: #ededed url(../images/search_btn.png) no-repeat 9px center;
    border: solid 1px #ccc;
    width: 35px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    height: 38px;
    /*   position: absolute;
bottom: 14px;
right: 20px;
z-index: 99;*/
}

    #inpsearchboxx:focus
    {
        width: 100%;
        background-color: #fff;
        border-color: #6dcff6;
        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
    }

/* placeholder */
input:-moz-placeholder
{
    color: #999;
}

input::-webkit-input-placeholder
{
    color: #999;
}



/*----------------------------------------------------------- Main Nav*/


.main_nav
{
    height: 100%;
    background-color: #333;
    padding-bottom: 15px;
}

.navigation
{
    border-radius: 0;
}

.navbar-nav > li > a
{
    color: #fff;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li.active > a
{
    background-color: #555;
}

.navbar-toggle
{
    border-radius: 0px;
    background-color: #000;
}

    .navbar-toggle .icon-bar
    {
        background-color: #888;
    }


.navigation a
{
    color: #fff;
    transition: all .2s linear;
    -moz-transition: all .2s linear; /* firefox */
    -webkit-transition: all .2s linear; /* safari and chrome */
    -o-transition: all .2s linear; /* opera */
    -ms-transition: all .2s linear;
}


.navbar-collapse
{
    padding: 0;
    max-height: initial;
}

    .navbar-collapse.in
    {
        overflow-y: initial;
    }

.risk_link
{
    height: 50px;
}

    .risk_link a
    {
        background-color: #d9d9d9;
        padding: 15px;
        display: block;
        text-align: center;
        width: 100%;
    }







/*----------------------------------------------------------- Boxes*/
#main_body
{
    padding: 15px;
}

#news_container
{
    margin-top: 15px;
}



.news_box
{
    margin-bottom: 15px;
    position: relative;
    height: 290px;
    background: #b7df2d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZGYyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #b7df2d 0%, #ffffff 0%, #f4f4f4 35%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7df2d), color-stop(0%,#ffffff), color-stop(35%,#f4f4f4), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top, #b7df2d 0%,#ffffff 0%,#f4f4f4 35%,#e0e0e0 100%);
    background: -o-linear-gradient(top, #b7df2d 0%,#ffffff 0%,#f4f4f4 35%,#e0e0e0 100%);
    background: -ms-linear-gradient(top, #b7df2d 0%,#ffffff 0%,#f4f4f4 35%,#e0e0e0 100%);
    background: linear-gradient(to bottom, #b7df2d 0%,#ffffff 0%,#f4f4f4 35%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7df2d', endColorstr='#e0e0e0',GradientType=0 );
}

.tabs_mobile.news_box
{
    height: auto;
}

.news_box .tab-content
{
    padding: 15px;
}



.news_box .nav-tabs > li
{
    width: 56%;
    margin-left: 1%;
    text-align: center;
}


    .news_box .nav-tabs > li > a
    {
        background: #484848;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ4NDg0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #484848 1%, #222222 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#484848), color-stop(100%,#222222));
        background: -webkit-linear-gradient(top, #484848 1%,#222222 100%);
        background: -o-linear-gradient(top, #484848 1%,#222222 100%);
        background: -ms-linear-gradient(top, #484848 1%,#222222 100%);
        background: linear-gradient(to bottom, #484848 1%,#222222 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#222222',GradientType=0 );
        color: #fff;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
        margin: 0;
    }


    .news_box .nav-tabs > li.active > a
    {
        background: #c70101;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3MDEwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #c70101 0%, #890101 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c70101), color-stop(100%,#890101));
        background: -webkit-linear-gradient(top, #c70101 0%,#890101 100%);
        background: -o-linear-gradient(top, #c70101 0%,#890101 100%);
        background: -ms-linear-gradient(top, #c70101 0%,#890101 100%);
        background: linear-gradient(to bottom, #c70101 0%,#890101 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70101', endColorstr='#890101',GradientType=0 );
    }


        .news_box .nav-tabs > li.active > a,
        .news_box .nav-tabs > li.active > a:hover,
        .news_box .nav-tabs > li.active > a:focus
        {
            color: #FFF;
            border: 1px solid #333;
            border-bottom-color: transparent;
            cursor: default;
        }

.news_box.innerPage
{
    height: 100%;
}

    .news_box.innerPage .tab-content p
    {
        font-size: 14px;
    }

.news_box a.archive
{
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 3px 10px 3px 20px;
    background-color: red;
    color: white;
    border-radius: 0 5px 5px 0;
    z-index: 99;
}

/*----------------------------------------------------------- News View Models*/

.each_news
{
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 5px;
}


.news_type1 img
{
    width: 40px;
    height: 40px;
    display: inline;
    float: right;
    margin: 0px 0 5px 5px;
    border: 1px solid #ddd;
}

.news_type1 p
{
    display: inline;
    clear: left;
}

.news_type2 p
{
    margin: 5px 0;
}

.news_type2 time, .news_type1 time
{
    margin: 0 0 0 5px;
    background-color: #C6C6C6;
    padding: 1px;
}


.news_type2 a
{
    cursor: pointer;
    padding: 3px;
}


span.badge
{
    width: 30px;
    font-weight: normal;
    font-size: 10px;
}

    span.badge.vip
    {
        background-color: #00b759;
        margin: 0 0 0 5px;
    }

    span.badge.special
    {
        background-color: red;
        margin: 0 0 0 5px;
    }

    span.badge.common
    {
        background-color: #0094ff;
        margin: 0 0 0 5px;
    }


/*----------------------------------------------------------- News Vertical Tabs*/



.tabs-right > .nav-tabs
{
    border-left: 1px solid #ddd;
}

    .tabs-right > .nav-tabs > li
    {
        width: 100%;
    }


        .tabs-right > .nav-tabs > li > a
        {
            margin-left: -1px;
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
            height: 100%;
            text-align: center;
            padding-top: 15px;
        }

            .tabs-right > .nav-tabs > li > a:hover,
            .tabs-right > .nav-tabs > li > a:focus
            {
                border-color: #eeeeee #eeeeee #eeeeee #dddddd;
            }

    .tabs-right > .nav-tabs .active > a,
    .tabs-right > .nav-tabs .active > a:hover,
    .tabs-right > .nav-tabs .active > a:focus
    {
        border-color: #ddd #ddd #ddd transparent;
        border-left-color: #ffffff;
    }

.tabs-right .tab-content h1 span, .news_box .tab-content h1 span
{
    color: red;
    font-size: 10px;
    margin-left: 5px;
}

.tabs-right .tab-content h3
{
    color: #adadad;
}


/*----------------------------------------------------------- Carousel Fade Enable */
.carousel.fade_enable .item
{
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

.carousel.fade_enable .active.item
{
    opacity: 1;
}

.carousel.fade_enable .active.left,
.carousel.fade_enable .active.right
{
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.fade_enable .next,
.carousel.fade_enable .prev
{
    left: 0;
    z-index: 1;
}


.carousel.fade_enable .carousel-control
{
    z-index: 3;
}

/*----------------------------------------------------------- Play and Puase Enable */
.pp_enable .carousel-indicators
{
    display: none;
}

.pp_enable #pause_carousel
{
    display: initial;
}

.pp_enable .carousel-control
{
    width: 16px;
    top: auto;
    left: auto;
    bottom: 15px;
    opacity: 0.85;
}

.pp_enable .glyphicon-chevron-right
{
    right: 30px;
    top: auto;
}

.pp_enable .glyphicon-chevron-left
{
    right: 66px;
    top: 0px;
}

.pp_enable .glyphicon-pause,
.pp_enable .glyphicon-play
{
    right: 47px;
}

.pp_enable .glyphicon-chevron-right,
.pp_enable .glyphicon-chevron-left,
.pp_enable .glyphicon-pause,
.pp_enable .glyphicon-play
{
    position: relative;
    font-size: 16px;
    width: 16px;
    height: 16px;
}


/*----------------------------------------------------------- Footer*/
.footer_bg
{
    background-color: #333;
}

#main_footer
{
    height: 100%;
    direction: rtl;
    text-align: center;
    padding: 10px;
    clear: both;
    color: #fff;
}

    #main_footer a, .footer_right table td h3
    {
        color: #fff;
    }

.footer_right table
{
    width: 100%;
}

    .footer_right table td
    {
        text-align: center;
        display: block;
        border-bottom: 1px solid #666;
        padding: 15px;
    }

.footer_left
{
    text-align: left;
}

.social_links
{
    height: 30px;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 10px;
}

    .social_links ul li
    {
        display: inline-block;
        width: 27px;
        height: 27px;
        background: url(../Images/social.png) no-repeat left top;
        border: 1px solid #eee;
        border-radius: 50%;
        margin: 3px;
        transition: all .2s linear;
        -moz-transition: all .2s linear; /* firefox */
        -webkit-transition: all .2s linear; /* safari and chrome */
        -o-transition: all .2s linear; /* opera */
        -ms-transition: all .2s linear;
    }

        .social_links ul li:hover
        {
            border: 1px solid red;
        }


        .social_links ul li.social_fb
        {
            background-position: 0 -1px;
        }

        .social_links ul li.social_twitter
        {
            background-position: -33px -1px;
        }

        .social_links ul li.social_google
        {
            background-position: -63px -1px;
        }

        .social_links ul li.social_instagram
        {
            background-position: -96px -1px;
        }

        .social_links ul li.social_rss
        {
            background-position: -125px -1px;
        }


        .social_links ul li a
        {
            display: block;
            width: 100%;
            height: 100%;
        }

.email_tel
{
    text-align: center;
}

    .email_tel span
    {
        color: red;
    }

.copyright
{
    text-align: center;
}

    .copyright a.risk_link
    {
        color: red !important;
    }
/*----------------------------------------------------------- Media Queries*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
    .pp_enable .glyphicon-pause,
    .pp_enable .glyphicon-play
    {
        right: 53px;
    }

    .logo
    {
        text-align: right;
        border: 0;
    }

    .header_toplinks
    {
        float: right;
    }

    .login
    {
        float: left;
    }

    .download_btns ul li
    {
        width: 30%;
        float: left;
    }

    .footer_right
    {
        text-align: right;
    }

        .footer_right table td
        {
            text-align: center;
            display: inline-block;
            vertical-align: top;
            border: 0;
            padding: 10px;
            width: 30%;
        }

            .footer_right table td h3
            {
                border-bottom: 1px solid #535353;
            }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px)
{
    .hidden_column
    {
        display: initial;
    }

    .main_nav
    {
        padding-bottom: 0px;
    }

    .news_box
    {
        margin: 0 0 15px;
    }



    .main_slider
    {
        padding: 0 15px;
    }

    .tabs-right > .nav-tabs
    {
        float: right;
        height: 290px;
        width: 30%;
    }

        .tabs-right > .nav-tabs > li
        {
            height: 55px;
            margin-bottom: 3px;
        }

    .tabs-right > .tab-content
    {
    }

        .tabs-right > .tab-content .slimScrollBar
        {
            left: 1px;
        }

    .carousel-control.right
    {
        right: 15px;
    }

    .carousel-control.left
    {
        left: 15px;
    }

    .social_links
    {
        text-align: left;
    }

    .email_tel
    {
        text-align: left;
    }

    .copyright
    {
        text-align: left;
    }

    #inpsearchboxx
    {
        position: absolute;
        bottom: 14px;
        z-index: 99;
    }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
}


.dropdown:hover .dropdown-menu
{
    display: block;
}


.bgkhob
{
    background: url(../Images/agreeOver.jpg);
}

.bgbad
{
    background: url(../Images/disagreeOver.jpg);
}

label
{
    display: block !important;
    clear: both;
}

#tablighatbox img
{
   height: 140px;
    margin-top: 5px;
}

.carousel-indicators
{
    position:absolute;
    bottom:-40px;
    margin-top:100px;
}
#Carousel
{
      margin-bottom:60px;
}
.carousel-indicators li
{
    display: inline-block;
    width: 28px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    /* border: 1px solid #FF2828; */
    border-radius: 10px;
    cursor: pointer;
    background-color: #FF2828;
}


.carousel-indicators .active
{
    margin: 0;
    width: 28px;
    height: 12px;
    background-color: #727272;
}
