body { margin:0; padding:0; font-size:16px; font-family:Trebuchet MS, Arial; }  H1,H2,H3 { color:#35486A; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; }  .GTotal{background-color: #FFFFFF;color: #808080} .BDue{background-color: #35486A;color:white} .TDocTotals{border:1px solid #FFFFFF;}  @keyframes add2Bag { 0% { top:0; transform:scale(1) ;} 20%{ top:6px; transform:scale(1);} 40%{ top:0;transform:scale(1);} 70%{ top:0;transform:scale(1.3);} 100%{transform:scale(1);} } @-webkit-keyframes add2Bag { 0% { top:0; transform:scale(1) ;} 20%{ top:6px; transform:scale(1);} 40%{ top:0;transform:scale(1);} 70%{ top:0;transform:scale(1.3);} 100%{transform:scale(1);} }  #AccountHisto { position:relative; font-size:14px; color: black; width:98%; margin:auto; max-width:600px; } #AccountHisto>div { width:100%; display:flex; align-items:center; justify-content:flex-start; cursor:pointer; } #AccountHisto>div:nth-child(1) { border-bottom:1px solid black; border-top:1px solid black; font-weight:bold; cursor:default; } #AccountHisto>div>div { padding:6px; display:flex; align-items:center; justify-content:center; } #AccountHisto>div>div:nth-child(1) {width:100px;font-size:90%} #AccountHisto>div>div:nth-child(2) {width:100px} #AccountHisto>div>div:nth-child(3) {width:100px} #AccountHisto>div>div:nth-child(4) {width:80%} .QuickView > div:nth-child(1) { background: #35486A; color: #FFFFFF; }  #CartPanel { position:fixed; z-index:999; right:-440px; max-width:400px; width:100%; top:50px; bottom:0; background-color:white; transition:all 0.3s; box-shadow:-4px 0 4px rgba(0,0,0,0.25); } #CartPanel>div:nth-child(1) { position:absolute; width:97%; top:0; left:0; right:0; bottom:0; display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow-y:auto; color:black; font-size:16px; margin:auto; } #CartPanel>div:nth-child(2) { position:absolute; left:-20px; top:0; font-family:arial; font-size:22px; color:gray; cursor:pointer; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:20px; background-color:white; box-shadow:-4px 0 4px rgba(0,0,0,0.25); transition:all 0.3s; } #CartPanel>div:nth-child(2):hover{transform:scale(1.1);box-shadow:-8px 0 8px rgba(0,0,0,0.25);color:black}  #LoginPanel { position:fixed; z-index:1001; right:-400px; width:300px; top:50px; bottom:0; background-color:white; transition:all 0.3s; box-shadow:-4px 0 4px rgba(0,0,0,0.25); } #LoginPanel>div:nth-child(1) { position:absolute; width:300px; top:0; left:0; right:0; bottom:0; display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow-y:auto; color:black; font-size:16px; } #LoginPanel>div:nth-child(2) { position:absolute; left:-20px; top:0; font-family:arial; font-size:22px; color:gray; cursor:pointer; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:20px; background-color:white; box-shadow:-4px 0 4px rgba(0,0,0,0.25); transition:all 0.3s; } #LoginPanel>div:nth-child(2):hover{transform:scale(1.1);box-shadow:-8px 0 8px rgba(0,0,0,0.25);color:black}  #WishListPanel { position:fixed; z-index:1001; right:-400px; width:180px; top:50px; bottom:0; background-color:white; transition:all 0.3s; box-shadow:-4px 0 4px rgba(0,0,0,0.25); } #WishListPanel>div:nth-child(1) { position:absolute; width:180px; top:0; left:0; right:0; bottom:0; display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; overflow-y:auto; color:black; font-size:16px; } #WishListPanel>div:nth-child(2) { position:absolute; left:-20px; top:0; font-family:arial; font-size:22px; color:gray; cursor:pointer; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:20px; background-color:white; box-shadow:-4px 0 4px rgba(0,0,0,0.25); transition:all 0.3s; } #WishListPanel>div:nth-child(2):hover{transform:scale(1.1);box-shadow:-8px 0 8px rgba(0,0,0,0.25);color:black} #WishListPanel>div>a { position:relative; margin:20px auto; width:130px; color:black; text-align:center; } #WishListPanel>div>a:visited{color:initial} #WishListPanel>div>a>img { width:120px; height:auto; border-radius:6px } .wishIco { position:absolute; right:8px; top:8px; width:24px; z-index:10; height:auto; cursor:pointer; transition:all 0.3s; } .wishIco:hover{transform:scale(1.2)}  .Product { position: relative; width:97%; box-sizing: border-box; margin: auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .Product>div:nth-child(2) { position:relative; width:500px; margin-left:30px; box-sizing: border-box; } #ProductReco{width:100%} #ProductReco>div:nth-child(1) { color:#35486A; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 24px; text-align: center; position: relative; width:100%; font-style: italic; margin:18px 0; } .ProductSpecs { width:100%; margin:10px 0; border-radius: 5px; overflow: hidden; font-size: 14px; } .ProdSectionTitle { opacity:0.6; font-size:18px; padding-left:0; font-weight:bold; font-style:italic; background-color:white; } .ProductSpecs>div { display:flex; align-items: stretch; justify-content: flex-start; width:100%; border:1px solid #e4e4e4; box-sizing: border-box; } .ProductSpecs>div>div:nth-child(1) { min-width:120px; width:30%; flex-shrink: 0; padding:7px; font-style: italic; font-weight: bold; opacity:0.7; } .ProductSpecs>div:nth-child(odd)>div:nth-child(1) { background-color: #e4e4e4; } .ProductSpecs>div:nth-child(even)>div:nth-child(1) { background-color: #f1f1f1; } .ProductSpecs>div>div:nth-child(2) { width:95%; padding:7px; } #ProductFitting { position: relative; width:100%; display: none; margin-top:30px; margin-bottom:40px; align-items: center; justify-content: flex-start; } #ProductFitting>span { margin-left:20px; font-size:14px; cursor:pointer; } #ProductFitting>div { position: relative; margin-left:27px; width:180px; height:4px; display: flex; align-items: center; justify-content: space-between; background-color:silver; background:linear-gradient(to right,white,#eeeeee,#eeeeee,#eeeeee,white); border-radius:10px; font-size:12px; text-align:center; } #ProductFitting>div>span:nth-child(1){position: relative;top:15px;} #ProductFitting>div>span:nth-child(2){position: relative;top:-15px;} #ProductFitting>div>span:nth-child(3){position: relative;top:15px;} #ProductFitting>div>div { position:absolute; width:8px; height:8px; border-radius:3px; margin-left:20px; background-color:#AAAAAA; transform:rotate(45deg); border:4px solid white; } #ProductSizes,#ProductColors { position: relative; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; width:100%; display: none; align-items: baseline; justify-content: flex-start; margin:15px auto; } #ProductSizes span { position:relative; margin:10px; cursor: pointer; } #ProductColors { align-items: center; } #ProductSizes>div, #ProductColors>div { margin-left:10px; width:95%; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; } #ProductSizes>div>div { position: relative; font-size: 16px; color:black; cursor: pointer; min-width: 20px; padding:5px 10px; text-align: center; margin:5px; border:1px solid #282929; border-radius: 10px; } #ProductSizes>div>div>img { position:absolute; bottom: -8px; right:-9px; width:18px; height:auto; opacity:0; } #ProductSizes>div>div.sizeSelected { cursor: default; border: 2px solid green; } #ProductSizes>div>div.sizeSelected>img { opacity:1; } #ProductSizes>div>div.sizeDisabled { opacity:0.4; border:1px solid silver; cursor: default; } #ProductColors>div>div>img { position:absolute; bottom: -6px; right:-6px; width:18px; height:auto; opacity:0; } #ProductColors>div>div { position: relative; cursor: pointer; width: 30px; height:30px; margin:5px; border:2px solid white; box-shadow: 0 0 8px silver; display:flex; align-items: center; justify-content: center; font-size: 40px; font-family: Arial; border-radius: 50%; } #ProductColors>div>div.colorSelected { cursor: default; } #ProductColors>div>div.colorSelected>img { opacity:1; } #ProductColors>div>div.colorDisabled { cursor: default; overflow: hidden; box-shadow: none; transform: scale(0.8); border:4px solid silver; } #ProductColors>div>div.colorDisabled::after { content:"/"; font-weight: bold; position: relative; transform: rotate(25deg); color:silver; opacity: 0.8; } #ProductStock { position:relative; margin:15px auto; display: flex; font-size: 16px; font-style: italic; font-weight: bold; align-items: center; color:gray; justify-content: flex-start; } #ProductStock img { height:18px; width:auto; margin-left:5px; } .ProductName { color:#35486A; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 24px; text-align:center; width:100%; margin: 3px; } .ProductSKU{ color:#35486A; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; width:100%; opacity: 0.5; text-align:center; } .ProductPurchase { position: relative; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:10px 0; } #ProductPricePerQty { position:relative; display:none; width:100%; align-items: flex-start; justify-content: center; font-size: 14px; margin:20px 0; } #ProductPricePerQty>div { position:relative; width:25%; border:1px solid #e4e4e4; box-sizing: border-box; } #ProductPricePerQty>div>div { width:100%; padding:5px; display:flex; align-items: center; justify-content: center; box-sizing: border-box; } #ProductPricePerQty>div>div:nth-child(1),#ProductPricePerQty>div:nth-child(1)>div { background-color: #f6f6f6; font-weight: bold; } #ProductPrice>div { position: relative; font-family: #TEXT_FONT_SIZE; box-sizing: border-box; display:flex; justify-content: flex-start; align-items: center; font-size: 36px; margin-right: 15px; font-weight: bold; font-style: italic; } .Discounted { color:#EE0040; } #ProductPrice>div:nth-child(2) { opacity:0.5; font-size: 18px; margin-left:20px; } #ProductPrice>div:nth-child(2)::before { content:"was"; font-size: 80%; margin-right:5px; } #ProductPrice >div>div{font-size: 50%;opacity:0.7;margin-bottom:8px;margin-left:2px} .ProductAdd2WishList { position: relative; font-family: #TEXT_FONT_NAME; width:125px; display:flex; justify-content: center; align-items: center; font-size: 14px; margin-left:20px; cursor:pointer; } .ProductAdd2WishList>img {position:relative;width:26px; height:auto;margin-right:5px;} .ProductPurchase .myButton{height:40px;margin-left:10px} .ProductDetail{ color:#TEXT_FONT_COLOR; width:100%; font-family: #TEXT_FONT_NAME; font-size: #TEXT_FONT_SIZE; text-align:justify; margin:10px 0; }  .ProductPhotos { position:relative; margin:0; margin-bottom:30px; padding:0; display:flex; align-items: flex-start; box-sizing: border-box; } .ProductPhotos >div:nth-child(1) {position:relative;width:95%;overflow:hidden;} #MainPhoto {background-color:#F0F0F1;position:relative;left:0;display:flex;align-items:flex-start;justify-content: flex-start;transition:all 0.2s;cursor: zoom-in;} #MainPhoto>div {display:flex;align-items:flex-start;justify-content:center;flex-shrink: 0;} #MainPhoto img{height:auto;width:100%;opacity:0;transition: opacity 0.5s;box-sizing:border-box} .ProductPhotos >div:nth-child(2) { position:relative; width:66px; flex-shrink: 0; margin-left:2px; opacity:0; transition:all 0.3s; } .ProductPhotos >div:nth-child(2) img {cursor:pointer;transition:opacity 0.3s;width:60px;display: block;height: auto;margin:auto;;margin-bottom:2px} .ProductPhotos >div:nth-child(2) img:hover {opacity: 0.7;} .ProductPhotos >div:nth-child(3) { position:absolute; color:black; opacity:0.4; width:85%; bottom:-27px; font-size:16px; margin:auto; display:flex; align-items:center; justify-content:center; } .ProductPhotos >div:nth-child(3)>img { height:20px; width:auto; }  .ZoomPhoto{ position:fixed; display:none; top:0; bottom:0; left:0; right:0; background-color: rgba(0, 0, 0, 0.8); z-index:10000; transition:all 0.3s; overflow:auto; } .ZoomPhoto>img{position:absolute;top:0;box-shadow: 0 0 100px black} .ZoomHelp{transition:all 0.3s;opacity:0;position:fixed;left:0;right:0;bottom:50px;padding:15px;width:150px;text-align:center;height:50px;margin:auto;border-radius: 20px;display:flex;align-items:center;justify-content:center;font-size:20px;color:white;background-color: rgba(0, 0, 0, 0.6);text-shadow: 0 0 8px black} .VPClose { position:absolute; width:40px; height:40px; border-radius: 50%; display:flex; background-color: black; border:3px solid white; font-size:25px; align-items: center; justify-content: center; font-weight: bold; top:5px; right:5px; color:white; cursor: pointer; z-index:502; transition:transform 0.3s; } .VPClose:hover{transform:scale(1.2)} .WLoading{ position:fixed; left:0; top:50px; right:0; bottom:0; z-index:100; background-color:rgba(255,255, 255, 0.5); display:none; } .WLoading>div:nth-child(1){ position:absolute; left:0; top:0; right:0; bottom:0; width:80px; height:80px; padding:0; background-color:rgba(255, 255, 255, 0.9); border-radius:50%; box-shadow:0 0 10px rgba(0, 0, 0, 0.7); margin:auto; } .WLoading>div:nth-child(2){ position:absolute; left:0; right:0; bottom:25%; width:80px; height:40px; padding:0; margin:auto; display:none; } .WLoading>div:nth-child(1)>div { position:absolute; display:flex; align-items: center; justify-content: center; left:5px; top:5px; box-sizing: border-box; margin:0; padding:0; width:70px; height:70px; font-size: 13px; font-style: italic; color:#094b81; } .WLoading>div:nth-child(1)>div:nth-child(1) { border-radius: 50%; border-top: 4px solid #7fc3fc;  border-left: 4px solid #0084d0; border-bottom: 4px solid #7fc3fc; border-right: 4px solid #7fc3fc; -webkit-animation:spin 1s linear infinite; animation:spin 1s linear infinite; } a {text-decoration:none;} a:hover{ text-decoration:none;} .myButton { display:flex; align-items:center; justify-content:center; padding:10px; border-radius:30px; color:white; font-size:110%; text-align:center; min-width:160px; max-width:300px; background-color: #35486A; margin:10px; cursor:pointer; } .myButtonIconColor { fill:white; } #MSGBOX_BPOK .TButton { background: #35486A; background-color: #35486A; } .myButton>svg {position:relative;top:-2px;width:22px; height:auto;margin-right:5px;opacity:0.9} .myButton.BPRIGHT { margin-left:auto; } .myButton.BPCENTER,.myButton.BPJUSTIFY { margin-left:auto; margin-right:auto; } #MobileMenu { position: fixed; right:-350px; width:300px; top:50px; z-index:1000; box-shadow: -4px 0 8px black; background-color: white; display:none; bottom:0; transition: all 0.3s; } #MobileMenu>div:nth-child(2) { overflow-y: scroll; position: absolute; top:0; left:0; right:0; bottom:0; } #MobileMenu a { position: relative; width:100%; padding:15px; display:block; color: black; font-size: 20px; box-sizing: border-box; } #MobileMenu a { border-bottom: 1px solid rgb(233, 230, 233); } #MobileMenu a:last-child {border: none;} #MobileMenu>div:nth-child(2)>div, #MobileMenu>div:nth-child(2) .TAccordion { position: relative; width:100%; padding:8px 0px 8px 15px; display:block; border-bottom: 1px solid rgb(233, 230, 233); font-size: 20px; box-sizing: border-box; } #MobileMenu .TAccordion {border: none;} .MobileAcordion>div:nth-child(1) { color: black; left:-10px; font-size: 20px; } #MobileMenu>div:nth-child(1) { position:absolute; left:-40px; top:10px; height:40px; width:40px; box-sizing: border-box; background-color: white; box-shadow: -4px 0 4px rgba(0, 0, 0, 0.747); border-radius: 20px 0 0 20px; padding-right:5px; display:flex; align-items: center; justify-content: center; cursor:pointer; } #MobileMenu>div:nth-child(1)>div { position: relative; width:15px; height:15px; border-top: 4px solid gray; border-right: 4px solid gray; transform: rotate(45deg); border-radius: 0 6px 0 0; } .WmobMyAccount { position: relative; width:100%; padding:15px; color:white; font-size: 20px; box-sizing: border-box; background-color: #35486A; display:flex; align-items: center; } .WmobMyAccount>svg { position: relative; width:24px; height:24px; margin-right:10px; } .WHeader { position:fixed; width:100%; top:0; z-index: 10000; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } #Announcement { position:relative; width:100%; box-sizing:border-box; padding:3px; display:none; background-color: #FFFFFF; } #Primary_Header { position:relative; width:100%; height:80px; background-color: #FFFFFF; } .TPopupBG{z-index:1000;} .TPopupHeader { background-color: #1F2329; background: linear-gradient( #6D8EB4,#343F52, #242930,#242930,black); } #Primary_Header>div { position:relative; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding:0 10px ; max-width: 1280px; height: 100%; margin:auto; right: 0; left:0; } #Primary_Header>div>div { position: relative; display:flex; align-items: center; justify-content:flex-start; width:33%; } #Primary_Header>div>div:nth-child(2) { justify-content:center; } #Primary_Header>div>div:nth-child(3) { justify-content:flex-end; } #Primary_Header>div>div:nth-child(2) img { height:60px; width:auto; } .WHeaderIcon { position: relative; margin:10px; width:24px; height:24px; cursor: pointer; } .WHeaderIcon>svg{width:100%;height:auto;transition: all 0.3s;opacity: 0.7;} .WHeaderIcon:hover>svg { transform: scale(1.25); opacity: 1; } .WHeaderIcon>div { position:absolute; left:95%; top:-20%; color:#808080; text-align: center; font-size: 12px; }  #Secondary_Header { position:relative; width:100%; background-color: #35486A; } #MenuDesktop { position:relative; width:100%; max-width: 1280px; margin:auto; right: 0; left:0; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;  } #MenuDesktop>a:visited{color:#FFFFFF} #MenuDesktop>a,#MenuDesktop>div { color:#FFFFFF; position:relative; padding:8px 15px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; transition: all 0.3s; cursor: pointer; text-decoration: none; } .subMenu { position:fixed; top:100px; background-color: rgba(255, 255, 255, 0.95); padding:8px; display: none; font-family: Arial, Helvetica, sans-serif; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4), inset 0 3px 4px rgba(0, 0, 0, 0.4); border-radius: 0 0 20px 20px; } .subMenu>div { position:relative; margin:auto; display:flex; align-items: flex-start; justify-content: flex-start; } .subMenu>div>div  { position: relative; width:150px; margin:10px; } .subMenu b{font-size: 110%;display:block} .subMenu a { position:relative; color:black; width:100%; margin:10px 4px; font-size: 16px; display:block; text-decoration: none; transition: all 0.3s; cursor: pointer; transform-origin: left; } .subMenu a:hover { transform: scale(1.05); } .subMenu a:visited {color: black;}  .subMenuC { position:absolute; top:0; background-color: rgba(255, 255, 255, 0.95); min-width: 120px; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; font-size:14px; z-index:10; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.249); display:none; font-weight:normal; border-radius: 0 0 10px 10px; } .subMenuC>div,.subMenuC>a { padding:10px; margin:0; display:block; position:relative; color:black; } .subMenuC>div:last-child,.subMenuC>a:last-child{border-radius:0 0 10px 10px;} .subMenuC .subMenuC>div:first-child,.subMenuC .subMenuC>a:first-child{border-radius:0 10px 0 0;} .subMenuC>div:hover,.subMenuC>a:hover{background-color:#35486A;color:#FFFFFF} .subMenuC .subMenuC {border-radius:0 10px 10px 10px;}  .iconColor {fill:#808080} .iconColor2 {fill:white} .SocialIcon { fill:#505B5E; width:20px; height:auto; margin:10px 5px; } #MenuIco{display:none;} #PageContent { position:relative; width:100%; max-width: 1280px; margin:auto; } .PicturesGallery { position:relative; width:100%; display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; margin:0; padding:0; } .PicturesGallery>a, .PicturesGallery>div { width:30%; margin:20px auto; transition: all 0.3s; } .PicturesGallery>a { cursor:pointer; } .PicturesGallery>a:hover { transform:scale(1.15); } .PicturesGallery img { width:100%; height:auto; border-radius:20px; } .ProductShowcase { position:relative; width:100%; display: flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; cursor:pointer; margin:20px auto; } .ProductShowcase>a { postion:relative; display:flex; width:150px; margin:20px auto; } .ProductShowcase>a>div { position:relative; text-align:center; width:100%; font-family:arial; font-size:16px; } .ProductShowcase img { width:100%; height:auto; } .TextOnly { width:100%; box-sizing:border-box; position:relative; display:flex; margin:auto; align-items:flex-start; justify-content:center; padding:0; overflow-x: hidden; } .TextOnly>img { position:relative; width:100%; height: auto; margin:auto; } .TextOnly>div { position:relative; box-sizing:border-box; top:0px; left:0px; z-index:2; display:flex; width:98%; padding:5px; max-width:1024px; height:100%; box-sizing:border-box; } .TxtAlignCENTER {text-align:center} .TxtAlignLEFT {text-align:left} .TxtAlignRIGHT {text-align:right} .TxtAlignJUSTIFY {text-align:justify} .PictureText { position:relative; width:100%; display:flex; align-items:flex-start; justify-content:space-around; flex-wrap:wrap; box-sizing:border-box; padding:10px; } .PictureText>div { position:relative; width:55%; } .PictureText>img { position:relative; width:40%; height:auto; margin:15px; border-radius:5px; } .VideoYoutube_CENTER, .VideoYoutube_LEFT, .VideoYoutube_RIGHT { position: relative; display:flex; position:relative; flex-wrap:wrap; align-items:flex-start; justify-content:space-around; margin: 25px auto; } .VideoYoutube_RIGHT { flex-direction: row-reverse; } .VideoYoutube_CENTER>div:nth-child(1), .VideoYoutube_LEFT>div:nth-child(1), .VideoYoutube_RIGHT>div:nth-child(1) { position: relative; margin: auto; border-radius:20px; overflow:hidden; } .VideoYoutube_CENTER>div:nth-child(1){padding-bottom: 39.375%; } .VideoYoutube_LEFT>div:nth-child(1), .VideoYoutube_RIGHT>div:nth-child(1){padding-bottom: 25.875%; } .VideoYoutube_CENTER>div:nth-child(2), .VideoYoutube_LEFT>div:nth-child(2), .VideoYoutube_RIGHT>div:nth-child(2) { box-sizing:border-box; padding:8px; } .VideoYoutube_CENTER>div:nth-child(1){width:70%;} .VideoYoutube_CENTER>div:nth-child(2) {width:70%;margin-top:15px;} .VideoYoutube_LEFT>div, .VideoYoutube_RIGHT>div{width:46%;margin:auto} .VideoYoutube_CENTER iframe, .VideoYoutube_LEFT iframe, .VideoYoutube_RIGHT iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .SlideShow { position: relative; display:flex; align-items:flex-start; justify-content:flex-start; overflow-x:hidden; width:100%; margin:0; padding:0; } .SlideShow>div { position: relative; display:flex; align-items:center; justify-content:flex-start; margin:0; padding:0; flex-shrink:0; left:0; transition:all 0.3s; } .SlideShow a { position: relative; display:flex; align-items:center; justify-content:flex-start; width:100%; overflow:hidden; margin:0; padding:0; } .SlideShow img { position:relative; width:100%; top:0; left:0; height: auto; margin:0; padding:0; } .contactForm { position:relative; width:100%; box-sizing:border-box; padding:15px; } .contactForm { width:100%; max-width:500px; margin:auto; } #searchMobile{display:none} .WFooter { position: relative; width: 100%; background-color: #E0E6E8; color: #505B5E; font-size: 16px; font-family: Arial, Helvetica, sans-serif; } .WFooter>div { position:relative; width:100%; max-width: 1280px; margin:auto; right: 0; left:0; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 5px ; } .WFooter>div>div { position: relative; width:22%; margin:5px 10px; margin-bottom: 20px; } .WFooter>div>div>*:first-child { font-size: 125%; } .WFooter a,.Footer a:visited { text-decoration: none;  display:block; color:#505B5E; transform-origin: left; transition: all 0.3s; cursor: pointer; margin:8px 0; } .WFooter a:hover {text-decoration: underline;} .newsLetter { position:relative; width:100%; font-size: 16px; margin-top:5px; } .newsLetter>div { position:relative; width:100%; box-sizing: border-box; height: 30px; border-radius: 5px 15px 15px 5px; overflow: hidden; border:1px solid rgba(133, 134, 134, 0.7); background-color: white; display: flex; align-items: center; justify-content: space-between; } .newsLetter>div>div:nth-child(1) { position:relative; width:95%; height:25px; margin:0 5px; } .newsLetter>div input { border:none; height:25px; font-size: 14px; width:100%; font-style: italic; } .newsLetter>div input:focus { -webkit-appearance: none; -moz-appearance: none; outline: none; } .newsLetter>div>div:nth-child(2) { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width:70px; font-size:14px; height:100%; color:white; background-color: black; cursor: pointer; z-index:10; } .WSearch { position: fixed; background-color: #FFFFFF; width:100%; padding:8px; box-sizing: border-box; margin: auto; left:0; right:0; max-width: 800px; z-index: 100; opacity:0; top:0px; border-radius: 0 0 20px 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6); transition: all 0.3s; } .WSearch>div { position:relative; width:100%; margin:auto; box-sizing: border-box; height: 30px; border-radius: 15px; overflow: hidden; border:1px solid rgba(136, 136, 136, 0.7); background-color: white; display: flex; align-items: center; justify-content: space-between; } .WSearch>div>input { border:none; width:95%; height:25px; font-size: 16px; margin:0 10px; font-style: italic; } .WSearch>div>input:focus { -webkit-appearance: none; -moz-appearance: none; outline: none; } .WSearch>div>div { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width:40px; height:100%; background-color: #35486A; cursor: pointer; } .WSearch>div>div:hover>svg { transform:scale(1.2); } .WSearch>div>div>svg { height:70%; width:auto; transition: all 0.3s; }  .galleryPrice { position:relative; display:flex; align-items:center; justify-content:center; } .galleryPrice>div { position: relative; display:flex; flex-direction: row; justify-content: center; font-weight:bold; align-items: center; font-size: 24px; font-style: italic; } .galleryPrice>div:nth-child(2){transform:scale(0.7);opacity:0.5} .galleryPrice>div:nth-child(2)::before { content:"was"; font-size: 80%; margin-right:5px; } .galleryPrice>div>div{font-size: 50%;opacity:0.7;margin-bottom:8px;margin-left:2px} .headerGallery { position:relative; width:100%; box-sizing:border-box; padding:10px; text-align:center; color:#TEXT_FONT_COLOR; font-size: #TEXT_FONT_SIZE; font-family: #TEXT_FONT_NAME; } .headerGallery>h2 { margin:auto; text-align:center; color:#35486A; font-size: 24px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; } .productsGallery { position:relative; width:97%; box-sizing: border-box; flex-wrap: wrap; margin:auto; display:flex; justify-content: space-around; align-items: center; transition: all 0.3s; opacity:0; } .productsGallery>div { position:relative; width:18%; height: auto; max-width:300px; margin:5px; margin-bottom:30px; box-sizing: border-box; display:flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; background-color: white; border-radius: 10px; }  .productsGallery>div>div { position: absolute; display:none; background-color: #EE0040; text-align: center; color: white; border-radius: 50px; padding: 10px; top: -15px; font-weight: bold; left: -10px; width: 35px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); } .productsGallery>div>a>div>div:nth-child(1) { font-weight:bold; color:#EE0040; font-style:italic; padding:5px; display:none; } .productsGallery>div>a>div { position:relative; box-sizing: border-box; text-align: center; width:100%; height:80px; font-size: 14px; padding:5px; } .productsGallery>div>a{width:100%;text-align:center;color:inherit} .productsGallery>div>a:visited{color:initial} .productsGallery>div>a>img{width:100%;height:auto;border-radius: 10px;} .back2TopGallery { display:none; position: fixed; cursor: pointer; right:10px; bottom:15px; justify-content: center; align-items: center; flex-wrap: wrap; width:60px; height:60px; border-radius: 50%; background-color: #9da2a7; color: white; opacity:0.9; z-index: 1000; overflow: hidden; box-shadow: 0 0 15px silver; border:2px solid white; text-align: center; } @media screen and (max-width:1024px) { .productsGallery>div{width:23%} } @media screen and (max-width:768px) { .Product>div:nth-child(2){width:100%;margin:5px} .productsGallery>div{width:31%} #MenuDesktop>a { font-size: 16px; padding:12px; } .WFooter>div>div{width:30%} .VideoYoutube_CENTER>div,.VideoYoutube_LEFT>div,.VideoYoutube_RIGHT>div { width:100%; } .VideoYoutube_CENTER>div:nth-child(1), .VideoYoutube_LEFT>div:nth-child(1), .VideoYoutube_RIGHT>div:nth-child(1) { border-radius:0; padding-bottom: 56.25%; } .VideoYoutube_RIGHT{flex-direction:row;} } @media screen and (max-width:700px) { .ProductPurchase .myButton{margin:0;margin-bottom: 10px;} .ProductPhotos >div:nth-child(2) img {width:40px;} .productsGallery>div{width:45%} .ProductPhotos >div:nth-child(2) {width:44px;} .PictureText>img,.PictureText>div {width:95%} .PicturesGallery>div { width:45%; box-sizing:border-box; } .TextOnly>img { position:relative; height:100%; width: auto; max-height:360px; margin:auto; } .WFooter>div>div{width:100%} #myAccountIcon{display:none} #searchDesktop{display:none} #searchMobile{display:block} .SlideShow img { height:auto; width: 130%; left:-15%; } #Secondary_Header {display: none;} #Primary_Header { height: 50px; padding:0; } #Primary_Header>div>div:nth-child(2) img { height:36px; width:auto; } .WHeaderIcon { width:20px; height: 20px; margin:7px; } #MenuIco{display:block;} #MobileMenu{display:block;} } @media screen and (max-width:480px) { #CartPanel>div:nth-child(2) { left:auto; top:2px; right:2px; box-shadow:0 0 6px rgba(0,0,0,0.25); } }