@font-face {
    font-family: "Yekan";
    src: url(../fonts/Yekan.eot);
    src: url(../fonts/Yekan.eot?#iefix) format("embedded-opentype"),
         url(../fonts/Yekan.woff) format("woff"),
         url(../fonts/Yekan.ttf) format("truetype"),
         url(../fonts/Yekan.svg#BYekan) format("svg");
    font-weight: normal;
    font-style: normal;
}

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

    .container>h1 { font-size: 18px; }
    .container>h2 { font-size: 16px; }
    .container>h3 { font-size: 14px; }
    .container>h4 { font-size: 12px; }
    .container>h5 { font-size: 10px; }
    .container>h6 { font-size: 8px;  }
    .container>p { font-size: 14px;}
    
    footer>p {  font-size: 10px; }   
    .enamad {
        margin-right: auto;
        margin-left: auto;
    }
}
@media screen and (max-width: 800px) {
    .container{ 
        margin-left: 10px;
        margin-right: 10px;
    }
}
body{
    background-color: #f6f6f6;
    font-family: Yekan, Tahoma !important;
	height: 100%;
    line-height: 200%;
    text-align: justify;
}
h1{font-size: 24px;}
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

hr{
    border:0;
    height: 1px;
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
}
.center{
    text-align: center;
}
.navbar {
      margin-bottom: 0;
      background-color:  #1e6963;
      background-image: none;
    }
.navbar-inverse {
    
    background-color:   #297073 ;
    border-radius: 0.5;
    border: none ;
}

.navbar-inverse .navbar-brand{
    
    color: lightsalmon;
    font-size: 26px;
}

.dropdown-toggle:focus {
    
    background: lightsalmon !important;
}
.container {
    
    background-color: #f6f6f6;
	min-height: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 50px;
	padding-bottom: 50px;
    text-align: right;
}
.container ul li {
  
    padding-top: 12px;
    font-size:12px;
}
.container ul li a:hover {
    
    color: lightsalmon;
    text-decoration-line: none;
    cursor: pointer;
}
.main{
    
    background-color: white;
    padding-bottom: 50px;
    border-radius: 5px;
    border-style: solid;
    border-color: gainsboro;
    box-shadow: 2px 5px 5px 2px #dbdbdb ;
    border-width: 0.5px;
    border-top: none;
}
hr.style2 {
    border:0;
    height: 3px;
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));
}
p.style{
    
    line-height: 200%;
    
}
.slide-right {
    width: 100%;
    overflow: hidden;
    background-image: url(../pattern/bk.svg);
}

.inner {
    animation: slide-right 4s;
}
@keyframes slide-right {
    
    from{
        margin-right: 85%;
    }
    to{
        margin-right: 0%;
    }
}
img.hover:hover {opacity: 0.90; transform: scale(0.95);}
.middlebar {
    background-image: url(../pattern/bk.svg);
    width: auto;
}
.lineheight { line-height: 200%;}
img.iconbar{
    
    margin-top: 25px;
    margin-bottom: 25px;
    border: 3px;
    border-style: solid;
    border-color: white;
    border-radius: 10px;
    display: none;
}
#iconbar1{border-color:lightsalmon;}
#iconbar2{border-color:seagreen;}
#iconbar3{border-color:lightcoral;}
#iconbar4{border-color:dodgerblue;}

img.iconbar:hover {
    opacity: 0.80;
}
img.center {
    
    margin-left: auto;
    margin-right: auto;
}

.panel ul li a {
    
    font-size: 12px;
}

.panel {
    
    border-color: gainsboro;
}
 .mainlink{
    
    color: black;
}
p#order{
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%); margin-right:auto; margin-left:auto;
    padding: 10px;
    border-radius: 25px; text-align: center;
}
.well {
    margin-right: 15px;
}
.cart{
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
    position:relative;
    width:200px;
    height:300px;    
}

.cart>img {
    border-radius: 10px; width:150px; height:200px; margin-left: auto; margin-right: auto;
}

.cart>a {
    position:absolute; bottom:10px; left:10px;
}
table tr {font-size: 12px; }