﻿@font-face {
    font-family: Roya;
    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;
    unicode-range: U+0600–06FF;
}

body {
    overflow-x: hidden;
    direction: rtl;
    font-family: Roya !important;
    background-image: url('../Images/bg.gif');
    color:#eee;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding: 0;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right;
    }
}

.col-md-9 {
    padding-right: 0px;
    padding-left: 0px;
}

.row {
    margin: 0;
    padding: 0;
}

.container {
    padding: 0;
}

.navbar-header, .navbar-nav, .navbar-brand, .navbar-nav > li {
    float: right;
}

.navbar-toggle {
    float: left;
}

.slogan {
    color: gray;
    font-size: 25px;

    padding-bottom: 3px;
    margin-top: 59px;
}
.sloganbox
{
        border-bottom: 3px solid #ff8a00;
        min-height:110px
}
.menubox {
    padding: 0px;
    display: block;
    width: 100%;
    margin-top:0px;
    margin-right: 0px;
}

    .menubox li {
        width: 100%;
        display: block;
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

        .menubox li a {
            text-align: center;
            background-color:rgba(0,0,0,.2);
            display: block;
            width: 100%;
            padding: 10px 15px 10px 15px;
            border: 2px solid rgb(255,97,0);
            border-left:0px;
            border-right:0px;
            border-top: 0px;
            color: white;
            font-size: 18px;
        }

            .menubox li a:hover {
                text-decoration: none;
                background-color: rgb(255,97,0);
            }
@media (max-width: 600px)
{
       .slogan
   {
       display:none;
   } 
}
@media (max-width: 768px) {
    .footer .logo
{
        margin-right:auto !important;
    margin:0 auto;
    font-size:50px;
    color:black;
}
.empty
{
display:none;
}
    .menubox {
        margin-top: 70px;
    }
    .menubox li:first-child a
    {
        border-top: 2px solid rgb(255,97,0);
    }
    .logobox img {
        float: left;

    }
}

.slideshowbox {
    width: 90%;
    margin: 5%;
    background-repeat: no-repeat;
    height: 350px;
    overflow: hidden;
    border-radius: 0px 90px;
}

.slideshowitem {
height: 100%;
width: 99%;
position: relative;
background-repeat: no-repeat;
border: 2px solid white;
border-radius: 0px 90px;
background-size: cover;
}
.slideshowdetails
{
position: absolute;
bottom: 10px;
background-color: rgba(0,0,0,.5);
width: 95%;
margin: auto;
height: 100px;
padding: 39px;
right: 0px;
lefT: 0px;
border-bottom-left-radius: 132px;
}
.slideshowdetails p
{
    color:white;
    font-size:20px;
}
.standardbtn
{
    background-color:red;
    color:white;
    width:150px;
    height:34px;
    border-radius:0px 10px;
    margin-top:10px;
    text-align:center;
}
.standardbtn:hover
{
    background-color:rgb(255,97,0);
    color:white;
    text-decoration:none;
}
.slideshowdetails .standardbtn
{
    position:absolute;
    left:50px;
    top:0px;
    bottom:0px;
    margin:auto;
}
.content
{
color: white;
text-align: justify;
margin-top: 70px;
margin-bottom:70px;
padding:10px;
}
.empty
{
background-color:rgba(0,0,0,.1);
    border-radius:40px 0px;
    height:150px;
    width:95%;
    margin:10px auto;
}
.full
{    background-color:rgba(0,0,0,.3);
        border-radius:0px 40px;
    width:95%;
    overflow:hidden;
    margin:10px auto;
    padding:13px 60px
}
.full>div
{
    line-height:42px;
    color:white;
    font-size:16px;
}
.full>div>span:first-child
{
    margin-left:10px;
    font-size:26px;
}
.logobox img
{
            margin-top:30px;
}
.footer .logo
{
    display:block;
    width:48px;
    margin-right:15%;
    font-size:50px;
    color:black;
}
.footer .logo:hover
{
    text-decoration:none;
    color:#ff8a00;
}
.head.row
{
    background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,0));
}

.foot.row
{
    background: linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0));
}
.slidesjs-stop,.slidesjs-play
{
    display:none;
}
.slidesjs-container,.slidesjs-control
{
    height:100% !important;
}
@media (max-width:992px)
{
    .empty
    {
        display:none;

    }
}

.itembox {
    position:absolute;
    right:10px
}
@media (max-width:768px)
{
    .logobox img
    {
margin-left: 20px;
    }
}
.buttons {
    border:1px solid #333;
    border-radius:10px;
    background-color:#aaa;
    padding:8px 18px;    font-family:Tahoma;
    color:#333;
    border-bottom-right-radius:0px;
}
    .buttons:hover {
          background-color:#333;
          color:#eee
    }

input,textarea {
color:#333
}

.products-col {
    padding:15px;
    border-radius:20px 0px;
    text-align:center;
    min-height: 300px
}

.products-col img {
    border-radius:40px 0px;
}
.products-col  a:link,.products-col a:link:visited{
    color:#fff;
    text-decoration:none;
}

.products-col  a:link,.products-col  a:visited{
    color:#ff8a00;
}

