body {

    padding-top: 50px;

    line-height: 2em;

    font-size: 17px;

    background-color: #f5f5f5

}



/* Wrapping element */

/* Set some basic padding to keep content from hitting the edges */

.body-content {

    padding-left: 15px;

    padding-right: 15px;

    background-color: white !important;

}

select option{
    padding:8px 0px;
}



/* Carousel */

.carousel-caption p {

    font-size: 20px;

    line-height: 1.4;

}



/* Make .svg files in the carousel display properly in older browsers */

.carousel-inner .item img[src$=".svg"] {

    width: 100%;

}



/* Hide/rearrange for smaller screens */

@media screen and (max-width: 767px) {

    /* Hide captions */

    .carousel-caption {

        display: none;

    }

}



.navbar-inverse {

    background-color: #121314;

    /*    border-color: #777;*/

    color: white;

}



.banner-container {

    text-align: center;

    background-color: #2a2a2a;

}



.footer {

    /*position: fixed;*/

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: #121314;

    color: white;

    padding-top: 50px;

}





.footer ul {

    list-style: none;

    padding-left: 0;

}



.footer li {

    padding: 5px 0 5px;

}



.footer a{

    color:white;

}



.contact-content dd {

    margin: 0 25px 25px 25px;

}



.about-content li {

    margin: 10px

}



.text-app {

    color: #ff6600;

}



.language-container {

    background-color: #2a2a2a;

}



.language-container button {

    margin-top: 10px;

    margin-bottom: 10px;

}





.direction-ltr {

    direction: ltr;

    text-align: left;

}



.direction-ltr div.col-md-3,

.direction-ltr div.col-md-4,

.direction-ltr div.col-md-5 {

    float: left !important;

}



.navbar-justified-container .nav > li > a {

    color: white;

}



.navbar-justified-container .nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

    background-color: brown;

    border-color: brown;

}



.navbar-justified-container .nav > li > a:hover,

.nav > li > a:focus {

    text-decoration: none;

    background-color: brown;

    color: white;

}

/*.navbar-justified-container .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    color: #262626;

    text-decoration: none;

    background-color: brown;

}*/





.balance-container {

    background-color: #3f3f3f;

    color: white;

}



@font-face {

    font-family: Yekan;

    src: url('../lib/bootstrap/dist/fonts/Yekan.eot');

    src: url('../lib/bootstrap/dist/fonts/Yekan.eot?#iefix') format('embedded-opentype'),

    url('../lib/bootstrap/dist/fonts/Yekan.woff') format('woff'),

    url('../lib/bootstrap/dist/fonts/Yekan.ttf') format('truetype');

}



.persian-text {

    font-family: 'Yekan' !important;

}





.navbar-inverse .navbar-nav > li > a {

    color: white;

}



.navbar-inverse .navbar-brand {

    color: white;

}



.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

    color: #fff;

    background-color: brown;

}



.navbar {

    border-radius: 0;

}





.margin-top-button-15 {

    margin-top: 15px;

    margin-bottom: 20px

}



.validation-summary-errors ul {

    list-style: none;

    padding-left: 0;

}



.validation-summary-errors li {

    padding: 5px;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

}



.validation-summary-errors li:before {

    font-family: "Glyphicons Halflings";

    content: "\e107";

    padding-left: 3px;

    padding-right: 3px;

}





/* ============ desktop view ============ */

@media all and (min-width: 992px) {

    .navbar .nav-item .dropdown-menu {

        display: none;

    }



    .navbar .nav-item:hover .nav-link {

        color: #fff;

    }



    .navbar .nav-item:hover .dropdown-menu {

        display: block;

    }



    .navbar .nav-item .dropdown-menu {

        margin-top: 0;

    }

}

/* ============ desktop view .end// ============ */



.navbar .nav-item:hover {

    background-color: brown;

}



.navbar .dropdown-menu {

    background-color: #121314;

    border-color: #777;

}



.navbar .dropdown-menu li > a {

    color: white;

}



.navbar .dropdown-menu li > a:hover {

    background-color: brown;

    border-color: brown;

}







.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

    color: #fff;

    background-color: brown;

}

small p {

    display: inline;

}

.content-section img{

    max-width: calc(100% - 30px);

    height: auto;

}
.btn_pay{
    padding: 15px;
    font-size: 16px;
}