teddy bear train christmas decoration 7 inch long (A56)

Description

View teddy bear train christmas decoration 7 inch long (A56) with current marketplace pricing, condition, product images and item details. Sea shell salt and pepper shakers. Batteries are not included. Good: The book has been read but is in good condition. The dust jacket for hard covers may not be included. The binding has minimal wear. teddy bear train christmas decoration 7 inch long (A56) Missing by Choice By roger victor 1987 paperback fiction novel Good: The book has been read but is in good condition. It has very minimal damage to the cover, including scuff marks, but no holes or tears. The dust jacket for hard covers may not be included. The binding has minimal wear. The majority of pages are undamaged with minimal creasing or tearing, minimal pencil underlining of text, no highlighting of text, and no writing in the margins. There are no missing pages. img {max-width: 100%;} sea shell salt and pepper shakers /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked ~ .slider-controls .wrap-images label[for=button-3]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked ~ .slider-controls .wrap-images label[for=button-4]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-3:checked~#slideshow-inner>ul{ left: -300%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-4:checked~#slideshow-inner>ul{ left: -400%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(5 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-4{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-4{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(5 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(5 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } Missing by Choice By roger victor 1987 paperback fiction novel Good: The book has been read but is in good condition. It has very minimal damage to the cover, including scuff marks, but no holes or tears. The dust jacket for hard covers may not be included. The binding has minimal wear. The majority of pages are undamaged with minimal creasing or tearing, minimal pencil underlining of text, no highlighting of text, and no writing in the margins. There are no missing pages. img {max-width: 100%;} colosseum salt and pepper shakers /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked ~ .slider-controls .wrap-images label[for=button-3]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked ~ .slider-controls .wrap-images label[for=button-4]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-3:checked~#slideshow-inner>ul{ left: -300%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-4:checked~#slideshow-inner>ul{ left: -400%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(5 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-4{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-4{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(5 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(5 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-5{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-5:checked~.arrows#arrow-4{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-5{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-5:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked ~ .slider-controls .wrap-images label[for=button-3]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-3:checked~#slideshow-inner>ul{ left: -300%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked ~ .slider-controls .wrap-images label[for=button-3]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-3:checked~#slideshow-inner>ul{ left: -300%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked ~ .slider-controls .wrap-images label[for=button-2]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked ~ .slider-controls .wrap-images label[for=button-3]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-2:checked~#slideshow-inner>ul{ left: -200%;}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-3:checked~#slideshow-inner>ul{ left: -300%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-2{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-3{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-3{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-2{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-3:checked~.arrows#arrow-4{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-4:checked~.arrows#arrow-3{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked ~ .slider-controls .wrap-images label[for=button-1]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0}#slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-1:checked~#slideshow-inner>ul{ left: -100%;} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: block; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; }#slideshow-wrap-images-gallery #arrow-1{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(2 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-2{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-2:checked~.arrows#arrow-1{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } img {max-width: 100%;} /*#slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; max-width: 1022px; margin: auto; position: relative; border: 1px solid #000; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; }*/ #container-slideshow-wrap-images-gallery{ border: 1px solid #000; min-width: 260px; max-width: 1200px; margin: 30px auto 30px; } #slideshow-wrap-images-gallery { display: block; height: auto; min-width: 260px; /*max-width: 1050px !important;*/ max-width: 852px !important; margin: 0 auto !important; position: relative; padding: 40px 0px 40px 0px; margin: 30px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 580px; width: 100%; max-height: 500px; height: 100%; overflow: hidden; position: relative; margin: 0 auto; border: 1px solid #f7f7f7f7; } #slideshow-wrap-images-gallery #slideshow-inner>ul { list-style: none; height: 100%; width: 2405%; overflow: hidden; position: relative; left: 0px; margin: 0px; padding: 0px; display: block; -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); transition: left .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 578px !important; width: 100%; height: 488px; float: left; vertical-align: top; position: relative; padding: 5px 0px 5px 0px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li>img { width: auto; height: 100%; display: block; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; } #slideshow-wrap-images-gallery input[type=radio] { position: absolute; left: 50%; bottom: 15px; z-index: 100; visibility: hidden; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ /*position: absolute;*/ left: 50%; bottom: -45px; z-index: 100; width: 162px; height: 162px; float: left; box-sizing: border-box; cursor: pointer; margin: 0px 10px 0px 0px; border: 2px solid #ddd; -webkit-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .3s cubic-bezier(0.77, 0, 0.175, 1); transition: .3s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery label:not(.arrows):active { bottom: -46px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked ~ .slider-controls .wrap-images label[for=button-0]{ border: 2px solid #000; } #slideshow-wrap-images-gallery .button-label, #slideshow-wrap-images-gallery .slide-img{ background-position: 100% auto; background-repeat: no-repeat; background-position: center center; background-size: contain; } #slideshow-wrap-images-gallery .slide-img{ max-width: 580px; width: 100%; height: 488px; } #slideshow-wrap-images-gallery input[name="controls-slider-arrow"]#button-0:checked~#slideshow-inner>ul{ left:0} /* slide bottom section */ #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images{ left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images{ left: -860px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1716px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -2576px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -3436px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-5:checked ~ .slider-controls .wrap-images { left: -4296px !important; } /* slide bottom images */ #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ font-family: 'WebSymbolsRegular'; font-size: 25px; color: rgb(255,255,240); position: absolute; top: 40%; margin: -25px 0px 0px 0px; display: none; opacity: 0.7; cursor: pointer; z-index: 1000; background-color: transparent; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-shadow: 0px 0px 3px rgba(0,0,0,.8); background-image: url('https://images.3dsellers.com/listing-designer/right-button-circle.png'); background-repeat: no-repeat; background-size: 100% auto; width: 50px !important; height: 50px !important; border-radius: 100px; } #slideshow-wrap-images-gallery label.arrows-wrap-slider { border: 0px solid #fff !important; background-size: 25% 35%; border-radius: 0px; background-image: url('https://static.3dsellers.com/listing_designer/icons/arrow-black-right.png'); } #slideshow-wrap-images-gallery label.arrows:hover, label.arrows-wrap-slider:hover { opacity: 1 } #slideshow-wrap-images-gallery label.arrows:active, label.label.arrows-wrap-slider:active { margin-top: -23px } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 10%; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 10%; margin-top: -30px; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 100%; bottom: 0; top: 83%; position: absolute; display: block; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-2:checked~.arrows-wrap-slider#arrow-wrap-slider-2{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-3:checked~.arrows-wrap-slider#arrow-wrap-slider-3{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-4:checked~.arrows-wrap-slider#arrow-wrap-slider-4{ display: none !important; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 83%; bottom: 0; left: -6%; position: absolute; display: block; -webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -ms-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); } #slideshow-wrap-images-gallery .description { position: absolute; top: 0; left: 0; width: 260px; font-family: 'Yanone Kaffeesatz'; z-index: 1000; } #slideshow-wrap-images-gallery .description input { visibility: hidden } #slideshow-wrap-images-gallery .description label { font-family: 'WebSymbolsRegular'; background-color: rgba(255,255,240,1); position: relative; left: -17px; top: 00px; width: 40px; height: 27px; display: inline-block; text-align: center; padding-top: 7px; border-bottom-right-radius: 15px; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; z-index: 5; color: rgb(20,20,20); } #slideshow-wrap-images-gallery #slideshow-inner>ul>li:hover .description label { opacity: 1 } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~label { opacity: 1 } #slideshow-wrap-images-gallery .description .description-text { background-color: rgba(255,255,230,.5); padding-left: 45px; padding-top: 25px; padding-right: 15px; padding-bottom: 15px; position: relative; top: -35px; z-index: 4; opacity: 0; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: rgb(20,20,20); } #slideshow-wrap-images-gallery .description input[type=checkbox]:checked~.description-text { opacity: 1 } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(1 * 172px); height: 167px; margin: 30px auto 0px auto; background-color: transparent; overflow: hidden; display: none; position: relative; } #slideshow-wrap-images-gallery .wrap-images { width: 40000px; height: auto; background-color: transparent; position: absolute; z-index: 10000000; } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; } .amination-cubic-bezier{ -webkit-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: .8s cubic-bezier(0.77, 0, 0.175, 1); transition: .8s cubic-bezier(0.77, 0, 0.175, 1); } #slideshow-wrap-images-gallery #arrow-0{ visibility: visible !important; } .rotat-180-deg{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media only screen and (max-width: 1400px){ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(1 * 172px); } } @media only screen and (max-width: 1250px){ #slideshow-wrap-images-gallery { max-width: 730px !important; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ width: 125px; height: 125px; } /*#slideshow-wrap-images-gallery .slider-controls {*/ /*max-width: calc(5 * 133px);*/ /*}*/ #slideshow-wrap-images-gallery .slider-controls { max-width: calc(1 * 133px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -540px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -1080px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -3%; top: 39%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -3%; top: 39.5%; } #slideshow-wrap-images-gallery .slide-img{ max-width: 556px; height: 468px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 556px !important; height: 468px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 80%; left: 99%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 80%; left: -6%; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 556px; max-height: 468px; } } @media only screen and (max-width: 1100px){ #slideshow-wrap-images-gallery { max-width: 580px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 468px !important; height: 330px; padding: 0px 0px 0px 0px; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 470px; height: 330px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 87px; height: 87px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(4 * 119px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -388px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -775px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -870px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1163px !important; } /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: -5%; top: 36%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: -5%; top: 36.5%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 73%; left: 97.5%; } } @media only screen and (max-width: 767px){ /* right circle arraw */ /* left circle arraw */ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 73%; left: -3%; } } @media only screen and (max-width: 676px){ #slideshow-wrap-images-gallery { max-width: 380px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 320px !important; } #slideshow-wrap-images-gallery .slide-img{ max-width: 320px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 56px; height: 56px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 107px); } #slideshow-wrap-images-gallery label.arrows, label.arrows-wrap-slider{ top: 35%; width: 30px !important; height: 30px !important; } #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ top: 33%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ top: 33%; left: 11%; }#slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ margin-top: -26px; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 65%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ top: 65%; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -264px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -527px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -989.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -1451.5px !important; } } @media only screen and (max-width: 480px){ #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 97%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; } } @media only screen and (max-width: 420px){ #slideshow-wrap-images-gallery input[type=radio]#button-0:checked~.arrows#arrow-1{ right: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-1:checked~.arrows#arrow-0{ left: 9%; top: 35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ left: 94%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5.5%; } #slideshow-wrap-images-gallery .slide-img { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li { max-width: 258px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 260px; height: 250px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 5px 0px 0px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 80px); } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -244px !important } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -488px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -622.5px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -866.5px !important; } } @media only screen and (max-width: 380px){ .inner-global-container.container-shadow-if-needed { width: 285px; margin: 0 auto; } #slideshow-wrap-images-gallery .slide-img{ max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery #slideshow-inner>ul>li{ max-width: 233px !important; } #slideshow-wrap-images-gallery #slideshow-inner { max-width: 235px; height: 230px; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label) { width: 51px; height: 51px; } #slideshow-wrap-images-gallery .slider-controls { max-width: calc(3 * 71px); } #slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-0:checked~.arrows-wrap-slider#arrow-wrap-slider-1{ top: 63%; left: 93%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: 6%; top:35%; }#slideshow-wrap-images-gallery input[type=radio]#button-wrap-slider-1:checked~.arrows-wrap-slider#arrow-wrap-slider-0{ left: -5%; top: 63%; } #slideshow-wrap-images-gallery label:not(.arrows):not(.show-description-label){ margin: 0px 3px 0px 0px; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-0:checked ~ .slider-controls .wrap-images { left: -0px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-1:checked ~ .slider-controls .wrap-images { left: -216px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-2:checked ~ .slider-controls .wrap-images { left: -432px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-3:checked ~ .slider-controls .wrap-images { left: -648px !important; } #slideshow-wrap-images-gallery input[name='controls-wrap-slider-test']#button-wrap-slider-4:checked ~ .slider-controls .wrap-images { left: -864px !important; } } @media only screen and (max-width: 360px){ } @media only screen and (max-width: 350px){ } @media only screen and (max-width: 340px){ } @media only screen and (max-width: 330px) { } @media only screen and (max-width: 320px){ } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } Payment Shipping Returns General Note Payment is expected within 24 hours or purchase. Most items are shipped within 24 hours of payment received. We ship every day Monday - Friday. If you order before 9:00am CST most orders will be shipped that day. Please contact me with any shipping issues before leaving negative or neutral feedback. I do my best to work with everyone and package items safely. If item arrives damaged, please send me a picture of damaged item W/ damaged package within 48 hours of delivery.  returns accepted within 30 days, If an item arrives damaged send me a message, (do not return the item unless requested), please send pictures of all sides of the packaging, the inside with the packing materials, and the damage of the item itself. Also please keep all original packaging and items for carrier insurance claim as the carrier may ask for it to inspect to process the claim. If pictures are not sent or item is not kept for the carrier then no refund will be issued. If an item is not received or seems to be no tracking scans updated by the carrier please message me and I will be happy to put in a tracking case with the carrier that normally gets it moving again within a few days. Most all the items are vintage and or have been used or played with previously (unless marked as new). Most items come from Estate, Yard Sales, Flea Markets ETC... so I do not know the history behind the items. THAT MEANS THEY ARE USED NOT PERFECT, ITEMS ARE FOUND AS IS AND SOLD AS IS. I DO MY BEST TO INFORM IF ITEMS ARE BROKEN OR HAVE CHIPS, NEED REPAIR ETC. Batteries are not included. Please ask questions and view ALL photos,(they are a large part of item description) before buying. Shipping price is for lower 48 States. PLEASE REMEMBER TO LEAVE FEEDBACK, AND I WILL DO THE SAME!  OVERSEAS BUYERS ARE MOST WELCOME! Items shipped by eBay global shipping. No returns. No adjustments to selling price.   Please contact me with any shipping issues before leaving negative or neutral feedback. I do my best to work with everyone and package items safely. If item arrives damaged, please send me a picture of damaged item W/ damaged package within 48 hours of delivery. I will do my best to respond to all questions within 24 hours. Thank you for looking, and happy shopping! IF YOU LIKE WHAT YOU SEE, FOLLOW ME IN MY STORE. ALWAYS ADDING A VARIETY OF NEW ITEMS! We are a small company looking to grow, please check our Ebay store   PLEASE CHECK MY FEEDBACK. THANK YOU FOR SHOPPING WITH EBAY! We are a green company so we reuse, reduce, and recycle whenever possible to help save the planet Bella's Shoppe Welcome to my eBay Store.We are a small family store looking to grow. Please add us to your list of favorite sellers and visit often. Thank you for your business. /* * All Right Reseved */ .footer-signature { width: 100%; height: auto; margin: 50px 0 70px 0; } .footer-signature .wrap-signature { width: auto; display: table; margin: 0 auto; } .footer-signature p{ text-align: center; color: #242424; font-family: Montserrat; font-size: 12px; font-weight: 300; line-height: 16px; margin: 15px 0 0 0; } .footer-signature img { height: 20px; margin: 0 auto; display: block; max-width: 10000px !important; width: unset !important; } Condition: Used. Category: Collectibles › Holiday & Seasonal › Ornaments. Brand: Unbranded.

Features

Decorative

Subject

Trains

Collection

Ornaments

Occasion

Christmas

Vintage

No

Material

Resin

Year Manufactured

2018

Shape

train

Brand

Unbranded

Antique

No

Set Includes

Decorations

Theme

Trains

Type

Figurine

Country of Origin

China

UPC

doesnotapply