.arrow-up {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 10px 15px 10px;
margin: 0 auto;
position: relative;
z-index: 61;
}
.arrow-down {
width: 0px;
height: 0px;
border-style: solid;
border-width: 15px 10px 0 10px;
margin: 0 auto;
position: relative;
z-index: 61;
}
.arrow-right {
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 0 10px 15px;
position: absolute;
z-index: 61;
}
.arrow-left {
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 15px 10px 0;
position: absolute;
z-index: 61;
}
.arrow-bottom-border {
width: 0px;
height: 0px;
border-style: solid;
*border-width: 0 11px 16px 11px; border-color: transparent transparent #ffffff transparent;
position: absolute;
z-index: 1;
}
.arrow-top-border {
width: 0px;
height: 0px;
border-style: solid; border-width:11px 11px 0 11px; border-color: #ffffff transparent transparent transparent;
position: absolute;
z-index: 1;
}
.arrow-left-border {
width: 0px;
height: 0px;
border-style: solid;
border-width: 11px 0 11px 16px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
z-index: 1;
}
.arrow-right-border {
width: 0px;
height: 0px;
border-style: solid;
border-width: 11px 16px 11px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
z-index: 1;
}
.triangle-left {
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 20px 55px 0;
opacity: 1;
z-index: 2;
}
.triangle-right {
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 0 55px 20px;
opacity: 1;
z-index: 2;
}
.triangle-left-border {
width: 0px;
height: 0px;
position: absolute;
right: 0px;
border-style: solid;
border-width: 20px 20px 57px 0;
border-color: transparent transparent transparent transparent;
z-index: 1;
}
.triangle-right-border {
width: 0px;
height: 0px;
border-style: solid;
border-width: 20px 0 57px 20px;
border-color: transparent transparent transparent transparent;
z-index: 1;
}
.pin-style {
z-index: 10; 
cursor: pointer; 
position: absolute; 
box-shadow: none !important;
top: -77px; 
left: -39.5px;
}
.pin-mini-style {
z-index: 10; 
cursor: pointer; 
position: absolute; 
box-shadow: none !important;
top: -18px;
left: -8px;
}
.imapper-pin-color {
width: 40px;
height: 40px;
border-radius: 20px;
position: absolute;
top: -63px;
left: -21.5px;
cursor: pointer;
}
.imapper-pin-icon {
position: absolute;
top: -53px;
text-align: center;
color: white !important;
}
.imapper-pin-shadow {
box-shadow: none !important;
position: absolute;
margin-top: -75px;
margin-left: -41px;
}
.imapper-pin-wrapper {
height: 0px;
transform-origin:0% 0%;
-webkit-transform-origin:0% 0%;
-moz-transform-origin:0% 0%;
-ms-transform-origin:0% 0%;
-o-transform-origin:0% 0%;
}
.imapper-content-wrapper {
opacity: 0;
position: relative;
visibility: hidden;
z-index: 9; }
@media (max-width: 600px) {
.imapper-content-wrapper { }
}
.imapper-content {
position: relative; 
z-index: 60; }
.imapper-content-header {
padding: 10px 10px 0px 10px; 
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.imapper-content-text {
padding: 0 10px 0 10px;
margin-top: 10px;
line-height: 1.4 !important;
}
.mCSB_inside > .mCSB_container {
margin-right:20px !important;
}
.imagemapper-wrapper {
position:relative;
visibility:hidden;
text-align: left !important;
}
.imapper-content-tab {
font-size: 15px !important;
position: absolute;
z-index: 100;
}
.imapper-content-tab a {
text-decoration: none;
display: block;
font-size: 12px;
line-height: 1.5;
color: white;
}
.imapper-content-tab a:hover {
}
.imapper-content-tab a:focus {
outline: none !important;
} .imapper-value-tab-number {
display: block; 
width: 16px; 
height: 16px;
border-radius: 8px;
border: 1px solid #191970;
background-color: #4f92d3;
color: white;
font-size: 10px; 
line-height: 1.4; 
text-align: center; 
position: absolute; 
top: -70px; 
left: 2px; 
z-index: 10
}
.imapper-overlay-wrapper {
background-color: #000;
}
.imapper-overlay-wrapper > img.imapper-blur-effect {
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='blur'><feGaussianBlur stdDeviation='4' /></filter></svg>#blur");
}
.imapper-area-pin {
overflow:hidden;
opacity:0.3;
}
.imapper-area-pin img{
position:relative;
max-width:none !important;
display: none;
}
.imapper-area-pin.imapper-no-overlay img {
display: inline;
opacity:1;
}
.imapper-overlay-wrapper > img, .imapper-overlay-wrapper ~ .imapper-pin-wrapper > img,  .imapper-overlay-wrapper ~ .imapper-pin-wrapper .imapper-value-tab-number, .imapper-overlay-wrapper ~ .imapper-pin-wrapper > i.imapper-pin-icon, .imapper-overlay-wrapper ~ .imapper-pin-wrapper > div.imapper-pin-color, .imapper-overlay-wrapper ~ .imapper-pin-wrapper > span.iMapper-pin-1:before {
opacity:0.5;
transition:all 300ms;
}
.imapper-overlay-wrapper ~ .imapper-pin-wrapper .imapper-area-pin {
opacity:0.25;
}
.imapper-overlay-wrapper ~ .imapper-pin-wrapper > img.imapper-no-overlay, .imapper-overlay-wrapper ~ .imapper-pin-wrapper .imapper-area-pin.imapper-no-overlay, .imapper-overlay-wrapper ~ .imapper-pin-wrapper .imapper-no-overlay ~ .imapper-value-tab-number,  .imapper-overlay-wrapper ~ .imapper-pin-wrapper .imapper-no-overlay ~ i.imapper-pin-icon,  .imapper-overlay-wrapper ~ .imapper-pin-wrapper .imapper-no-overlay ~ div.imapper-pin-color, .imapper-overlay-wrapper ~ .imapper-pin-wrapper > span.iMapper-pin-1.imapper-no-overlay:before {
opacity:1;
transition:all 300ms;
}
.imagemapper-wrapper > img, .imagemapper-wrapper > .imapper-overlay-wrapper img {
display: block;
}
.imapper-category-button {
margin-right: 0px  !important;
margin-top:10px;
display: inline-block;
padding: 12px 18px;
background-color: #CF6527;
color: #f2f2f2;
}
.imapper-categories-wrapper {
margin-bottom: 10px;
text-align: center;
}
.imapper-category-active .imapper-category-button {
background-color: #f2f2f2;
transition:all 400ms linear;
color: #CF6527;
}
.imapper-content-below {
margin:0px auto;
padding:10px 0px;
opacity:1;
transition: opacity 400ms linear;
-webkit-transition: opacity 400ms linear;
background-color: #f2f2f2;
}
.imapper-content-below.imapper-cb-tabs-version {
background-color: transparent;
}
.imapper-content-below.imapper-content-below-invisible {
opacity:0;
}
.imapper-cb-tab-wrapper .imapper-category-arrow-bottom {
border-color: #f2f2f2 transparent;
}
.imapper-cb-tab-active .imapper-category-arrow-bottom {
border-color: #222 transparent;
transition:all 400ms linear;
}
.imapper-cb-tab-wrapper {
display: inline-block;
margin-right: 10px;
}
.imapper-cb-tab {
margin-top:10px;
display: inline-block;
padding: 12px 18px;
background-color: #f2f2f2;
color: #222;
text-decoration: none; }
.imapper-cb-tab-active .imapper-cb-tab {
background-color: #222;
color: #fff;
transition:all 400ms linear;
}
.imapper-cb-tabs {
margin-bottom: 20px;
text-align: left;
}
.imapper-cb-content.imapper-cb-content-active {
opacity:1;
transition:opacity 400ms linear;
visibility: visible;
height: auto;
}
.imapper-cb-content {
opacity:0;
visibility: hidden;
height: 0;
text-align: left;
}
.imapper-content-below .content-below-header {
font-size:15px;
font-weight: 700;
text-align:left;
padding: 20px 20px 15px 20px;
}
.imapper-content-below .content-below-text {
font-size:13px;
color:#707070;
text-align:left;
padding: 0px 20px 20px 20px;
}
.imapper-content-below.imapper-cb-tabs-version .content-below-header {
padding: 0px 0px 15px 0px;
}
.imapper-content-below.imapper-cb-tabs-version .content-below-text {
padding: 0px;
}
.imapper-category-item-wrapper {
display: inline-block;
margin-right: 10px;
}
.imapper-category-arrow-bottom {
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 7px 0px;
margin: 0px auto;
position: relative;
z-index: 61;
border-color: #CF6527 transparent;
}
.imapper-category-active .imapper-category-arrow-bottom {
border-color: #f2f2f2 transparent;
transition: border-color 400ms linear;
}
.imapper-cb-content-wrapper {
background-color:#f2f2f2;
padding: 20px;
}
.imagemapper-wrapper .mCustomScrollBox {
max-height: 90%;
} .imapper-content-header {
font-size: 17px;
}
.imapper-content-text {
font-size: 14px;
}
.imagemapper-wrapper {
margin: 0 auto;
}
.imapper-category-button {
margin-right: 10px;
text-decoration:none;
}
.imapper-category-button:focus {
outline:none;
}
.imapper-category-hidden {
transition:all 500ms linear;
opacity: 0;
cursor: auto;
z-index:-1;
}
.imapper-category-hidden .pin-style {
cursor: auto;
}
.imapper-pin-wrapper {
transition:opacity 500ms linear;
}
.imapper-pin-wrapper[data-open-position="top"] .imapper-content-tab[style*="right: 0"],.imapper-pin-wrapper[data-open-position="top"] .imapper-content-tab[style*="right:0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right: 0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right:0"], .imapper-pin-wrapper[data-open-position="left"] .imapper-content-tab[style*="bottom: 0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right:0"] , .imapper-pin-wrapper[data-open-position="right"] .imapper-content-tab[style*="bottom: 0"],.imapper-pin-wrapper[data-open-position="bottom"] .imapper-content-tab[style*="right:0"]   {
border-width: 1px !important
}
.imapper-arrow.arrow-down:nth-child(n+3), .arrow-top-border.imapper-arrow-border:nth-child(n+4) {
display: none !important;
} .imapper-pin-wrapper-my-inner-front{
border-radius:50%;
background-color:black;
opacity:0.4;
width:30px;
height:30px;
border:3px solid white;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.my_inner_dot-front{
color:white;
width:5px;
height:5px;
margin-top:9px;
margin-left:9px;
opacity:1;
border-radius:50%;
background-color:white;
}
.imapper-my-content-wrapper{
color:#545454;  text-align:center !important;
min-width:200px;
position:absolute;
z-index:11; }
.imapper-my-content-wrapper .my_hover_inner_1234{
padding-left:5px;
padding-right:5px;
}
.imapper-my-content-wrapper div.my_hover_title{    display:table-cell;
vertical-align:middle;
height:50px;
text-align:center;
overflow:hidden;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box; }
.my_product_header{
position:relative; width:100%;
padding-left:20px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}
.my_product_title{
height:44px;
width:100%;
text-align:left;
display:table-cell;
vertical-align:middle;
}
.my_product_title_inner{
overflow:hidden;
margin-right:30px;
}
.my_product_close{
font-size:16px !important;
line-height:16px !important;
position:absolute;
right:10px;
top:50%;
margin-top:-8px;
cursor:pointer;
}
.my_product_close .my_font_size{
font-size:16px !important;
line-height:16px !important;
cursor:pointer;
}
.my_product_text_div{
float:left; width:100%;
}
.imapper-my-content-wrapper{
}
.my_product_image_div{
float:left;
width:50%;
height:100%;
}
.my_product_image_div img{
max-width:100% !important;
height:auto !importnat;
border-radius:0 !important;
box-shadow:none !important;
}
.my_view_item_category{
width:100%;
height:45px;
overflow:hidden;
}
.my_product_footer{
width:100%;
height:45px;
overflow:hidden;
}
.my_product_footer .my_view_item{
float:left;
width:50%;
cursor:pointer;
}
.my_product_footer .my_add_item{
float:left;
width:50%;
cursor:pointer; 
}
.my_view_item div, .my_add_item div, .my_view_item_category div{
height:45px;
display:table-cell;
text-align:center;
display:table-cell;
vertical-align:middle;
width:100%;
}
.my_product_main{
overflow:hidden;
}
.my_clear{
width:0;
height:0;
clear:both;
content:" ";
}
.my_padding_left_20{
padding-left:20px;
}
.my_product_price{  padding-top:8%;
padding-bottom:8%;
}
.my_padding_right_20{
padding-right:20px;
}  .imapper-arrow-new{
position:absolute;
top:50%;
left:-10px;
margin-top:-8px;
border-right-width:10px;
}
.imapper-arrow-new-top{
position:absolute;
top:-10px;
left:50%;
margin-left:-8px;
border-bottom-width:10px;
}
.imapper-arrow-new-right{
position:absolute;
top:50%;
right:-10px;
margin-top:-8px;
border-left-width:10px;
}
.imapper-arrow-new-bottom{
position:absolute;
left:50%;
bottom:-10px;
margin-left:-8px;
border-top-width:10px;
}
.imagemapper-wrapper .pin-style img{
border:none;
box-shadow:none;
border-radius:0px;
}