@font-face {font-family:'yekan';src:url('../fonts/yekan.eot');src:url('../fonts/yekan.woff2')format('woff2'),url('../fonts/yekan.eot?#iefix')format('embedded-opentype');src:url('../fonts/yekan.woff')format('woff'),url('../fonts/yekan.ttf')format('truetype'),url('../fonts/yekan.svg#yekan')format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:"yekan_num";src:url('../fonts/yekannumbers.eot?#')format('eot'),url('../fonts/yekannumbers.woff')format('woff'),url('../fonts/yekannumbers.ttf')format('truetype')}
*{transition-duration:0.3s;text-decoration:none}
body{margin:0;background:#f8f8f8}
.center{text-align:center}
audio{max-width:100%}
.ir{margin-bottom:0;color:#4c4c4c;font-weight:100}
#scroller{position:fixed;left:25px;bottom:25px;width:64px}
#main{max-width:1366px;min-width:922px;margin:0 auto}
#main>h3{margin:0;display:inline-block;width:95%;padding:15px 0;margin-right:2%;margin-bottom:45px}
.intersect,pre{font-family:yekan,sans-serif!important;font-size:16px;float:right;width:100%}
input[type=email],input[type=submit],input[type=text],textarea{border:1px solid #e8e8e8;padding:5px 10px;font-family:yekan,sans-serif}
input[type="submit"]{cursor:pointer;background:#313558;color:#fff}
.header {background:#ececec;float:right;width:100%}
h1{color:#3d3a52;margin:35px 0}
h2{display:none}
.main-section h3{font-size:14px;padding-right:15px;padding-left:15px}
#searchbox{width:155px;height:21px;right:54px;top:133px;border:1px solid #a2a2a2;padding:1px 10px;border-radius:5%;color:#0c0c0c!important}
#go{width:30px;height:27px;right:234px;top:132px;border-radius:22%;cursor:pointer;border:none;background-image:url(../images/searchicon.png);background-size:100% 100%;opacity:1}
#go:hover{opacity:0.9}
nav *{margin:0;padding:0}
nav ul{width:100%;background:#313558;float:right}
nav li{font-size:19px!important;padding:2px 0}
nav li:hover{background:#3a3f69}
.ulinto1 li{width:10%;list-style-type:none;float:right;box-sizing:border-box;transition-duration:0.6s}
nav a{text-decoration:none;width:100%;color:#F8F8F8;display:inline-block;font-family:'yekan',sans-serif;font-size:16px;padding:2px 0}
.ulinto2{display:none;position:absolute;top:100%;right:0}
li:hover>.ulinto2{display:block}
.ulinto2 li{width:100%}
#marq img{margin:1%;width:10.5%;float:right;box-shadow:1px 0 10px 0 #626262}
#marq img:hover{box-shadow:1px 0 15px 0 #000}
.border{width:auto;margin:0;padding:6px 50px 6px 0;box-shadow:0 12px 12px -10px #e8e8e8}
section h3{text-align:right}
section h3 a{font-weight:100}
section a{text-decoration:none;color:#1d1d1d}
section a:hover{color:#0e3452}
article{width:75%;box-sizing:border-box;margin-bottom:20px;margin-right:3.1%;box-shadow:0 0 10px 3px #E8E8E3;background:#fff;float:right;border:1px solid lightgray}
article>div{color:#1d1d1d;line-height:3;margin:8px;padding:70px;font-size:15.5px}
article>footer{color:#1d1d1d;font-family:yekan_num,yekan,sans-serif;padding-right:0 !important}
article img{max-width:97%!important;max-height:100%!important;height:auto!important;border-radius:3px}
#atcom input[type="text"],section article form input[type="email"],section article form input[type="text"]{width:90%;margin-bottom:10px}
article form textarea{width:90%;height:200px}
#atcom textarea {width:50%;height:200px}
#atcom .border{font-size:14px;line-height:2}
#comments{margin:10px}
#comments img{cursor:pointer;border:1px solid rgba(121, 121, 121, 0.5)}
#comments label{width:17%;display:inline-block;font-size:15px}
#comments input[type="text"]{width:60%}
#comments textarea{width:60%}
main{position:relative;width:95%!important}
aside{margin-left:-1.2%;width:22%;box-sizing:border-box;transition-duration:unset!important;position:relative;float:left;box-shadow:0 0 10px 3px #E8E8E3;background:#fff;border:1px solid lightgray}
aside *{transition-duration:unset}
aside>div>div{margin:8px;line-height:1}
aside img{border-radius:7px}
aside a{text-decoration:none;color:#1d1d1d;font-size:15.5px;line-height:2}
aside a:hover{color:#0C3352}
aside ul{margin:0;padding:15px 25px}
aside li{list-style:none}
.title{font-size:21px;position:relative;top:7px;color:#1d1d1d}
.underimage{height:40px;margin-top:-23px;margin-right:7.5%;border-radius:4px;width:85%;box-shadow:0 12px 12px -10px #e8e8e8}
.fix{clear:both}
#a a,#a span{text-decoration:none;display:inline-block;margin:0 5px;background:#0e3452;color:#fff;border-radius:5px;padding:0 10px;font-size:13px}
#a span{background:#09253b}

#wowslider-container1{padding:40px 0 25px 0}
#wowslider-container1 img{width:100%!important}
.main-section{padding: 0 70px}
section h4{font-family:'yekan';display:inline-block;width:100%}
.product{background:#fff;width:23.5%;height:380px;margin:2.5% 0.75%;font-family:'yekan_num','yekan';box-shadow:1px 1px 5px 5px #f1efef;float:right}
.product:hover{box-shadow:1px 1px 25px 5px #DBDBDB;cursor:pointer;margin-top:25px}
.product img{width:100%}
.product h5{text-align:right;padding-right:15px}

#main>footer{padding: 80px 0;background:#313564;color:#d8d7e0;font-size:20px;margin-top:15px;box-shadow:0 0 10px 3px #E8E8E3}
.titr{font-size:19px;font-weight:100;color:#fff;display:inline-block}
#main>footer a{font-family:tahoma !important;font-size:15px;color:#fff;text-decoration:none}
#main>footer a:hover{color:#DBDBDB}
#main>footer>div{font-size:14px;width:32.334%;box-sizing:border-box;padding:1% 3%;float:right;line-height:30px;padding-right:4%}
#footerspan{padding-left:33.5%;font-family:tahoma;display:none}
#footerspan img{width:40px;height:40px;border-radius:50%}
#footerspan img:hover{box-shadow:1px 0 20px 0 #fff}

.popboxtitle{font-size:30px;font-family:'yekan';font-weight:bold;color:#17183a}
.modal{position:fixed;z-index:1;padding-top:150px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
.modal-content{position:relative;background-color:#f8f8f8;margin:auto;padding:0;border:1px solid #888;width:50%;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:.4s;animation-name:animatetop;animation-duration:.4s}
@-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}}
close{display:block;}
.close{color:#fff;float:right;font-size:28px;font-weight:700}
.close:hover,.close:focus{color:#cacaca;text-decoration:none;cursor:pointer}
.modal-header{padding:2px 16px;background-color:#17183a;color:#fff}
.modal-body{padding:100px 16px}
.modal-footer{padding:2px 16px;background-color:#17183a;color:#fff}
#mybtn{display:none}

@media only screen and (max-width:922px)
{
#scroller{left:15px;bottom:15px;width:48px}
#main{max-width:922px;min-width:768px;margin:3px 0}
#searchbox{right:59px;top:110px;width:144px}
#go{right:228px;top:109px}
.ulinto1 li{width:25%}
.m1{display:none}
.product{width:47%;margin:2.5% 1.5%}
#main>h3{width:94%;margin-right:3%}
#marq img{width:23%}
section h3 a{font-size:17px}
section h3 img {margin-bottom:-7px}
section h5 img{width:100%}
article{width:98%;display:inline-block;margin-right:3.3%}
article>div{font-size:15px;padding:20px}
#atcom{width:98%;margin-left:1%}
#atcom *{font-size:x-small}
aside{width:98%;margin-right:1%;margin-bottom:20px}
aside ul{margin:0}
.border{padding-right:20px}
.underimage{width:50%;display:inline-block;margin-right:0}
li:hover>.ulinto2{display:none}
.a,footer h6{padding-left:0!important}
.popboxtitle{font-size:24px}
.modal-content{width:70%}
}
@media only screen and (max-width:768px)
{
#main{max-width:768px;min-width:150px;margin:1px 0}
nav a{font-size:15px}
nav ul{padding-right:0;width:100%}
section h3 a{font-size:14px!important}
.product{width:97%}
article>div *{font-size:14px!important}
article img{max-height:550px}
article form input[type="email"],section article form input[type="text"],section article form textarea{width:90%!important}
aside a{font-size:14px!important}
#comments input[type="text"]{width:80%}
#comments label{display:none}
#comments textarea{width:80%;height:150px}
.border{font-size:8px}
.border img{width:20px;height:20px}
.border h3{line-height:25px}
#main>footer>div{width:50%;margin:1% 25%}
#main>footer a{font-size:13px}
#main>footer>div span{font-size:12px;width:100%}
.popboxtitle{font-size:22px}
}
@media only screen and (max-width:400px)
{
section h3 a{font-size:11px!important}
.border img{display:none}
.border{font-size:7px}
.main-section{padding:0}
nav a{font-size:11px}
article header .border img{display:inline}
article>div *{font-size:11px!important}
article form input[type="email"],section article form input[type="text"],section article form textarea{width:100%}
.popboxtitle{font-size:15px}
}