@font-face { font-family: 'yekan'; font-weight: normal; font-style: normal; src: url('/Files/Font/yekan.woff'); }
*{margin:0;padding:0;text-decoration:none; outline:none;}
a{color:#c06;}
a:hover{color:#069;}
ul,ol{list-style-position: inside;}
h1{font-size:140%;margin:10px 0 10px 0;}
h2{font-size:125%;margin:12px 0 7px 0;}
h3{font-size:110%;margin:8px 0 3px 0;}
body{ direction:rtl; font-family:'yekan'; background-color:#efefef; text-align:justify;}
body > header{border-bottom:5px solid #000;}
body > header > a > img{display:block; width:100%;}
body > header > nav{position: fixed;height: 80px;top:0; right:0; left:0;background-image: url('/Files/Layout/Banner.jpg');background-size:100% ;z-index:99; padding:0 5%;}
body > header > nav > a{float: left;overflow: hidden;}
body > header > nav > a > img{display:block;height:80px;}
body > header > nav  > ul{height:80px;}
body > header > nav  > ul > li{list-style:none; display:inline-block; height:80px;line-height:80px;vertical-align:middle;margin:0 15px;}
body > header > nav  > ul > li a{color:#ff0; font-weight:700;}
body > header > div{position:relative;z-index:9;}
body > header > div > span{position:absolute;top:15%;right:5%;color:#ff0;font-size:3em;text-shadow:0 0 2px #000;}
body > header > div > img{width:100%;display:block;}
body > section{}
body > section > article{padding:1em 10%;color: #333;}
#Instructions,#Contact{box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);background: radial-gradient(ellipse at center,  #ffff88 0%,#ffff7a 100%);}
#Product,#About{-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3);background: radial-gradient(ellipse at center,  #deefff 0%,#98bede 100%);
                }
body > section > article > div{background-color:rgba(0,0,0,0.3);padding:.5em;margin-top:1em;box-shadow:0 0 4px #000 inset; float:right; width:47%; margin:.5%; padding:1%;}

body > section > article > div p{font-size:.8em;line-height:150%;}
body > section > article > div > a{float:left;width:30%;margin-right:2%;background-color:rgba(0,0,0,0.4);box-shadow:0 0 4px #fff inset;}

body > section > article > div > a > img{display:block;width:100%;}



#Safes{padding-top:2em;clear:both;}
#Safes > div{background-color:rgba(0,0,0,0.3);padding:.5em;margin-top:1em;box-shadow:0 0 4px #000 inset;}
#Safes > div > a{float:right;width:23%;padding:0.5%;margin:0.5%;background-color:rgba(0,0,0,0.4);box-shadow:0 0 4px #fff inset;}
#Safes > div > a > img{display:block;width:100%;}
#Safes > div > p{clear:both;padding-bottom:1em; text-align:center; font-size:80%;}

body > section > article > p span{color:#c06;}
.tel{font-size:150%;color:#111;font-weight:700;direction:ltr;background-color:rgba(0,0,0,0.3); padding:2%; border:1px solid #000; border-radius:5px; text-align:center;}
.mail{direction:ltr;}
body > footer{background: rgb(95,97,104); text-align:center; padding:1em 10%;box-shadow: 0 -1px 0 rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.3); font-size:.8em;}
table{width:100%; text-align:center; }
table td{border:1px solid #333;}
html.swipebox {overflow: hidden!important;}
#swipebox-overlay img {border: none!important;}
#swipebox-overlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9999999999!important;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;user-select: none;margin-top:0; padding:0; direction:ltr;}
#swipebox-slider {height: 100%;left: 0;top: 0;width: 100%;white-space: nowrap;position: absolute;display: none; }
#swipebox-slider .slide {background: url("/files/Layout/Lightloader.gif") no-repeat center center;height: 100%;width: 100%;line-height: 1px;text-align: center;display: inline-block;}
#swipebox-slider .slide:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
#swipebox-slider .slide img {display: inline-block;max-height: 100%;max-width: 100%;margin: 0;padding: 0;width: auto;height: auto;vertical-align: middle;}
#swipebox-action, #swipebox-caption {position: absolute;left: 0;z-index: 999;height: 50px;width: 100%;}
#swipebox-action {bottom: -50px;}
#swipebox-action.visible-bars {bottom: 0;}
#swipebox-action.force-visible-bars {bottom: 0!important;}
#swipebox-caption {top: -50px;text-align: center; direction:rtl;}
#swipebox-caption.visible-bars {top: 0;}
#swipebox-caption.force-visible-bars {top: 0!important;}
#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {background-image: url("/files/Layout/icons.png");background-repeat: no-repeat;border: none!important;text-decoration: none!important;cursor: pointer;position: absolute;width: 50px;height: 50px;top: 0;}
#swipebox-action #swipebox-close {background-position: 15px 12px;left: 40px;}
#swipebox-action #swipebox-prev {background-position: -32px 13px;right: 100px;}
#swipebox-action #swipebox-next {background-position: -78px 13px;right: 40px;}
#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);opacity: 0.3;}
#swipebox-slider.rightSpring {-moz-animation: rightSpring 0.3s;-webkit-animation: rightSpring 0.3s;}#swipebox-slider.leftSpring {-moz-animation: leftSpring 0.3s;-webkit-animation: leftSpring 0.3s;}
#swipebox-overlay {background: #0d0d0d; border:none; border-radius:0;}
#swipebox-action, #swipebox-caption {text-shadow: 1px 1px 1px black;background-color: #0d0d0d;background-image: linear-gradient(#0d0d0d, #000000);}
#swipebox-action {border-top: 1px solid rgba(255, 255, 255, 0.2);}
#swipebox-caption {border-bottom: 1px solid rgba(255, 255, 255, 0.2);color: white!important;font-size: 15px;line-height: 43px;}
@media only screen and (min-width:1px) and (max-width: 800px)
{
    body > header > nav{position:inherit;background-image:none;padding:0; height:auto;}
    body > header > nav > a{display:block; float:none; width:100%; text-align:center; background-color:#fff;}
    body > header > nav > a img{display:inline-block;}
    body > header > nav  > ul{height:auto;}
    body > header > nav  > ul > li{list-style:none;display:inline-block;width:50%; box-shadow:0 0 1px #000 inset; margin:0; background-color:#333; text-align:center;}
    body > header > nav  > ul > li a{display:block; color:#ff0;}
    body > header > div{position:inherit;}
    body > header > div > h1,body > header > div > span{display:none;}
    body > section > article{padding:1em 1%;}
    body > section > article > div{ width:97%;float:none;}
    body > section > article > div > a{width:100%;margin:0 0 0 1em;float:none;}
    #Safes > div > a {width:48%;}
    #swipebox-action #swipebox-close {left: 0;}#swipebox-action #swipebox-prev {right: 60px;}#swipebox-action #swipebox-next {right: 0;}
}