@font-face {
    font-family: 'Yekan';
    src: url('../Fonts/Yekan.eot?#') format('eot'), /*IE6–8*/
    url('../Fonts/Yekan.woff') format('woff'), /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../Fonts/Yekan.ttf') format('truetype'); /*Saf3—5, Chrome4+, FF3.5, Opera 10+*/
}

@font-face {
    font-family: 'LG_Smart_Bold';
    src: url('../Fonts/LG_Smart_Bold.woff') format('woff'); /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'LG_Smart_Light';
    src: url('../Fonts/LG_Smart_Light.woff') format('woff'); /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'LG_Smart_Regular';
    src: url('../Fonts/LG_Smart_Regular.woff') format('woff'); /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

@font-face {
    font-family: 'LG_Smart_SemiBold';
    src: url('../Fonts/LG_Smart_SemiBold.woff') format('woff'); /*FF3.6+, IE9, Chrome6+, Saf5.1+*/
}


@media (min-width: 1200px) {
    .container {
        width: 1245px;
    }
}


body {
    font-family: Yekan;
    direction: rtl;
}

#header {
    background-color: #333333;
    min-height: 64px;
}

#logo {
    margin: 17px 0 0 5px;
}

#header #menu-header a {
    font-family: LG_Smart_Light;
    font-size: 24px;
}

.siteName {
    font-family: LG_Smart_Light;
    font-size: 24px;
    /*padding: 15px;*/
    text-align: center;
    /*margin: 5px 0;
    right: -15px;*/
}

    .siteName > a {
        color: #fff;
        text-decoration: none;
    }

        .siteName > a:hover {
            color: rgba(170, 22, 70, 1);
            background-color: rgba(255, 255, 255, 0);
            transition: color 0.5s;
        }

#subHeader {
    height: 38px;
    width: 100%;
    background-color: #aa1646;
    -webkit-box-shadow: inset 0px 0px 31px 0px rgba(162,1,52,1);
    -moz-box-shadow: inset 0px 0px 31px 0px rgba(162,1,52,1);
    box-shadow: inset 0px 0px 31px 0px rgba(162,1,52,1);
    color: white;
    padding: 10px 0;
    position: absolute;
    z-index: 1;
}

    #subHeader a {
        color: white;
    }


footer #top-footer {
    height: 60px;
    background-color: #333333;
}

footer #main-footer {
    border-bottom: 1px solid #e9ecf0;
    background-color: #e9ecf0;
}

    footer #main-footer a {
        color: #333333 !important;
        text-decoration: none;
    }

        footer #main-footer a:hover {
            color: #aa1646 !important;
            transition: color 0.5s;
        }

footer #sub-footer {
    background-color: #333333;
    height: 60px;
    color: white;
    line-height: 60px;
}

    footer #sub-footer a {
        color: white !important;
    }

        footer #sub-footer a:hover {
            color: lightgray !important;
        }


.fit {
    max-width: 100%;
    max-height: 100%;
}

.center {
    display: block;
    margin: auto;
}

.panel-heading {
    cursor: pointer;
}

#dvGrid th.k-header {
    text-align: center;
}

.k-grid .k-grid-content {
    max-height: 400px;
}

/*-----------Start-menu--------------*/

.custom-bootstrap-menu {
    margin: 7px 0;
}

    .custom-bootstrap-menu.navbar-default .navbar-brand {
        color: rgba(119, 119, 119, 1);
    }

    .custom-bootstrap-menu.navbar-default {
        background-color: rgba(255, 255, 255, 0);
        border-width: 0px;
        border-radius: 0px;
    }

        .custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
            color: rgba(255, 255, 255, 1);
            background-color: rgba(248, 248, 248, 0);
        }

            .custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
            .custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
                color: rgba(170, 22, 70, 1);
                background-color: rgba(255, 255, 255, 0);
                transition: color 0.5s;
            }

        .custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
        .custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
        .custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
            color: rgba(170, 22, 70, 1);
            background-color: rgba(255, 255, 255, 0);
        }

        .custom-bootstrap-menu.navbar-default .navbar-toggle {
            border-color: #ffffff;
        }

            .custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
            .custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
                background-color: #ffffff;
            }

            .custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
                background-color: #ffffff;
            }

            .custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
            .custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
                background-color: #ffffff;
            }

.icon-bar {
    background-color: #aa1646 !important;
}

.dropdown-menu {
    background-color: #333;
    color: #fff;
}

    .dropdown-menu li > a {
        color: #fff;
    }

        .dropdown-menu li > a:hover {
            color: rgba(170, 22, 70, 1);
            background-color: rgba(255, 255, 255, 0);
            transition: color 0.5s;
        }

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

ul.menu {
    height: 64px;
    line-height: 64px;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: transparent;
}

    ul.menu > li:nth-child(1) {
        padding-right: 200px;
    }

    ul.menu li {
        float: right;
        width: auto;
    }

        ul.menu li a {
            display: block;
            
            text-decoration: none;
            padding: 0 30px;
            color: #fff;
        }

    ul.menu > li:hover {
        /*background-color: #ffffff;
        -webkit-box-shadow: 1px 1px 5px 1px rgba(207,207,207,0.75);
        -moz-box-shadow: 1px 1px 5px 1px rgba(207,207,207,0.75);
        box-shadow: 1px 1px 5px 1px rgba(207,207,207,0.75);*/
    }

    ul.menu li:hover > a {
        color: rgba(170, 22, 70, 1);
        /*transition: color 0.5s;*/
        background: #d8dadf;
    }

    ul.menu li:hover > ul {
        width: 100%;
        background: #d8dadf;
        visibility: visible;
        opacity: 1;
    }

ul.sub-menu {
    opacity: 0;
    /*transition: opacity 0.5s linear;*/
    visibility: hidden;
    display: block;
    position: absolute;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin: 0;
    z-index: 99999;
}

    ul.sub-menu li {
        
        /*border-bottom: 2px solid #ef3f56;*/
        /*-webkit-box-shadow: inset 0px -2px 0px 0px #ef3f56;
        -moz-box-shadow: inset 0px -2px 0px 0px #ef3f56;
        box-shadow: inset 0px -2px 0px 0px #ef3f56;*/
    }

        ul.sub-menu li ul.sub-menu {
            height: auto;
            overflow: hidden;
            border-top: 1px solid gray;
            padding: 10px 30px;
        }

            ul.sub-menu li ul.sub-menu li {
                width:100%;
                height:100%;
                padding:10px 0;
            }

                ul.sub-menu li ul.sub-menu li a {
                    padding: 0;
                }

ul.sub-menu li ul.sub-menu li h4{
    margin: 10px 0;
}


/*------------End-menu---------------*/
/*------------search---------------*/
.dropdown-header {
    border-width: 0 0 1px 0;
    text-transform: uppercase;
}

    .dropdown-header > span {
        display: inline-block;
        padding: 10px;
    }

        .dropdown-header > span:first-child {
            width: 50px;
        }

.k-list-container > .k-footer {
    padding: 10px;
}

#search-list .k-item {
    line-height: 1em;
    min-width: 300px;
}

/* Material Theme padding adjustment*/

.k-material #search-list .k-item,
.k-material #search-list .k-item.k-state-hover,
.k-materialblack #search-list .k-item,
.k-materialblack #search-list .k-item.k-state-hover {
    padding-left: 5px;
    border-left: 0;
}

#search-list .k-item a {
    color: #333333;
}

    #search-list .k-item a > span {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        margin: 20px 10px 10px 5px;
    }

        #search-list .k-item a > span:first-child {
            -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
            -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3);
            box-shadow: inset 0 0 30px rgba(0,0,0,.3);
            margin: 10px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-size: 100%;
            background-repeat: no-repeat;
        }

#search-list h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 1px 0;
    padding: 0;
}

#search-list p {
    margin: 0;
    padding: 0;
    font-size: .8em;
}

#search-list .k-list > .k-item.k-first {
    padding-top: 2em;
}

#search-list .k-list > .k-state-hover.k-first {
    padding-top: calc(2em - 1px);
}

#search-list .k-list > .k-item.k-first > .k-group {
    height: 2em;
    left: 0;
}

#search-list .k-list > .k-state-hover.k-first > .k-group {
    top: -1px;
    left: -1px;
}
/*------------End-search---------------*/
/*------------btn-sample-------------*/
.btn-sample {
    color: #ffffff;
    background-color: #A70033;
    border-color: #af0033;
    padding: 3px 15px;
}

    .btn-sample:hover,
    .btn-sample:focus,
    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        color: #ffffff;
        background-color: #F10038;
        border-color: #af0033;
    }

    .btn-sample:active,
    .btn-sample.active,
    .open .dropdown-toggle.btn-sample {
        background-image: none;
    }

    .btn-sample.disabled,
    .btn-sample[disabled],
    fieldset[disabled] .btn-sample,
    .btn-sample.disabled:hover,
    .btn-sample[disabled]:hover,
    fieldset[disabled] .btn-sample:hover,
    .btn-sample.disabled:focus,
    .btn-sample[disabled]:focus,
    fieldset[disabled] .btn-sample:focus,
    .btn-sample.disabled:active,
    .btn-sample[disabled]:active,
    fieldset[disabled] .btn-sample:active,
    .btn-sample.disabled.active,
    .btn-sample[disabled].active,
    fieldset[disabled] .btn-sample.active {
        background-color: #A70033;
        border-color: #af0033;
    }

    .btn-sample .badge {
        color: #A70033;
        background-color: #ffffff;
    }
/*------------btn-sample-------------*/


/*------------dropdown-submenu-------------*/
/*.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -6px;
        margin-right: -1px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: left;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 5px 5px 0;
        border-right-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-right-color: gray;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            right: -100%;
            margin-right: 10px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px 6px;
            border-radius: 0 6px 6px 6px;
        }*/
/*------------dropdown-submenu-------------*/

.userMenu-dropdown-submenu {
    position: relative;
}

    .userMenu-dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .userMenu-dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .userMenu-dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

    .userMenu-dropdown-submenu.pull-left {
        float: none;
    }

        .userMenu-dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }


/*------------Bootstarp-carousel-------------*/
.carousel-showmanymoveone .carousel-control {
    background-image: none;
}

    .carousel-showmanymoveone .carousel-control.left {
        margin-left: 15px;
    }

    .carousel-showmanymoveone .carousel-control.right {
        margin-right: 15px;
    }

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
    display: none;
}

@media all and (min-width: 768px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}

@media all and (min-width: 992px) {
    .carousel-showmanymoveone .carousel-inner > .active.left,
    .carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }

    .carousel-showmanymoveone .carousel-inner > .active.right,
    .carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }

    .carousel-showmanymoveone .carousel-inner > .left,
    .carousel-showmanymoveone .carousel-inner > .prev.right,
    .carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .carousel-showmanymoveone .carousel-inner > .item.active.right,
    .carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .carousel-showmanymoveone .carousel-inner > .item.active.left,
    .carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

        .carousel-showmanymoveone .carousel-inner > .item.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev.right,
        .carousel-showmanymoveone .carousel-inner > .item.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            left: 0;
        }
}


.carousel-inner {
  margin: auto;
  width: 90%;
}

.carousel-control {
  width: 4%;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  margin-top: -10px;
  margin-left: -10px;
  color: #444;
}

.carousel-inner a {
  display: table-cell;
  height: 180px;
  width: 200px;
  vertical-align: middle;
}
.carousel-inner img {
  max-height: 150px;
  margin: auto auto;
  max-width: 100%;
}

@media (min-width: 992px) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(16.7%, 0, 0);
    transform: translate3d(-25%, 0, 0);
  }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-16.7%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }
}