/* CSS Document written by Pramod Kumar (Sr. Associate UI) */ @import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700); @import url(fonts.css); @import url(colorbox.css); @import url(bootstrap.css); @import url(bootflex.css); body.loginBg{background:#2c2d34 url(../images/login-bg.jpg) no-repeat center top; background-size:100%; position:relative; overflow:hidden;} img.fullBG {height:100%; width:100%; position:fixed; z-index:-1; left:0; top:0;} .loadingScreen {position:fixed; width:100%; height:100%; background-color:#000000; z-index:999999; color:#FFFFFF;} .loadingScreen span {position:absolute; top:50%; left:45%; width:100px; text-align:center;} .loginBox {width:330px; height:390px; margin:100px auto 0;} .loginBox .loginForm {width:100%; float:left; margin-top:40px; position:relative;} .loginBox .loginForm .loginOption {width:100%; float:left; margin:0; position:relative;} .loginBox .loginForm .loginOption label {display: inline-block; margin:0 15px 10px 0; cursor:pointer;} .loginBox .loginForm .loginOption input[type="radio"]{float:left; margin-right: 10px;} .loginBox .loginForm input[type="text"], .loginBox .loginForm input[type="password"] {border:none; background-color:#112722; padding:10px 15px; border-radius:0; width:130px; text-transform:none; font-size:11px; text-transform:uppercase;} .loginBox .loginForm input[type="submit"], .loginBox .loginForm input[type="button"] {background-color:#112722; border-radius:0; color:#FFFFFF; font-size:20px; border:none; height:46px; width:330px; letter-spacing:2px;} .loginBox .loginForm input[placeholder] {color:#FFFFFF; color:#407165; letter-spacing:0.5px;} .loginBox .loginForm .error {text-align:center; position:absolute; top:-20px; width:100%; color:#FFCC33; font-weight:lighter;} .loginBox .loginForm label {display:inline-block; margin:0; padding:0; font-size:11px; text-transform:uppercase; color:#FFFFFF; margin-top:20px; letter-spacing:1px;} .loginBox .loginForm label input[type="checkbox"] {vertical-align:top; margin-right:10px;} /*Header CSS Starts Here*/ #header {width:100%; float:left; margin:0; padding:15px 0 0; position:relative; z-index:999;} #header .mainLogo {height: 120px; left: 50%; margin-left:-80px ; position: absolute; text-align: center; top: 60px; width: 160px; z-index: 7;} #header .mainLogo img{max-width: 100%;} #header .mainLogo a {display:inline-block;} .homeLogo {position:absolute; width:100%; top:55px;} #header.indexPage [class*="span"] {width:100%; margin:0px 0px;} #header.indexPage [class*="span"]:first-child {display:none;} #header.indexPage #mainNavigation {position:relative; z-index:7; display:none;} #header.indexPage #mainNavigation ul {list-style:none; margin:0px 0px; padding:0px 0px; width:100%; text-align:center;} #header.indexPage #mainNavigation ul li {width:auto; float:none; margin:15px 10px; display:inline-block;} #header.indexPage #mainNavigation ul li a {font-size:16px; font-weight:bold; color:#d3b34c; padding:6px 12px; border-radius:6px 6px; border:1px solid transparent;} #header.indexPage #mainNavigation ul li a:hover {color:#FFFFFF; background-color:rgba(0,0,0,0.5); border-color:#000000;} /*Header CSS Ends Here*/ /*Main Navigation CSS Starts Here*/ #mainNavigation{width:100%; float:left; margin:0px 0px; padding:0px 0px; background:#0d2520; height:32px; position:fixed; top:0; z-index:10; box-shadow:0 4px 10px -8px #000;} #mainNavigation .container > ul{list-style:none; margin:0px 0px; padding:0px 0px; text-align:center;} #mainNavigation .container > ul > li{margin:0 10px; display:inline-block; vertical-align:top;} #mainNavigation .container > ul > li:first-child{margin-left:0px;} #mainNavigation .container > ul > li > a{display:block; font-size:12px; text-transform:uppercase; text-decoration:none; line-height:32px; color:#ffffff;} #mainNavigation .container > ul > li.homeNav a{width:40px; height:32px; background-image:url(../images/home-nav.png); background-repeat:no-repeat; background-position:top;} #mainNavigation .container > ul > li.homeNav.active a, #mainNavigation .container > ul > li.homeNav:hover a{background-position:bottom;} #mainNavigation .container > ul > li.loggedUser{position:relative; padding-right:3px; max-width:130px;} #mainNavigation .container > ul > li.loggedUser > a{font-size:14px; display:block; overflow:hidden; vertical-align:top;} #mainNavigation .container > ul > li.loggedUser > a:before{content:"\25BC"; padding-left:0px;} #mainNavigation .container > ul > li.loggedUser:hover .loggedInfo{display:block;} #mainNavigation .container > ul > li.active > a, #mainNavigation .container > ul > li:hover > a{color:#1a7d67;} .loggedInfo {position:absolute; top:32px; left:0; display:none; z-index:9999;} .loggedInfo:before {content:"\25B2"; color:#FFFFFF; top:-11px; left:7px; position:absolute;} .loggedInfo > ul {list-style:none; margin:0; padding:3px 0 6px; background-color:#ffffff; overflow:hidden;} .loggedInfo > ul > li {width:100%; float:left; white-space:nowrap;} .loggedInfo > ul > li a {display:block; text-align:left; padding:0 10px; text-decoration:none; color:#000000; font-size:12px; line-height:18px; font-family:"Myriad Pro";} .loggedInfo > ul > li a:hover {color:#03a985;} .loggedInfo > ul > li a i {vertical-align:top; margin-top:3px;} /*Main Navigation CSS Ends Here*/ /*Sub Navigation CSS Starts Here*/ #subNavigation{width:100%; float:left; margin:0px 0px 35px; padding:0px 0px;} #subNavigation ul{list-style:none; margin:0px 0px; padding:0px 0px;} #subNavigation ul li{float:left; margin:0px 0px 0px 35px; padding:0px 0px;} #subNavigation ul li:first-child{margin-left:0px;} #subNavigation ul li a{display:block; font-size:14px; text-transform:uppercase; text-decoration:none; line-height:18px;} #subNavigation ul li.active a{color:#d3b34c; text-decoration:underline;} /*Sub Navigation CSS Ends Here*/ /*Home Video CSS Starts Here*/ #homeVideoContainer{width:100%; height:100%; float:left; margin:0px 0px; padding:0px 0px; position:fixed; top:0px; z-index:1; background-color:#000000;} #homeVideoContainer video{width:100%; min-height:100%; position:relative; z-index:0;} #homeVideoContainer p{font-size:36px; margin-bottom:50px; font-family:Georgia, "Times New Roman", Times, serif;} /*Home Video CSS Ends Here*/ /*Map CSS Starts Here*/ .mapWrapper {margin:150px auto 0; position:relative; color:#000; overflow:hidden; width:1170px;} .mapWrapper svg{vertical-align:top; margin-top:0; margin-left:0px} #map {float:left;clear:both;} .mapWrapper .map{stroke-width:0.9; stroke:#ffffff; fill:#103f37; position: relative;} .mapWrapper .map.inActive{stroke-width:0.5; stroke:#ffffff; fill:transparent;} .pathStyle{fill:rgba(22,80,74,0.4); stroke:#FFFFFF; stroke-width:0.25;} .pathStyleDisable{fill:rgba(22,80,74,0.5); stroke:#16504A; stroke-width:0;} .point {position:fixed; display:none; padding:10px 15px; background:#f2f2f2; font-size:14px; font-weight:bold; border:1px solid #262626; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px 4px 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;} #text {float:left; width:500px; height: 380px; overflow: auto; position:relative; z-index:11;} .retailerInfo {float:left; width:870px; height: 320px; overflow: auto; background-color:#000000; color:#FFFFFF; position:absolute; z-index:10; top:12%; padding:15px;} .mapWrapper img {float: left; width:100%; height:auto;} #stateMapList, .cityList{list-style:none; margin:0; /*background-color:#000000;*/ width:100%; float:left;} #stateMapList > li, .cityList > li{width:100%; float:left; margin:0; padding:0;} #stateMapList .title, .cityList .title{font-size:18px; border-bottom:1px dotted #dfdfdf; color:#FFFFFF; line-height:30px; margin-bottom:15px; height:30px; letter-spacing:3px;} #stateMapList .title span, .cityList .title span{display:block;} #stateMapList .title span:before, .cityList .title span:before{display:none;} #stateMapList .moreDetail{color:#ffffff;} #stateMapList .moreDetail:hover{color:#1a7d67;} .cityList > li{display:none;} .cityList > li:first-child{display:block;} .venderList{margin:0 0 0 5px; list-style:none;} .venderList li{margin-bottom:5px;} .venderList li a{text-transform:uppercase; color:#929292; text-decoration:none; font-weight:bold;} .venderList li a:hover, .venderList li a.active{color:#1a7d67;} /*Map CSS Ends Here*/ /*Wrapper CSS Starts Here*/ #wrapper{width:100%; float:left; margin:0px 0px 35px; padding:0px 0px;} .relative{position:relative;} .absolute{position:absolute;} .noScroll{overflow:hidden; width:100%; height:100%;} .zIndex1{z-index:1;} #wrapper.innerPages{margin-top:180px;} .contentBox{width:100%; float:left; margin:0px 0px; padding:0px 0px;} .contentBox p{text-align:justify;} a.importantLink{text-transform:uppercase; color:#FFFFFF; position:relative; margin:15px 0px 15px 20px; font-weight:bold;} a.importantLink:before{content:"\25BA"; width:10px; height:20px; position:absolute; left:-20px;} .title{display:block; height:24px; line-height:24px; text-transform:uppercase; color:#d3b34c; overflow:hidden; margin:5px 0px;} .title span{display:inline-block; padding-right:15px; position:relative;} .title span:before{content:""; width:1000px; height:3px; background-color:#52545d; left:100%; position:absolute; top:47%;} .contentBox > .numberList{list-style:decimal;} .contentBox > .numberList > li{margin:0; padding:0; color:#000000;} /*Wrapper CSS Ends Here*/ /*Footer CSS Starts Here*/ #footer{width:100%; float:left; position: fixed; z-index: 1; padding: 8px 0 0; margin:0px 0px; bottom:0px; z-index:99; background:#2c2d34 url(../images/cbg-footer-bg.jpg) no-repeat center bottom; background-size:100%;} #footerSocialLinks{list-style:none; margin:10px 0px; padding:0px 0px;} #footerSocialLinks li{float:left; margin-left:10px; border-left:1px solid #222222; padding-left:11px;} #footerSocialLinks li:first-child{border-left:none; padding-left:0px; margin-left:0px;} #emailSignup{margin:5px 0px 0px; padding:0px 0px; text-align:right; font-family:'GillSansN'; position:relative;} #emailSignup form{margin:0;} #emailSignup label{text-transform:uppercase; display:inline-block; vertical-align:top; line-height:28px; margin:-2px 0px 0; padding-right:15px; font-size:11px; color:rgba(255,255,255,0.6);} #emailSignup input[type="text"], #emailSignup input[type="email"]{border:none; color:#FFFFFF; background:none; display:inline-block; vertical-align:top; margin:0px 0px; width:145px; font-size:11px; margin-top:1px;} #emailSignup input[placeholder]{font-family:'GillSansN';} #emailSignup input[type="submit"], #emailSignup input[type="button"]{border:none; text-transform:uppercase; font-weight:bold; padding:0px 10px; border-left:1px solid #222222; background:none; color:rgba(255,255,255,0.6); vertical-align:top; margin-top:2px; font-size:11px;} #emailSignup input[type="submit"]:hover, #emailSignup input[type="button"]:hover{color:#1a7d67;} #emailSignup #message_succ{position:absolute; right:0; top:-20px; color:#ffffff; padding:5px 10px; background-color: green;} #emailSignup #message_err {position:absolute; right:0; top:-20px; color:#ffffff; padding:5px 10px; background-color: red;} /*Footer CSS Ends Here*/ /*Contact Form CSS Starts Here*/ #contactFormContainer{width:100%; float:left; margin:0px 0px 35px; padding:0px 0px;} #contactFormContainer address{text-transform:uppercase; font:normal 14px/18px "Calibri";} #contactFormContainer .formFields{list-style:none; margin:0px 0px; padding:0px 0px;} #contactFormContainer .formFields li{width:100%; float:left; margin-top:5px;} #contactFormContainer .formFields li .infoMsg{display:block; font-size:12px; height:14px; line-height:14px;} #contactFormContainer .formFields li input[type="text"], #contactFormContainer .formFields li input[type="email"], #contactFormContainer .formFields li textarea{background-color:#98989b; border:1px solid #000000; color:#FFFFFF;} #contactFormContainer .formFields li textarea{width:94%;} #contactFormContainer .formFields li input[type="button"], #contactFormContainer .formFields li input[type="submit"]{border:none; text-transform:uppercase; font-weight:bold; padding:0px 0px 3px; border-bottom:1px solid #ffffff; background:none; color:#FFFFFF; vertical-align:top; float:right; margin-right:15px;} #contactFormContainer .formFields li input[type="button"]:hover, #contactFormContainer .formFields li input[type="submit"]:hover{color:#d3b34c;} /*Contact Form CSS Ends Here*/ /*Store Map Container CSS Starts Here*/ #storeMapContainer {width:100%; float:left; margin:-175px 0px 0px; padding:0px 0px; height:600px; position:relative; *zoom:1;} .locationPointer {width:41px; height:29px; text-align:center; background:url(../images/icons/diamond-still.png) no-repeat left top; display:block; z-index:5; cursor:pointer; position:absolute;} .locationPointer.active{background-image:url(../images/icons/diamond-still-active.png);} .locationPointer:hover, .locationPointer.active:hover{background-image:url(../images/icons/diamond-rotate2.gif);} .locationPointer a{display:block; height:29px;} #loc_1{left: 680px; top: 570px;} #loc_2{top:70px; left:140px;} #loc_3{top:80px; left:220px;} #loc_4{left: 565px; top: 530px;} #loc_5{left: 6px; top: 335px;} #loc_5_1{ left: 18px; top: 433px;} #loc_5_2{left: 39px; top: 455px;} #loc_6{left: 310px; top: 410px;} #loc_7{left: 915px; top: 315px;} #loc_8{top:50px; left:600px;} #loc_9{top:160px; left:60px;} #loc_10{left: 678px; top: 616px;} #loc_10_1{left: 777px; top: 615px;} #loc_10_2{left: 825px; top: 670px;} #loc_10_3{left: 813px; top: 652px;} #loc_10_4{left: 788px; top: 678px;} #loc_10_5{left: 724px; top: 628px;} #loc_10_6{left: 834px; top: 697px;} #loc_10_7{ left: 835px; top: 716px;} #loc_10_8{left: 805px; top: 670px;} #loc_11{left: 750px; top: 570px;} #loc_12{top:190px; left:170px;} #loc_13{left: 920px; top: 265px;} #loc_14{left: 180px; top: 260px;} #loc_15{left: 620px; top: 400px;} #loc_16{left: 680px; top: 400px;} #loc_17{left: 540px; top: 355px;} #loc_18{top:200px; left:574px;} #loc_19{left: 720px; top: 450px;} #loc_20{left: 570px; top: 615px;} /*One Location CSS Starts Here*/ /*Alabama*/ #loc_1_224575{left:675px; top:530px;} #loc_1_224576{left:660px; top:580px;} #loc_1_224620{left:695px; top:565px;} #loc_1_224650{left:705px; top:600px;} /*Arizona*/ #loc_3_224760{left: 179px; top: 499px;} /*Arizona*/ /*Arkansas*/ #loc_4_224634{left:555px; top:530px;} /*California*/ #loc_5_224619{left:5px; top:360px;} #loc_5_224707{left:45px; top:455px;} #loc_5_224589{left:65px; top:475px;} #loc_5_224759{left: 79px; top: 442px;} /*Colorado*/ #loc_6_224713{left:315px; top:410px;} #loc_6_224753{left:335px; top:385px;} /*Connecticut*/ #loc_7_224549{left:915px; top:315px;} #loc_7_224582{left:915px; top:325px;} /*Florida*/ #loc_10_224676{left:680px; top:625px;} #loc_10_224729{left:715px; top:625px;} #loc_10_224720{left:755px; top:620px;} #loc_10_224709{left:800px; top:660px;} #loc_10_224727{left:785px; top:685px;} #loc_10_224661{left:820px; top:675px;} #loc_10_224550{left:835px; top:705px;} #loc_10_224717{left:825px; top:725px;} #loc_10_224762{left:795px; top:637px;} /*Georgia*/ #loc_11_224646{left:755px; top:605px;} #loc_11_224599{left:795px; top:570px;} /*New Hampshire*/ #loc_13_224654{left:915px; top:270px;} #loc_13_224757{ left:915px; top:252px;} /*Idaho*/ #loc_14_224596{left:175px; top:270px;} #loc_14_224748{left:209px; top:280px;} /*Illinois*/ #loc_15_224558{left:620px; top:380px;} #loc_15_224714{left:620px; top:410px;} /*Oregon*/ #loc_38_224758{left:93px; top:236px;} /*Indiana*/ #loc_16_224682{left:655px; top:360px;} #loc_16_224593{left:665px; top:400px;} #loc_16_224573{left:655px; top:445px;} #loc_16_224724{left:695px; top:380px;} #loc_16_224617{left:655px; top:360px;} /*Iowa*/ #loc_17_224611{left:575px; top:350px;} /*Kentucky*/ #loc_19_224728{left:635px; top:475px;} #loc_19_224603{left:690px; top:445px;} #loc_19_224566{left:720px; top:425px;} #loc_19_224581{left:750px; top:450px;} /*Louisiana*/ #loc_20_224606{left:600px; top:640px;} #loc_20_224610{left: 559px; top: 611px;} /*Maine*/ #loc_21_224569{left:945px; top:225px;} /*Maryland*/ #loc_22_224563{left:840px; top:385px;} #loc_22_224651{left:860px; top:385px;} /*Massachusetts*/ #loc_23_224664{left:935px; top:285px;} #loc_23_224608{left:935px; top:300px;} #loc_23_224734{left:920px; top:295px;} /*Michigan*/ #loc_24_224629{left:690px; top:280px;} #loc_24_224658{left:710px; top:300px;} #loc_24_224602{left:675px; top:320px;} #loc_24_224683{left:710px; top:330px;} /*Minnesota*/ #loc_25_224622{left: 501px; top: 278px;} #loc_25_224715{left:525px; top:265px;} /*Mississippi*/ #loc_26_224616{left:635px; top:620px;} /*Missouri*/ #loc_27_224586{left:530px; top:410px;} #loc_27_224673{left:570px; top:445px;} #loc_27_224684{left:570px; top:445px;} /*Montana*/ #loc_28_224733{left:285px; top:230px;} /*Nebraska*/ #loc_29_224726{left:470px; top:375px;} /*New Jersey*/ #loc_31_224625{left:885px; top:345px;} #loc_31_224564{left:890px; top:370px;} #loc_31_224797{left:895px; top:370px;} /*New York*/ #loc_33_224605{left:805px; top:305px;} #loc_33_224732{left:845px; top:305px;} #loc_33_224597{left:870px; top:300px;} #loc_33_224671{left:895px; top:315px;} #loc_33_224614{left:885px; top:325px;} #loc_33_224559{left:860px; top:315px;} #loc_33_224644{left:860px; top:315px;} #loc_33_224618{left:860px; top:315px;} #loc_33_224796{left:860px; top:325px;} /*North Carolina*/ #loc_34_224561{left:790px; top:490px;} #loc_34_224548{left:820px; top:480px;} #loc_34_224592{left:850px; top:500px;} /*Ohio*/ #loc_36_224721{left:725px; top:375px;} #loc_36_224680{left:750px; top:365px;} #loc_36_224578{left:765px; top:380px;} #loc_36_224580{left:745px; top:400px;} #loc_36_224761{left:715px; top:400px;} #loc_36_224573{left:756px; top:413px;} #loc_36_224793{left:715px; top:400px;} /*Oklahoma*/ #loc_37_224587{left:440px; top:525px;} #loc_37_224604{left:490px; top:495px;} /*Pennsylvania*/ #loc_39_224591{left:800px; top:355px;} #loc_39_224708{left:798px; top:378px;} #loc_39_224718{left:865px; top:370px;} /*Rhode Island*/ #loc_41_224663{left:935px; top:330px;} /*Tennessee*/ #loc_44_224656{left:635px; top:510px;} #loc_44_224590{left:690px; top:495px;} #loc_44_224665{left:690px; top:495px;} /*Texas*/ #loc_45_224585{left:295px; top:590px;} #loc_45_224577{left:360px; top:575px;} #loc_45_224722{left:360px; top:530px;} #loc_45_224730{left:365px; top:490px;} #loc_45_224547{ left: 460px; top: 592px;} #loc_45_224660{left:510px; top:640px;} #loc_45_224662{left: 510px; top: 569px;} #loc_47_224763{ left: 893px; top: 242px;} /*Virginia*/ #loc_48_224635{left:820px; top:450px;} #loc_48_224712{left:840px; top:410px;} #loc_48_224686{left:860px; top:440px;} /*Washington*/ #loc_49_224652{left:150px; top:155px;} #loc_49_224756 {left:115px; top:155px;} /*Wisconsin*/ #loc_51_224595{left:600px; top:280px;} #loc_51_224588{left:575px; top:295px;} #loc_51_224685{left:625px; top:315px;} /*Ontario*/ #loc_61_224659{left:625px; top:100px;} /*Maine*/ #loc_21_224766{left:950px; top:210px;} /*Ontario*/ #loc_61_224805{left:650px; top:100px;}; /*One Location CSS Ends Here*/ #vloc_10_1{left: 200px; top: 158px;} #vloc_10_2{ left: 202px; top: 174px;} #vloc_10_3{ left: 228px; top: 148px;} #vloc_10_4{left: 236px; top: 168px;} #vloc_10_5, #vloc_5_2, #vloc_5_1{ left: 221px; top: 70px; display: none;} #vloc_5_3{left: 98px; top: 75px; } #vloc_5_4 {left: 74px; top: 114px;} #vloc_5_5 { left: 86px; top: 189px;} #vloc_5_6 {left: 116px; top: 130px;} #vloc_5_7 { left: 90px; top: 208px;} #vloc_5_8 {left: 121px; top: 216px;} #vloc_5_9 { left: 137px; top: 174px;} #vloc_5_10 {left: 152px; top: 196px;} #vloc_5_11 { left: 119px; top: 195px;} #vloc_5_12 {left: 176px; top: 243px;} #vloc_5_13 { left: 164px; top: 221px;} #vloc_5_14 { left: 144px; top: 239px;} #vloc_5_15 {left: 113px; top: 248px;} #vloc_5_16 {left: 100px; top: 231px;} #vloc_5_17 { left: 137px; top: 260px;} #vloc_5_18 {left: 164px; top: 286px;} #vloc_5_19 {left: 167px; top: 264px;} #vloc_5_20 { left: 215px; top: 301px;} #vloc_5_21{ left: 193px; top: 311px;} #loc_21{left: 950px; top: 220px;} #loc_22{left: 850px; top: 385px;} #loc_23{left: 930px; top: 290px;} #loc_24{left: 700px; top: 315px;} #loc_25{left: 525px; top: 260px;} #loc_26{left: 620px; top: 575px;} #loc_27{left: 560px; top: 440px;} #loc_28{left: 275px; top: 210px;} #loc_29{top:330px; left:265px;} #loc_30{top:335px; left:335px;} #loc_31{left: 890px; top: 360px;} #loc_32{top:315px; left:405px;} #loc_33{left: 870px; top: 295px;} #loc_34{left: 830px; top: 490px;} #loc_35{top:365px; left:100px;} #loc_36{left: 740px; top: 385px;} #loc_37{left: 460px; top: 510px;} #loc_38{top:380px; left:280px;} #loc_39{left: 825px; top: 355px;} #loc_40{top:340px; left:430px;} #loc_41{left: 935px; top: 305px;} #loc_42{top:330px; left:500px;} #loc_43{top:369px; left:405px;} #loc_44{left: 680px; top: 500px;} #loc_45{left: 425px; top: 605px;} #loc_46{top:420px; left:370px;} #loc_47{top:415px; left:407px;} #loc_48{left: 780px; top: 420px;} #loc_49{left: 110px; top: 145px;} #loc_50{top:480px; left:485px;} #loc_51{left: 610px; top: 300px;} #loc_52{top:680px; left:335px;} #loc_53{top:730px; left:335px;} #loc_54{top:700px; left:235px;} #loc_55{top: 110px; left: 460px;} #loc_56{top:70px; left:85px;} #loc_57{top:50px; left:220px;} #loc_58{top:170px; left:640px;} #loc_59{top:70px; left:680px;} #loc_60{top:100px; left:780px;} #loc_61{top: 125px; left: 630px;} #loc_130{top:100px; left:780px;} .selectedStateMap{position:relative;} .selectedStateMap .locationPointer{z-index:1;} #vloc_224547{left: 25px; top: 150px;} #vloc_224547{left: 282px; top: 199px;} #vloc_224722{left: 117px; top: 58px;} #vloc_224730{left: 117px; top: 120px;} #vloc_224660{left: 107px; top: 180px;} #vloc_224577{left: 213px; top: 158px;} #vloc_224585{ left: 14px; top: 151px } #vloc_224662{ left: 295px; top: 103px; } #vloc_224652{left: 264px; top: 132px;} #vloc_224733{left: 230px; top: 224px;} #vloc_224659{left: 97px; top: 127px;} #vloc_224569{left: 103px; top: 225px;} #vloc_224654{ left: 137px; top: 247px;} #vloc_224664 {left: 166px; top: 161px;} #vloc_224608{ left: 226px; top: 186px; } #vloc_224734{left: 180px; top: 116px;} #vloc_224663{left: 191px; top: 112px;} #vloc_224549{left: 133px; top: 134px;} #vloc_224582{ left: 72px; top: 282px;} #vloc_224644{ left: 293px; top: 247px;} #vloc_224671{ left: 241px; top: 242px;} #vloc_224559{left: 34px; top: 182px;} #vloc_224597{ left: 175px; top: 131px;} #vloc_224605{left: 229px; top: 166px} #vloc_224614{ left: 112px; top: 156px;} #vloc_224618{left: 153px; top: 213px} #vloc_224732{ left: 269px; top: 263px;} #vloc_224625 { left: 189px; top: 315px;} #vloc_224564{ left: 210px; top: 118px} #vloc_224708{left: 246px; top: 196px} #vloc_224718{ left: 277px; top: 170px;} #vloc_224591{left: 33px; top: 200px;} #vloc_224651{ left: 246px; top: 148px;} #vloc_224563{left: 5px; top: 177px;} #vloc_224635{ left: 163px; top: 237px;} #vloc_224686{left: 78px; top: 317px;} #vloc_224712{ left: 249px; top: 89px;} #vloc_224548{left: 217px; top: 206px;} #vloc_224655{ left: 77px; top: 186px;} #vloc_224561{left: 139px; top: 209px;} #vloc_224592{left: 248px; top: 223px;} #vloc_224680{left: 178px; top: 186px;} #vloc_224578{left: 51px; top: 75px;} #vloc_224580{left: 242px; top: 87px;} #vloc_224721{ left: 196px; top: 102px} #vloc_224629{left: 141px; top: 214px;} #vloc_224814{left: 141px; top: 314px;} #vloc_224683{left: 239px; top: 260px;} #vloc_224658{left: 184px; top: 97px;} #vloc_224602{ left: 63px; top: 82px;} #vloc_224622{ left: 181px; top: 97px;} #vloc_224715{ left: 250px; top: 297px;} #vloc_224611{left: 283px; top: 161px;} #vloc_224558{left: 165px; top: 112px;} #vloc_224714{left: 166px; top: 216px;} #vloc_224682{left: 74px; top: 34px;} #vloc_224573{left: 222px; top: 209px;} #vloc_224593{left: 95px; top: 311px;} #vloc_224617{ left: 155px; top: 143px;} #vloc_224724{left: 193px; top: 58px;} #vloc_224566{left: 131px; top: 153px;} #vloc_224581{left: 282px; top: 134px;} #vloc_224603{ left: 187px; top: 82px;} #vloc_224728{ left: 20px; top: 227px;} #vloc_224656{left: 138px; top: 172px;} #vloc_224665{ left: 245px; top: 130px;} #vloc_224590{ left: 14px; top: 215px;} #vloc_224616{ left: 215px; top: 309px;} #vloc_224650{left: 77px; top: 164px;} #vloc_224575{left: 200px; top: 114px;} #vloc_224576{ left: 146px; top: 24px;} #vloc_224620{ left: 231px; top: 196px;} #vloc_224599{ left: 293px; top: 183px;} #vloc_224646{ left: 187px; top: 284px;} #vloc_224550{left: 215px; top: 197px;} #vloc_224556{ left: 56px; top: 86px;} #vloc_224661{ left: 274px; top: 155px;} #vloc_224676{left: 170px; top: 76px;} #vloc_224709{left: 311px; top: 213px;} #vloc_224717{ left: 92px; top: 116px;} #vloc_224729{ left: 2px; top: 107px;} #vloc_224720{left: 307px; top: 256px;} #vloc_224727{ left: 249px; top: 121px;} #vloc_224606{ left: 229px; top: 234px;} #vloc_224610{ left: 83px; top: 160px;} #vloc_224634{ left: 118px; top: 172px;} #vloc_224587{ left: 145px; top: 184px;} #vloc_224604{left: 289px; top: 141px;} #vloc_224673{ left: 145px; top: 178px;} #vloc_224586{ left: 241px; top: 135px;} #vloc_224684{left: 65px; top: 157px;} #vloc_224713{ left: 167px; top: 172px;} #vloc_224726{left: 255px; top: 209px;} #vloc_224596 { left: 109px; top: 245px;} #vloc_224589{left: 130px; top: 280px;} #vloc_224707{left: 169px; top: 299px;} #vloc_224619 {left: 107px; top: 176px;} #vloc_224685{left: 219px; top: 132px;} #vloc_224588{left: 275px; top: 280px;} #vloc_224595 {left: 75px; top: 163px;;} .pointerToolTip {background-color: #000000; border-radius: 6px; bottom: 35px; color: #ffffff; font-size:11px; left: 0; padding: 3px; position: absolute; text-align: center; visibility:hidden; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;} .locationPointer:hover .pointerToolTip {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility:visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} .pointerToolTip:before{content:"\25BC"; font-size:12px; color:#000000; position:absolute; top:18px; left:10px;} .pointerToolTip span{display:block; padding:0 5px; white-space:nowrap;} .locationDetailContainer{display:block; position:relative;} .locationDetailContainer .closeButton{position:absolute; right:0; top:-10px; cursor:pointer;} .locationDetailContainer .closeButton:hover{color:#D3B34C;} .locationDetailBox{background-color:#000000; padding:0; color:#FFFFFF; list-style:none; margin:0!important;} .locationDetailBox .title{margin-top:0px;} /*Store Map Container CSS Ends Here*/ a.gotoMainSite{font-size:16px; color:#d3b34c; padding:6px 12px; border-radius:6px 6px; border:1px solid transparent; color:#FFFFFF; background-color:rgba(0,0,0,0.5); border-color:#000000;} .homeTextContainer{position:absolute; z-index:999; top:80%; text-align:center; width:100%;} /*Map Popup Box CSS Starts Here*/ .map {fill:rgba(255,255,255,0.09); stroke:transparent; stroke-width:1.05; transition:fill 0.8s linear;} /*.map:hover {fill:#103f35; z-index:999;}*/ text {padding:10px; fill:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px;font-weight:bold; z-index:0;} image {cursor:pointer; -webkit-transition: all .2s ease-in-out; /*position:absolute;*/} .mapOverlay {position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; overflow:hidden; background:url(../images/overlay.png) repeat 0 0; display:block; visibility: visible; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; -webkit-transform:scale(0); -moz-transform:scale(0); -ms-transform:scale(0); transform:scale(0);} .map-content-box{/*background-color: #000;*/ height: 420px; position: relative; top: 50%; width: 700px; padding:15px 15px; overflow:hidden; color:#FFFFFF; display:block; z-index:99; margin: 0 auto; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);} .map-content-box a.closeBtn, .map-content-box a.backBtn {position:absolute; top:20px; right:16px; color:#FFFFFF; font-size:30px; width:22px; height:22px; font-weight:lighter; z-index:10; text-decoration:none; font-family:'GillSansL';} .map-content-box a.closeBtn:hover, .map-content-box a.backBtn:hover{color:#1a7d67;} area:hover .toolTip2{display:block;} .toolTip2{padding:3px 3px; background-color:#000000; position:relative; font-size:10px; color:#FFFFFF; display:none;} .toolTip2:before{content:"\25BC"; color:#000000; font-size:12px; top:100%; left:50%;} /*Map Popup Box CSS Ends Here*/ /* Slider */ .slider_wrapper { position: relative; background-color: #222;} .slide_down { position: absolute; bottom: 30px; left: 50%; margin: 0 auto; text-align: center; margin-left: -120px; z-index: 99; } .slide_down a { padding: 10px 25px ; border: 1px solid #ddd; color: #ddd} .slide_down a:hover { background: #3899b5;} .slider_holder { text-align: center; position: relative; min-height: 100%; height: auto; background: #222; overflow: hidden; } .slider_holder ul { z-index: 5; overflow: hidden; } .slider_holder ul li:before { content: ' '; display: none; } .slider_holder .cycle-slideshow { margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .slider_holder .cycle-slideshow li { list-style: none outside none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed; color: #ffffff; } .slider_holder .cycle-slideshow li:before { content: ' '; display: inline-block; height: 100%; vertical-align: middle; margin: 0 0 0 -15px; width: 0px; } .slider_holder .cycle-slideshow li hgroup { display: inline-block; height: auto; position: relative; vertical-align: middle; z-index: 2; } .slider_holder .cycle-slideshow li hgroup h1 { color: #ffffff; font-family: 'GillSansL'; font-weight: normal; font-size: 6em; text-transform: uppercase; } @media (max-width: 767px) { .slider_holder .cycle-slideshow li hgroup h1 { font-size: 43px; } } @media (min-width: 800px) and (max-width: 1227px) { .slider_holder .cycle-slideshow li hgroup h1 { font-size: 70px; } } .slider_holder .cycle-slideshow li hgroup h2 { color: #ffffff; font-weight: 300; font-size: 1.8em; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 799px) { .slider_holder .cycle-slideshow li hgroup h1 { font-size: 40px; } .slider_holder .cycle-slideshow li hgroup h2 { font-size: 14px; } } .slider_holder .pattern { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("images/pattern-dotted.png") repeat 0 0; z-index: 0; } /* End Slider show */ .searchSupplierTable{width:100%; float:left; margin:180px 0 0; padding:0;} .searchSupplierTable table td{padding:8px 5px; color:#000000; } .searchSupplierTable table thead{background-color:#FFFFFF; border-bottom:2px solid #000000;} .searchSupplierTable table thead tr td{padding:5px 5px;} .searchSupplierTable table thead td table tr td{font-family:'Georgia'; font-size:16px; font-weight:bold;} .searchSupplierTable table tbody td table tr td{font-family:'GillSansL'; font-size:14px;} .searchSupplierTable table tbody td table tr td a{color:#000000;} .searchSupplierTable > table > tbody > tr:nth-child(odd){background-color:#f2fbf9;} .searchSupplierTable > table > tbody > tr:nth-child(even){background-color:#ffffff;} a.webIcon{width:18px; height:18px; display:inline-block; background:url(../images/icons/web.png) no-repeat 0 -18px;} .searchSupplierTable > table > tbody > tr:hover a.webIcon{background-position:0 0;} .searchSupplierTable > table > tbody > tr:hover td{color:#1a7d67; text-shadow:0.5px 0.5px 0px #ffffff;} .searchSupplierTable table tfoot{background-color:#FFFFFF; border-top:2px solid #000000;} .searchSupplierTable table tfoot tr td{padding:5px 5px;} .searchSupplierTable table tfoot td table tr td{font-family:'Georgia'; font-size:16px; font-weight:bold;} .supplierPagination{width:100%; margin:0; padding:15px 0; background-color:#FFFFFF; text-align:center; color:#000000; font-family:'Georgia'; font-size:14px;} .supplierPagination a{display:inline-block; margin:0 3px; color:#000000; font-family:'GillSansL'; font-size:12px;} .supplierPagination a.active, .supplierPagination a.totalPages{font-family:'GillSansB';} .supplierPagination a:first-child{margin-left:5px;} .supplierPagination a:nth-child(1):after, .supplierPagination a:nth-child(2):after{content:","; font-family:'GillSansL';} .searchSupplierForm{margin:0; padding:0; height:auto; width:100%; float:left;} .searchSupplierForm label{font-family:'GillSansL'; text-transform:uppercase; display:inline-block; font-size:20px; line-height:60px; letter-spacing:2px;} .searchSupplierForm label strong{font-family:'GillSansN';} .searchSupplierForm .filterLabel{background-image:none; background-repeat:no-repeat; background-position:center top; padding-top:20px; font-size:12px; text-transform:uppercase; display:inline-block; margin-left:30px; color:rgba(255,255,255,0.6); text-decoration:none; cursor:pointer;} .searchSupplierForm .filterLabel:hover, .searchSupplierForm .filterLabel.active{background-image:url(../images/icons/diamond3.png); color:#FFFFFF;} .searchSupplierForm .filterLabel:first-child{margin-left:0;} .searchSupplierForm .searchSupplierControl{display:inline-block; position:relative;} .searchSupplierForm .searchSupplierControl input[type="text"]{border:none; border-bottom:1px solid #ffffff; border-radius:0; background:none; color:#FFFFFF; margin-left:5px; padding:0 5px;} .searchSupplierForm .searchSupplierControl input[placeholder]{font-size:11px;} .searchSupplierForm .searchSupplierControl input[type="submit"], .searchSupplierForm .searchSupplierControl input[type="button"]{width:16px; height:16px; border:none; background:transparent url(../images/icons/search.png) no-repeat 0 0;} .searchSupplierForm .searchSupplierControl input[type="submit"]:hover, .searchSupplierForm .searchSupplierControl input[type="button"]:hover{background-position:0 -16px;} .pageChanger{width:100%; margin:0; padding:0; position:relative; float:left; top:0; z-index:0;} .pageTabs{list-style:none; margin:365px auto 0; padding:0; text-align:center; position:relative; z-index:5; transition:all ease-in; width:998px;} .pageTabs li{width:196px; height:127px; display:inline-block; vertical-align:top; margin:0 15px; background:url(../images/membership/tab-gray.png) no-repeat center center; text-align:center;} .pageTabs li a{display:block; height:105px; font-size:14px; font-family:'Georgia'; padding:22px 15px 0; letter-spacing:1px; text-decoration:none; color:rgba(255,255,255,0.6); text-transform:uppercase;} .pageTabs li:hover, .pageTabs li.active{background-image:url(../images/membership/tab-white.png);} .pageTabs li:hover a, .pageTabs li.active a{color:#FFFFFF;} .clickArrow{position:absolute; left:0; text-align:left; margin:0; padding:0 70px; transition:all 0.3s ease;} .clickArrow span{display:inline-block; margin-top:10px; cursor:pointer;} .clickArrow.showIt{top:110%; opacity:1;} .clickArrow.hideIt{top:200%; opacity:0;} #sliderGroup{ width:100%; float:left; height:100%;} .retailerPage{width:100%; float:left; margin:0; padding:0; overflow:hidden; background:url(../images/membership/bg-0.jpg) no-repeat center center; background-size:100% auto;} .retailerPageInfo{width:100%; float:left; margin:0; padding:0; overflow:hidden; vertical-align:top; background-color:#224D44; position:relative;} .retailerPageInfo .waterMark{position:absolute; bottom:30px; right:30px; opacity:0.1;} .retailerPageInfo .contentBox li, .retailerPageInfo .contentBox p{color:#ffffff; font-size:16px; margin-bottom:10px;} .retailerPageInfo .contentBox li{padding-left:10px;} .pageGroup {list-style:none; margin:0; padding:0; width:100%; float:left;} .pageGroup li{float:left; margin:0; padding:0; position:relative;} .shortInfo{width:100%; font-size:14px; font-family:'GillSansL'; color:#FFFFFF; text-align:justify; padding:12px 12px; position:absolute; bottom:-250px; z-index:5} .shortInfo .container p{width:60%; margin-left:40px;} .shortInfo .container .down-arrow{width:} .contactInfo {width:100%; float:left; position:relative; margin-top:220px;} .contactInfo .shortInfo{width:100%; height:300px; font-size:23px; line-height:36px; font-family:'GillSansL'; color:#FFFFFF; text-align:justify; padding:12px 12px; position:absolute; bottom:0px; z-index:5; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transform:translateY(390px); -moz-transform:translateY(390px); -ms-transform:translateY(390px); transform:translateY(390px); opacity:0; visibility: hidden;} .contactInfo .shortInfo.show{-webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); opacity:1; visibility: visible;} .up-arrow, .down-arrow{width:60px; height:31px; display:inline-block; background-image:url(../images/icons/up-down.png); background-repeat:no-repeat; cursor:pointer;} .up-arrow {background-position:0 top;} .down-arrow {background-position:0 bottom;} .shortInfoUp { animation: shortInfoUp 0.2s ease-in-out; -webkit-animation: shortInfoUp 0.2s ease-in-out; -moz-animation: shortInfoUp 0.2s ease-in-out; -o-animation: shortInfoUp 0.2s ease-in-out; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-fill-mode: both; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-play-state:pause; -webkit-animation-play-state:pause; -moz-animation-play-state:pause; -o-animation-play-state:pause; animation-delay: 0.8s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; } .shortInfoDown { /*-webkit-animation: shortInfoDown 0.8s ease-in-out; -moz-animation: shortInfoDown 0.8s ease-in-out; -o-animation: shortInfoDown 0.8s ease-in-out;*/ animation: shortInfoDown 0.2s ease-in-out; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-fill-mode: both; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-play-state:pause; -webkit-animation-play-state:pause; -moz-animation-play-state:pause; -o-animation-play-state:pause; animation-delay: 2s; /*-webkit-animation-delay: 3s; -moz-animation-delay: 3s; -o-animation-delay: 3s;*/ } @keyframes shortInfoUp{ from{bottom:-250px;} to{bottom:50px;} } @-webkit-keyframes shortInfoUp{ from{bottom:-250px;} to{bottom:50px;} } @keyframes shortInfoDown{ from{bottom:50px;} to{bottom:-250px;} } @-webkit-keyframes shortInfoDown{ from{bottom:50px;} to{bottom:-250px;} } .pageInfoGroup{list-style:none; width:100%; margin:0; padding:0; background-color:#ffffff; transition:all 0.8s ease-in;} .pageInfoGroup > li{width:100%; float:left; display:none; overflow-y:auto;} .pageInfoGroup > li .container p{width:60%; margin-left:40px; color:rgba(0,0,0,0.6);} .pageInfoGroup > li .container .numberList{margin-left:60px;} .pageInfoGroup > li .container .down-arrow{margin:20px 0 20px 40px;} .pageInfoGroup .contentBox{overflow-y:auto; max-height:560px;} .sliderContactForm{width:436px; margin:0 auto;} .sliderContactForm .fieldRow{width:100%; float:left; min-height:24px; margin:0; padding:0; position:relative;} .sliderContactForm .fieldRow label{position:absolute; left:0; top:9px; line-height:16px; color:#FFFFFF; text-transform:uppercase;} .sliderContactForm .fieldRow input[type="text"] {border:none; background:transparent url(../images/field-lines.png) no-repeat left top; font-size:16px; resize:none; border-radius:0; width:74%; float:left; line-height:32px; color:#dfdfdf; margin:0; padding:0; min-height:32px; padding:0 6% 0 20%} .sliderContactForm .fieldRow textarea{border:none; background:transparent url(../images/field-lines.png) no-repeat left top; font-size:16px; resize:none; border-radius:0; width:100%; float:left; line-height:32px; color:#dfdfdf; margin:0; padding:0; min-height:32px; text-indent: 80px;} .recaptchaField{display: flex; justify-content: center; } .sliderContactForm .fieldRow input[type="text"]:focus, .sliderContactForm .fieldRow textarea:focus{box-shadow:none;} .sliderContactForm .fieldRow input[type="submit"]{border:none; background-color:rgba(0,0,0,0.6); text-transform:uppercase; color:#FFFFFF; padding:0 12px; margin-top:15px; letter-spacing:1.5px; line-height: 26px; font-family:'GillSansL'; height:24px;} .sliderContactForm .fieldRow input[type="submit"]:hover{background-color:#04b08a;} #pattern_bg { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/pattern/pt101.jpg) repeat; z-index: -1; } #background { position: fixed; z-index: -1;} .upperCase{text-transform:uppercase;} .title-basker{font-size:120px; display:block; font-weight:400; font-family:'Georgia'; line-height:130px; margin-bottom:30px;} .color-dardGreen{color:#0d2520;} .aboutUs-content{display:block; padding:0 60px; margin:50px 0 0; max-height: 550px; overflow-y:auto;} .aboutUs-content p{font-size: 16px; line-height: 24px; color:#757575;} #main-con, #main-con p{color:#000000;} @media screen and (min-width:1400px){ .aboutUs-content{ max-height: 600px;} } @media screen and (min-width:1600px){ .aboutUs-content{ max-height: 90vh;} } @media screen and (max-width:980px){ .pageChanger{min-height:1100px;} } /*newdiamond css start*/ #vloc_224748_81{left: 112px; top: 102px;} #vloc_224748_83{left: 53px; top: 185px;} #vloc_224748_85{left: 167px; top: 148px;} #vloc_224748_86{left: 198px; top: 243px;} #vloc_224652_101{left: 288px; top: 124px;} #vloc_224733_64{left: 199px; top: 207px;} #vloc_224748_82{left: 121px; top: 34px;} #vloc_224748_87{left: 98px; top: 96px;} #vloc_224748_88{ left: 98px; top: 76px;} #vloc_224596_155{left: 82px; top: 248px;} #vloc_224748_92{ left: 90px; top: 39px;} #vloc_224707_99{ left: 170px; top: 251px;} #vloc_224589_112{left: 127px; top: 229px;} #vloc_224589_113{left: 198px; top: 243px;} #vloc_224589_114{left: 194px; top: 261px;} #vloc_224589_115{ left: 169px; top: 213px} #vloc_224589_116{left: 140px; top: 189px;} #vloc_224589_118{ left: 121px; top: 179px;} #vloc_224589_119{ left: 98px; top: 177px;} #vloc_224589_120{left: 96px; top: 230px;} #vloc_224589_368{ left: 123px; top: 189px;} #vloc_224589_121{left: 94px; top: 209px;} #vloc_224589_122{left: 116px; top: 214px;} #vloc_224589_123{left: 109px; top: 193px;} #vloc_224589_124{left: 108px; top: 243px;} #vloc_224589_125{left: 83px; top: 189px;} #vloc_224589_126{left: 205px; top: 295px;} #vloc_224589_127{ left: 150px; top: 239px;} #vloc_224589_128{left: 144px; top: 260px;} #vloc_224589_129{ left: 168px; top: 294px;} #vloc_224589_130{ left: 165px; top: 263px;} #vloc_224589_131{ left: 130px; top: 273px;} #vloc_224589_132{left: 129px; top: 203px;} #vloc_224589_133{left: 131px; top: 246px;} #vloc_224589_134{left: 144px; top: 215px;} #vloc_224589_135{left: 154px; top: 200px;} #vloc_224589_136{left: 114px; top: 258px;} #vloc_224589_137{ left: 173px; top: 278px;} #vloc_224589_138{left: 151px; top: 279px;} #vloc_224589_139{ left: 172px; top: 229px;} #vloc_224619_200{left: 73px; top: 142px;} #vloc_224595_152{left: 198px; top: 288px;} #vloc_224622_211{ left: 113px; top: 252px} #vloc_224622_212{left: 131px; top: 269px;} #vloc_224622_213{ left: 143px; top: 251px;} #vloc_224622_214{left: 128px; top: 237px;} #vloc_224622_215{ left: 172px; top: 215px;} #vloc_224622_216{left: 130px; top: 221px;} #vloc_224685_103{left: 150px; top: 151px;} #vloc_224588_107{left: 183px; top: 265px;} #vloc_224588_108{ left: 253px; top: 259px;} #vloc_224588_109{ left: 255px; top: 240px;} #vloc_224588_110{ left: 275px; top: 268px;} #vloc_224588_111{ left: 228px; top: 176px;} #vloc_224595_153{ left: 62px; top: 165px;} #vloc_224611_189{ left: 234px; top: 161px;} #vloc_224726_187{ left: 237px; top: 204px;} #vloc_224713_160{ left: 201px; top: 174px;} #vloc_224547_3{left: 308px; top: 188px;} #vloc_224722_11{left: 107px; top: 56px;} #vloc_224662_41{ left: 289px; top: 99px;} #vloc_224577_75{ left: 255px; top: 139px;} #vloc_224577_76{ left: 245px; top: 118px;} #vloc_224577_77{ left: 228px; top: 132px;} #vloc_224585_104{left: 0; top: 144px} #vloc_224585_105{left: 30px; top: 147px;} #vloc_224660_179{left: 100px; top: 117px;} #vloc_224730_197{ left: 106px; top: 87px} #vloc_224587_106{ left: 139px; top: 144px;} #vloc_224604_169{ left: 255px; top: 139px;} #vloc_224604_170{ left: 245px; top: 118px;} #vloc_224604_171{ left: 228px; top: 132px;} #vloc_224604_172{left: 230px; top: 148px;} #vloc_224604_173{ left: 200px; top: 127px} #vloc_224604_174{ left: 271px; top: 123px;} #vloc_224604_175{ left: 219px; top: 113px;} #vloc_224634_154{ left: 143px; top: 162px;} #vloc_224606_181{ left: 224px; top: 231px;} #vloc_224610_188{ left: 88px; top: 177px;} #vloc_224616_201{ left: 74px; top: 128px;} #vloc_224616_202{ left: 107px; top: 267px;} #vloc_224616_203{ left: 208px; top: 300px;} #vloc_224616_204{ left: 144px; top: 177px;} #vloc_224729_18{ left: 17px; top: 95px;} #vloc_224550_20{ left: 242px; top: 158px;} #vloc_224550_21{ left: 201px; top: 160px;} #vloc_224550_22{left: 215px; top: 193px;} #vloc_224550_23{ left: 220px; top: 171px;} #vloc_224550_24{ left: 221px; top: 149px;} #vloc_224676_63{ left: 219px; top: 113px;} #vloc_224709_98{ left: 301px; top: 225px;} #vloc_224599_159{ left: 213px; top: 73px} #vloc_224717_161{ left: 93px; top: 113px;} #vloc_224720_164{ left: 296px; top: 250px;} #vloc_224727_167{ left: 257px; top: 122px;} #vloc_224676_198{ left: 141px; top: 81px;} #vloc_224661_217{ left: 277px; top: 153px;} #vloc_224575_67{left: 167px; top: 40px;} #vloc_224575_68{ left: 188px; top: 67px;} #vloc_224575_69{ left: 175px; top: 125px;} #vloc_224575_70{left: 207px; top: 79px;} #vloc_224575_71{ left: 195px; top: 107px;} #vloc_224575_72{ left: 173px; top: 96px;} #vloc_224576_73{ left: 135px; top: 25px;} #vloc_224576_74{ left: 77px; top: 26px;} #vloc_224650_96{ left: 96px; top: 128px;} #vloc_224620_207{ left: 100px; top: 297px;} #vloc_224620_208{left: 183px; top: 170px;} #vloc_224620_209{ left: 235px; top: 137px;} #vloc_224620_210{ left: 242px; top: 154px;} #vloc_224599_157{ left: 271px; top: 186px;} #vloc_224599_158{ left: 302px; top: 185px;} #vloc_224646_195{ left: 179px; top: 288px;} #vloc_224590_140{ left: 21px; top: 205px;} #vloc_224656_219{left: 159px; top: 171px;} #vloc_224548_7{left: 249px; top: 138px;} #vloc_224548_8{ left: 214px; top: 153px;} #vloc_224548_9{left: 276px; top: 157px;} #vloc_224548_10{ left: 201px; top: 187px;} #vloc_224561_30{ left: 154px; top: 168px;} #vloc_224561_31{ left: 145px; top: 209px;} #vloc_224561_32{ left: 154px; top: 188px;} #vloc_224592_141{ left: 249px; top: 204px;} #vloc_224592_142{ left: 251px; top: 224px;} #vloc_224655_218{left: 86px; top: 174px;} #vloc_224686_15{ left: 154px; top: 216px;} #vloc_224635_65{left: 280px; top: 176px;} #vloc_224635_66{ left: 257px; top: 160px;} #vloc_224712_100{left: 227px; top: 105px;} #vloc_224566_46{ left: 150px; top: 148px;} #vloc_224728_165{left: 19px; top: 220px;} #vloc_224603_168{ left: 187px; top: 86px;} #vloc_224581_180{ left: 268px; top: 103px;} #vloc_224682_1{left: 80px; top: 47px;} #vloc_224682_2{ left: 67px; top: 33px;} #vloc_224724_25{left: 193px; top: 69px;} #vloc_224593_151{left: 117px; top: 306px;} #vloc_224617_184{ left: 92px; top: 223px;} #vloc_224558_27{left: 175px; top: 125px;} #vloc_224558_28{ left: 137px; top: 107px;} #vloc_224746_36{left: 156px; top: 17px;} #vloc_224721_40{left: 145px; top: 77px;} #vloc_224680_47{left: 152px; top: 143px;} #vloc_224680_48{ left: 67px; top: 33px;} #vloc_224680_49{left: 199px; top: 155px;} #vloc_224747_50{left: 230px; top: 76px;} #vloc_224578_78{ left: 84px; top: 65px;} #vloc_224580_95{ left: 202px; top: 65px;} #vloc_224761_148{ left: 291px; top: 162px;} #vloc_224761_144{left: 289px; top: 104px;} #vloc_224591_148{left: 294px; top: 108px;} #vloc_224564_38{left: 135px; top: 66px;} #vloc_224564_230{left: 135px; top: 86px;} #vloc_224797_298{left: 155px; top: 96px;} #vloc_224564_231{left: 125px; top: 46px;} #vloc_224745_39{ left: 210px; top: 158px;} #vloc_224625_102{left: 191px; top: 300px;} #vloc_224559_29{ left: 36px; top: 178px;} #vloc_224732_35{left: 243px; top: 276px;} #vloc_224671_150{ left: 218px; top: 217px;} #vloc_224597_156{left: 168px; top: 132px;} #vloc_224644_163{ left: 253px; top: 258px;} #vloc_224605_176{left: 225px; top: 183px;} #vloc_224605_178{ left: 213px; top: 168px;} #vloc_224614_194{ left: 84px; top: 171px;} #vloc_224749_196{ left: 271px; top: 270px;} #vloc_224614_199{ left: 109px; top: 159px;} #vloc_224618_205{ left: 148px; top: 215px;} #vloc_224618_206{left: 164px; top: 203px;} #vloc_224563_37{ left: 141px; top: 143px;} #vloc_224651_190{left: 193px; top: 158px;} #vloc_224651_191{ left: 208px; top: 183px;} #vloc_224651_192{left: 196px; top: 126px;} #vloc_224663_12{left: 182px; top: 75px;} #vloc_224569_51{ left: 200px; top: 184px;} #vloc_224569_52{ left: 119px; top: 247px} #vloc_224569_53{ left: 104px; top: 299px;} #vloc_224569_54{left: 230px; top: 155px;} #vloc_224569_56{left: 125px; top: 283px;} #vloc_224569_57{left: 134px; top: 263px;} #vloc_224569_58{left: 138px; top: 224px;} #vloc_224569_59{ left: 151px; top: 186px;} #vloc_224569_60{left: 157px; top: 239px} #vloc_224569_61{left: 159px; top: 152px;} #vloc_224569_62{left: 182px; top: 105px;} #vloc_224659_42{left: 219px; top: 264px;} #vloc_224659_43{ left: 219px; top: 249px} #vloc_224659_44{ left: 255px; top: 251px;} #vloc_224673_19{ left: 143px; top: 156px;} #vloc_224684_182{ left: 70px; top: 141px;} #vloc_224629_14{left: 152px; top: 243px;} #vloc_224658_26{ left: 183px; top: 105px;} #vloc_224573_33{left: 248px; top: 243px;} #vloc_224683_45{left: 230px; top: 255px;} #vloc_224602_166{ left: 61px; top: 77px;} #vloc_224744_186{left: 64px; top: 222px;} #vloc_224549_13{ left: 109px; top: 91px;} #vloc_224582_97{ left: 64px; top: 275px;} #vloc_224654_4{left: 87px; top: 219px;} #vloc_224569_55{ left: 215px; top: 235px;} #vloc_224734_34{left: 189px; top: 118px;} #vloc_224608_183{ left: 233px; top: 187px;} #vloc_224664_185{ left: 172px; top: 163px;} #vloc_224708_16{ left: 247px; top: 181px;} #vloc_224708_17{ left: 267px; top: 196px;} #vloc_224591_143{left: 48px; top: 193px;} #vloc_224591_145{left: 17px; top: 193px;} #vloc_224591_146{left: 34px; top: 229px;} #vloc_224591_147{left: 5px; top: 163px;} #vloc_224591_149{left:4px; top: 143px;} #vloc_224718_162{left: 286px; top: 170px;} #vloc_224750_193{ left: 176px; top: 160px;} #vloc_224748_79{ left: 49px; top: 164px;} #vloc_224748_80{ left: 59px; top: 109px;} #vloc_224748_84{left: 130px; top: 78px;} #vloc_224748_89{ left: 38px; top: 140px;} #vloc_224748_90{ left: 8px; top: 193px;} #vloc_224748_91{left: 100px; top: 75px;} #vloc_224748_93{left: 35px; top: 162px;} vloc_224758_94{ left: 156px; top: 177px;} #vloc_224758_93{ left: 38px; top: 140px;} #vloc_224758_91{ left: 35px; top: 162px;} #vloc_224758_90left: 8px; top: 193px;} #vloc_224758_89{ left: 64px; top: 114px;} #vloc_224758_94{ left: 156px; top: 177px;} #vloc_224758_90{left: 100px; top: 75px;} #vloc_224758_89{ left: 130px; top: 78px;} #vloc_224758_84{left: 8px; top: 193px;} #vloc_224766_53{left: 130px; top: 60px;} #vloc_224758_80{left: 64px; top: 114px} #vloc_224758_79{left: 64px; top: 97px;} #vloc_224760_117{ left: 176px; top: 255px;} #vloc_224605_177{left: 155px; top: 263px;} #vloc_224756_81{left: 47px; top: 180px;} #vloc_224756_83{ left: 176px; top: 160px;} #vloc_224756_85{ left: 176px; top: 239px;} #vloc_224756_86{left: 110px; top: 106px;} #vloc_224757_55{ left: 206px; top: 240px;} #vloc_224654_6{ left: 83px; top: 177px;;} #vloc_224654_5{ left: 80px; top: 155px;} #vloc_224759_92{left: 88px; top: 50px;} #vloc_224762_159{ left: 215px; top: 72px;} #vloc_224715_152{left: 203px; top: 297px;} #vloc_224763_177{left: 149px; top: 261px;} #vloc_224761_147 {left: 149px; top: 261px;;} #vloc_224761_149 {left: 78px; top: 257px;;} #successmsg{width:100%; display:inline-block; text-align: center; margin-top: 20px;} .profileBox{padding: 25px 100px; margin: 15px 0 0; background: #23574e; width: 100%; float: left; box-sizing:border-box; position: relative;} .profileBox h1, .profileBox h2{font-family: 'GillSansN'; font-weight: lighter; margin: 0; padding: 0; color: #ffffff; text-align: center;} .profileBox h1{font-size: 36px; line-height: 44px;} .profileBox h2{font-size: 18px; line-height: 22px; margin: 15px 0;} .profileBox .socialLinks{width: 100%; float: left; margin: 0; padding: 0; list-style: none;} .profileBox .socialLinks li{float: left; margin: 0; padding: 0; font-size: 28px;} .profileBox .socialLinks li + li{margin-left: 50px;} .profileBox .pinImage{position: absolute; right:100px; top:25px; z-index: 1;} .profileSlider{padding: 0 100px 20px; margin: 40px 0 40px; width:100%; float:left; box-sizing:border-box;} .profileSlider .film_roll_child{margin: 7px; position: relative; height:428px;} .profileSlider .film_roll_child a{display: block; position: relative;} .profileSlider .film_roll_child span{position: absolute; bottom: -65px; left: 0; right: 0; padding: 15px; font-size: 14px; text-align: center; color:#ffffff; background: rgba(0,0,0,0.8);} .profileSlider .film_roll_prev, .profileSlider .film_roll_next{width:42px; height: 42px; overflow: hidden; text-indent: -100px; border:none!important } .profileSlider .film_roll_prev{background: url(../images/left-arrow.png) left top no-repeat!important;} .profileSlider .film_roll_next{background: url(../images/right-arrow.png) left top no-repeat!important;} /*.profileSlider .film_roll_prev:before{content: "<"; color: #000; font-size: 36px; line-height: 55px; margin-right: 10px;} .profileSlider .film_roll_next:before{content: ">"; content: ">"; color: #000; font-size: 36px; line-height: 55px; margin-left: 10px;} */ .profileSlider .film_roll_pager{display: none;} .profileSlider .sliderTitle{display: block; font-size: 18px; margin: 20px 0 10px; font-weight: lighter; color: #000000;} .section-retailerProfile{width: 100%; float: left; margin: 0; padding: 17px 0 0px;} .section-retailerProfile .profileHeader{width: 100%; position: relative; float: left; box-sizing: border-box; padding: 20px 30px; margin: 0 0 35px; background: #23574e; position: relative;} .section-retailerProfile .profileHeader .title{font-size: 32px; line-height: normal; margin: 0; height: auto; color: white; overflow: visible; } .section-retailerProfile .profileContent{color: black;} .section-retailerProfile .profileContent p strong{color:#ae890f;} .section-retailerProfile .leftPanel{width: 60%; margin: 0; float: left;} .section-retailerProfile .rightPanel{width: 40%; margin: 0; padding: 0 0 0 30px; float: left; box-sizing: border-box;} .section-retailerProfile .profileLogo{text-align: center;} .section-retailerProfile .profileLogo a{display: inline-block;} .section-retailerProfile .profileLogo a img{max-width: 250px;} .section-retailerProfile .profileMap iframe{box-sizing: border-box;} @media(max-width:767px){ .section-retailerProfile .leftPanel, .section-retailerProfile .rightPanel{width: 100%; padding: 0;} } /*new css start*/ .profileBanner{width: 100%; float: left; color: #000; position: relative; background: #1e3e37; padding-top: 20px;} .retailerBlog{width: 100%; float: left; margin-top: -35px; } .profileBanner .owl-nav{width: 100%; position: absolute; top:50%;} .profileBanner .owl-nav > button { opacity:0.6; text-indent: -9999px; position: absolute; top: 50%; margin-top: -25px; left: 20px; border: 1px solid rgba(0,0,0,.8); padding: 0 8px; width: 50px; height: 50px} .profileBanner .owl-nav > button.owl-next { right: 20px; left:inherit; background: url(../img/rightArrow.png)left top no-repeat !important; } .profileBanner .owl-nav > button.owl-prev { background: url(../img/leftArrow.png)left top no-repeat !important; } .profileBanner .owl-nav > button:hover{opacity:1;} .profileContent.profileContentBlog{ float: left; width: 100%; box-sizing: border-box;} .section-retailerProfile .profileContent.profileContentBlog p strong, .section-retailerProfile .profileContent.profileContentBlog p{color: #fff; line-height: 24px;} .profileBanner .profileSlider{margin: 0; padding: 0; } .profileContent.profileContentBlog{background: #213c38; padding-top: 20px;} .profileContent.profileContentBlog .greeNBg{ background: #23574e; padding: 15px;} .profileHeader h1{line-height: normal;} .profileHeader p{margin-bottom: 3px; line-height: normal;} .profileHeader .socialBlog{display: block; margin-bottom: 4px;} .profileHeader .socialBlog a{margin-left: 10px;} .recaptchaField{margin-top: 20px !important;} @media(min-width: 1100px) and (max-width: 1400px){ #header .mainLogo{height: 90px;} .pageTabs{margin-top: 152px !important;} .contactInfo .shortInfo.show{transform: translateY(65px);} #header .mainLogo{top:45px} } .cbiBoxes { background:#23574e; text-align:left;color:#fff; padding:30px 27px 30px;width:100%;float:left;margin: 19px 0 0; } .cbiBoxes-left { width:70%; float:left;line-height: 48px; font-size: 16px;} .cbiBoxes-right { width:30%; float:left; } .cbiBoxes-right h1 {font-size:16px; text-align:center;line-height: 24px;margin: 22px 0 0 0; color: #fff; font-family: "GillSansL" } .sliderBox .column { display: flex; align-items: center; width: 100%; margin-top: 20px; margin-left: -15px; margin-right: -15px; cursor: pointer; } .sliderBox .column .imgBlog, .sliderBox .column .rightContent{float:left; width: 50%; padding: 0 15px;} .sliderBox .column .rightContent span{display: block; font-size: 16px; margin-bottom: 10px; color: #000;} .sliderBox .column .rightContent span a{color: #000;} /* The Modal (background) */ .sliderBox .modalNew { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #23574e; } .sliderBox{padding-bottom: 100px;} /* Modal Content */ .sliderBox .modal-content-New { position: relative; margin: auto; padding: 0; width: 90%; max-width: 1100px; display: flex; align-items: center; height: 100%; } .sliderBox .modal-content-New .row{display: flex; align-items: center;} .sliderBox .numbertext{font-size: 18px; line-height: 30px;} /* The Close Button */ .sliderBox .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; opacity:1; } .sliderBox .close:hover, .sliderBox .close:focus { color: #999; text-decoration: none; cursor: pointer; } .sliderBox .mySlides { display: none; } /* Next & previous buttons */ .sliderBox .prev, .sliderBox .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; transform: translateY(-50%); color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 3px; user-select: none; -webkit-user-select: none; text-decoration: none !important; } .sliderBox .prev{left:-50px} .sliderBox h2{color: #23574e; font-size: 24px; margin-top: 20px; font-weight: 600;} /* Position the "next button" to the right */ .sliderBox .next { right: -50px; border-radius: 3px; } /* On hover, add a black background color with a little bit see-through */ .sliderBox .prev:hover, .sliderBox .next:hover { background-color: rgba(0, 0, 0, 0.8); } .sliderBox .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .sliderBox img.hover-shadow { transition: 0.3s; } .sliderBox .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .inv-btn{ background-color: rgba(0,0,0,0.6); padding: 4px 20px 0px; display: inline-block; } .inv-btn:hover{ background-color: #04b08a; text-decoration:none; color:#fff; } .form-box { max-width: 700px; margin: 70px auto; padding: 50px; background: #ffffff; border: 1px solid #f2f2f2; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); } h1, p { text-align: center; } input, textarea { width: 100%; } .form-box label { color: #000; display: block; margin-bottom: 5px;} .form-box h4.titlecbg { color: #000; border-bottom: 1px solid #000; padding: 0 0 20px 0; font-size: 24px; font-weight: 600;} .form-box p { color: #000; text-align: left; padding: 35px 0 20px 0; font-size: 18px;} .form-group.hlfbox { width: 100% !important;} .hlfbox input {width: 47%; } .form-group { width: 97%; margin: 10px 0;} .form-group span {color: red;} .form-box .btn-primary{background: #1a7d67;border-radius: 2px;padding: 10px 50px;border-color: #1a7d67;font-size:18px; -webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); */ -moz-box-shadow: none; box-shadow:none;} .btncenter { text-align: center;} .form-control::-webkit-input-placeholder { color:#555555; }