.storelocator *{font-family: Arial, Helvetica;} .storelocator{ margin-top: -11px;} .storelocator .map-wrapper{position:relative} .storelocator .page-title{border-bottom:0} .storelocator .page-title h1{color: #343030;font-size: 27px;font-weight: bold;} .storelocator select#radius{width:113px} .storelocator select#country{width:150px} .storelocator .page-title{margin-bottom: 12px;} .storelocator .filter{ margin-bottom: 17px;} .storelocator input{-moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;width:310px !important; background: rgb(252,251,248); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmJmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmU5ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(252,251,248,1) 0%, rgba(235,233,228,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,251,248,1)), color-stop(100%,rgba(235,233,228,1))); background: -webkit-linear-gradient(top, rgba(252,251,248,1) 0%,rgba(235,233,228,1) 100%); background: -o-linear-gradient(top, rgba(252,251,248,1) 0%,rgba(235,233,228,1) 100%); background: -ms-linear-gradient(top, rgba(252,251,248,1) 0%,rgba(235,233,228,1) 100%); background: linear-gradient(to bottom, rgba(252,251,248,1) 0%,rgba(235,233,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf8', endColorstr='#ebe9e4',GradientType=0 ); border:1px solid #ffffff; -webkit-border-radius: 5px; border-radius: 5px; line-height: 27px; height:27px; color:#343030; font-size:13px; padding-left:12px; padding:0 11px; } .storelocator .input-container{border:1px solid #c2c0ba;-webkit-border-radius: 5px;border-radius: 5px;position: relative;} .storelocator .field{margin-right:26px;} .storelocator .country-input{width:154px} .storelocator .radius-input{width:120px} .storelocator .addres-input{width:336px !important;} .storelocator .map-container{border:1px solid #d3cece;width:100%; height:398px;margin-bottom: 26px;margin-left:-1px;position: relative;} .storelocator .button{} .storelocator .button span{background:none;padding:0 !important;border:1px solid #9a2d3c;-webkit-border-radius: 5px; border-radius: 5px; height:29px;} .storelocator .button span span{ border:1px solid #e73f56; -webkit-border-radius: 5px; border-radius: 5px; background: rgb(214,19,52); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2MTMzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjE4MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(214,19,52,1) 0%, rgba(171,24,49,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,19,52,1)), color-stop(100%,rgba(171,24,49,1))); background: -webkit-linear-gradient(top, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); background: -o-linear-gradient(top, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); background: -ms-linear-gradient(top, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); background: linear-gradient(to bottom, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d61334', endColorstr='#ab1831',GradientType=0 ); padding:0 11px !important; color:#ffffff; font-size:13px; font-weight:800; line-height: 27px; height:27px; text-shadow: 1px 1px 1px #4b1212; filter: dropshadow(color=#4b1212, offx=1, offy=1); text-transform:uppercase;} .storelocator .row{overflow:hidden} .storelocator .row .item{float:left;/*height:230px;*/padding-top: 32px;position:relative;} .storelocator .row .item h4{color:#343030; font-size:16px; font-family:'Lato', sans-serif;} .storelocator .result-header{} .storelocator .result-header h3{color:#252424; font-size:26px; font-weight:bold;font-family:'Lato', sans-serif;} .storelocator .divider{background: none repeat scroll 0 0 transparent;border-bottom: 1px solid #ECEBE9;border-top: 1px solid #DDDCDA;height: 0; bottom: 0;position: absolute;width: 249px;left:0} .storelocator .row .item.first .divider{left:0;} .storelocator .phone{color:#343030; font-size:14px; font-weight:bold;} .storelocator .item{overflow:hidden;} .storelocator .item .image{margin-bottom:10px;border:1px solid #343030} .storelocator .item .image img{width:100%} .storelocator .item .info-store{} .storelocator .item div{color:#343030; font-size:14px; } .storelocator .item h4{line-height: 30px;} .storelocator .item h4 img{width:32px; height:32px; margin-right:10px; } .storelocator .extend-link{padding-top: 15px;} .storelocator .extend-link a{font-size:14px; font-weight:bold; text-decoration:none} .storelocator .extend-link a span{margin-left:9px} .storelocator .extend-link a:hover{color:#db1e1e} .storelocator .extend-link .website{color:#8b8a8a;margin-right:40px} .storelocator .extend-link .get-direction{color:#961010;} .storelocator .back-to-top{height:18px; background-color:#d6d5d2; text-align:center; margin-top:45px; } .storelocator .back-to-top a{color:#555652; font-size:13px; font-weight:bold; text-decoration:none; line-height: 1;} .gm-info-window{ background: url("images/gm_info_window_bkg.png") no-repeat scroll 0 0 transparent;height: 224px;padding: 26px 28px;width: 222px;} .gm-info-window div{color:#343030; font-size:14px; } .gm-info-window div span{color:#343030; font-size:14px; } .gm-info-window .extend-link a{display:inline-block;margin: 0 0 11px !important; padding:0 !important} .gm-info-window .extend-link a span{background:none;padding:0 !important;border:1px solid #9a2d3c;-webkit-border-radius: 5px; border-radius: 5px;height:29px;display: inline-block;margin-left: 0 !important;} .gm-info-window .extend-link a span span{border:1px solid #e73f56;margin:0 !important; -webkit-border-radius: 5px; border-radius: 5px; background: rgb(214,19,52); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q2MTMzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYjE4MzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(214,19,52,1) 0%, rgba(171,24,49,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(214,19,52,1)), color-stop(100%,rgba(171,24,49,1))); background: -webkit-linear-gradient(top, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); background: -o-linear-gradient(top, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); background: -ms-linear-gradient(top, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); background: linear-gradient(to bottom, rgba(214,19,52,1) 0%,rgba(171,24,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d61334', endColorstr='#ab1831',GradientType=0 ); padding:0 11px !important; color:#ffffff; font-size:13px; font-weight:800; line-height: 27px; height:27px; text-shadow: 1px 1px 1px #4b1212; filter: dropshadow(color=#4b1212, offx=1, offy=1); text-transform:uppercase;} .gm-info-window .extend-link a:hover span{border:1px solid #7b7475;} .gm-info-window .extend-link a:hover span span{border:1px solid #aaa4a5;text-shadow: 1px 1px 1px #1a1616;filter: dropshadow(color=#1a1616, offx=1, offy=1);background: rgb(141,134,135);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkODY4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYwNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(141,134,135,1) 0%, rgba(99,96,96,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,134,135,1)), color-stop(100%,rgba(99,96,96,1)));background: -webkit-linear-gradient(top, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);background: -o-linear-gradient(top, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);background: -ms-linear-gradient(top, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);background: linear-gradient(to bottom, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8687', endColorstr='#636060',GradientType=0 );} .storelocator .loader-ajax{ background: url("images/loader.png") no-repeat scroll 0 0 transparent;display: inline-block;height: 16px;left: 5px;position: relative;top: 5px;width: 16px;display:inline-block;} .storelocator .no-result{color: #000000;font-size: 16px;font-weight: bold;text-align: center;} .storelocator .btn-current-location{display:inline-block;margin: 5px 0 11px !important; padding:0 !important} .storelocator .btn-current-location span{background:none;padding:0 !important;border:1px solid #7b7475;;-webkit-border-radius: 5px; border-radius: 5px;height:29px;display: inline-block;margin-left: 0 !important;} .storelocator .btn-current-location span span{border:1px solid #aaa4a5;text-shadow: 1px 1px 1px #1a1616;filter: dropshadow(color=#1a1616, offx=1, offy=1);background: rgb(141,134,135);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkODY4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MzYwNjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(141,134,135,1) 0%, rgba(99,96,96,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(141,134,135,1)), color-stop(100%,rgba(99,96,96,1)));background: -webkit-linear-gradient(top, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);background: -o-linear-gradient(top, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);background: -ms-linear-gradient(top, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);background: linear-gradient(to bottom, rgba(141,134,135,1) 0%,rgba(99,96,96,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d8687', endColorstr='#636060',GradientType=0 ); padding:0 28px !important; color:#ffffff; font-size:13px; font-weight:800; line-height: 27px; height:27px; text-shadow: 1px 1px 1px #4b1212; filter: dropshadow(color=#4b1212, offx=1, offy=1); text-transform:uppercase;} .storelocator .btn-current-location:hover span{} .storelocator .btn-current-location:hover span span{} .storelocator .cms-block{margin-bottom:20px;} /* 1280px <= width */ @media only screen and (min-width: 1280px) { .storelocator .map-wrapper{left: 0;position: absolute !important;width: 100% !important;} .storelocator .map-container{height:615px;} .search-result{margin-top: 650px !important;} .filter{background: url("images/bkg_filter.png") repeat scroll 0 0 transparent;border-bottom: 1px solid #B5B4AF;border-top: 1px solid #B5B4AF;height: 70px;left: 0;position: absolute !important;width: 100%;z-index: 1; top: 20px;} .filter form{display: block;margin: 20px auto 0;width: 900px;} } /* 960px <= width */ @media only screen and (min-width: 960px) { .search-result{ margin: 0 auto;width: 900px;} .storelocator .search-result .item:nth-child(3n+1) {border-left:none;width:249px;padding-right:36px;padding-left:0px; border-right:1px solid #bab8b1} /** 1 колонка **/ .storelocator .search-result .item:nth-child(3n+2){width:249px;padding-left:36px;padding-right:36px; border-right:1px solid #bab8b1;border-left:1px solid #dbdad8} /** 2 колонка **/ .storelocator .search-result .item:nth-child(3n+2) .divider{left:36px;} .storelocator .search-result .item:nth-child(3n+3){border-right:1px solid yellow; width:249px;border-right:none; border-left:1px solid #dbdad8;padding-left:37px} /** 3 колонка **/ .storelocator .search-result .item:nth-child(3n+3) .divider{left:36px;} } /* 768px <= width < 1024px */ @media only screen and (min-width: 768px) and (max-width: 1024px) { .search-result{width:719px} .storelocator .search-result .item:nth-child(odd) {border-left:none;width:295px;padding-right:62px;padding-left:0px; border-right:1px solid #bab8b1} /** 1 колонка**/ .storelocator .search-result .item:nth-child(even) {border-right:none;width:295px;padding-right:0;padding-left:62px; border-left:1px solid #dbdad8} /** 2 колонка**/ .storelocator .search-result .item:nth-child(odd) .divider, .storelocator .search-result .item:nth-child(even) .divider{width:295px;} .storelocator .search-result .item:nth-child(even) .divider{left:62px;} .storelocator .addres-input{width:235px !important} .storelocator input[type="text"] {width:209px !important} } /* 320px <= width < 768px */ @media only screen and (min-width: 320px) and (max-width: 767px) { .storelocator{width: 192px;margin:0 auto} .search-result{width: 192px !important;margin:0 auto} .storelocator .search-result .item{ border: medium none !important;display: block;float: none;padding-left: 0 !important;padding-right: 0 !important;width: 100% !important;} /** 1 колонка**/ .storelocator .search-result .item:nth-child(odd) .divider, .storelocator .search-result .item:nth-child(even) .divider{} .storelocator .search-result .item .divider{left:0 !important;width: 192px !important;} .storelocator .map-container{display:none;} .storelocator .page-title h1{text-align:center} .storelocator select#country{width:190px !important} .storelocator input[type="text"] {width:164px !important} .storelocator .addres-input{width:190px !important} .storelocator .field{margin-bottom:11px} .storelocator .radius-input{float: left;margin-right: 2px;width: 104px;} .storelocator .radius-input .input-box{width: 104px;} .storelocator select#radius{width:102px;} .storelocator .button {} .storelocator .result-header h3{font-size:16px;color:#252424;padding-bottom:30px; border-bottom:1px solid #dddcda} .storelocator .search-result .item {padding-bottom:30px;} .storelocator .current-location{display:block !important;clear: both;} .storelocator .current-location p{font-size:14px; color:#252424; text-align:center} .storelocator .extend-link a span{margin-left: 3px;} .storelocator .website{ margin-right: 5px !important} .storelocator .addres-input{width:193px !important} .storelocator input {width:165px !important} #radius_chosen{width:100px !important;} #country_chosen{width:190px !important;} .btn-current-location span span{font-size:11px !important;} .btn-current-location{margin: 5px auto 11px !important; padding: 0 !important;} }