body {
    font-family: "IRANSans-Light", "BRoya";
    padding-bottom: 20px;
}

.top-row {
    background: url("../images/top1.png") no-repeat bottom;
    padding-top: 10px;
}

    .top-row img {
        -moz-box-shadow: 0px 0px 20px 0px grey;
        -webkit-box-shadow: 0px 0px 20px 0px grey;
        box-shadow: 0px 0px 20px 0px grey;
    }

    .top-row h3 {
        text-shadow: 2px 2px 2px #fff, 0 0 1em blue, 0 0 0.2em blue;
    }

    .top-row h4 {
        text-shadow: 0 0 1em blue, 0 0 0.2em red,2px 2px 2px #fff;
    }

.navbar-header, .nav-pills li {
    float: right;
}

.navbar-header.ltr, .nav-pills.ltr li {
    float: left;
}

.navbar-collapse {
    background-color: powderblue;
}

.text-warning {
    margin-left: 8px;
}

.rtl {
    direction: rtl;
    text-align: right;
}

.navbar-toggle.rtl {
    float: right;
}

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

.navbar-collapse.in, .navbar-collapse.collapsing {
    margin-top: 5px;
}

.nav {
    padding-top: 1px;
    float: right;
    padding-bottom: 4px;
}
.nav.ltr {
    padding-top: 1px;
    float: left;
    padding-bottom: 4px;
}

.nav-link {
    color: white;
    font-weight: bold;
    margin-top: 3px;
    font-family: broya;
    font-size: 115%;
}

.card {
    height: 100%;
    text-align: center;
    padding: 10px;
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    outline: 0;
    color: black;
}

    .card.bg-primary, .card.bg-primary p {
        background-color: #337ab7;
        color: white;
    }

        .card.bg-primary a {
            color: cyan;
        }

    .card img {
        max-height: 400px;
        max-width: 100%;
    }

.user-menu {
    margin-top: -100px;
    float: left;
}

.user-menu.en {
    margin-top: -100px;
    float: right;
}


.navbar-collapse.in .user-menu, .navbar-collapse.collapsing .user-menu {
    margin-top: 5px;
    display: block;
    float: initial;
}

.list-group-item .btn-lg {
    margin-top: -15px;
}
.list-group-item a {
    height: 46px;
    display: block;
    padding: 4px;
}


.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.click-to-zoom, #imagepreview {
    cursor: pointer;
    max-width:100%;
}



.carousel-fade .carousel-inner .item {
    transition:opacity linear 1s;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}
.carousel-indicators {
    direction:ltr;
}

footer a{
    padding:2px;
    height:30px;
}



i.flag:not(.icon) {
    display: inline-block;
    width: 16px;
    height: 11px;
    line-height: 11px;
    vertical-align: baseline;
    margin: 0 .5em 0 0;
    text-decoration: inherit;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

    i.flag:not(.icon):before {
        display: inline-block;
        content: '';
        background: url(../images/flags.png) no-repeat -108px -1976px;
        width: 16px;
        height: 11px
    }


i.flag.ir:before, i.flag.iran:before {
    background-position: -36px -780px
}

i.flag.us:before {
    background-position: -72px -1950px
}