*{ padding:0; margin:0; font-family: 'Open Sans', sans-serif; color: #222;} p{ font-size: 14px; line-height: 1.6; color: #5E5E5E; margin: 0px 0px 15px; font-weight: 400;} img { max-width: 100%;} input:focus, select:focus, textarea:focus, button:focus{ outline:none;} .container { max-width: 950px; width: 100%; margin:0 auto; padding:0px 15px;} .locator-page { padding: 50px 0px;} .locator-page h1{ font-size: 36px; font-weight: 700; color: #000; margin: 0px 0px 15px;} .flex-class { display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; flex-flow: wrap; width: 100%;} .store-select-row { background-color: #F6F6F6; padding: 30px; border-radius: 10px; margin-bottom: 15px;} .store-select-row .form-group { margin: 0px;} .store-select-row .form-group input.pincode-bx { width: 67%; margin-right: 3%; height: 50px; border-radius: 10px; border: none; background-color: #fff; padding: 0px 15px; font-size: 18px; color: #5E5E5E;} .store-select-row .form-group input.pincode-bx::placeholder { color: #BBBBBB;} .store-select-row .form-group input.pincode-bx::-ms-input-placeholder { color: #BBBBBB;} .store-select-row .form-group button.submit-btn { width: 30%; background-color: #0B9444; border: solid 1px #0B9444; height: 50px; line-height:45px; border-radius: 10px; font-size: 18px; color: #fff; font-weight: 700;} .store-select-row .form-group button.submit-btn:hover{ background-color: #fff; border: solid 1px #0B9444; color: #0B9444; } .store-main { border: solid 1px #E9E9E9; padding: 30px; border-radius: 10px;} .store-main .store-map { width: 330px;} .store-main .store-location-content { width: calc(100% - 330px); padding-left: 25px;} .store-location-content .store-content { max-height: 280px; height: 100%; overflow: auto; padding-right: 5px;} .store-location-content .store-content::-webkit-scrollbar { width: 6px; border-radius:20px;} .store-location-content .store-content::-webkit-scrollbar-track { background: #f1f1f1; border-radius:20px;} .store-location-content .store-content::-webkit-scrollbar-thumb { background: #888; border-radius:20px;} .store-main .store-content .store-col { width: 48%; border: solid 1px #E3E3E3; border-radius: 10px; margin-bottom: 15px;} .store-main .store-content .store-col .store-content-head { padding: 12px;} .store-main .store-content .store-col:nth-child(odd) { margin-right:2%;} .store-main .store-content .store-col:nth-child(even) { margin-left:2%;} .store-main .store-content .store-col h4 { margin: 0px 0px 10px; color: #5E5E5E; font-weight: 600;} .store-main .store-content .store-col p { font-size: 12px; padding-left: 20px; position: relative; margin-bottom: 0px;} .store-main .store-content .store-col p .location-icon { position: absolute; top: 2px; left: 0px;} .store-main .store-content .store-col p .location-icon img{ height:16px;} .store-main .store-content .store-col .store-info { background-color: #F6F6F6; padding: 8px 12px; border-radius: 0px 0px 10px 10px;} .store-main .store-content .store-col .store-info .store-info-left { width: 75px;} .store-main .store-content .store-col .store-info .store-info-right { width: calc(100% - 75px); text-align:right;} .store-main .store-content .store-col .store-info a { color:#5E5E5E; font-size:10px; text-decoration:none;} .store-main .store-content .store-col .store-info a:hover { color:#0B9444; fill:#0B9444;} .store-locator-detail-page { padding: 50px 0px;} .store-locator-detail-page h3.store-title { font-size: 20px; font-weight: 500; margin: 0px 0px 15px; color: #5E5E5E;} .border-class { border-bottom: solid 1px #E9E9E9; margin-bottom:30px; padding-bottom:30px;} .border-class:last-child { border-bottom: 0px; margin-bottom:0px; padding-bottom:0px;} .store-detail-data{ align-items: center;} .store-detail-data .store-data-left { width: 35%; padding-right: 15px;} .store-detail-data .store-data-left p{ font-size: 14px; padding-left: 20px; position: relative; margin-bottom: 0px;} .store-detail-data .store-data-left p .location-icon { position: absolute; top: 2px; left: 0px;} .store-detail-data .store-data-left p .location-icon img { height:16px;} .store-detail-data .store-data-right { width: 65%; padding-left: 15px; text-align:right;} .store-detail-data .store-data-right a { border: solid 1px #0B9444; border-radius: 5px; font-size: 12px; margin-left: 5px; padding: 0px 10px; display: inline-block; height: 30px; line-height: 27px; color: #0B9444; text-decoration: none;} .store-detail-data .store-data-right a img{ padding-right:3px; height: 10px;} .store-detail-data .store-data-right a:hover { background-color:#0B9444; border: solid 1px #0B9444; color: #fff;} .store-detail-data .store-data-right a:hover img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);} .gallery-slider .gallery-img { border-radius: 30px; overflow: hidden;} .gallery-slider .gallery-img img { width:100%;} .gallery-slider .slick-arrow { width: 50px; height: 50px; border-radius: 3px; background-color: #0003; z-index: 9;} .gallery-slider .slick-arrow:hover { background-color: #0006;} .gallery-slider .slick-prev { left: 30px;} .gallery-slider .slick-prev:before { content: ''; display: inline-block; width: 20px; height: 20px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(-135deg); opacity:1 !important; margin-left: 10px;} .gallery-slider .slick-next { right: 30px;} .gallery-slider .slick-next:before { content: ''; display: inline-block; width: 20px; height: 20px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg); opacity:1 !important; margin-right: 10px;} .store-category-row { padding-top: 30px;} .store-category-row ul{ list-style:none; margin:0px; padding:0px;} .store-category-row ul li { font-size: 14px; color: #5E5E5E; width: 33.333%; line-height: 34px; padding-right: 15px;} .store-product-section .product-row { margin-left:-1%;} .store-product-section .product-row .product-col { width: 18%; margin: 0px 1%;} .store-product-section .product-row .product-col a { display: block; text-decoration: none; border: solid 1px #F0F0F0; border-radius: 5px; overflow: hidden;} .store-product-section .product-row .product-col .product-text { padding: 10px;} .store-product-section .product-row .product-col .product-text h5 { margin: 0px 0px 7px; font-size: 14px; font-weight: 600; color: #5D5D5D;} .store-product-section .product-row .product-col .product-text p{ font-size:12px; margin:0px;} .store-product-section .product-row .product-col a:hover h5{ color:#0B9444;} .store-product-section .product-row .product-col a .product-figure{ overflow:hidden;} .store-product-section .product-row .product-col a .product-figure img{ transition: .3s ease-in-out;} .store-product-section .product-row .product-col a:hover .product-figure img{ -webkit-transform: scale(1.1); transform: scale(1.1); transition: .3s ease-in-out;} table.engine-table { width: 100%; border-radius: 3px;} table.engine-table th, table.engine-table td { border: solid 1px #EEEEEE; padding:15px;} table.engine-table th { background-color: #F8F8F8; width: 30%; color:#5E5E5E; font-size: 14px; font-weight: 700;} table.engine-table td { width: 70%; font-size: 14px;} table.schedule-table { width: 100%; border-radius: 3px; border: solid 1px #EEEEEE;} table.schedule-table th, table.schedule-table td { border-top: solid 1px #EEEEEE; padding:15px; width:25%;} table.schedule-table th { background-color: #F8F8F8; color:#5E5E5E; font-size: 14px; font-weight: 700;} table.schedule-table td { font-size: 14px;} table.schedule-table td img{ height:14px; padding-right:5px; vertical-align: middle;}