html{
width: 100%;
overflow-x: hidden !important;
}
body {
background-color:white;
font-family:IRANSansm !important;
color: #222 !important;
overflow-x: hidden !important;
text-align:right
}
ul {
list-style: none;
}
input[type=radio] {
width: 20px;
margin-top: 0;
height: 20px;
}
.soldoutimg {
width: 180px;
height: 160px;
padding: 10px;
}
.nomojoudimg{ position: absolute;
right: 17%;
width: 65%;
top: 0px;
height: 100%;}
.soldoutmodalstyle .list-group-item {
text-align:center;
}
.soldoutmodalstyle:hover .list-group-item{
border-color:#2eccc6;
color:#2eccc6;
}
.TakProduct .Prices {
margin-bottom: 25px;
border-bottom: 1px solid #8080806b;
width: 100%;
}
.TakProduct .Prices .price{
margin-top:0;margin-bottom:0;font-size: 12px;color:#01388a;
}
.TakProduct .Prices .priceNotOff{
text-decoration: line-through;font-size: 10px;
color: red;
margin-right: 5px;
}
.TakProduct{
background-color: #ffffff;
border-radius: 0px;
padding: 10px;
border: 1px solid #beb9b959;
margin-bottom: 10px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.TakProduct .Picbox{
padding: 50px 5%;
}
.TakProduct .Picbox img{
width: 100%;
}
.TakProduct .InfoBox {
padding: 0 15px 10px 35px;
}
.TakProduct .titlePart h4{
margin-right: 10px;
color: #2900ff;
}
.TakProduct .titlePart{
margin-top: 50px;
margin-bottom: 25px;
border-bottom: 1px solid #8080806b;
width: 100%;
}
.TakProduct .Categorybrand{
margin-bottom: 25px;
border-bottom: 1px solid #8080806b;
width: 100%;
}
.TakProduct .Categorybrand a{
color : darkorange;
cursor:pointer;
}
.soldoutmodalstyle .addtobasket{
position: absolute;
top: 1px;
right: 50px;
cursor: pointer;
}
.soldoutmodalstyle .moreinfo{
position: absolute;
top: 1px;
right: 1px;
}
.soldoutmodalstyle .moreinfo img ,.soldoutmodalstyle .addtobasket img {
width:40px;height:40px;
}
.soldoutmodalstyle .productNamePart{
padding:5px
}
.soldoutmodalstyle .productNamePart h4{
margin-top:0;margin-bottom:0;font-size: 12px;
}
.soldoutmodalstyle .productPricePart{
padding:5px
}
.soldoutmodalstyle .productPricePart .priceTitle{
margin-top:0;margin-bottom:0;font-size: 12px;
}
.soldoutmodalstyle .productPricePart .price{
margin-top:0;margin-bottom:0;font-size: 12px;color:#01388a;
}
.soldoutmodalstyle .productPricePart .priceNotOff{
text-decoration: line-through;font-size: 10px;
color: red;
margin-right: 5px;
}
.soldoutmodalstyle .salevaluePart{
padding:5px
}
.soldoutmodalstyle .salevaluePart .saleValuetitle{
margin-top:0;margin-bottom:0;font-size: 12px;
}
.soldoutmodalstyle .salevaluePart .Salevalue{
margin-top:0;margin-bottom:0;font-size: 12px;color:#01388a;
}
.soldoutmodalstyle .salevaluePart .Salevalue span{
font-size: 10px;
color: #01388a;
margin-right: 5px;
}
.list-group-item {
transition:1s cubic-bezier(.77,0,.18,1);
}
.gradiant {
background:linear-gradient(#121010 , #000);
width: 100%;
}
.HStyle {
margin: -6.1em 0 0 0 !important;
text-align: center;
transition:display 5s cubic-bezier(.77,0,.18,1);
padding-bottom: 5em;
display:block
}
.center {
text-align:center
}
.backgroundcolorWhite {
background-color:white
}
.lblnew {
margin-top: 10px;
display:block
}
.margintop10 {
margin-top: 10px;
}
.textalineleft {
text-align:left
}
.backgraondwhite {
background-color:white;
}
.dropbtn {
background-color: inherit;
color: white;
border: none;
cursor: pointer;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
background-color: #2eccc6;
transition: 0.5s ease-in-out;
}
.dropdown-content a:hover {background-color: #2eccc6e6;color: #222;}
.dropdown:hover .dropdown-content {
display: block;
}
.marginright5 {
margin-right: 5px;
}
a {
color: white;
text-decoration: none;
}
.margintop20 {
margin-top: 20px;
}
.btnstyleandroid {
width: 60%;
height: 50px;
background-color: green;
border: 1px solid green !important;
border-radius: 30px;
margin: 20px;
box-shadow: 0px 0px 10px 0px gray;
color: #111;
}
.btnstyleandroid:hover {
box-shadow:none
}
.mybtn {
background-image: linear-gradient(to right, #006175 0%, #00a950 100%);
border-radius: 40px;
box-sizing: border-box;
color: #00a84f;
display: block;
font: 1.125rem 'Oswald', Arial, sans-serif; /*18*/
height: 80px;
letter-spacing: 1px;
margin: 0 auto;
padding: 4px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 264px;
z-index: 2;
}
.mybtnn {
background-image: linear-gradient(to right, #006175 0%, #00a950 100%);
border-radius: 40px;
box-sizing: border-box;
color: #00a84f;
display: block;
font: 1.125rem 'Oswald', Arial, sans-serif; /*18*/
height: 80px;
letter-spacing: 1px;
margin: 0 auto;
padding: 4px;
position: relative;
text-decoration: none;
text-transform: uppercase;
width: 264px;
z-index: 2;
letter-spacing: 1px !important;
}
.btn:hover {
color: #23fe08;
box-shadow:none;
}
.justify {
text-align:justify;
}
.btn span {
align-items: center;
background: whitesmoke;
border-radius: 40px;
display: flex;
justify-content: center;
height: 100%;
transition: background .5s ease;
width: 100%;
}
.iconmodal {
text-align: left;
margin-top: 60px;margin-bottom: 20px;
}
.margintop122 {
margin-top: 122px;
}
.myicon {
color: #9c1a66;
cursor: pointer;
font-size: 20px;
}
.myicon :hover {
color:#9c1a66;
}
.btn:hover span {
background: transparent;
color: white;
}
.whyusheader {
text-align:center;color:#555;margin-top: 50px;
}
.icon_png{
width:100px;
height:100px;
margin-bottom:15px;
}
.fafontwhyus {
color:#555;border: 2px solid #555;border-radius:10px;font-size: 40px;padding: 40px;
}
label {
display: -moz-grid-line;
}
.whyusmodal {
background-color:white;
text-align:justify;
padding-bottom: 70px;
}
.btnstyleios {
border: none !important;
box-shadow: 0px 0px 3px 0px #b9b9b9;
background-image: linear-gradient(to right, #ed3237 0%, #9c1a66 100%);
border-radius: 40px;
box-sizing: border-box;
display: block;
height: 60px;
margin: 15px auto;
padding: 2px;
width: 70%;
}
.btnstyleios:hover {
box-shadow:none
}
.pointer {
cursor:pointer;
color:#4a4a4a;
transition: color .5s ease-in-out;
}
.paddingleft30px {
padding-left: 30px;
}
a:hover {
text-decoration: none;
color:inherit;
}
.plow {
text-align: justify;padding: 0px 0 5px 0;
}
.sticky {
position:fixed;
top:0;
}
.box-contactus{
box-shadow: 0 5px 13px 0 rgba(0, 0, 0, 0.2);
border: 1px solid #2e272724;
border-radius: 10px;
padding: 20px;
margin-top: 30px;
margin-bottom: 20px;
background: white;
}
.box-contactus h4 {
color: #2eccc6;
margin-bottom: 22px;
}
@-moz-document {
.myshopingnavCategory {
position: sticky;
}
}
@media(max-width:767px) {
.navbarnew {
display:block !important;
}
.pointer {
display:none;
margin-right:30px !important;
}
}
@media(min-width:767.1px) {
.navbarnew {
display: none !important;
}
.pointer {
display: block !important;
display: -moz-grid-line !important;
margin-right: 0px !important;
}
}
@media(width:1024px) {
.mymodal {
padding-top:27em !important;
}
}
@media(min-width:960px) {
.widthheight {
height:79vh !important;
}
}
@media(width:1280px) {
.mymodal {
padding-top:25em !important;
}
}
@media(min-width:375px) and (max-width:384px) {
.mymodal {
padding-top:20em !important;
}
}
@media(min-width:412px) and (max-width:414px){
.mymodal {
padding-top:21em !important;
}
}
@media(width:600px) {
.mymodal {
padding-top:30em !important;
}
}
@media(width:320px) {
.mymodal {
padding-top: 15em !important;
}
}
@media(width:360px) {
.mymodal {
padding-top: 19em !important;
}
}
@media(width:533px) {
.mymodal {
padding-top: 9em !important;
}
.lblnew {
display: block !important;
}
}
@media(width:960px) {
}
@media(width:768px) {
.mymodal {
padding-top: 30em !important;
}
.widthheight {
height:auto !important;
}
}
@media(min-width:601px) and (max-width:732px) {
.font15 {
font-size: 13px !important;
}
.mymodal {
padding-top: 11em !important;
}
.widthheight {
height:auto !important;
}
}
@media(width:736px) {
.mymodal {
padding-top: 11em !important;
}
.widthheight {
height:auto !important;
}
}
@media(width:568px) {
.mymodal {
padding-top: 10em !important;
}
.widthheight {
height:auto !important;
}
}
@media(width:720px) {
.mymodal {
padding-top:40em !important;
}
.widthheight {
height:auto !important;
}
}
@media(min-width:732px) and (max-width:740px){
.mymodal {
padding-top: 12em !important;
}
.widthheight {
height:auto !important;
}
}
@media(max-width:767px){
.myaboutpadding {
padding-left:30px;
padding-right:30px;
}
.font15 {
font-size: 13px !important;
}
}
@media(min-width:768px) and (max-width:991px) {
.marginnavbar {
margin-right:-75px !important;
}
}
@media(min-width:992px) and (max-width:1999px) {
.marginnavbar {
margin-right:-90px !important;
}
}
@media(min-width:1200px) {
.marginnavbar {
margin-right:-107px !important;
}
}
@media(max-width:774px) {
.marginleft10 {
margin-left: 10px;
}
}
.searchtxt {
border: 2px solid #0517b6;
padding: 6px;
width: 100%;
border-right: none;
}
.SabadAll{
display: block;
width: 105px;
float: right;
}
.spanshopbascket {
padding-bottom: 6px;
text-align: center;
padding-top: 6px;
color: #222;
float: right;
background: white;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 2px solid #0517b6;
width: 25px;
}
.SabadCount{
font-size: 10px;
}
.sabaditempart{
float: right;
}
.sabaditempart{
float: right;
}
.pointerShopBasket {
cursor:pointer;
color:#4a4a4a;
transition: color .5s ease;
padding: 2px 5px 4px 5px;
background: greenyellow;
background-color: #031cfb !important;
border-color: #0517b6 !important;
cursor: pointer !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 0 !important;
color: white;
transition: 1s ease-in-out !important;
font-size:10px;
}
.pointerShopBasket:hover,.pointerShopBasket:focus{
color: black;
background-color: #23fe08 !important;
}
.searchbox{
float: left;
width: 320px;
}
.searchmicro img {
width: 25px;
cursor: pointer;
}
.searchbox .searchmicro{
width: 40px;
float: right;
border: 2px solid #0517b6;
height: 36px;
border-radius: 0px 4px 4px 0px;
padding-top: 5px;
background: #031cfb;
text-align:center;
}
.searchTextBox{
width: 240px;
float: right;
position: relative;
}
.searchBottonBox{
width: 40px;
float: left;
}
.btnsearch {
background-color: #031cfb !important;
border-color: #0517b6 !important;
cursor: pointer !important;
border-bottom-left-radius: 5px !important;
border-bottom-right-radius: 0 !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 0 !important;
height:36px;
color: white;
transition: 1s ease-in-out !important;
}
.btnfastshoping {
border: 2px solid #2eccc6 !important;
cursor: pointer !important;
border-radius:5px;
background: whitesmoke !important;
color: #2eccc6;
transition: 1s cubic-bezier(.79,.14,.15,.86) !important;
margin-top: 15px;
}
.btnfastshoping:hover {
background: #2eccc6 !important;
color: white;
}
.fashop {
padding: 8px;
}
.backcornflowerblueandborder {
background: white;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 2px solid #0517b6;
}
.imgcategoryindex {
width: 100%;
height: 45vh;
opacity: 0.25;
transition: 0.5s cubic-bezier(.77,0,.18,1);
}
.imgcategoryindex:hover {
opacity: 1;
box-shadow: 0 0 10px 1px gray;
cursor: pointer;
}
img:hover ~ .HStyle{
color:transparent;
}
.margintopbottom25 {
margin-bottom:5em;
margin-top:2em;
}
.backgraondwhitesmoke {
background-color:whitesmoke
}
.mapstyle {
width: 100%;
height: 130px;
margin-top: 10px;
border: none;
border-radius: 5px;
}
.widthheight {
width:100%;
height:100vh;
}
.aboutusmore {
color: orange;
text-decoration: underline;
}
.aboutusmore:hover {
text-decoration: underline;
color: #ff7e00;
}
.Hambeha {
color:#4a4a4a;
margin-left: 5px;
}
.margintop60 {
margin-top: 60px
}
.pointerfooter {
cursor:pointer;
margin-left: 10px;
line-height: 30px;
color: white;
}
.font15 {
font-size: 15px;
}
.padding0 {
padding:0
}
.marginbottom0 {
margin-bottom:0;
}
.font30 {
font-size: 30px;
}
.btn {
border: 2px solid #111;
cursor: pointer;
}
.mymodal {
text-align: center;
z-index: 50;
background: linear-gradient(#ffffff21,#ffffff54);
padding-top: 19em;
height: 100vh;
}
.mymodal a:hover {
color: #222;
}
.myyBtn{
display:inline-block;
position:relative;
margin:0.4em; padding:1em;
cursor:pointer;
background:linear-gradient(to right,#fff , #fff0); color:#222;
z-index:0;
}
.imgstylerqsuser {
width: 100%;
border: 1px solid #222;
border-radius: 10px;
}
.contactusmodal {
background-color: white;
padding-top: 50px;
padding-bottom: 50px;
}
.rqstUser {
position: absolute;
display: none;
color: #222;
}
.rqstmodal {
background-color: white;
box-shadow: 0px 4px 3px 0px #0009;
border-radius: 5px;
padding: 10px;
margin-top: 3.2em;
z-index:101;
display: table;
width: 250px;
}
.rqstmodal h6{
margin-bottom: 2px;
margin-top: 2px;
}
.rqstmodal hr{
margin-top: 5px;
margin-bottom: 5px;
}
.rqstmodal label{
font-size: 10px;
}
.rqstmodal .Shopcart_counter{ width: 15px;
float: right;}
.rqstmodal .Shopcart_Product{ min-width: 80px;
float: right;}
.rqstmodal .Shopcart_Price{float: left;}
.rqstmodal .btnsubmitrqs{
border: 1px solid #397d05;
background-color: #cef1c5;
color: #555;
font-size: 10px;
transition: 1s ease-in-out;
}
.backetshopmodal {
background-color: #e8fffe;
border-radius: 0px;
padding: 10px;
border: 1px solid #beb9b9;
margin-bottom: 10px;
}
.labeltitlefactor{
font-size: 12px;
margin-left: 10px;
}
.labelvaluefactor{
font-size: 14px;
font-weight: 300;
}
.factorcustomerinfobox {
background-color: #fe9b08;
border-radius: 0px;
padding: 10px;
border: 1px solid #beb9b9;
margin-bottom: 10px;
}
.factortable th {
background: #a3acf2;
}
.factortable>tbody>tr:nth-of-type(odd) {
background-color: #cdfaaa;
}
.deleviryboxPrice{
border: 1px solid #b03939;
padding: 5px;
text-align: center;
background: #ff9c9c;
margin-bottom:10px;
margin-left: -13px;
margin-right: -13px;
}
.taxboxPrice{
border: 1px solid #bcb01e;
padding: 5px;
text-align: center;
background: #ffebb1;
margin-bottom:10px;
margin-left: -13px;
margin-right: -13px;
}
.PayboxPrice{
border: 1px solid #0960ac;
padding: 5px;
text-align: center;
background: #339ffc;
margin-bottom:10px;
margin-left: -13px;
margin-right: -13px;
}
.btnokshop {
border: 1px solid #1daaa4;
background-color: #2eccc6;
color: #fffafa;
transition: 1s ease-in-out;
}
.myclose {
margin-left: 76em;
color: indianred !important;
cursor: pointer !important;
transition: color 1s cubic-bezier(1,0,0,1);
}
.myclose:hover {
color: red !important;
}
@media(max-width:767px) {
.imgstylerqsuser {
display:none;
}
}
@media (max-width:500px) and (min-width:450px) {
.searchbox{
width: 260px;
}
.searchmicro{
display:none;
}
.searchTextBox{
width: 220px;
}
.searchBottonBox{
}
.searchtxt {
border-right: 2px solid #0517b6;
}
}
@media (max-width:450px) and (min-width:400px) {
.searchbox{
width: 240px;
}
.searchmicro {
display: none;
}
.searchTextBox{
width: 200px;
}
.searchBottonBox{
}
.searchtxt {
border-right: 2px solid #0517b6;
}
}
@media (max-width:400px) and (min-width:350px) {
.searchbox{
width: 220px;
}
.searchmicro {
display: none;
}
.searchTextBox {
width: 180px;
}
.searchBottonBox{
}
.searchtxt {
border-right: 2px solid #0517b6;
}
}
@media (max-width:350px) and (min-width:300px) {
.searchbox{
width: 180px;
}
.searchmicro {
display: none;
}
.searchTextBox{
width: 140px;
}
.searchBottonBox{
}
.searchtxt {
border-right: 2px solid #0517b6;
}
}
@media (max-width:300px) {
.searchbox{
width: 240px;
}
.searchmicro {
display: none;
}
.searchTextBox{
width: 200px;
}
.searchBottonBox{
}
.searchtxt {
border-right: 2px solid #0517b6;
}
}
.myyBtn:before {
content: "";
position: absolute;
z-index:-1;
top: 0; left: 0; right: 0; bottom: 0;
background:linear-gradient(to right,#fff0 , #fffc);
color:#222;
transform: scaleX(0);
transform-origin: 0 50%;
transition: transform .3s ease-out;
}
.myyBtn:hover:before{transform: scaleX(1);}
btn {
border: 2px solid #3c39a7 !important;
}
.pointer:hover {
color:#000 !important;
}
.navbarnew {
cursor:pointer;
color:#4a4a4a;
transition: color .5s ease;
display:none;
}
.navbarnew:hover {
color:#000 !important;
}
.myhover:hover {
background: linear-gradient(45deg, #fff 0%,#fff 25%,#fff 50%,#9f9f9f 75%,#fff 100%);
color:transparent;
background-clip: text;
}
.colorwhite {
color:white;
}
.mynavmodal {
position: fixed;
z-index: 100;
padding:15px 5px 10px 0px;
background-color:white;
}
.myshopingnavmodal {
z-index: 100;
padding:15px 5px 10px 0px;
background-color:white;
margin-bottom: 10px;
}
.chooseProductBox{
margin-bottom:100px;
}
.myshopingnavCategory {
z-index: 100;
padding:15px 5px 10px 0px;
background-color:#2eccc6;
text-align: center;
color:white;
position: sticky;
}
.carousel-caption {
color: white;
top: 20%;
}
a:focus, a:hover {
color: inherit;
}
.marginh {
margin-top: 0px;
margin-bottom: 5px;
}
.aboutusmodal {
background-color:#555555b3;
padding-top: 50px;
padding-bottom: 70px;
}
/*new style cinema*/
.newimg {
width: 100%;
height: 666px;
}
.parallax {
/* The image used */
background-image: url('../Photoes/network-pic.jpg');
/* Set a specific height */
min-height: 100vh;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.parallaxaboutus {
/* The image used */
background-image: url('../Photoes/women-shopping.jpg');
/* Set a specific height */
min-height:vh;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.parallaxshopingfooter {
/* The image used */
background-image: url('../Photoes/3.jpg');
/* Set a specific height */
min-height:vh;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.parallaxfooter {
/* The image used */
background-image: url('../Photoes/shopping-cart-grocery-store.jpg');
/* Set a specific height */
min-height:vh;
/* Create the parallax scrolling effect */
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.parallaxaboutusnewpge {
/* The image used */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background: #fe9b08;
width: 100%;
}
.hambehparallax {
/* The image used */
background-image: url('../Photoes/Pixlr.jpg');
/* Set a specific height */
min-height: 20vh;
/* Create the parallax scrolling effect */
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.parallaxOff {
/* The image used */
background-image: url('../Photoes/bkg-blu.jpg');
/* Set a specific height */
min-height: vh;
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.newestmodalshoping {
padding: 50px;
background: #2eccc6;
border-top-left-radius: 10em;
border-bottom-left-radius: 10em;
text-align: justify;
color: white;
margin-top: 2%;
text-align: justify;
}
#ShopHeaderFastCatt {
box-shadow: gray 0px 0px 10px 1px;
}
.ahover {
transition:0.5s ease-in-out;
}
.ahover:hover {
color:#222;
}
.imgOff {
width: 100%;
height: 20em;
padding: 2em;
border-radius: 30px;
cursor:pointer;
}
.btnnew {
border: none;
border-radius: 10em;
margin: 5em 0em 5em 0em;
background: #2eccc6;
color: white;
transition:0.5s cubic-bezier(.77,0,.18,1);
padding: 6px 15px 10px 15px;
}
.inewshop {
background: #1daaa4;
padding: 10px 10px 11px 10px;
border-radius: 10em;
width: 42%;
margin-top: 2px;
}
.btnnew:hover {
background-color: #1daaa4;
color:white;
}
.parallaxShopingnew {
/* The image used */
background-image: url('../Photoes/shopping-cart-grocery-store.jpg');
/* Set a specific height */
min-height:vh;
/* Create the parallax scrolling effect */
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
}
.gradiantform {
background: linear-gradient(#16151580 , #111);
width: 100%;
}
.paddingrightleft0 {
padding-left: 0;
padding-right: 0;
}
.backgraondlightwhite {
}
.backgraondlightblack {
background-color:#222;
}
.paboutus {
text-align: justify;
margin-bottom: 5px;
}
.imgaboutus {
width:100%;
padding:11em 0 9em 0;
border-right-style: outset;
}
.imgaboutus2 {
width: 100%;
border-top: 2px solid black;
border-top-style: outset;
padding-left: 4em;
margin-top: 0em;
margin-right: 16px;
border-right: 1px solid;
border-right-style: outset;
padding-bottom: 4em;
}
.checkbox{
margin-left: 15px !important;
position: relative;
top: 10px;
display: initial;
display: -webkit-inline-box;
}
.paddingrightleft {
padding-right:20px;
padding-left:20px;
}
.dontcopymodal {
background-color: #222;
text-align: center;
font-size: 10px;
color: white;
padding-top: 5px;
}
.footermodal {
padding-top: 20px;
padding-bottom: 88px;
text-align: center;
color: white;
background: #000c;
}
.footershopingmodalcontactus {
padding-top: 30px;
text-align: center;
color: white;
}
.footershopingmodal {
padding-top: 30px;
text-align: right;
color: white;
background: #333d;
}
.pointerfooter:hover {
text-decoration: underline !important;
}
.footerpointer {
cursor:pointer;
transition:1s cubic-bezier(.68,-0.55,.27,1.55);
color:gray !important;
}
.footerpointer:hover {
transform:rotate(360deg);
color:white !important;
}
.myborderstyle {
width: 100%;
border: 1px solid gray;
border-radius: 5px;
}
.btnsubmit {
border: 1px solid #555;
background-color: white;
color: #555;
transition: 1s cubic-bezier(.86,0,.07,1);
box-shadow: rgb(213, 213, 213) 0px 0px 7px 1px;
}
.btnsubmitrqs {
border: 1px solid #555;
background-color: white;
color: #555;
transition: 1s ease-in-out;
}
.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 {
right: 0px;}
.btn.focus, .btn:focus {
box-shadow:none;
}
.flexSpecial img{
height:200px !important;
}
.panel .btn-info{
width: 70%;
margin-bottom: 20px;
}
.itemssearch{
position: absolute;
top: 36px;
right: 0px;
width: 100%;
z-index: 10000;
text-align: right;
color: black;
}
.itemssearch label {
font-size: 11px;
max-width: 130px;
}
.itemssearch .list-group{
width: 100%;
padding: 0;
}
.itemssearch .list-group-item{
padding: 4px;
padding-right: 10px;
width: 100%;
}
.itemssearch a{
color: black;
cursor: pointer;
display: block;
font-size: 12px;
height: 17px;
margin: 2px;
}
.FixedNav{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
z-index: 1000;
padding: 10px;
background-color: #ff8100;
}
.MainSearch{
float: left !important;
}
.attachTypeKharid{
width: 100px;
flex-wrap: wrap;
position: absolute;
left: -1px;
top: -1px;
font-size: 10px;
text-align: center;
border-radius: 4px 0 0 0;}
.attackgreen{
background:green ;
color: gold;
}
.attachTypeTahvil {
width : 100px;
flex-wrap: wrap;
color: gold;
position: absolute;
right: 0px;
bottom: -1px;
font-size: 10px;
text-align: center;}
.attachTypeCode {
width: 60px;
flex-wrap: wrap;
color: gold;
background: #031cfb;
position: absolute;
left: 0px;
bottom: -1px;
font-size: 10px;
text-align: center;}
.attackred{
background: red;
color: gold;
}
.headerbox{
margin-top: 40px;
text-align: center;
margin-bottom: 30px;
color: #fe9b08;
}
.boxfeather{
margin-bottom: 20px;
}
.boxfeather h4{
border-bottom: 1px solid #dddddd;
padding-bottom: 10px;
}
.boxfeather p{
text-align: justify;
}
.panel-default{
border-color: #2133d1;
}
.panel-default>.panel-heading{
color: #fff;
background-color: #031cfb;
border-color: #0517b6;
}
.panel-danger{
border-color: #ff9d39;
}
.panel-danger>.panel-heading{
color: #000000;
background-color: #ff8100;
border-color: #faebcc;
}
.linknavbar{
text-align: center;
display: table;
margin-right: 30px;
}
.linknavbar li{
float: right;
height: 40px;
font-size: 27px;
width: 100px;
background: #031cfb;
border: 1px solid #0517b6;
}
.linknavbar li a {
color: white !important;
width: 100%;
display: block;
margin-top: 10px;
font-size: 14px;
}
.linknavbar li:hover{
color:black;
background: #23fe08;
border: 1px solid #459f01
}
.linknavbar li:hover a {
color:black !important;
}
p > a{
color:#fe9b08 !important;
}
#slideshow {
margin-bottom:100px;
position: relative;
width: 100%;
height: 240px;
padding: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshowMobile{
position: relative;
height: 200px;
padding: 5px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
#slideshow > div ,#slideshowMobile > div {
}
#slideshow > div img ,#slideshowMobile > div img{ width: 100%; height: 100%;}
.flex-direction-nav a {
height: 50px !important;
}
.flex-disabled {
opacity: 0.8 !important;
}
#slideshow .picbox {
width: 100%;
height: 100%;
}
.flexslider{
border:none !important;
background:none !important;
}
.flexslider, .flexslider .slides, .flexslider .slides li, .flexslider .flex-viewport {
height: 100%;
}
.btActive {
height: 40px;
border-top: 1px solid #a4f797;
background: #78d665;
background: -webkit-gradient(linear, left top, left bottom, from(#439c3e), to(#78d665));
background: -webkit-linear-gradient(top, #439c3e, #78d665);
background: -moz-linear-gradient(top, #439c3e, #78d665);
background: -ms-linear-gradient(top, #439c3e, #78d665);
background: -o-linear-gradient(top, #439c3e, #78d665);
padding: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 18px;
text-decoration: none;
vertical-align: middle;
display: inline-block;
text-align: center;
border-width: 2px;
border-style: outset;
border-color: buttonface;
border-image: initial;
width: 80%;
border-radius: 100px;
margin-right: 10%;
margin-left: 10%;
border-image: initial;
margin-bottom: 15px;
}
.btActive:hover{
border-top-color: #50e339;
background: #50e339;
color: #470101;}
.btDeActive{
border-top: 1px solid #db1515;
background: #d4043f;
height:40px;
background: -webkit-gradient(linear, left top, left bottom, from(#f20c2b), to(#d4043f));
background: -webkit-linear-gradient(top, #f20c2b, #d4043f);
background: -moz-linear-gradient(top, #f20c2b, #d4043f);
background: -ms-linear-gradient(top, #f20c2b, #d4043f);
background: -o-linear-gradient(top, #f20c2b, #d4043f);
padding: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 18px;
text-decoration: none;
vertical-align: middle;
display: inline-block;
text-align: center;
border-width: 2px;
border-style: outset;
border-color: buttonface;
width: 80%;
border-radius: 100px;
margin-right: 10%;
margin-left: 10%;
border-image: initial;
margin-bottom:15px;
}
.btDeActive:hover{
border-top-color: #ff1212;
background: #ff1212;
color: #470101;}
.btPublicLink{
border-top: 1px solid #8a6507;
background: #d47d04;
background: -webkit-gradient(linear, left top, left bottom, from(#ccb206), to(#d47d04));
background: -webkit-linear-gradient(top, #ccb206, #d47d04);
background: -moz-linear-gradient(top, #ccb206, #d47d04);
background: -ms-linear-gradient(top, #ccb206, #d47d04);
background: -o-linear-gradient(top, #ccb206, #d47d04);
padding: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 18px;
text-decoration: none;
vertical-align: middle;
display: inline-block;
text-align: center;
border-width: 2px;
border-style: outset;
border-color: buttonface;
border-image: initial;
width: 80%;
border-radius: 100px;
margin-right: 10%;
margin-left: 10%;
margin-bottom:15px;
}
.btPublicLink:hover{
border-top-color: #ffd814;
background: #ffd814;
color: #470101;}
.ListProducts{
max-width:300px;
}
.ListProducts li {
margin-bottom:4px;
}
.ListProducts li:hover {
background-color:green;
}
.ListProducts a {
width: 100%;
display: block;
color:black;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 100%;
border-radius: 5px;
height: 310px;
margin-bottom: 40px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.card .carDMainpic {
border-radius: 5px 5px 0 0;
width: 100%;
height: 200px;
display: block;
}
.container {
padding: 2px 16px;
}
.card .addtobasket {
position: absolute;
top: 5px;
right: 15px;
width: 50px;
cursor: pointer;
left: inherit;
}
.card .moreinfo img, .card .addtobasket img {
width: 100%
}
.card .moreinfo {
position: absolute;
top: 5px;
left: 15px;
width: 50px;
cursor: pointer;
right: inherit;
}
.card .price {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
color: #01388a;
}
.card .cardContainer {
height: 100px;
margin-top: 20px;
margin-bottom: 15px;
}
.card .priceNotOff {
text-decoration: line-through;
font-size: 10px;
color: red;
margin-right: 5px;
}
.card h4 {
font-size: 14px
}
.loadingbox{
position: fixed;
bottom: 30px;
text-align: center;
width: 100%;
z-index: 100000;
display:none;
}
.loadingbox img{
width: 60px;
}
.panel-default{
margin-top:10px;
box-shadow: 0px 0px 5px 1px #031cfb;
}
.panel-danger{
margin-top:10px;
box-shadow: 0px 0px 5px 1px #ff8100;
}
.panel-primary{
margin-top:10px;
box-shadow: 0px 0px 5px 1px #337ab7;
}
.Payam{
margin-bottom: 30px;
border: 1px solid #00000033;
display: block;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 10px;
line-height: 50px;
white-space: nowrap;
box-sizing: border-box;
overflow: hidden;
}
.Payam p{
display: inline-block;
padding-right: 100%;
animation: marquee 15s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(+100%, 0); }
}