body{ direction: rtl; text-align: right; background-color:#f7f0ed; } @font-face{ font-family: 'morvarid'; src:url(fonts/Morvarid.eot), url(fonts/Morvarid.ttf), url(fonts/Morvarid.woff); font-style:normal; font-weight:normal; } @font-face { font-family: 'VahidBold'; src:url(fonts/VahidBold.eot), url(fonts/VahidBold.ttf), url(fonts/VahidBold.woff); font-style:normal; font-weight:normal; } @font-face{ font-family:'ziba'; src:url(fonts/Ziba.eot), url(fonts/Ziba.ttf), url(fonts/Ziba.woff); } @font-face{ font-family:'sas'; src:url(fonts/IRANSansWeb.eot), url(fonts/IRANSansWeb.ttf), url(fonts/IRANSansWeb.woff), url(fonts/IRANSansWeb.woff2); } @font-face{ font-family:'sasbold'; src:url(fonts/IRANSansWeb_Bold.eot), url(fonts/IRANSansWeb_Bold.ttf), url(fonts/IRANSansWeb_Bold.woff), url(fonts/IRANSansWeb_Bold.woff2); } @font-face{ font-family:'sasLight'; src:url(fonts/IRANSansWeb_Light.eot), url(fonts/IRANSansWeb_Light.ttf), url(fonts/IRANSansWeb_Light.woff), url(fonts/IRANSansWeb_Light.woff2); } @font-face{ font-family:'sasMedium'; src:url(../fonts/IRANSansWeb_Medium.eot), url(fonts/IRANSansWeb_Medium.ttf), url(fonts/IRANSansWeb_Medium.woff), url(fonts/IRANSansWeb_Medium.woff2); } @font-face{ font-family:'sasUltraLight'; src:url(fonts/IRANSansWeb_UltraLight.eot), url(fonts/IRANSansWeb_UltraLight.ttf), url(fonts/IRANSansWeb_UltraLight.woff), url(fonts/IRANSansWeb_UltraLight.woff2); } .dropdown-item{ text-align:right;} .list-unstyled, .list-inline {
    padding-right: 0px;
}
.modal-header .close{
    margin: -1rem auto -1rem -1rem;
}
#header{box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); } #hedertops{ background-color:#404068;} #hedertops a{ font-family:sas;} #hedertops a:hover{ background-color:#5271B4; box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -o-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -ms-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2);} #cont{ z-index:1; top:0; } #header-fluid1{ background-color:#404068; } #headerin1{ height:100%; } #hedertopr{ height:100%;} .nav-tabs .nav-link.active{ background-color:#FFFFFF; border-bottom:none; border:none; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link{ border-bottom:none; border:none; border-top-left-radius: 0; border-top-right-radius: 0} #hedertopr a{ font-family:sas; text-align:center; color:#c09156; } #hedertopr a.active{ color:#A8804D;} #hedertopr a.hover{ text-decoration:underline;} .nav-tabs { border-bottom:none;} #hedertopl a{font-family:sas; color:#ffffff; } #hedertopl a:hover{ box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -o-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); -ms-box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2); } #hedertoplmenu a:hover{ background-color:#FFFFFF; box-shadow:none;}  #header-fluid2{ background-color:#f7f0ed; padding:10px 0 10px 0; } #headerin2{ height:100%; } .navbar,headerin2{ padding:0;} .navbar-brand,headerin2 { display: inline-block; padding-top: 0; padding-bottom: 0; margin-right: 0; font-size: 0; line-height: none; } .navbar-light .navbar-toggler { color: #7987a1; border-color: #7987a1; } #menu{ margin-top:20px; } #menu a{ color:#404068; font-family:sasMedium; } #menu img{ vertical-align:middle; margin-top:-3px; margin-left:3px; } #main-fluid{ margin-top:20px;} #mainin{ height:100%; } #rright{ padding-right:0; padding-left:0; } #image1 img{ width:100%; box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); transition:0.5s;} #image2 img{width:100%; margin-top:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); transition:0.5s;} #mainright2in{ width:100%; margin-top:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; } #mainright2inin{ width:100%; height:45px; background-color:#f45866; } #mainright2inin p{ color:#FFFFFF; direction:rtl; line-height:45px; padding:0 25px; font-family:sasbold; } #mainright2inin2{ background-color:#f5ece8;} #mainright2inin2 img{ margin-right:5px; vertical-align:middle;} #mainright2inin2 a{ color:#404068; font-family:sas; } #tab{ } #tab:hover{ background-color:#FBE1DC;} #tab2:hover{ background-color:#FBE1DC;} #anjo{ width:100%; margin-top:10px; -webkit-animation-name:anjo; -webkit-animation-duration:2s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction:alternate; -webkit-animation-timing-function:ease-in-out; box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1);  } #center1{ padding-left:0; padding-right:0; } .carousel-indicators li{ border-radius:50%; } #mycarousel{ width:100%; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.2), -1px -1px 2px rgba(0,0,0,0.2); } #mycarousel img{ width:100%;} #mycarousel2{ width:100%; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.2), -1px -1px 2px rgba(0,0,0,0.2); } #mycarousel2 img{ width:100%;} #beynslidebar p{ direction:rtl; font-family:sas; }  #bb{ width:100%; margin-top:20px; border-top: solid 2px #404068; border-bottom: solid 2px #404068;} #bb p{ direction:rtl; font-family:sasmedium; text-align:right; color:#404068;} #bb2{ width:100%; margin-top:20px; border-top: solid 2px #404068; border-bottom: solid 2px #404068;} #bb2 p{ direction:rtl; font-family:sasmedium; text-align:right; color:#404068;} .menudown a{ margin-top:0; line-height:40px; color:#FFFFFF; font-size:16px; font-family:sas; } .menudown{ margin-top:20px; background-color:#f45866; box-shadow:1px 1px 10px rgba(0,0,0,0.2), -1px -1px 10px rgba(0,0,0,0.2);  transition:0.5s; } .menudown:hover{ transform:scale(1.05,1.05); background-color:#ff7484; box-shadow:4px 4px 20px rgba(0,0,0,0.7), -4px -4px 20px rgba(0,0,0,0.7); -webkit-box-shadow:4px 4px 20px rgba(0,0,0,0.7), -4px -4px 20px rgba(0,0,0,0.7); -moz-box-shadow:4px 4px 20px rgba(0,0,0,0.7), -4px -4px 20px rgba(0,0,0,0.7); -o-box-shadow:4px 4px 20px rgba(0,0,0,0.7), -4px -4px 20px rgba(0,0,0,0.7); -ms-box-shadow:4px 4px 20px rgba(0,0,0,0.7), -4px -4px 20px rgba(0,0,0,0.7); } #beynslidebar p{ color: #404068; } #beynslidebar h1{ color: #404068; } #r2{ padding-right:0; padding-left:0; } #bannert img{ width:auto; box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1);} #btnmaj{ background-color: #f45866; color: #ffffff; } .ddown img{width:100%;} #c h5{ color: #404068;} #c p{height:60px; color: #404068;} #bannert img{ width:100%;} #btnmaj:hover{ background-color: #ff7484; color: #ffffff; } #cart{ background-color: #f5eeeb; } #footer-fluid3{ margin-top:30px; padding-bottom:10px; box-shadow:1px 1px 2px rgba(0,0,0,0.1), -1px -1px 2px rgba(0,0,0,0.1); } #footerin1{ height:100%; } #footerm p{ font-family:sas; color:#404068; direction:rtl; } #footermenu1 a{ font-family:sas; } #footer-fluid2{ background-color:#404068; box-shadow:1px 1px 10px rgba(0,0,0,0.1), -1px -1px 10px rgba(0,0,0,0.1); } #footerin2{ height:100%; } #footer2 a{ font-family:sas; color: #ffffff; } @media screen and (min-width:320px) and (max-width:359.98px){ #hedertops a{ background:url(image/line3.jpg) right center no-repeat; font-size:6px; font-family:sas; padding-right:3px; padding-left:3px; } #hedertops{ height:33px;} #hedertops a:hover{ height:33px;} #hedertoplmenu a{ background:none; font-size:6px; } #hedertoplmenu a:hover{ height:auto; font-size:7px;} #header-fluid1{ height:31px;} .nav-tabs .nav-link.active{height:25px; margin-top:6px; padding-left:7px; padding-right:7px;} .nav-tabs .nav-link{height:25px; margin-top:6px; padding-left:7px; padding-right:7px;} #hedertopr a{ font-size:8px; line-height:10px;} #searchtop{ height:20px; width:70px;} #btntop{ height:20px; font-size:6px; font-family:tahoma; padding:0px 2px 2px 2px;} #mycarousel img{ height:120px; } #mycarousel2 img{ height:80px; } #beynslidebar{ height:35px; } #beynslidebar p{ font-size:8px; margin-top:5px; line-height:15px;} #menu a{ font-size:13px; padding-right:0; } #logo img{ width:150px;} .container-fluid { padding-right: 0; padding-left: 0; } .container{ padding-right: 50px; padding-left: 50px;} .carousel-indicators li{ width:10px; height:10px; margin:10px;} #bb{ height:50px;  } #bb p{ font-size:18px; line-height:40px; margin-right:20px; } #bannert img{ height:70px; margin-top:20px;} #footer-fluid1{ height:100px; margin-top:30px; } #footerm p{ font-size:8px; margin-top:10px; margin-right:30px; } #footer-fluid2{ height:50px; } #footer2 a{ font-size:8px; } #aros2{ margin-top:10px; width:25px; } } @media screen and (min-width:360px) and (max-width:479.98px){ #hedertops a{ background:url(image/line3.jpg) right center no-repeat; font-size:8px; font-family:sas; padding-right:5px; padding-left:5px; } #hedertops{ height:33px;} #hedertops a:hover{ height:33px;} #hedertoplmenu a{ background:none; font-size:8px; } #hedertoplmenu a:hover{ height:auto; font-size:9px;} #header-fluid1{ height:40px;} .nav-tabs .nav-link.active{height:30px; margin-top:10px; padding-left:10px; padding-right:10px;} .nav-tabs .nav-link{height:30px; margin-top:10px; padding-left:10px; padding-right:10px;} #hedertopr a{ font-size:8px; line-height:10px;} #bb{ height:50px;  } #bb p{ font-size:18px; line-height:40px; margin-right:20px; } #searchtop{ height:30px; width:90px;} #btntop{ height:30px; font-size:7px; font-family:tahoma; padding:0px 2px 2px 2px;} #mycarousel img{ height:135px; } #mycarousel2 img{ height:95px; } #beynslidebar{ height:35px; } #beynslidebar p{ font-size:10px; margin-top:5px; line-height:15px;} #menu a{ font-size:18px; padding-right:0; } #logo img{ width:170px;} .container-fluid { padding-right: 0; padding-left: 0; } .container{ padding-right: 50px; padding-left: 50px;} .carousel-indicators li{ width:10px; height:10px; margin:10px;} #bannert img{ height:80px; margin-top:20px;} #footer-fluid1{ height:100px; margin-top:30px; } #footerm p{ font-size:9px; margin-top:10px; margin-right:30px; } #footer-fluid2{ height:50px; } #footer2 a{ font-size:9px; } #aros2{ margin-top:10px; width:25px; } } @media screen and (min-width:480px) and (max-width:575.98px){ #hedertops a{ background:url(image/line3.jpg) right center no-repeat; font-size:10px; font-family:sas; padding-right:5px; padding-left:5px; } #hedertops{ height:33px;} #hedertops a:hover{ height:33px;} #hedertoplmenu a{ background:none; font-size:10px; } #hedertoplmenu a:hover{ height:auto; font-size:11px;} #header-fluid1{ height:40px;} .nav-tabs .nav-link.active{height:30px; margin-top:10px; padding-left:10px; padding-right:10px;} .nav-tabs .nav-link{height:30px; margin-top:10px; padding-left:10px; padding-right:10px;} #hedertopr a{ font-size:10px; line-height:10px;} #searchtop{ height:30px; width:120px;} #btntop{ height:30px; font-size:8px; font-family:tahoma; padding:0px 2px 2px 2px;} #mycarousel img{ height:160px; } #mycarousel2 img{ height:110px; } #beynslidebar{ height:35px; } #beynslidebar p{ font-size:10px; margin-top:5px; line-height:15px;} #bb{ height:50px;  } #bb p{ font-size:18px; line-height:40px; margin-right:20px; } #menu a{ font-size:18px; padding-right:0; } #logo{ margin:0 auto;} .container-fluid { padding-right: 0; padding-left: 0; } .container{ padding-right: 50px; padding-left: 50px;} .carousel-indicators li{ width:10px; height:10px; margin:10px;} #bannert img{ height:100px; margin-top:20px;} #footer-fluid1{ height:100px; margin-top:30px; } #footerm p{ font-size:10px; margin-top:10px; margin-right:30px; }  #footer-fluid2{ height:50px; } #footer2 a{ font-size:10px; } #aros2{ margin-top:10px; width:25px; } } @media screen and (min-width:576px) and (max-width:767.98px){ #hedertops a{ background:url(image/line3.jpg) right center no-repeat; font-size:14px; font-family:sas; } #hedertops{ height:40px;} #hedertops a:hover{ height:40px;} #hedertoplmenu a{ background:none; font-size:14px; } #hedertoplmenu a:hover{ height:auto; font-size:15px;} #header-fluid1{ height:40px;} .nav-tabs .nav-link.active{height:30px; margin-top:10px;} .nav-tabs .nav-link{height:30px; margin-top:10px;} #hedertopr a{ font-size:13px; line-height:10px;} #searchtop{ height:30px; width:150px;} #btntop{ height:30px; font-size:10px; font-family:tahoma; padding:0px 2px 2px 2px;} #mycarousel img{ height:200px; } #mycarousel2 img{ height:140px; } #beynslidebar{ height:40px; } #bb{ height:50px;  } #bb p{ font-size:18px; line-height:40px; margin-right:20px; } #beynslidebar p{ font-size:12px; margin-top:5px; line-height:15px;} #menu a{ font-size:18px; padding-right:0; } #logo{ margin:0 auto;} .container-fluid,.container { padding-right: 0; padding-left: 0; } .carousel-indicators li{ width:10px; height:10px; margin:10px;} #bannert img{ height:120px; margin-top:20px;} #footer-fluid1{ height:100px; margin-top:30px; } #footerm p{ font-size:12px; margin-top:10px; } #footer-fluid2{ height:50px; } #footer2 a{ font-size:12px; } #aros2{ margin-top:10px; width:25px; margin-right:15px;} } @media screen and (min-width:768px) and (max-width:991.98px){ #header-fluid1{ height:30px;} .nav-tabs .nav-link.active{height:20px; margin-top:10px;} .nav-tabs .nav-link{height:20px; margin-top:10px;} #hedertopr a{ font-size:10px; line-height:5px;} #searchtop{ height:20px; width:120px;} #btntop{ height:20px; font-size:8px; font-family:tahoma; padding:0px 2px 2px 2px;} #hedertopl a{ background:url(image/line2.jpg) right center no-repeat; font-size:10px; } #hedertopl a:hover{ height:30px; } #hedertoplmenu a{ background:none; font-size:10px; } #hedertoplmenu a:hover{ height:auto; font-size:11px;} #mycarousel img{ height:250px; } #mycarousel2 img{ height:180px; } #bb{ height:67px; background-image:url(img/BB1c.png); } #bb p{ font-size:22px; line-height:60px; margin-right:30px; } #beynslidebar{ height:47px; } #beynslidebar p{ font-size:13px; margin-top:5px; line-height:20px;} #menu a{ font-size:12px; padding-right:3px; } #logo{ margin-right:0px;} #logo img{ width:80%;} #menu img{ width:16px;} .navbar-nav{padding:0;} .container-fluid,.container { padding-right: 0; padding-left: 0; } .carousel-indicators li{ width:15px; height:15px; margin:10px;} #bannert img{ height:140px; margin-bottom:20px;} .menudown{ width:100%; height:210px;} .ddown{ width:100%; height:170px;} #bb2{ height:67px; background-image:url(img/BB2c.png); } #bb2 p{ font-size:22px; line-height:60px; margin-right:30px; } #footer-fluid1{ height:140px; margin-top:30px; } #footerm p{ font-size:12px; margin-top:10px; } #footermenu1 a{ font-size:10px; margin-top:3px; } #footermenu1{ padding-right:20px;} #footer-fluid2{ height:50px; } #footer2 a{ font-size:12px; } #aros{ margin-right:35px; margin-top:18px; width:90%;} #aros2{ margin-top:10px; width:25px;} } @media screen and (min-width:992px) and (max-width:1199.98px){ #header-fluid1{ height:35px;} .nav-tabs .nav-link.active{height:25px; margin-top:10px;} .nav-tabs .nav-link{height:25px; margin-top:10px;} #hedertopr a{ font-size:13px; line-height:10px;} #hedertopl a{ background:url(../image/line2.jpg) right center no-repeat; font-size:12px; } #hedertopl a:hover{ height:35px; } #hedertoplmenu a{ background:none; font-size:13px; } #hedertoplmenu a:hover{ height:auto; font-size:14px;} #searchtop{ height:25px; width:155px;} #btntop{ height:25px; font-size:10px; font-family:tahoma; padding:0px 2px 2px 2px;} #mycarousel img{ height:300px; } #mycarousel2 img{ height:180px; } #beynslidebar p{ font-size:14px; margin-top:5px; line-height:25px;} #bb{ height:107px; background-image:url(img/BB1a.png); } #bb p{ font-size:22px; line-height:90px; margin-right:20px; } #beynslidebar{ height:55px; } #menu a{ font-size:16px; padding-right:10px; } #logo{ margin-right:0px;} #logo img{ width:90%;} .navbar-nav{padding:0;} .container-fluid,.container { padding-right: 0; padding-left: 0; } .carousel-indicators li{ width:15px; height:15px; margin:10px;} #bannert img{ height:140px; margin-bottom:15px;} .menudown{ width:100%; height:170px;} .ddown{ width:100%; height:130px;} #bb2{ height:107px; background-image:url(img/BB2a.png); } #bb2 p{ font-size:22px; line-height:90px; margin-right:20px; } #mainright2inin p{ font-size:16px;} #mainright2inin2 a{font-size:12px;} #anjo{ background-image:url(image/12a.jpg); height:39px; } #footer-fluid1{ height:160px; margin-top:30px; } #footerm p{ font-size:13px; margin-top:20px; } #footermenu1 a{ font-size:14px; margin-top:3px; } #footermenu1{ padding-right:30px;} #footer-fluid2{ height:60px; } #footer2 a{ font-size:14px; } #aros{ margin-right:50px; margin-top:10px; width:90%;} #aros2{ margin-top:20px; width:30px;} } @media screen and (min-width:1200px){ #header-fluid1{ height:40px;} .nav-tabs .nav-link.active{height:30px; margin-top:10px;} .nav-tabs .nav-link{height:30px; margin-top:10px;} #hedertopr a{ font-size:15px; line-height:10px;} #hedertopl a{ background:url(image/line3.jpg) right center no-repeat; font-size:14px; } #hedertopl a:hover{ height:40px; } #hedertoplmenu a{ background:none; font-size:14px; } #hedertoplmenu a:hover{ height:auto; font-size:15px;} #mycarousel img{ height:360px; } #mycarousel2 img{ height:220px; } .container { max-width: 1200px; } #searchtop{ height:30px; width:180px;} #btntop{ height:30px; font-size:12px; font-family:tahoma; padding:0px 2px 2px 2px;} #slide2 img{ height:200px;} #beynslidebar p{ font-size:16px; margin-top:5px; line-height:25px; } #bb{ height:133px; background-image:url(img/BB1.png); } #bb p{ font-size:26px; line-height:110px; margin-right:20px; }  #beynslidebar{ height:60px; } #menu a{ font-size:18px; padding-right:20px; } #logo{ margin-right:20px; } #logo img{ width:100%;} .navbar-nav{padding:20;} .container-fluid,.container { padding-right: 0; padding-left: 0; } .carousel-indicators li{ width:20px; height:20px; margin:10px;} #bannert img{ height:160px; margin-bottom:15px; } .menudown{ width:100%; height:210px;} .ddown{ width:100%; height:170px;} #bb2{ height:133px; background-image:url(img/BB2.png); } #bb2 p{ font-size:26px; line-height:110px; margin-right:20px; } #mainright2inin p{ font-size:20px;} #mainright2inin2 a{font-size:14px;} #anjo{ background-image:url(img/121.jpg); height:49px; } #footer-fluid1{ height:180px; margin-top:30px; } #footerm p{ font-size:14px; margin-top:25px; } #footermenu1 a{ font-size:16px; margin-top:3px;} #footermenu1{ padding-right:50px;} #footer-fluid2{ height:75px; } #footer2 a{ font-size:16px; } #aros{ margin-right:60px; margin-top:10px;} #aros2{ margin-top:20px;} }