.anim {
    -o-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;    
}
body{margin: 0; padding: 0;}
#template {
    border: 0;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}
#template *{
  box-sizing: border-box;
  font-family: "Open Sans";
}
#template i{
  font-family: "FontAwesome";
    margin-right: 10px;
}
#template div,
#template span,
#template img,
#template t#template,
#template menu,
#template nav,
#template footer,
#template header {
    border: 0;
    margin: 0;
    padding: 0;
}
#template h1,
#template h2,
#template h3,
#template h4,
#template h5,
#template h6,
#template p,
#template a,
#template ins,
#template strong,
#template sub,
#template i,
#template dt,
#template ul,
#template li {
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}
#template footer,
#template header,
#template nav {
    display: block;
}
#template a img {
    border: 0;
}

#template footer a {color:#fff!important;}

:focus {
    outline: 0;
}
.cf:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.cf {
    display: inline-block;
}
* html .cf {
    height: 1%;
}
.cf {
    display: block;
}
@-moz-keyframes slideEffectLeft {
    0% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes slideEffectLeft {
    0% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes slideEffectLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
@-o-keyframes slideEffectLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes slideEffectRight {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes slideEffectRight {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes slideEffectRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
@-o-keyframes slideEffectRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
@-moz-keyframes slideEffectBottom {
    0% {
        -moz-transform: translateY(100%);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes slideEffectBottom {
    0% {
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes slideEffectBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}
@-o-keyframes slideEffectBottom {
    0% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}
#template {
    color: #272727;
    font-size: 14px;
}
#template a:link,
#template a:visited,
#template a:hover,
#template a:active {
    text-decoration: none;
    color: #272727;
}
#template form {
    margin-bottom: 0;
}
#template div.inner {
    width: 1080px;
    margin: 0 auto;
    box-sizing: border-box;
}
#template .iconList li {
    padding-left: 1.2em;
    list-style: none;
    margin-bottom: 5px;
}
#template .iconList li::before {
    content: '\f00c';
    font-family: FontAwesome;
    font-weight: 400;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.2em;
}
#template i {
    font-style: normal;
}
#template header {
    width: 100%;
    background-color: none;
    height: 90px;
}
#template header .inner {
    text-align: left;
    height: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
    position:relative;
}
#template header .inner a {
  line-height: 50px;
  padding:0 30px;
}
#template header .inner a img {
    max-height: 70px;
    max-width: 350px;
}
#template nav {
    width: 100%;
}
#template nav .inner ul {
    width: 588px;
    list-style: none;
    display: table;
    width: 100%;
    position: relative;
}
#template nav .inner ul li {
    display: table-cell;
    text-align: center;
}
#template nav .inner ul li a {
    display: block;
    font-size: 18px;
    padding: 5px 10px;
}
#template nav .inner ul li a:hover {d
    border-bottom: 3px solid #333;
    padding-bottom: 2px;
}
#template nav .inner ul li a {
    padding: 9px 10px;
    border-bottom: 4px solid #f0f0f0;
    text-transform: uppercase;
    color: white;
}
#template nav .inner ul li a:hover {
    padding-bottom: 9px;
}
#template nav .inner ul li ul {
    display: none;
    position: absolute;
}
@media handheld,
only screen and (min-width: 980px) {
    #template nav .inner ul li:hover ul {
        display: block;
        left: 0;
        top: 46px;
        width: 980px;
        background-color: rgba(0, 0, 0, 0.6);
        border-top: 3px solid #333;
        padding: 20px;
        -moz-column-count: 3;
        -moz-column-gap: 10px;
        -webkit-column-count: 3;
        -webkit-column-gap: 10px;
        column-count: 3;
        column-gap: 10px;
        list-style: none;
        z-index: 9999;
    }
    #template nav .inner ul li:hover ul li {
        display: inherit;
    }
    #template nav .inner ul li:hover ul li a {
        display: block;
        font-size: 15px;
        padding: 5px 10px;
        color: #fff;
        font-weight: lighter;
    }
    #template nav .inner ul li:hover ul li a:hover {
        border: none;
        background-color: #1a1a1a;
    }
    #template nav .inner ul li:hover ul li a {
        border: none;    text-align: left;
    }
    
    #template header .inner a img {max-height:50px;}
}
#template nav .inner div.search {
    float: right;
    position: relative;
}
#template nav .inner div.search .input_search {
    background-color: #a02b3e;
    width: 237px;
    border: none;
    line-height: 37px;
    padding: 0 30px 0 10px;
    font-size: 14px;
    height: 46px;
}
#template nav .inner div.search .search_btn {
    font-family: FontAwesome;
    font-weight: 400;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    background-color: transparent;
    font-size: 18px;
}
@media handheld,
only screen and (min-width: 1350px) {
    #template nav .mobile_menu,
    #template nav #menu-close-btn {
        display: none;
    }
}
#template #content {
    width: 100%;
}
#template #content .inner {
    padding: 20px 10px;
    width: 1350px;
    margin: 0 auto;
    background: #fff;
}
#template #content .inner .leftContent {
    float: left;
    width: 750px;
    margin-right: 10px;
}
#template #content .inner #productBigImage {
    position: relative;
    overflow: hidden;
    width: 750px;
    height: 560px;
}
#template #content .inner .leftContent #productBigImage #lightbox_close {
    display: none;
}
#template #content .inner .leftContent #productBigImage #lightbox:target {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
#template #content .inner .leftContent #productBigImage #lightbox:target img {
    width: 50%;
    height: auto;
    transform: translateX(50%) translateY(10%);
}
#template #content .inner .leftContent #productBigImage #lightbox:target div {
    position: relative;
}
#template #content .inner .leftContent #productBigImage #lightbox:target div a#lightbox_close {
    position: absolute;
    color: white;
    display: block;
    background: #333;
    width: 100px;
    top: 10px;
    right: 10px;https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800
    border-radius: 2px;
    text-transform: uppercase;
    z-index: 1001;
}
#template #content .inner .leftContent #productBigImage .imgBtn {
    position: absolute;
    width: 32px;
    height: 72px;
    display: block;
    background-color: rgba(240, 240, 240, 0.9);
    top: 50%;
    transform: translateY(-50%);
    font-family: FontAwesome;
    font-weight: 400;
    color: #8a8a8a;
    font-size: 20px;
    line-height: 75px;
    text-align: center;
    cursor: pointer;
    z-index: 9999;
}
#template #content .inner .leftContent #productBigImage #leftImg {
    left: 0;
}
#template #content .inner .leftContent #productBigImage #leftImg::before {
    content: "\f053";
}
#template #content .inner .leftContent #productBigImage #rightImg {
    right: 0;
}
#template #content .inner .leftContent #productBigImage #rightImg::before {
    content: "\f054";
}
#template #content .inner .leftContent #productBigImage #zoom {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    background: url("../images/zoom.png") no-repeat;
    width: 134px;
    height: 23px;
    z-index: 1001;
}
#template #content .inner .leftContent .productThumbs .productSmallImage {
    width: 128px;
    height: 96px;
    max-height: 200px;
    margin-top: 10px;
    float: left;
    margin-left: 10px;
    border: 1px solid white;
}
#template #content .inner .leftContent .productThumbs .productSmallImage:first-child {
    margin-left: 0;
}
#template #content .inner .leftContent #productSmallImageActive {
    border: 1px solid #a3a3a3;
}
#template #content .inner .rightContent {
    float: right;
    width: 550px;
}
#template #content .inner .rightContent #productTitle,
#template #content .inner .rightContent #productText,
#template #content .inner .rightContent #productAdditions {
    display: block;
    width: 100%;
    padding: 15px 0;
}
#template #content .inner .rightContent #productTitle {
    padding-top: 0;
    font-size: 34px;
    font-weight: 600;
    line-height: 40px;
    font-family: Montserrat;
    margin-bottom: 0px;
    padding: 0px;
}
#template #content .inner .rightContent #productText {
    color: #838383;
    line-height: 17px;
}
#template #content .inner .rightContent #productAdditions div {
    float: left;
    font-size: 13px;
}
#template #content .inner .rightContent #productAdditions div span {
    display: block;
}
#template #content .inner .rightContent #productAdditions div #productShipping::before {
    content: " ";
    display: inline-block;
    border-radius: 10px;
    background: #629c08;
    margin-right: 5px;
    width: 10px;
    height: 10px;
}
#template #content .inner .rightContent #productAdditions #productBrand img {
    width: auto;
    display: inline-block;
    height: auto;
    float: right;
    border: 1px solid #f0f0f0;
    padding: 8px;
    max-height: 35px;
}
#template #content .inner .rightContent #productPriceWrapper #priceArea,
#template #content .inner .rightContent #productPriceWrapper #buyArea {
    vertical-align: top;
}
#template #content .inner .rightContent #productPriceWrapper #priceArea {
    display: inline-block;
    width: 50%;
    font-size: 40px;
    text-align: right;
    padding: 0 10px;
    font-weight: 300;
    background: #922234;
    color: white;
}
#template #content .inner .rightContent #productPriceWrapper{
    background: #a02b3e;
}
#template #content .inner .rightContent #productPriceWrapper #rememberSeller{
display: inline-block;
    width: 49%;
    line-height: 68px;
    padding: 0 0 0 30px;
    color: white;
}
#template #content .inner .rightContent #productPriceWrapper #rememberSeller:hover{

}
#template #content .inner .rightContent #productPriceWrapper #priceArea #tax {
    font-size: 11px;
    display: block;
    text-align: right;
    margin-top: -6px;
    line-height: .8;
    margin-bottom: 7px;
}

#template #content .inner .rightContent #productPriceWrapper #buyArea {
    float: right;
    margin-right: 20px;
    padding: 20px;
    background-color: white;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
#template #content .inner .rightContent #productPriceWrapper #buyArea:hover {
    background: #a3a3a3;
    color: white;
}
#template #content .inner .rightContent #productExtras {
    margin-top: 10px;
}
#template #content .inner .rightContent #productExtras #rememberArticle,
#template #content .inner .rightContent #productExtras #rememberSeller {
    display: inline-block;
    vertical-align: top;
    margin-left: 12%;
    font-size: 12px;
    white-space: nowrap;
}
#template #content .inner .rightContent #productExtras #rememberArticle::before,
#template #content .inner .rightContent #productExtras #rememberSeller::before {
    font-weight: 400;
    width: 100%;
    height: 100%;
    font-size: 1em;
    margin-right: 5%;
}
#template #content .inner .rightContent #productExtras #rememberArticle::before {
    color: #ca6900;
    content: "\e60a";
}
#template #content .inner .rightContent #productExtras #rememberSeller::before {
    color: #272727;
    content: "\e613";
}
#template #content .inner #tabs {
    margin-top: 30px;
}
#template #content .inner #tabs strong {
}
#template #content .inner #tabs .tabList li {
    display: inline-block;
}
#template #content .inner #tabs .tabList li a {
    cursor: pointer;
    display: block;
    padding: 5px 15px;
    text-transform: uppercase;
    border: 1px solid #f0f0f0;
    z-index: 100;
    background-color: #f0f0f0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}
#template #content .inner #tabs .tabsContent {
    margin-top: -1px;
    display: none;
    left: 0;
    top: 20px;
    border: 1px solid #f0f0f0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #272727;
}
#template #content .inner #tabs .tabsContent ul {
    margin-top: 20px;
}
#template #content .inner #tabs .tabsContent ul li {
    list-style: none;
    background-color: #f0f0f0;
    padding: 5px 10px;
}
#template #content .inner #tabs .tabsContent ul li:nth-child(2n) {
    background-color: transparent;
}
#template #content .inner #tabs .tabsContent ul.noneStyle {
    padding: 0;
    margin-top: 0;
}
#template #content .inner #tabs .tabsContent ul.noneStyle li {
    background-color: transparent;
}
#template #content .inner #tabs .tabsContent p {
    margin: 10px;
}
#template #content .inner #tabs div.activeTab {
    display: block;
}
#template #content .inner #tabs .tabList li a.activeTab {
    border-bottom: 1px solid white;
    background-color: white;
}
#template #content .inner .bigBox {
    margin-top: 20px;
    float: left;
    width: 100%;
    text-transform: uppercase;
}

#template #content .inner .topseller h3{
  font-weight: 400;
  font-size: 16px;
  text-transform: initial;
}

#template #content .inner .topseller .topsellerPrice{
    font-weight: 300;
    font-size: 17px;
}

#template #content .inner .topseller .topsellerLink{
    font-weight: 100;
    font-size: 16px;
    width: auto;
    display: initial;
    padding: 5px 20px;
    color: #333;
    text-transform: uppercase;
}
#template #content .inner .bigBox h2 {
    text-align: center;
    font-size: 21px;
    font-weight: 400;
}
#template #content .inner .bigBox li {
    border: 1px solid #f0f0f0;
    padding: 5px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 0;
    text-align: center;
    width: 33%;
    margin-top: 10px;
    height: 385px;
    vertical-align: top;
    overflow: hidden;
}
#template #content .inner .bigBox li img {
    height: 220px;
    margin: 10px 0;
}
#template #content .inner .bigBox li span,
#template #content .inner .bigBox li a {
    display: block;
    position: relative;
    margin: 10px;
}
#template #content .inner .bigBox li:first-child {
    margin-left: 0;
}
#template #content .inner .bigBox span {
}
#template #content .inner .bigBox .fullSize li {
    border: none;
    padding: 0;
    height: auto;
    position: relative;
}
#template #content .inner .bigBox .fullSize li img {
    height: auto;
    max-width: 100%;
    max-height: 315px;
    margin: 0;
}
#template #content .inner .bigBox .fullSize li a {
    margin: 0;
}
#template #content .inner .bigBox .fullSize li .overlay {
    position: absolute;
    bottom: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    color: white;
    padding: 5px 0;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    cursor: pointer;
}
#template #content .inner .topCats .fullSize li .overlay span{
    padding-bottom: 5px;
    margin-bottom: 0;
}
#template #content .inner .topCats .fullSize li .overlay span::after{
    content: " ";
    display: block;
    border-bottom: 1px solid #fff;
    width: 15%;
    margin: 0 auto;
    margin-top: 5px;
}
#template #content .inner .topCats .fullSize li .overlay a{
  text-transform: initial;
}
#template #content .inner .bigBox .fullSize li .overlay a:link,
#template #content .inner .bigBox .fullSize li .overlay a,
#template #content .inner .bigBox .fullSize li .overlay a:visited,
#template #content .inner .bigBox .fullSize li .overlay a:hover {
    color: #f0f0f0;
    margin-bottom: 10px;
}
#template #content .inner .bigBox .fullSize li .overlay:hover {
    background-color: #000;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox {
    background: #a02b3e;
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    width: 100%;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox a:hover{
    color: white;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox i::before {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 50px;
    vertical-align: top;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox .heart::before {
    content: "\f08a";
}
#template #content .inner .bigBox .fullSize li .smallInfoBox .cart::before {
    content: "\f07a";
}
#template #content .inner .bigBox .fullSize li .smallInfoBox .curr::before {
    content: "\f153";
}
#template #content .inner .bigBox .fullSize li .smallInfoBox i {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    margin-top: 9px;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox div {
    display: inline-block;
    width: 73%;
    vertical-align: top;
    text-align: left;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox div span {
    margin: 0 0 10px 0;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox div span::after {
    left: 0;
    border-bottom: 1px solid #272727;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox a:link,
#template #content .inner .bigBox .fullSize li .smallInfoBox a,
#template #content .inner .bigBox .fullSize li .smallInfoBox a:visited,
#template #content .inner .bigBox .fullSize li .smallInfoBox a:hover {
    font-size: 16px;
}
#template #content .inner #supportBoxen {
    margin-top: 0;
}
#template #content h2 {
    color: #272727;
    font-size: 26px;
    font-weight: normal;
}
#template #content p {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 20px;
}
#template .productinfo p {font-size:17px!important;}

@media handheld,
only screen and (max-width: 980px) {
    #template #content p {
	line-height: 1.5;
	margin: 10px 0;
	font-size: 14px;
    }
    #template header .inner a img {max-height:50px;}
}

#template footer {
    width: 100%;
    background: #0779D1;
}
#template footer div.inner {
    padding: 20px 30px;
    background-color: #0779D1;
    color: #fff;
}
#template footer div.inner p {
    width: 100%;
    border-bottom: 1px solid #fff;
}
#template footer div.inner div {
    display: inline-block;
    vertical-align: top;
    margin-right: 130px;
    margin-top: 10px;
}
#template footer div.inner div strong {
    font-size: 12px;
    color: #fff;
}
#template footer div.inner div h2 {
    font-weight: 100;
    color: #fff;
}
#template #rights {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}
#template #rights span {
    margin-top: 10px;
    font-size: 11px;
    display: block;
}
#template #rights img {
    width: 137px;
    height: auto;
    display: block;
    margin: 15px auto;
}
@media handheld,
only screen and (max-width: 980px) {
    #template {
        padding: 0 10px;
    }
    #template div.inner {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
    }
    #template nav #menu-btn #menu-ico {
        height: 30px;
        margin-left: 5px;
        float: left;
    }
    #template nav #menu-btn #menu-ico::before {
        font-family: FontAwesome;
        font-weight: 400;
        content: "\f0c9";
        line-height: 32px;
        padding-left: 5px;
    }
    #template nav #menu-btn #menu-txt {
        margin-right: 20px;
        line-height: 29px;
        display: block;
        width: 96%;
        text-align: right;
    }
    #template nav #menu-close-btn #menu-close-ico {
        height: 30px;
    }
    #template nav .inner ul {
        margin-top: 100px;
        width: 100%;
        position: inherit;
    }
    #template nav .inner ul li ul {
        margin: 0;
        display: block;
        position: inherit;
    }
    #template nav .inner ul li ul li:last-child {
        border: none;
    }
    #template nav .inner div.search {
        position: absolute;
        top: 50px;
        width: 100%;
    }
    #template nav .inner div.search .input_search {
        width: 100%;
        box-sizing: border-box;
        padding-right: 35px;
    }
    #template nav div.mobile_menu,
    #template nav div#menu-close-btn {
        display: block;
    }
    #menu-close-btn {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 22px;
        margin-top: -2px;
        float: right;
        cursor: pointer;
        background: #5F5F5F none repeat scroll 0 0;
        border: 1px solid #6E6E6E;
        border-radius: 4px;
    }
    ul.menu {
        border-top: 1px solid #888;
    }
    ul.menu li {
        width: 100%;
        text-align: left;
        padding: .5em 1em;
        box-sizing: border-box;
        border-bottom: 1px solid #888;
    }
    a.open-panel,
    a.close-panel {
        display: inline;
        color: #333;
    }
    .close-panel {
        position: relative;
        top: .5em;
        left: 1em;
    }
    #menuSide {
        width: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        background: #777;
        z-index: 99999;
    }
    .open#template nav #menuSide {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        height: 100%;
    }
    .close#template nav #menuSide {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        height: 100%;
    }
    #menuSide {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        height: 100%;
    }
    #template #content .inner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #template #content .inner .leftContent,
    #template #content .inner .rightContent {
        float: inherit;
        width: 100%;
    }
    #template #content .inner .leftContent #productBigImage {
        width: 100%;
        height: auto;
    }
    #template #content .inner .leftContent #productBigImage #lightbox:target img {
        width: 95%;
        transform: translateX(1%) translateY(5%);
    }
    #template #content .inner .leftContent .productThumbs .productSmallImage {
        width: 22.1%;
    }
    #template #content .inner .rightContent #productPriceWrapper #priceArea {
        font-size: 29px;
    }
    #template #content .inner #bannerRight {
        display: none;
    }
    #template #content .inner #supportBoxen {
        display: none;
    }
    #template #content .inner .bigBox {
        display: none;
    }
    #template footer {
        padding: 20px;
        box-sizing: border-box;
    }
    #template footer .inner div {
        display: inherit;
    }
}
#template #content div.inner #bannerRight #rightBannerText{
  background: #201c1b;
  color: #fff;
  padding: 15px;
}
#template #content div.inner #bannerRight #rightBannerText h3{
  margin-bottom: 10px;
  font-weight: 300;
    font-size: 17px;
}
#template #content div.inner #bannerRight img{
  margin-bottom: 5px;    max-width: 100%;
}
#template #content div.inner #tabs .tabsContent ul.noneStyle li {
    padding-left: 10px;
    list-style: initial;
    list-style-position: inside;
}
@media handheld,
only screen and (max-width: 980px) {
    #template {
        padding: 0 10px;
    }
    #template div.inner {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
        padding: 15px 0;
    }
    #template nav {
        color: #fff;
    }
    #template nav #menu-btn {
        background-color: #1e547f;
    }
    #template nav #menu-btn #menu-ico {
        height: 30px;
        margin-left: 5px;
        float: left;
    }
    #template nav #menu-btn #menu-ico::before {
        font-family: FontAwesome;
        font-weight: 400;
        content: "\f0c9";
        line-height: 32px;
        padding-left: 5px;
    }
    #template nav #menu-btn #menu-txt {
        margin-right: 20px;
        line-height: 29px;
        display: block;
        width: 96%;
        text-align: right;
        color: #fff;
    }
    #template nav #menu-close-btn #menu-close-ico {
        height: 30px;
    }
    #template nav div.inner ul {
        margin-top: 100px;
        width: 100%;
        position: inherit;
    }
    #template nav div.inner ul li ul {
        margin: 0;
        display: block;
        position: inherit;
    }
    #template nav div.inner ul li ul li:last-child {
        border: none;
    }
    #template nav div.inner div.search {
        position: absolute;
        top: 50px;
        width: 100%;
    }
    #template nav div.inner div.search .input_search {
        width: 100%;
        box-sizing: border-box;
        padding-right: 35px;
    }
    #template nav div.mobile_menu,
    #template nav div#menu-close-btn {
        display: block;
    }
    #menu-close-btn {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-right: 22px;
        margin-top: -2px;
        float: right;
        cursor: pointer;
        background: #5F5F5F none repeat scroll 0 0;
        border: 1px solid #6E6E6E;
        border-radius: 4px;
    }
    ul.menu {
        border-top: 1px solid #888;
    }
    ul.menu li {
        width: 100%;
        text-align: left;
        padding: .5em 1em;
        box-sizing: border-box;
        border-bottom: 1px solid #888;
    }
    a.open-panel,
    a.close-panel {
        display: inline;
        color: #333;
    }
    .close-panel {
        position: relative;
        top: .5em;
        left: 1em;
    }
    #menuSide {
        width: 100%;
        position: absolute;
        top: 0;
        left: -100%;
        background: #777;
        z-index: 99999;
    }
    .open#template nav #menuSide {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        height: 100%;
    }
    .close#template nav #menuSide {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        height: 100%;
    }
    #menuSide {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        height: 100%;
    }
    #template #content div.inner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #template #content div.inner .leftContent,
    #template #content div.inner .rightContent {
        float: inherit;
        width: 100%;
    }
    #template #content div.inner .leftContent #productBigImage {
        width: 100%;
        height: auto;
    }
    #template #content div.inner .leftContent #productBigImage #lightbox:target img {
        width: 95%;
        transform: translateX(1%) translateY(5%);
    }
    #template #content div.inner .leftContent .productThumbs .productSmallImage {
        width: 22.1%;
    }
    #template #content div.inner .rightContent #productPriceWrapper #priceArea {
    width: 49.7%;
    font-size: 30px;
    height: 68px;
    padding-top: 5px;
    }
    #template #content div.inner #bannerRight {
        display: none;
    }
    #template #content div.inner #supportBoxen {
        display: none;
    }
    #template #content div.inner .bigBox {
        display: none;
    }
    #template footer {
        padding: 20px;
        box-sizing: border-box;
        background-color: #0779D1;
    }
    #template footer .inner div {
        display: inherit;
    }
}
#template #content div.inner #bannerRight {
    background: none;
    position: relative;
    padding: 0px;
}
#template #content div.inner #tabs .tabsContent ul.noneStyle li {
    padding-left: 10px;
    list-style: initial;
    list-style-position: inside;
}
#template nav div.inner ul li:hover ul {
    background-color: #000;
    z-index: 9999999;
    width: auto;
}
#template nav div.inner > ul > li:hover > ul {
    z-index: 9999999;
    width: 980px;    background-color: rgba(0, 0, 0, 0.65);
}
@media handheld,
only screen and (max-width: 980px) {
    #template #menuSide {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0)!important;
        -moz-transform: translate3d(0, 0, 0)!important;
        -ms-transform: translate3d(0, 0, 0)!important;
        -o-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important;
        height: 100%;
        display: none;
    }
    #template header div.inner {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
        padding: 15px 0;
    }
    #template nav div.inner ul li:hover ul {
        background-color: #000;
        z-index: 9999999;
        width: auto;
    }
    #template nav div.inner ul li ul {
        margin: 0;
        display: none;
        position: inherit;
    }
    #template nav div.inner {
        background-color: rgba(0, 0, 0, 0.92);
        padding: 0;
        width: 100%;
    }
    #template nav div.inner ul li a:hover {
        padding-bottom: 5px;
        background-color: rgb(255, 255, 255);
        color: #000;
    }
    #template nav div.inner div.search .input_search {
        background-color: rgba(72, 72, 72, 0.5);
        width: 100%;
        border: none;
        line-height: 37px;
        padding: 0 30px 0 10px;
        font-size: 14px;
        height: 43px;
        color: #fff;
    }
    #template nav div#menu-close-btn {
        display: block;
        width: 30px;
        position: relative;
        margin-right: 30px;
    }
    #template #content div.inner .leftContent #productBigImage img {
        display: block;
        width: 100%;
        height: auto;
        z-index: 500;
    }
    #template footer div.inner {
        background-color: #0779D1;
        padding: 0;
        box-sizing: border-box;
    }
    #template #content div.inner .rightContent {
        float: inherit;
        width: auto;
        padding: 10px 10px;
    }
    #template #content div.inner .leftContent .productThumbs .productSmallImage {
        height: auto;
        max-height: 200px;
        margin-top: 10px;
        float: left;
        margin-left: 8px;
        border: 1px solid #e2e2e2;
    }
}
#template .menu a:link,
#template .menu a:visited,
#template .menu a:hover,
#template .menu a:active {
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}
@media (max-width: 980px) {
    #menuSide {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0)!important;
        -moz-transform: translate3d(0, 0, 0)!important;
        -ms-transform: translate3d(0, 0, 0)!important;
        -o-transform: translate3d(0, 0, 0)!important;
        transform: translate3d(0, 0, 0)!important;
        height: 100%;
        display: none;
    }
    #template header div.inner {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
        padding: 15px 0;
    }
    #template nav div.inner ul li:hover ul {
        background-color: #000;
        z-index: 9999999;
        width: auto;
    }
    #template nav div.inner ul li ul {
        margin: 0;
        display: none;
        position: inherit;
    }
    #template nav div.inner {
        background-color: rgba(0, 0, 0, 0.92);
        padding: 0;
        width: 100%;
    }
    #template nav div.inner ul li a:hover {
        padding-bottom: 5px;
        background-color: rgb(255, 255, 255);
        color: #000;
    }
    #template nav div.inner div.search .input_search {
        background-color: rgba(72, 72, 72, 0.5);
        width: 100%;
        border: none;
        line-height: 37px;
        padding: 0 30px 0 10px;
        font-size: 14px;
        height: 43px;
        color: #fff;
    }
    #template nav div#menu-close-btn {
        display: block;
        width: 30px;
        position: relative;
        margin-right: 30px;
    }
    #template #content div.inner .leftContent #productBigImage img {
        display: block;
        width: 100%;
        height: auto;
        z-index: 500;
    }
    #template footer div.inner {
        background-color: #0779D1;
        padding: 0;
        box-sizing: border-box;
        border: none;
    }
    #template #content div.inner .leftContent .productThumbs .productSmallImage {
        height: auto;
        max-height: 200px;
        margin-top: 10px;
        float: left;
        margin-left: 8px;
        border: 1px solid #e2e2e2;
    }
}
#template .belowFooter{
    text-align: center;
    background: #fff;
    font-size: 12px;
    padding-bottom: 5px;
}
#template .tab-content ul{
    margin: 10px 0px;
}
#template .tab-content ul li{
    padding: 5px 10px;
    background: #f0f0f0;
}
#template .tab-content ul li:nth-of-type(even){
    background: #fff;
}



@media handheld, 
only screen and (max-width: 980px) {
    #description-box-1 ul li {
        display: block;
        width: 100%;
    }
    #description-box-1 ul li a{
        width: 100%;
    }
}

#template .container{
    max-width: 100%;
}




    
/*gallery*/
#template #gallery {max-width: 540px; max-height: 409px; position: relative;border: 1px solid #e5e5e5;}
#gallery #images img { width: 100%; height: 100%; object-fit: contain;}
    
#bullets {

  display: table;
  width: 100%;
 }
 
    
#bullets li {    display:inline-table;
    width: auto;
    padding-right: 1%;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    margin-top: 1%;}
#bullets li:last-of-type{ margin-right: 0%;}
#bullets li a{     
  height: 100%;
    display: block;
    line-height: 132px;
    /*border: 1px solid #f0f0f0;*/
}
#bullets li a img {
    max-width: 100%;
    max-height: 130px;
    vertical-align: middle;
}

#gallery > i {display:none;}
#gallery #images img {visibility:hidden;display: none;opacity: 0;}


#img-1 ~ #images > li:nth-child(1) ,
#img-2 ~ #images > li:nth-child(2) ,
#img-3 ~ #images > li:nth-child(3) ,
#img-4 ~ #images > li:nth-child(4) , 
#img-5 ~ #images > li:nth-child(5) ,
#img-6 ~ #images > li:nth-child(6) ,
#img-7 ~ #images > li:nth-child(7) ,
#img-4 ~ #images > li:nth-child(8) , 
#img-5 ~ #images > li:nth-child(9) ,
#img-6 ~ #images > li:nth-child(10) ,
#img-7 ~ #images > li:nth-child(11) ,
#img-8 ~ #images > li:nth-child(12)   { 
  display:none;
}

#img-1 ~ #images > li:nth-child(1){
  display: block;
}

#img-1:target ~ #images > li:nth-child(1) ,
#img-2:target ~ #images > li:nth-child(2) ,
#img-3:target ~ #images > li:nth-child(3) ,
#img-4:target ~ #images > li:nth-child(4) , 
#img-5:target ~ #images > li:nth-child(5) ,
#img-6:target ~ #images > li:nth-child(6) ,
#img-7:target ~ #images > li:nth-child(7) ,
#img-4:target ~ #images > li:nth-child(8) , 
#img-5:target ~ #images > li:nth-child(9) ,
#img-6:target ~ #images > li:nth-child(10) ,
#img-7:target ~ #images > li:nth-child(11) ,
#img-8:target ~ #images > li:nth-child(12)   { 
  display:block;
  height: 100%;
}


#img-1:target ~ #images > li:nth-child(1) img,
#img-2:target ~ #images > li:nth-child(2) img,
#img-3:target ~ #images > li:nth-child(3) img,
#img-4:target ~ #images > li:nth-child(4) img, 
#img-5:target ~ #images > li:nth-child(5) img,
#img-6:target ~ #images > li:nth-child(6) img,
#img-7:target ~ #images > li:nth-child(7) img,
#img-4:target ~ #images > li:nth-child(8) img, 
#img-5:target ~ #images > li:nth-child(9) img,
#img-6:target ~ #images > li:nth-child(10) img,
#img-7:target ~ #images > li:nth-child(11) img,
#img-8:target ~ #images > li:nth-child(12) img  { visibility:visible;display: block; z-index:5; 
    -moz-animation: fade 0.2s forwards;
    -webkit-animation: fade 0.2s forwards;
    -o-animation: fade 0.2s forwards;
    -ms-animation: fade 0.2s forwards;
     animation: fade 0.2s forwards;
  }
    
  
.images-gallery input {display:none;}
.images-gallery label {height:100px;display:inline-block;cursor:pointer;}
.images-gallery label img {height:100px;border:1px solid #eee!important;}
.images-gallery .clr {height:10px;}
.images-gallery div.imgb {display:none;width:520px;height:390px;border:1px solid #eee!important;text-align:center;}
.images-gallery div.imgb img {max-width:100%;max-height:100%;}
.images-gallery input.img-1:checked ~ .imgb-1 {display:block!important;}
.images-gallery input.img-2:checked ~ .imgb-2 {display:block!important;}
.images-gallery input.img-3:checked ~ .imgb-3 {display:block!important;}
.images-gallery input.img-4:checked ~ .imgb-4 {display:block!important;}
.images-gallery input.img-5:checked ~ .imgb-5 {display:block!important;}
.images-gallery input.img-6:checked ~ .imgb-6 {display:block!important;}
.images-gallery input.img-7:checked ~ .imgb-7 {display:block!important;}
.images-gallery input.img-8:checked ~ .imgb-8 {display:block!important;}
.images-gallery input.img-9:checked ~ .imgb-9 {display:block!important;}
.images-gallery input.img-10:checked ~ .imgb-10 {display:block!important;}
.images-gallery input.img-11:checked ~ .imgb-11 {display:block!important;}
.images-gallery input.img-12:checked ~ .imgb-12 {display:block!important;}
.images-gallery img[src=""] {display:none;}

@media screen and (max-width: 980px) {
    .images-gallery div.imgb {width:100%;height:100vw;}
}

@-moz-keyframes fade /* Firefox */
{
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes fade /* Safari and Chrome */
{
from {opacity: 0;}
to {opacity: 1;}
}


@-ms-keyframes fade /* IE10 */
{
from {opacity: 0;}
to {opacity: 1;}
}

@keyframes fade
{
from {opacity: 0;}
to {opacity: 1;}
}
    
    

    
/*  active first img*/
#gallery #images > li:nth-child(1) img { display: block; visibility:visible;opacity: 1;}    

#img-2:target ~ #images > li:nth-child(1) img,
#img-3:target ~ #images > li:nth-child(1) img,
#img-4:target ~ #images > li:nth-child(1) img{display: none;}
    
    /*arrows*/
 
    #arrows-left{
    transform: translateY(-50%);position: absolute; top: 50%;font-size: 30px; left: 0px;} 
    #arrows-left li { display: inline-block;}
    #arrows-left li a{ background: rgba(0, 0, 0, 0.71);
    padding:10px;color:#fff;
    display: block;}
    #arrows-left li a i{padding-bottom: 2px;color: #fff;
    font-size: 30px;
    font-weight: 800;}
    
    #arrows-right{
    transform: translateY(-50%);position: absolute; top: 50%;font-size: 30px; right: 0px;}
    #arrows-right li { padding-bottom: 2px;display: inline-block;}
    #arrows-right li a{background: rgba(0, 0, 0, 0.71);
    padding:10px;
    display: block;}
    #arrows-right li a i{color: #fff;
    font-size: 30px;
    font-weight: 800;}


    
/* zoom images*/
    
    #close-lightbox-1,
    #close-lightbox-2,
    #close-lightbox-3,
    #close-lightbox-4 {display: none;}
    
    #lightbox-1:target ~ #images,
    #lightbox-2:target ~ #images,
    #lightbox-3:target ~ #images,
    #lightbox-4:target ~ #images{ position: fixed;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.7);top: 0;left: 0; z-index: 99; }
    
    #lightbox-1:target ~ #images > li img,
    #lightbox-2:target ~ #images > li img,
    #lightbox-3:target ~ #images > li img,
    #lightbox-4:target ~ #images > li img{display: none;}
    
    #lightbox-1:target ~ #images > li:nth-child(1) img,
    #lightbox-2:target ~ #images > li:nth-child(2) img,
    #lightbox-3:target ~ #images > li:nth-child(3) img,
    #lightbox-4:target ~ #images > li:nth-child(4) img {position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0; z-index: 100; display: block;visibility: visible;opacity: 1;}

    #lightbox-1:target ~ #images #close-lightbox-1, 
    #lightbox-2:target ~ #images #close-lightbox-2,
    #lightbox-3:target ~ #images #close-lightbox-3,
    #lightbox-4:target ~ #images #close-lightbox-4 {width: 100%;height: 100%;display: block;z-index: 99999;position: fixed;}
  
    
    #template #images{
      list-style: none;
      height: 100%;
    }
    #template #images li{
    }
    
    
    
    
    
        
@media screen and (max-width: 980px) {
  #gallery {
      width: 100%;
      height: 300px;
      border: 1px solid #f2f2f2;
      position: relative;
  }
}
/* gallery end*/

#img-1 ~ #images > li:nth-child(1) img{
  max-height:406px;
}

  

#description-box-1 {padding-left:0;}
#description-box-2 {padding-right:0;}
.presentation-tabs {position:relative;min-height:200px;clear:both;margin:25px 0;}
.presentation{display:inline;}
.presentation-tabs > ul {list-style:none; margin:0;padding:0;}
.presentation-tabs > ul > li {color:#fff;border-left:1px solid #fff;margin-left:-1px;cursor:pointer;text-align:center;float:left;margin-right:5px;}
#template .presentation-tabs > ul > li a{
    display:block;
    text-align: center;
    background-color: #a02b3e;
    display: inline-block;
    color: white;
    font-size:18px;
    border: 1px solid #f0f0f0;
    font-weight: 300;
    padding: 10px 10px;
    text-transform: uppercase;
    border-bottom: 0px;
    font-family: Montserrat;
    }
 
/*.presentation .content{position:relative;left:0;background:white;right:0;bottom:0;padding:10px 20px;overflow:hidden;}*/
.presentation .content{
position: relative;
    left: 0;
    background: #ffffff;
    right: 0;
    bottom: 0;
    padding: 0px 15px;
    overflow: hidden;
    font-weight: 100;
       }
       
       
 .presentation .content p {
    font-weight: 100;
    font-size: 14px;
    margin-bottom: 15px;
     color: #333;
}
              
    
 .presentation .content h1 {
padding: 10px 0px;
}
     
.presentation-tabs > i {display:none;}
.presentation-tabs > i:target ~ #presentations > .presentation:first-of-type, 
#presentations div.presentation { height:0;visibility:hidden;display: none;}
#presentations > div:first-of-type,
#tab-1:target ~ #presentations > .presentation-1,
#tab-2:target ~ #presentations > .presentation-2,
#tab-3:target ~ #presentations > .presentation-3,
#tab-4:target ~ #presentations > .presentation-4 { visibility:visible;display: table; height:auto; z-index:5; 
    border: 1px solid #f0f0f0;
    padding: 10px;
    width:100%;}
.tab-content { padding: 10px 0px;}   
       
#tab-1:target ~ ul > .description-tab-1 a{ background-color: #922234;}    
#tab-2:target ~ ul > .description-tab-2 a{background-color: #922234; }    
#tab-3:target ~ ul > .description-tab-3 a{ background-color: #922234;}    
#tab-4:target ~ ul > .description-tab-4 a{ background-color: #922234;}    
       

 
#tab-2:target ~ ul > .description-tab-1 a,#tab-3:target ~ ul > .description-tab-1 a,#tab-4:target ~ ul > .description-tab-1 a {}
#tab-1 ~ ul > .description-tab-1 a {background-color: #fff;padding: 5px 10px;color: white;text-transform: uppercase;}  
    
    
#description-box-1 ul{
    min-height: 50px;
}

#description-box-1 h1,#description-box-1 h2,#description-box-1 h3{
    margin-bottom: 10px;
}

#bullets li a img[src=""]{
  display: none;
}

.display-none {display:none!important;}
#template #content div.inner #tabs .tabsContent {height:0;visibility:hidden;display:none;padding:0;margin:0;margin-top:-1px;padding:10px;height:auto;z-index:5;}
#template #content #tabs > i {display:none;}

#template #content #tabs .i-tab:target ~ #tab1 {visibility:hidden;display: none;}
#template #content #tabs > #tab1,
#template #content #tabs #tab-1:target ~ #tab1,
#template #content #tabs #tab-2:target ~ #tab2,
#template #content #tabs #tab-3:target ~ #tab3,
#template #content #tabs #tab-4:target ~ #tab4 { visibility:visible;display: block;}

#template #content #tabs > .tabList li:first-of-type a,
#template #content #tabs #tab-1:target ~ .tabList .atab-1,
#template #content #tabs #tab-2:target ~ .tabList .atab-2,
#template #content #tabs #tab-3:target ~ .tabList .atab-3 {background-color:#fff;}


#template #productBigImage a.lightbox_close {display:none;}
#template #productBigImage a.lightbox_close_bg {display:none;}
#template .imgs-lg .img {visibility:hidden;z-index:0;height:0;display:none;}
#template .imgs-lg, .imgs-lg a.lightboxlink {width:100%;height:100%;}
#template .lightbox {width:100%;height:100%;}
#template .i-img-lg, .i-img-zoom {display:none;height:1px;width:1px;}
#template #productBigImage .img {width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;border:1px solid #e2e2e2;background-color:#fff;}
#template .productThumbs .img {display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;background-position-x:center;width:auto;max-height:139px;}
#template .productThumbs .img img {height: 138px;width: auto;border:1px solid #e2e2e2;}
#template #productImages {position:relative;}
#template #productImages .images {margin-top:5px;}


#template #productImages .i-img-lg:target ~ #productBigImage .img:first-of-type {visibility:hidden; display:none;}
#template #productImages #productBigImage .img:first-of-type,
#template #productImages #img-lg-1:target ~ #productBigImage .img-1,
#template #productImages #img-lg-2:target ~ #productBigImage .img-2,
#template #productImages #img-lg-3:target ~ #productBigImage .img-3,
#template #productImages #img-lg-4:target ~ #productBigImage .img-4,
#template #productImages #img-lg-5:target ~ #productBigImage .img-5,
#template #productImages #img-lg-6:target ~ #productBigImage .img-6,
#template #productImages #img-lg-7:target ~ #productBigImage .img-7,
#template #productImages #img-lg-8:target ~ #productBigImage .img-8,
#template #productImages #img-lg-9:target ~ #productBigImage .img-9,
#template #productImages #img-lg-10:target ~ #productBigImage .img-10,
#template #productImages #img-lg-11:target ~ #productBigImage .img-11,
#template #productImages #img-lg-12:target ~ #productBigImage .img-12,
#template #productImages #img-lg-13:target ~ #productBigImage .img-13 { visibility:visible; z-index:5; display:block;}



#template .i-img-zoom:target ~ #productBigImage #lightbox {position: fixed;top:0;left:0;background-image:url('../images/lightbox_bg.png');width:100vw;height:100vh;z-index:9999;}
#template .i-img-zoom:target ~ #productBigImage #lightbox a.img {width: 50%;margin: auto; }
#template .i-img-zoom:target ~ #productBigImage a.lightbox_close {display:block;width:100px!important;border:1px solid #222;background:#333;color:#fff;position:absolute;right:20px;right:45px;top:10px;}
#template .i-img-zoom:target ~ #productBigImage a.lightbox_close_bg {display:block;width:100vw;height:100vh;position:absolute;}

#template #productImages .i-img-zoom:target ~ #productBigImage .img-1 {visibility:hidden;display:none;}
#template #productImages #lightbox-1:target ~ #productBigImage .img-1,
#template #productImages #lightbox-2:target ~ #productBigImage .img-2,
#template #productImages #lightbox-3:target ~ #productBigImage .img-3, 
#template #productImages #lightbox-4:target ~ #productBigImage .img-4,
#template #productImages #lightbox-5:target ~ #productBigImage .img-5,
#template #productImages #lightbox-6:target ~ #productBigImage .img-6,
#template #productImages #lightbox-7:target ~ #productBigImage .img-7,
#template #productImages #lightbox-8:target ~ #productBigImage .img-8,
#template #productImages #lightbox-9:target ~ #productBigImage .img-9,
#template #productImages #lightbox-10:target ~ #productBigImage .img-10,
#template #productImages #lightbox-11:target ~ #productBigImage .img-11,
#template #productImages #lightbox-12:target ~ #productBigImage .img-12,
#template #productImages #lightbox-13:target ~ #productBigImage .img-13 {visibility:visible;z-index:5;width:95vmin;height:90vmin;margin-top:5vh;display:block;background-position-y:center;background-position-x:center;}

@media screen and (max-width:450px){
    #template #content .inner .rightContent #productPriceWrapper #rememberSeller{
        display: none;
    }
    #template #content div.inner .rightContent #productPriceWrapper #priceArea{
        width:100%;
    }
    #template header .inner a {
        line-height: initial;
    }
    #template .productThumbs .img{
  
    }
    #template #content div.inner .leftContent #productBigImage{
        height: 270px;
    }
}

#template #content .inner .bigBox .fullSize li .smallInfoBox a,
#template #content .inner .bigBox .fullSize li .smallInfoBox a:link{
    color: #fff;
}








#template .menu-bar {
	z-index: 10;
	position: relative;
        background:#0779D1;
}
.mobile-menu-bg {display:none;}

#template #top-menu, #template #top-menu > li, #template #top-menu > ul, #template #top-menu > ul > li {
	display:inline-block;
	margin:0px;
	padding:0px;
}
#template #header-menu {
    position: relative;
    z-index: 20;
    width:100%;
}
#template #top-menu {
	font-size:14px;
	vertical-align:middle;
	display: inline-block;
	list-style-type: none;
	margin:0px;
	padding:0px;
	perspective: 1900px;
    width:100%;

}
#template #top-menu > li > a {
	    font-size: 17px;
	    font-family: Montserrat-Light,sans-serif;
	    padding: 8px 10px;
	    color: #fff;
	    text-transform: uppercase;
	    line-height: 32px;
	    display: block;
}

#template #top-menu > li:hover > a {
	background-position:0px 0px;
	transform: scale(1);
	background: #086ab6;
}
#template #top-menu > li:hover > a > i {
	color:#666666;
	opacity:0.3;
}
#template #top-menu > li:hover > a > i.fa-home {
	color:#fff;
}
#template #top-menu > li > ul {
	position:absolute;
	z-index:-0;
	list-style-type:none;
	margin:0px 6px;
	padding:0px;
	top: 48px;
	left:0px;
	opacity:0;
	height:-0px;
	display: none;
	width: calc(100% + 12px);
	color:#fff;
	overflow:hidden;
	background:rgba(255,255,255,0.96);
	border-bottom:3px solid;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.35);
}
#template #top-menu li > ul > li {
	width:33%;
	display: inline-block;
	font-size:16px;
	padding:3px 10px;
	color:#666666;
}
#template #top-menu .headmenuimg {
	width:100%;
	height:91px;
	border:1px solid #e2e2e2;
	overflow: hidden;
	opacity:0.8;
}
#template #top-menu .headmenuname {
	color:#666;
	padding:4px
}
#template #top-menu .headmenuname i {
	color:#3a8ed5;
	width:10px;
	text-align: center;
}
#template #top-menu li > ul > li:hover .headmenuname{
	-o-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}
#template #top-menu li > ul > li:hover .headmenuimg {
	opacity:1;
	border:1px solid #3a8ed5;
	overflow: hidden;
}
#template #top-menu > li:hover > ul  {
	opacity:1;
	height:auto;
	display: block;
    padding:30px 15px;
	-webkit-animation:0.3s fadedown ease-in-out;
	-webkit-transform-origin: top;
	-o-animation:0.3s fadedown ease-in-out;
	-o-transform-origin: top;
	-ms-animation:0.3s fadedown ease-in-out;
	-ms-transform-origin: top;
	-moz-animation:0.3s fadedown ease-in-out;
	-moz-transform-origin: top;
	animation:0.3s fadedown ease-in-out;
	transform-origin: top;
}
@-webkit-keyframes fadedown {
	0% {
		opacity: 0;
		-webkit-transform:rotateX(10deg) translateY(-10px);
	}
	100% {
		opacity:1;
		-webkit-transform:rotateX(0deg) translateY(0px);
	}
}
@-o-keyframes fadedown {
	0% {
		opacity: 0;
		-o-transform:rotateX(10deg) translateY(-10px);
	}
	100% {
		opacity:1;
		-o-transform:rotateX(0deg) translateY(0px);
	}
}
@-ms-keyframes fadedown {
	0% {
		opacity: 0;
		-ms-transform:rotateX(10deg) translateY(-10px);
	}
	100% {
		opacity:1;
		-ms-transform:rotateX(0deg) translateY(0px);
	}
}
@-moz-keyframes fadedown {
	0% {
		opacity: 0;
		-moz-transform:rotateX(10deg) translateY(-10px);
	}
	100% {
		opacity:1;
		-moz-transform:rotateX(0deg) translateY(0px);
	}
}
@keyframes fadedown {
	0% {
		opacity: 0;
		transform:rotateX(10deg) translateY(-10px);
	}
	100% {
		opacity:1;
		transform:rotateX(0deg) translateY(0px);
	}
}
#template #top-menu .menu-footer {
	padding-top: 20px;
	margin-top:20px;
	border-top:1px solid #e2e2e2;
}
#template #mobile-menu .mobile-menu-bg {
    display:none;
    box-shadow: 0 0 20px rgba(0,0,0,0.6);
    position: fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 60px;
    z-index: 119;
    opacity:0.98;
    background: #0779D1;
}
#template #top-menu a {
	color:#fff;
}
#template #mobile-menu .mobile-menu-bg a {
    color:rgba(0,0,0,0);
    font-size:40px;
    padding:10px;
    border-radius: 0px 10px 10px 0px;
    position: fixed;
    z-index: 130;
}
#template .animate-icon {
	position:relative;
	height:60px;
	width:60px;
	margin-bottom:-60px;
}
#template .line-1 {
	width:30px;
	height:5px;
	left:12px;
	position:absolute;
	top:20px;
	border-radius: 20px;
	background:#fff;
}

#template .line-2 {
	width:30px;
	height:5px;
	left:12px;
	position:absolute;
	top:30px;
	border-radius: 20px;
	background:#fff;
}
#template .line-3 {
	width:30px;
	height:5px;
	left:12px;
	position:absolute;
	top:40px;
	border-radius: 20px;
	background:#fff;
}
#template .show-menu-button {
	background: rgba(255,255,255,0.1);
	height:60px;
	width:60px;
}
#template .hide-menu-button {
	background: rgba(255,255,255,0.2);
	height:60px;
	width:60px;
}
#template #top-menu > li {

}
@media (max-width:980px){
    #template .logo img {
	max-height: 50px;
	margin-top:15px
    }
    #template #mobile-menu .mobile-menu-bg {display:block}
    

    #template .logo {
        position:fixed;
        z-index: 150;
        top: 8px;
        height:60px;
        right:20px;
        text-align: center;
    }
	#template #top-menu > li {
		background:none !important;
	}
    #template .logo img {
        left:10px;
		max-width: 100%;
		max-height: 36px;
    }
	#template #top-menu li > ul > li .headmenuimg, #template .menu-footer{
	display: none;
}
	#template #top-menu li ul {
		position:inherit !important;
		height: auto !important;
		display: block;
		padding:10px 0px !imporant;
		margin:0px !important;
		top:0px !important;
		text-align: center;
		width:100%;
		font-size:14px;
		opacity:1 !important;
		padding:10px !important;
		animation: none !important;
	}
	#template #top-menu > li {
		border-bottom:1px dashed;
		font-size:16px;
	}
	#template #top-menu li ul li{ 
		width:100% !important;
		text-align: center;
		font-size:15px;
		padding:10px 5px;
		margin:0px;
		background: rgba(255,255,255,0.1);
		}
    #template .toggle-menu {
        position: fixed;
        top:60px;
        left: 0px;
        width:90%;
		margin: 0px !important;
        height:0% !important;
        z-index: 40;
        overflow-y: auto;
        background:rgba(0,0,0,1);
        -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s  ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
    }
    #template .toggle-menu > li, #template .toggle-menu > li > a {
        display:block;
        width:100%;
        text-align: center;
    }

    #show-menu ~ .mobile-menu-bg > .hide-menu-button {
        display:none;
    }
    #show-menu:target ~ .mobile-menu-bg > .hide-menu-button {
        display: block;
    }
	#show-menu:target ~ .mobile-menu-bg > .animate-icon > .line-1 {
		transform: rotate(45deg);
		top:30px
	}
    #show-menu:target ~ .mobile-menu-bg > .animate-icon > .line-3 {
		transform: rotate(-45deg);
		top:30px
	}
    #show-menu:target ~ .mobile-menu-bg > .animate-icon > .line-2 {
		transform: rotate(-45deg);
		top:30px
	}
    #show-menu:target ~ .toggle-menu {
        height: calc(100% - 70px) !important;  
        width:100%;
    }
    #show-menu:target ~ .mobile-menu-bg > .show-menu-button {
        display: none;
    }
    div#myRedDIV {-webkit-order: 2;}
    div#myBlueDIV {-webkit-order: 4;}
    div#myGreenDIV {-webkit-order: 3;}
    div#myPinkDIV {-webkit-order: 1;}

    /* Standard syntax */
    div#myRedDIV {order: 2;}
    div#myBlueDIV {order: 4;}
    div#myGreenDIV {order: 3;}
    div#myPinkDIV {order: 1;}
    
    #template .menu-bar {background:#fff;}
    #template header {height:60px;background:#fff;}
    #template .topseller {display:block!important;}
    #crosseling .crsbox {width:30%!important;}
    #template header .inner a {line-height: 20px}
}
@media (max-width: 500px){
    #crosseling .crsbox {width:48%!important;}
}
.pricedesc {
    font-size: 18px !important;
    font-weight: 400;
}

.oldprice span {
    font-size: 24px;
    text-decoration: line-through;
}

.price {
    line-height: 1.3 !important;
    font-size: 40px !important;
    margin: 10px 0 !important;
}

.productinfo {
    width: 100%;
    padding: 5=px 0px !important;
    border: 1px solid #aaa !important;
    border-left:none !important;
    border-right:none !important;
}

.col-md-6 {
    width: 48%;
    display: block;
    display: inline-block;
}


p.versandinfo:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #3a3;
    left: 0px;
    top: 2px;
    border-radius: 20px;
}

p.versandinfo {
    position: relative;
    padding-left: 20px !important;
}
p.fragelink:before {
    content: "?";
    position: absolute;
    text-align:center;
    font-size:10px;
    padding-top:2px;
    font-weight:700;
    width: 15px;
    color:#fff;
    height: 13px;
    background: #e80;
    left: 0px;
    top: 0px;
    border-radius: 20px;
}

p.fragelink {
    position: relative;
    text-transform:uppercase;
    font-weight:600;
    padding-left: 20px !important;
}

.productbuttons {
    padding: 17px 20px !important;
    background: #ededed;
    margin: 10px 0 !important;
}
.productbuttons a:link,.productbuttons a:visited {
    padding:20px !important;
    display:inline-block;
    border:1px solid #aaa !important;
    width:230px;
    font-weight:600;
    text-align:center;
    font-size:20px !important; 
}

.warenkorblink {
    color: #fff !important;
    background: #499bea;
    background: -moz-linear-gradient(top, #499bea 0%, #1a53ce 100%);
    background: -webkit-linear-gradient(top, #499bea 0%,#1a53ce 100%);
    background: linear-gradient(to bottom, #499bea 0%,#1a53ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#1a53ce',GradientType=0 );
    float: left;
}

a.sofortlink {
    background: #fff;
    float: right;
}
.productbuttons a:hover {
    color:#eee !important;
    background:#4a4a4a;
}
.artikel-icon i {
    color: #999;
}

.artikelmarken {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}
p.tax {font-size:14px!important;}
@media (max-width: 19500px){
    #template #content .inner {
        width:980px;
    }
    #template #content .inner #productBigImage {
        position: relative;
        overflow: hidden;
        width: 520px;
        height: 390px;
    }
    #template #content .inner .leftContent {
        width:520px;
    }
    #template #content .inner .rightContent {
        width:420px;
    }
    #template #content .inner .rightContent #productTitle {
        font-size:24px;
        line-height:26px;
    }
    .pricedesc {
        font-size:14px !important;
    }
    .oldprice span {
        font-size:18px !important;
    }
    .price {
        font-size: 30px !important;
        margin: 10px 0 !important;
    }
    .productbuttons a:link, .productbuttons a:visited {
        padding: 10px !important;
        display: inline-block;
        border: 1px solid #aaa !important;
        width: 190px;
        font-weight: 600;
        text-align: center;
        font-size: 18px !important;
    }
    #template .productThumbs .img {

    }
    #template #content .inner .bigBox .fullSize li .smallInfoBox {
    display: inline-block;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    width: 100%;
}
    #template #content .inner .bigBox .fullSize li .smallInfoBox i::before {
    font-family: FontAwesome;
    font-weight: 400;
    font-size: 30px;
    vertical-align: top;
}
#template #content .inner .bigBox .fullSize li .smallInfoBox a:link, #template #content .inner .bigBox .fullSize li .smallInfoBox a, #template #content .inner .bigBox .fullSize li .smallInfoBox a:visited, #template #content .inner .bigBox .fullSize li .smallInfoBox a:hover {
    font-size: 14px;
}
}
@media (max-width: 980px){
    #template #content .inner {
        width:100%;
    }
    #template #content .inner #productBigImage {

    width: 100%;
    height: 72vw;
    }
    #template #content .inner .leftContent {
        display:block;
    }
    #template #content .inner .rightContent {
        display:block;
    }
    #productImages {
        display: -webkit-flex; /* Safari */
        display:flex;
        flex-wrap:wrap;
    }
    #productDesc {-webkit-order: 2;}
    .images {-webkit-order: 1;}
    #productDesc {order: 2;}
    .images {order: 1;}
    
    
}
@media (max-width: 500px){
    .productbuttons a:link, .productbuttons a:visited {
        float:none;
        display:block; 
        width:100%;
    }
}


/*THEMES*/
/*BG*/
#template {
    background-position: top;
    background-repeat: no-repeat;
    background: #fff;
}
/*Header*/
#template header{
    background: #fff;
    border-bottom: 2px solid #fff;
}
/*Top Nav*/
#template nav{
    background-color: #4a4a4a;
}
#template nav .inner ul li a,
#template nav .inner ul li a:link,
#template nav .inner ul li a:visited{
    transition: all 500ms;
}
#template nav .inner ul li a:hover{
    background-color: #6d6d6d;
}
/*PRICE*/
#template #content .inner .rightContent #productPriceWrapper{
    background-color: #6d6d6d;
}
#template #content .inner .rightContent #productPriceWrapper #priceArea{
    background-color: #4a4a4a;
}
/*TABS*/
#template .presentation-tabs > ul > li a{
    background-color: #ededed;
    color:#555;
    font-weight: bold;
}
#tab-1:target ~ ul > .description-tab-1 a {
    background-color: #fff;
    color: #333;
}
#tab-2:target ~ ul > .description-tab-2 a {
     background-color: #fff;
    color: #333;
}
#tab-3:target ~ ul > .description-tab-3 a {
     background-color: #fff;
    color: #333;
}
/*RightBanner*/
#template #content div.inner #bannerRight #rightBannerText{
     background-color: #fff;
    color: #333;
}
/*TOP Seller*/
#template #content .inner .topseller .topsellerLink{
    transition: all 500ms;
    background: #4a4a4a;
    color: #fff;
}
#template #content .inner .topseller .topsellerLink:hover{
    background: #6d6d6d;
}
/*TOP Categories*/
#template #content .inner .bigBox .fullSize li .smallInfoBox{
    background-color: #ededed;
    color: #555;
}

#template #content .inner .bigBox .fullSize li .smallInfoBox a,
#template #content .inner .bigBox .fullSize li .smallInfoBox a:hover{
    color: #555;
}

#crosseling .crsbox {height:240px;border:1px solid #eee;text-align:center;width:185px;float:left;margin:3px;padding:10px;text-transform:none;} 
#crosseling .crsbox:hover {background-color:#f4f4f4;}
#crosseling .crsbox .crsimage {height:100px;background-repeat:no-repeat;background-size:contain;background-position: center center;}
#crosseling .crsbox .crsname {font-size:12px;overflow:hidden;height:51px;} 
#crosseling .crsbox .crsprice {height:37px;font-size:17px;line-height:44px;font-weight:bold;} 
#crosseling .crsbox .crsinfo1, #crosseling .crsbox .crsinfo2 {height:15px; font-size:11px;} 

#description table {width: 100%;background-color: #ffffff;}
#description table td, #description li {line-height:33px;padding:0 5px;font-size: 20px;}
@media handheld,
only screen and (max-width: 980px) {
    #description table td, #description li {
	line-height: 1.5;
	font-size: 14px;
    }
    #template #top-menu i.fa-home 
    {
	display: none;
    }
    .logocell {position:fixed;top:5px;right:0;z-index:99;}
}
#description tr:nth-child(even){background-color: #f2f2f2}
#description th {background-color: #ffffff;color: black;}
#template .productThumbs img[src=""] {display:none;}

.lang-display {display:none!important;}
#template header {position:relative;}
#template header .flags {position:absolute;top:0;right:0;text-align: right;font-size:12px;}
#template header .flags a {padding:0 3px;}
#template header .flags img {height:17px;}

#template img[src="blank"] {display:none;}
#template img[src=""] {display:none;}

.search-form {position:relative;float:left;width:300px;top:10px}
.input-search {font-size:12px;height:30px;line-height:30px;border:1px solid #ddd;padding:0 5px;position:absolute;right:0;}
.btn-search {font-size:14px;height:30px;width:25px;line-height:30px;background:#0779D1 url(https://ebay.wohnenundtechnik.de/uvp/media/images/btn_search.jpg);border:0;margin:0;padding:0;cursor:pointer;color:#fff;position:absolute;right:0;}