@font-face {
             font-family: 'Borhan_BYekan';
             src: url('../../fonts/BYekan.ttf') format('truetype') , url('../../fonts/BYekan.otf') format('opentype');
            }

        @font-face {
            font-family: 'glyphicon';
            src: url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype')
                ,url('../../fonts/glyphicons-halflings-regular.eot') format('embedded-opentype')
                ,url('../../fonts/glyphicons-halflings-regular.svg') format('svg')
                ,url('../../fonts/glyphicons-halflings-regular.woff') format('woff');
        }



body {
    font: 400 15px Lato, sans-serif;
    line-height: 1.8;
    color: #818181;
    direction: rtl;
    /*background-color: #f4511e;*/
    /*background-image: url('Images/background/11.jpg');
          background-repeat:repeat;
          background-size:contain;*/
    /*background: linear-gradient(-45deg, #2d3035 0%, #131519 100%);*/
    background: linear-gradient(-45deg, #1c3c71 0%, #3e2708 100%);
}

p {
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


        h2 {
            font-size: 24px;
            text-transform: uppercase;
            color: #303030;
            font-weight: 600;
            margin-bottom: 30px;
        }

        h4 {
            font-size: 19px;
            line-height: 1.375em;
            color: #303030;
            font-weight: 400;
            margin-bottom: 30px;
        }

.form-control {
    font-family: 'B Yekan',Tahoma,sans-serif !important;
    font-size: 12px !important;
    direction: rtl;
    text-align: left;
    /* height: 100%; */
    min-height: 30px;
}

.RMhashieh {
    font-family: 'B Yekan',Tahoma,sans-serif !important;
    /*font-size: 1.5em !important;*/
    margin: 0px !important;
    padding: 0px !important;
    vertical-align: middle;
}

span.k-window-title {
    font-family: 'Borhan_BYekan';
    font-weight: bolder;
    color: darkblue;
}
.jumbotron {
    /*background-color: #f4511e;*/
    background: linear-gradient(-45deg, #1c3c71 0%, #3e2708 100%);
    /*color: #fff;*/
    color: #f1ff16;
    padding: 30px 0px 5px 0px;
    margin-bottom: 0px;
    font-family: Borhan_BYekan, Tahoma, Montserrat, sans-serif;
}

        .container-fluid {
            padding: 60px 50px 0px 50px;
        }

        .bg-grey {
            background-color: #f6f6f6;
        }

        .container-fluid-top {
            padding: 0px 50px 0px 50px;
        }

.bg-redtop {
    /*background-color: #f4511e;*/
    background: linear-gradient(-45deg, #1c3c71 0%, #3e2708 100%);
}

.voroodfont {
    font-family: Borhan_BYekan, Tahoma, Montserrat, sans-serif !important;
    font-size: 15px !important;
    letter-spacing: 0px !important
}


.logo-small {
    color: #f4511e;
    font-size: 50px;
}

        .logo {
            color: #f4511e;
            font-size: 200px;
        }

        .thumbnail {
            padding: 0 0 15px 0;
            border: none;
            border-radius: 0;
        }

            .thumbnail img {
                width: 100%;
                height: 100%;
                margin-bottom: 10px;
            }

        .carousel-content {
            position: absolute;
            bottom: 10%;
            left: 5%;
            z-index: 20;
            color: white;
            text-shadow: 0 1px 2px rgba(0,0,0,.6);
        }

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


.carousel-indicators {
    z-index: 1 !important;
}

.carousel-indicators li {
    border-color: #f4511e;
}

            .carousel-indicators li.active {
                background-color: #f4511e;
            }

        .item h4 {
            font-size: 19px;
            line-height: 1.375em;
            font-weight: 400;
            font-style: italic;
            margin: 70px 0;
        }

        .item span {
            font-style: normal;
        }

        .h4title {

            font-family :  Borhan_BYekan, Tahoma, Montserrat, sans-serif;
        }
        ul.ulll {
            /*list-style-image: glyphicon-ok-circle  ;*/

            list-style-type: none;
            float :right;
            padding-right : 20%;
        }

        ul.ulll li{
            /*content: glyphicon glyphicon-ok-circle ;*/
            text-indent: -0.5em;
            float :right ;
            line-height:3em;
            width:100%;
            clear :both;

        }
        ul.ulll li span {
            font-family : Borhan_BYekan , Tahoma ,sans-serif ;
            font-size : 1.2em;
            float : right ;
            direction :rtl ;
            text-indent : 0.5em;
            /*width:100%;
            clear:left;*/
            
        }

        ul.ulll li:before
{
	        font-family: glyphicon;
            font-size :2em;
	        content: glyphicon glyphicon-ok-circle;
	        float: right;
	        width: 1em;
            color :darkgreen;
            direction:rtl;
}

        ul.ulll li.glyphicon:before { content:glyphicon glyphicon-ok-circle ; }

        .panel {
            border: 1px solid #f4511e;
            border-radius: 0 !important;
            transition: box-shadow 0.5s;
        }

            .panel:hover {
                box-shadow: 5px 0px 40px rgba(0,0,0, .2);
            }

        .panel-footer .btn:hover {
            border: 1px solid #f4511e;
            background-color: #fff !important;
            color: #f4511e;
        }

        .panel-heading {
            color: #fff !important;
            background-color: #f4511e !important;
            padding: 25px;
            border-bottom: 1px solid transparent;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .panel-footer {
            background-color: white !important;
        }

            .panel-footer h3 {
                font-size: 32px;
            }

            .panel-footer h4 {
                color: #aaa;
                font-size: 14px;
            }

            .panel-footer .btn {
                margin: 15px 0;
                background-color: #f4511e;
                color: #fff;
            }

        .no-padding {
            padding: 0;
        }

        .map {
            /*height: 450px;
            z-index: 1;
            width: 100%;*/
            height:100%;
            min-height:450px;
            width:100%;
        }

        .gm-style {
            font: 400 11px Roboto, Arial, sans-serif;
            text-decoration: none;
        }

.navbar {
    margin-bottom: 0;
    background: linear-gradient(-45deg, #1c3c71 0%, #3e2708 100%);
    /*background-color: #f4511e;*/
    z-index: 1999;
    border: 0;
    font-size: 12px !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
    font-family: Borhan_BYekan, Tahoma, Montserrat, sans-serif;
}

            .navbar li a, .navbar .navbar-brand {
                color: #fff !important;
            }

        .navbar-nav li a:hover, .navbar-nav li.active a {
            color: #f4511e !important;
            background-color: #fff !important;
        }

        .navbar-default .navbar-toggle {
            border-color: transparent;
            color: #fff !important;
        }

        footer .glyphicon {
            font-size: 20px;
            margin-bottom: 20px;
            color: #f4511e;
        }

        .slideanim {
            visibility: hidden;
        }

        .slide {
            animation-name: slide;
            -webkit-animation-name: slide;
            animation-duration: 1s;
            -webkit-animation-duration: 1s;
            visibility: visible;
        }

        @keyframes slide {
            0% {
                opacity: 0;
                transform: translateY(70%);
            }

            100% {
                opacity: 1;
                transform: translateY(0%);
            }
        }

        @-webkit-keyframes slide {
            0% {
                opacity: 0;
                -webkit-transform: translateY(70%);
            }

            100% {
                opacity: 1;
                -webkit-transform: translateY(0%);
            }
        }

        @media screen and (max-width: 768px) {
            .col-sm-4 {
                text-align: center;
                margin: 25px 0;
            }

            .btn-lg {
                width: 100%;
                margin-bottom: 35px;
            }
        }

        @media screen and (max-width: 480px) {
            .logo {
                font-size: 150px;
            }
        }

        .navfont {
            font-family: Borhan_BYekan, Tahoma  !important;
            font-size: 2em;
            letter-spacing: 0px;
        }


/* Footer Area
==========================================*/
footer {
    margin-top: 0px;
    direction: rtl;
    padding: 5px 0;
    text-align: center;
    background: linear-gradient(-45deg, #2d3035 0%, #131519 100%);
    bottom: 0px;
    position: relative;
}
.footer_top{
    overflow: hidden;
    padding: 30px 0px 50px;
    border-bottom: 1px solid #0F0F0F;
    background: none repeat scroll 0% 0% #333;
    color: #AAA;
}
.footer_b{
    background: #222; 
    border-top: 1px solid #555;
}
.footer_menu li a:before{
    display: inline-block;
    margin-right: 8px;
    color: #5B5B5B;
    content: "";
    font-family: FontAwesome;
}
.menu_head{
    color: #C5C5C2!important;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin: 15px 0px 35px 0px;
}
.menu_head:after{
    position: absolute;
    left: 18px;
    width: 55px;
    height: 1px;
    content: "";
    top: 49px;
}
.menu_head:before{
    position: absolute;
    left: 32px;
    width: 24px;
    height: 5px;
    content: "";
    display: inline-block;
    top: 47px;
}

.footer_mid ul li{
    margin-top: 20px;
}
.footer_menu ul li a{
    text-decoration: none;
    color: #9E9E9E;
    display: inline-block;
    padding: 5px 0px;
}
.footer_menu_contact ul li {
    padding: 5px 0px;
}
.footer_menu_contact li i{
    width: 20px;
}
.footer_menu_contact li span:hover {
    cursor:pointer;
}

.tags a{
    display: block;
    float: left;
    margin: 3px;
    padding: 8px 10px;
    background: none repeat scroll 0% 0% #2C2C2C;
    color: #C4C4C4;
    font-size: 14px;
    text-decoration: none;
}
.tags a:hover{
    color: #fff;
}
.footer_social {
    padding: 20px 0px;
}
.footer_social i {
    width: 50px;
    height: 50px;
    padding: 14px;
    color: #fff;
    font-size: 25px;
    border-radius: 3px;
}

/*.footer_bottom {
}*/

.footer_bottom p {
    font-size: 18px;
    color: #C4C4C4;
    margin: 25px 0px;
}    

.carousel_main {

  /*  height : 315px;*/
    width : 100%;
    height:80%;

}



/*modal css*/

.modal {
    display: none;  /*Hidden by default */
    position: fixed; /* Stay in place */
    /*z-index: 2000;  Sit on top*/ 
    padding-top: 100px;  /*Location of the box*/ 
    left: 0;
    top: 0;
    width: 100%;  /*Full width */
    height: 100%;  /*Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0);  /*Fallback color */
    background-color: rgba(0,0,0,0.4);  /*Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }




.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

    .modal-header .close {
        margin-top: 5px;
        margin-right: -10px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    float: right;
    padding-right: 5px;
    font-family: 'Borhan_BYekan';
    font-size: 28px;
}

.modal-body {
    padding: 2px 16px;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}
.modal-footer-button {
    float: left;
    font-family: 'Borhan_BYekan';
    margin: 0;
    padding: 0;
}

.modal-footer-h3 {
    float: right;
    font-family: 'Borhan_BYekan';
    margin: 0;
    padding: 0;
    color: darkmagenta;
}