Island Escape

Island Escape Women's 8 Black Twist-Front Halter Tankini Top

  • $14.99
Island Escape Women's 8 Black Twist-Front Halter Tankini Top /*#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://static.3dsellers.com/listing_designer/icons/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{ l