/* Start:/local/templates/galereyasacvoyage/css/lib/animate.min.css?164271387356048*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/slick.css?16427138736984*/ /*slick*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { /* -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);*/ } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; outline: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*.slick-list, .slick-track { height: 100%; }*/ /*theme*/ .slick-loading .slick-list { background: url('/local/templates/galereyasacvoyage/css/lib/../../img/svg/ajax-loader.svg') center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 50px; height: 50px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; .transition(all 0.4s); z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 0; } [dir='rtl'] .slick-prev { right: 0; left: auto; } .slick-prev:before { content: ''; } [dir='rtl'] .slick-prev:before { content: ''; } .slick-next { right: 0; } [dir='rtl'] .slick-next { right: auto; left: 0; } .slick-next:before { content: ''; } [dir='rtl'] .slick-next:before { content: ''; } /* Dots */ .slick-dotted.slick-slider { /*margin-bottom: 30px;*/ } .slick-dots { position: absolute; bottom: 42px; display: block; padding: 0; margin: 0; list-style: none; text-align: left; } .slick-dots li:before, .slick-dots li:after{ content: none; } .slick-dots li { padding: 0; font-size: 0; line-height: 0; color: transparent; position: relative; display: inline-block; width: 13px; height: 13px; margin: 0 35px 0 0; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 13px; height: 13px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; .transition(all 0.5s); } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { /*opacity: 1;*/ } .slick-dots li button:hover:after, .slick-dots li button:focus:after{ background-color: #efbe01; } .slick-dots li button:before { position: absolute; top: 4px; left: 4px; width: 5px; height: 5px; content: ''; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 2px solid #ffffff; } .slick-dots li button:after{ position: absolute; top: 4px; left: 4px; width: 5px; height: 5px; content: ''; text-align: center; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; .transition(background-color 0.5s); } .slick-dots li.slick-active button:before{ background-color: transparent; top: 0; left: 0; width: 13px; height: 13px; } .slick-dots li.slick-active button:after{ background-color: transparent; } .slick-dots li.slick-active button:hover:after{ background-color: transparent; } /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/video-js.css?164271387344338*/ .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before { text-align: center; } @font-face { font-family: VideoJS; src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABBIAAsAAAAAGoQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3RY21hcAAAAYQAAADQAAADIjn098ZnbHlmAAACVAAACv4AABEIAwnSw2hlYWQAAA1UAAAAKgAAADYUHzoRaGhlYQAADYAAAAAbAAAAJA4DByFobXR4AAANnAAAAA8AAACE4AAAAGxvY2EAAA2sAAAARAAAAEQ9NEHGbWF4cAAADfAAAAAfAAAAIAEyAIFuYW1lAAAOEAAAASUAAAIK1cf1oHBvc3QAAA84AAABDwAAAZ5AAl/0eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGQ7xTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGBHcRdyA4RZgQRAC4HCwEAAHic7dFprsIgAEXhg8U61XmeWcBb1FuQP4w7ZQXK5boMm3yclFDSANAHmuKviBBeBPQ8ymyo8w3jOh/5r2ui5nN6v8sYNJb3WMdeWRvLji0DhozKdxM6psyYs2DJijUbtuzYc+DIiTMXrty4k8oGLb+n0xCe37ekM7Z66j1DbUy3l6PpHnLfdLO5NdSBoQ4NdWSoY9ON54mhdqa/y1NDnRnq3FAXhro01JWhrg11Y6hbQ90Z6t5QD4Z6NNSToZ4N9WKoV0O9GerdUJORPqkhTd54nJ1YDXBU1RV+576/JBs2bPYPkrDZt5vsJrv53V/I5mclhGDCTwgGBQQSTEji4hCkYIAGd4TGIWFAhV0RQTpWmQp1xv6hA4OTOlNr2zFANbHUYbq2OtNCpViRqsk+e+7bTQAhzti8vPfuPffcc88959zznbcMMPjHD/KDDGEY0ABpYX384NhlomIYlo4JISGEY9mMh2FSidYiqkEUphtNYDSY/dXg9023l4DdxlqUl0chuZRhncJKrsCQHIwcGuwfnhMIzBnuH4Sym+1D2zaGjheXlhYfD238z80mKYMmvJ5XeOTzd8z9eujbMxJNhu4C9xPE/bCMiDuSNIWgkTQwBE55hLSAE7ZwhrHLnAHZOGV/kmBGTiNjZxzI77Hb7Hqjz68TjT6vh+5JT/cCIkqS0D6CqPf5jX4Qjdx5j6vlDfZM4aZFdbVXIxtOlJaP/WottMnH6CJQ3bTiue3PrY23HjnChtuamxwvvzFjxkPrNj3z0tG9T561HDYf6OgmRWvlY3JQHoQb8ltV2Yet7YfWctEjR1AtxS/cSX6U4alf6NJEBQ7YKg9wrXQKd0IeZCb2ux75Uhh1Un+Nz+9LTOE7PK777nN5xqdTneTBhCbx446mZrhnUkrCz2YhA9dSMxaG0SYmT8hi9ZPu1E94PJYQSH6LRmhxec7Q7ZeXntgQuVpbh+a4qWNsckVyTdn0P7o7DpgPW84+uRcq0BITflBikGdUjAZ9wYBVI3mtrNvr9kpg1UsaK6t3690aoorC1lg0GpMH2HAMtkZjsSi5Ig9ESVosOh7GQfLjKNLvKpMKkLSKNFAka710GdgSi8oDMSoNhqjkKBXTgn3swtaxyzGkUzIzae9RtLdWkSlZ1KDX6EzgllzV4NV4SoDFSOGD4+HCeQUF8wrZ5Hs8zIb5EaVxy8DYFTbMCJPnLIWZxugZE2NlivC0gc1qEQUR8jEKgZcAXeH18BiCgl5nlHh0CrjB4Hb5fX4gb0J7c9PuHVsfgkx2n/vTY/JV8kn8PGxf7faOZ8qX8JVByuIf4whk9sqXli2hvPJV9hrp0hY7l8r2x37ydaVsb4xvXv/47v2NjfCl8m5oRDJclFMoE1yk0Uh1Te4/m8lFXe9qBZD0EkheicebXvzI2PLCuoKCukLuhPIeKwaHPEouxw3kMqaIUXDQ1p0mip+MyCORSCQaoUsnY1VZ38nUTrG21WvVo4f1OsEJFhvSfAFwGfT8VHRMeAVUpwLOoLzjT/REIj3O3FhuURE+nERF+0pTId5Fyxv5sfwGyg4O+my4vZv0sZm7oeQlFZORiB+tG0MweVNraeitl7yxiPIHTk4/diVxs94o5lEYishB2iAtkchEnsActoEpx44Fo8XnsQMaA22BlqC20RmhBKzYojZyYaxg+JggMc4HHY2m+L9EkWSYljirOisrO7d3VorxzyZ6Vc4lJqITAu1b2wOBdrLElAP+bFc2eGaZFVbkmJktv5uT6Jlz5D/MnBFor6ig/JPnRViBsV3LNKGGqB1ChJ0tgQywlVLFJIuQgTFttwkiKxhyQdAZMdMYtSaoAewqfvXVYPAbDT6/1mez85YS8FSDywQ6NfAnef6FNEGMilnppyvn5rB6tTyq1pOceRWnp2WJEZFXHeX5oyoem1nTTgdqc4heDY7bOeKz63vnz+/dRx+s31Ht2JGanQ5seirfWJL9tjozU/12TnEjn5oux9OzU3ckGbBzBwNOyk69JykKH0n/0LM9A72tuwM3zQpIRu4AxiToseEpgPOmbROyFe9/X2yeUvoUsCyEvjcgs7fpWP3/aKlFN0+6HFUe6D9HFz/XPwBlN9tTqNyZjFJ8UO2RUT5/h4CptCctEyeisnOyXjALEp7dXKaQKf6O7IMnGjNNACRMLxqdYJX8eMLvmmd68D+ayBLyKKYZwYxDt/GNhzETDJ05Qxlyi3pi3/Z93ndYVSumgj0V/KkIFlO6+1K3fF2+3g0q+YtuSIf0bvmLqV09nnobI6hwcjIP8aPCKayjsF5JBY3LaKAeRLSyYB1h81oTwe9SlPMkXB7G0mfL9q71gaqqwPqu67QRKS1+ObTx+sbQy9QV2OQHEScGkdFBeT7v7qisqqrs6N52i78/R+6S0qQONVj26agOVoswCyQWIV5D86vH53bxNUeXV0K+XZaHv/nm/KsHhOvylwsWnJX/HE8l/4WCv5x+l5n08z6UU8bUMa3MBpSmM7F63AxntdC9eBCKEZW9Hr+ABNqtxgAQrSbMtmrW7lKQuoSgBhSrTazWVU2QAKWY8wiiuhqFmQgWJBgoXiuWIm42N7hqZbBsgXz52O5P5uSvaNgFGnOuvsRw8I8Laha91wMvDuxqWFheN7/8GVtTltdS83DQsXRmqc5ZtcJXEVrlV2doTWk5+Yunm71dG5f55m/qY0MjI93vv9/NfpxXV9sUXrxy2fbNy1or65cOlDRnOoKFeeXcbw42H/bNDT5Qs3flgs31gWC1lD1nfUV/X7NdCnSUdHY2e8afzfKsqZ5ZljfDqjLOmk3UebNXB+aHArPYDRs+/HDDxeT5DiP+sFg7OpRaVQMGBV89PpeBdj22hCE0Uub0UqwLrNWsG0cuyadgLXTeR5rbO4+3c/vl15cur2nRq+TXCQDcS3SO+s6ak+e5/eMS+1dw3btu3YG2tvFL8XdIZvdjdW6TO/4B7IdrZWVPmctm5/59AgsPItTSbCiIBr2OqIGzmu20SMKAS7yqwGBUfGfgjDYlLLDeF0SfcLB2LSx8flT+08/kzz6yOj96rft4rpTjdPQcmLd47uKibbDq7ZSz/XtbH2nN717Nd62rU+c8Icevvv7I09wA6WvjVcafb+FsbNG+ZQ80Rn6ZZsvrP7teP2dzTdoETvNhjCmsr8FID2sJ69VYvdUcxk4AzYRlKcaE38eXNRlfW9H1as9i6acLHp1XpuNB5K7DIvkX08y1ZYvh3KfWaiCzH+ztrSDmD7LuX73x/mJelB8Yj39t8nhNQJJ2CAthpoFGLsGgtSOCJooCGoaJAMTjSWHVZ08YAa1Fg9lPI5U6DOsGVjDasJeZZ+YyhfCwfOzCxlBA69M9XLXtza7H/rav+9Tjq5xNi0wpKQIRNO4Lrzz7yp5QVYM6Jd/oc1Uvn/mQhhuWh6ENXoS2YTZ8QT42bF5d/559zp5r0Uff2VnR2tdf2/WCOd2cO0Mw6qpWPnvxpV0nrt5fZd2yItc199GWe8vlNfNDq+CH/7yAAnB9hn7T4QO4c1g9ScxsZgmzntnE/IDGndtHMw69lFwoCnYsMGx+rBp8JSBqdLzBr9QRPq/PbhWMWFtQZp1xguy/haw3TEHm3TWAnxFWQQWgt7M5OV0lCz1VRYucpWliy7z6Zd4urwPIyeZQqli2Lgg7szJV09PysATbOQtYIrB2YzbkJYkGgJ0m4AjPUap1pvYu1K9qr97z0Yl3p332b2LYB78ncYIlRkau/8GObSsOlZancACE5d5ily+c2+7h5Yj4lqhVmXXB+iXLfvdqSgqfKtQvfHDV0OnvQR1qhw42XS/vkvsh/hXcrDFP0a+SJNIomEfD1nsrYGO+1bgTOJhM8Hv6ek+7vVglxuSRwoKn17S937bm6YJCeSSG0Op1n+7tE37tcZ/p7dsTv4EUrGpDbWueKigsLHhqTVsoEj+JU0kaSjnj9tz8/gryQWwJ9BcJXBC/7smO+I/IFURJetFPrdt5WcoL6DbEJaygI8CTHfQTjf40ofD+DwalTqIAAHicY2BkYGAA4uByr8R4fpuvDNzsDCBw7f/3LmSanREszsHABKIAKi0J7gAAeJxjYGRgYGcAARD5/z87IwMjAypQBAAtgwI4AHicY2BgYGAfYAwAOkQA4QAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhHicY2BkYGBQZChlYGcAASYg5gJCBob/YD4DABfTAbQAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2PyXLCMBBE3YCNDWEL2ffk7o8S8oCnkCVHC5C/jzBQlUP6IHVPzYyekl5y0iL5X5/ooY8BUmQYIkeBEca4wgRTzDDHAtdY4ga3uMM9HvCIJzzjBa94wzs+8ImvZNAq8TM+HqVkKxWlrQiOxjujQkNlEzyNzl6Z/cU2XF06at7U83VQyklLpEvSnuzsb+HAPnPfQVgaupa1Jlu4sPLsFblcitaz0dHU0ZF1qatjZ1+aTXYCmp6u0gSvWNPyHLtFZ+ZeXWVSaEkqs3T8S74WklbGbNNNq4LL4+CWKtZDv2cfX8l8aFbKFhEnJnJ+IULFpqwoQnNHlHaVQtPBl+ypmbSWdmyC61KS/AKZC3Y+AA==) format("woff"); font-weight: normal; font-style: normal; } .vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before { content: none; } .vjs-icon-play-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-play-circle:before { content: "\f102"; } .vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before { content: "\f103"; } .vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before { content: "\f104"; } .vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before { content: "\f105"; } .vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before { content: "\f106"; } .vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before { content: "\f107"; } .vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f108"; } .vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before { content: "\f109"; } .vjs-icon-square { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-square:before { content: "\f10a"; } .vjs-icon-spinner { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-spinner:before { content: "\f10b"; } .vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10c"; } .vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before { content: "\f10d"; } .vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before { content: "\f10e"; } .vjs-icon-share { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-share:before { content: "\f10f"; } .vjs-icon-cog { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cog:before { content: "\f110"; } .vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before { content: "\f111"; } .vjs-icon-circle-outline { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-outline:before { content: "\f112"; } .vjs-icon-circle-inner-circle { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-circle-inner-circle:before { content: "\f113"; } .vjs-icon-hd { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-hd:before { content: "\f114"; } .vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before { content: "\f115"; } .vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before { content: "\f116"; } .vjs-icon-facebook { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-facebook:before { content: "\f117"; } .vjs-icon-gplus { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-gplus:before { content: "\f118"; } .vjs-icon-linkedin { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-linkedin:before { content: "\f119"; } .vjs-icon-twitter { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-twitter:before { content: "\f11a"; } .vjs-icon-tumblr { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-tumblr:before { content: "\f11b"; } .vjs-icon-pinterest { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-pinterest:before { content: "\f11c"; } .vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before { content: "\f11d"; } .vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before { content: "\f11e"; } .vjs-icon-next-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-next-item:before { content: "\f11f"; } .vjs-icon-previous-item { font-family: VideoJS; font-weight: normal; font-style: normal; } .vjs-icon-previous-item:before { content: "\f120"; } .video-js { display: block; vertical-align: top; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, sans-serif; word-break: initial; } .video-js:-moz-full-screen { position: absolute; } .video-js:-webkit-full-screen { width: 100% !important; height: 100% !important; } .video-js[tabindex="-1"] { outline: none; } .video-js *, .video-js *:before, .video-js *:after { box-sizing: inherit; } .video-js ul { font-family: inherit; font-size: inherit; line-height: inherit; list-style-position: outside; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; } .video-js.vjs-fluid, .video-js.vjs-16-9, .video-js.vjs-4-3 { width: 100%; max-width: 100%; height: 0; } .video-js.vjs-16-9 { padding-top: 56.25%; } .video-js.vjs-4-3 { padding-top: 75%; } .video-js.vjs-fill { width: 100%; height: 100%; } .video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.vjs-full-window { padding: 0; margin: 0; height: 100%; } .vjs-full-window .video-js.vjs-fullscreen { position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; } .video-js.vjs-fullscreen { width: 100% !important; height: 100% !important; padding-top: 0 !important; } .video-js.vjs-fullscreen.vjs-user-inactive { cursor: none; } .vjs-hidden { display: none !important; } .vjs-disabled { opacity: 0.5; cursor: default; } .video-js .vjs-offscreen { height: 1px; left: -9999px; position: absolute; top: 0; width: 1px; } .vjs-lock-showing { display: block !important; opacity: 1; visibility: visible; } .vjs-no-js { padding: 20px; color: #fff; background-color: #000; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; width: 300px; height: 150px; margin: 0px auto; } .vjs-no-js a, .vjs-no-js a:visited { color: #66A8CC; } .video-js .vjs-big-play-button { display: block; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; padding: 0; cursor: pointer; opacity: 1; width: 67px; height: 51px; -webkit-transition: .2s ease; -moz-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; background: transparent url('/local/templates/galereyasacvoyage/css/lib/../../img/svg/i-play.svg') center no-repeat; } .vjs-big-play-centered .vjs-big-play-button { top: 50%; left: 50%; margin-top: -0.75em; margin-left: -1.5em; } .video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus { /*border-color: #fff; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5);*/ -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button { display: none; } .vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button { display: block; } .video-js button { background: none; border: none; color: inherit; display: inline-block; font-size: inherit; line-height: inherit; text-transform: none; text-decoration: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .vjs-control .vjs-button { width: 100%; height: 100%; } .video-js .vjs-control.vjs-close-button { cursor: pointer; height: 3em; position: absolute; right: 0; top: 0.5em; z-index: 2; } .video-js .vjs-modal-dialog { background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0)); overflow: auto; } .video-js .vjs-modal-dialog > * { box-sizing: border-box; } .vjs-modal-dialog .vjs-modal-dialog-content { font-size: 1.2em; line-height: 1.5; padding: 20px 24px; z-index: 1; } .vjs-menu-button { cursor: pointer; } .vjs-menu-button.vjs-disabled { cursor: default; } .vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu { display: none; } .vjs-menu .vjs-menu-content { display: block; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; overflow: auto; } .vjs-menu .vjs-menu-content > * { box-sizing: border-box; } .vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu { display: none; } .vjs-menu li { list-style: none; margin: 0; padding: 0.2em 0; line-height: 1.4em; font-size: 1.2em; text-align: center; text-transform: lowercase; } .vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover { background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover { background-color: #fff; color: #2B333F; } .vjs-menu li.vjs-menu-title { text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0; font-weight: bold; cursor: default; } .vjs-menu-button-popup .vjs-menu { display: none; position: absolute; bottom: 0; width: 10em; left: -3em; height: 0em; margin-bottom: 1.5em; border-top-color: rgba(43, 51, 63, 0.7); } .vjs-menu-button-popup .vjs-menu .vjs-menu-content { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); position: absolute; width: 100%; bottom: 1.5em; max-height: 15em; } .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu, .vjs-menu-button-popup .vjs-menu.vjs-lock-showing { display: block; } .video-js .vjs-menu-button-inline { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; overflow: hidden; } .video-js .vjs-menu-button-inline:before { width: 2.222222222em; } .video-js .vjs-menu-button-inline:hover, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline.vjs-slider-active, .video-js.vjs-no-flex .vjs-menu-button-inline { width: 12em; } .vjs-menu-button-inline .vjs-menu { opacity: 0; height: 100%; width: auto; position: absolute; left: 4em; top: 0; padding: 0; margin: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .vjs-menu-button-inline:hover .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline.vjs-slider-active .vjs-menu { display: block; opacity: 1; } .vjs-no-flex .vjs-menu-button-inline .vjs-menu { display: block; opacity: 1; position: relative; width: auto; } .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu { width: auto; } .vjs-menu-button-inline .vjs-menu-content { width: auto; height: 100%; margin: 0; overflow: hidden; } .video-js .vjs-control-bar { display: none; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; height: 3.0em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .vjs-has-started .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; -webkit-transition: visibility 0.1s, opacity 0.1s; -moz-transition: visibility 0.1s, opacity 0.1s; -ms-transition: visibility 0.1s, opacity 0.1s; -o-transition: visibility 0.1s, opacity 0.1s; transition: visibility 0.1s, opacity 0.1s; } .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { visibility: visible; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -ms-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .vjs-controls-disabled .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar, .vjs-error .vjs-control-bar { display: none !important; } .vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { opacity: 1; visibility: visible; } .vjs-has-started.vjs-no-flex .vjs-control-bar { display: table; } .video-js .vjs-control { position: relative; text-align: center; margin: 0; padding: 0; height: 100%; width: 4em; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-button > .vjs-icon-placeholder:before { font-size: 1.8em; line-height: 1.67; } .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus { text-shadow: 0em 0em 1em white; } .video-js .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .vjs-no-flex .vjs-control { display: table-cell; vertical-align: middle; } .video-js .vjs-custom-control-spacer { display: none; } .video-js .vjs-progress-control { cursor: pointer; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 4em; } .video-js .vjs-progress-control.disabled { cursor: default; } .vjs-live .vjs-progress-control { display: none; } .vjs-no-flex .vjs-progress-control { width: auto; } .video-js .vjs-progress-holder { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; height: 0.3em; } .video-js .vjs-progress-control .vjs-progress-holder { margin: 0 10px; } .video-js .vjs-progress-control:hover .vjs-progress-holder { font-size: 1.666666666666666666em; } .video-js .vjs-progress-control:hover .vjs-progress-holder.disabled { font-size: 1em; } .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { position: absolute; display: block; height: 100%; margin: 0; padding: 0; width: 0; } .video-js .vjs-play-progress { background-color: #fff; } .video-js .vjs-play-progress:before { font-size: 0.9em; position: absolute; right: -0.5em; top: -0.333333333333333em; z-index: 1; } .video-js .vjs-load-progress { background: rgba(115, 133, 159, 0.5); } .video-js .vjs-load-progress div { background: rgba(115, 133, 159, 0.75); } .video-js .vjs-time-tooltip { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; color: #000; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 6px 8px 8px 8px; pointer-events: none; position: relative; top: -3.4em; visibility: hidden; z-index: 1; } .video-js .vjs-progress-holder:focus .vjs-time-tooltip { display: none; } .video-js .vjs-progress-control:hover .vjs-time-tooltip, .video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip { display: block; font-size: 0.6em; visibility: visible; } .video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip { font-size: 1em; } .video-js .vjs-progress-control .vjs-mouse-display { display: none; position: absolute; width: 1px; height: 100%; background-color: #000; z-index: 1; } .vjs-no-flex .vjs-progress-control .vjs-mouse-display { z-index: 0; } .video-js .vjs-progress-control:hover .vjs-mouse-display { display: block; } .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display { visibility: hidden; opacity: 0; -webkit-transition: visibility 1s, opacity 1s; -moz-transition: visibility 1s, opacity 1s; -ms-transition: visibility 1s, opacity 1s; -o-transition: visibility 1s, opacity 1s; transition: visibility 1s, opacity 1s; } .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display { display: none; } .vjs-mouse-display .vjs-time-tooltip { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.8); } .video-js .vjs-slider { position: relative; cursor: pointer; padding: 0; margin: 0 0.45em 0 0.45em; /* iOS Safari */ -webkit-touch-callout: none; /* Safari */ -webkit-user-select: none; /* Konqueror HTML */ -khtml-user-select: none; /* Firefox */ -moz-user-select: none; /* Internet Explorer/Edge */ -ms-user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ user-select: none; background-color: #73859f; background-color: rgba(115, 133, 159, 0.5); } .video-js .vjs-slider.disabled { cursor: default; } .video-js .vjs-slider:focus { text-shadow: 0em 0em 1em white; -webkit-box-shadow: 0 0 1em #fff; -moz-box-shadow: 0 0 1em #fff; box-shadow: 0 0 1em #fff; } .video-js .vjs-mute-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .video-js .vjs-volume-control { cursor: pointer; margin-right: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-control.vjs-volume-horizontal { width: 5em; } .video-js .vjs-volume-panel .vjs-volume-control { visibility: visible; opacity: 0; width: 1px; height: 1px; margin-left: -1px; } .video-js .vjs-volume-panel { -webkit-transition: width 1s; -moz-transition: width 1s; -ms-transition: width 1s; -o-transition: width 1s; transition: width 1s; } .video-js .vjs-volume-panel:hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:hover, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active { visibility: visible; opacity: 1; position: relative; -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; } .video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal { width: 5em; height: 3em; } .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active { width: 9em; -webkit-transition: width 0.1s; -moz-transition: width 0.1s; -ms-transition: width 0.1s; -o-transition: width 0.1s; transition: width 0.1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { height: 8em; width: 3em; left: -3.5em; -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; } .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; } .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal { width: 5em; height: 3em; visibility: visible; opacity: 1; position: relative; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical, .video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical { position: absolute; bottom: 3em; left: 0.5em; } .video-js .vjs-volume-panel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .video-js .vjs-volume-bar { margin: 1.35em 0.45em; } .vjs-volume-bar.vjs-slider-horizontal { width: 5em; height: 0.3em; } .vjs-volume-bar.vjs-slider-vertical { width: 0.3em; height: 5em; margin: 1.35em auto; } .video-js .vjs-volume-level { position: absolute; bottom: 0; left: 0; background-color: #fff; } .video-js .vjs-volume-level:before { position: absolute; font-size: 0.9em; } .vjs-slider-vertical .vjs-volume-level { width: 0.3em; } .vjs-slider-vertical .vjs-volume-level:before { top: -0.5em; left: -0.3em; } .vjs-slider-horizontal .vjs-volume-level { height: 0.3em; } .vjs-slider-horizontal .vjs-volume-level:before { top: -0.3em; right: -0.5em; } .video-js .vjs-volume-panel.vjs-volume-panel-vertical { width: 4em; } .vjs-volume-bar.vjs-slider-vertical .vjs-volume-level { height: 100%; } .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level { width: 100%; } .video-js .vjs-volume-vertical { width: 3em; height: 8em; bottom: 8em; background-color: #2B333F; background-color: rgba(43, 51, 63, 0.7); } .video-js .vjs-volume-horizontal .vjs-menu { left: -2em; } .vjs-poster { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; background-color: #000000; cursor: pointer; margin: 0; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; } .vjs-has-started .vjs-poster { display: none; } .vjs-audio.vjs-has-started .vjs-poster { display: block; } .vjs-using-native-controls .vjs-poster { display: none; } .video-js .vjs-live-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1em; line-height: 3em; } .vjs-no-flex .vjs-live-control { display: table-cell; width: auto; text-align: left; } .video-js .vjs-time-control { -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1em; line-height: 3em; min-width: 2em; width: auto; padding-left: 1em; padding-right: 1em; } .vjs-live .vjs-time-control { display: none; } .video-js .vjs-current-time, .vjs-no-flex .vjs-current-time { display: none; } .video-js .vjs-duration, .vjs-no-flex .vjs-duration { display: none; } .vjs-time-divider { display: none; line-height: 3em; } .vjs-live .vjs-time-divider { display: none; } .video-js .vjs-play-control .vjs-icon-placeholder { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-text-track-display { position: absolute; bottom: 3em; left: 0; right: 0; top: 0; pointer-events: none; } .video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display { bottom: 1em; } .video-js .vjs-text-track { font-size: 1.4em; text-align: center; margin-bottom: 0.1em; } .vjs-subtitles { color: #fff; } .vjs-captions { color: #fc6; } .vjs-tt-cue { display: block; } video::-webkit-media-text-track-display { -moz-transform: translateY(-3em); -ms-transform: translateY(-3em); -o-transform: translateY(-3em); -webkit-transform: translateY(-3em); transform: translateY(-3em); } .video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display { -moz-transform: translateY(-1.5em); -ms-transform: translateY(-1.5em); -o-transform: translateY(-1.5em); -webkit-transform: translateY(-1.5em); transform: translateY(-1.5em); } .video-js .vjs-fullscreen-control { cursor: pointer; -webkit-box-flex: none; -moz-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } .vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate .vjs-playback-rate-value { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vjs-playback-rate .vjs-playback-rate-value { pointer-events: none; font-size: 1.5em; line-height: 2; text-align: center; } .vjs-playback-rate .vjs-menu { width: 4em; left: 0em; } .vjs-error .vjs-error-display .vjs-modal-dialog-content { font-size: 1.4em; text-align: center; } .vjs-error .vjs-error-display:before { color: #fff; content: 'X'; font-family: Arial, Helvetica, sans-serif; font-size: 4em; left: 0; line-height: 1; margin-top: -0.5em; position: absolute; text-shadow: 0.05em 0.05em 0.1em #000; text-align: center; top: 50%; vertical-align: middle; width: 100%; } .vjs-loading-spinner { display: none; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; opacity: 0.85; text-align: left; border: 6px solid rgba(43, 51, 63, 0.7); box-sizing: border-box; background-clip: padding-box; width: 50px; height: 50px; border-radius: 25px; visibility: hidden; } .vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner { display: block; animation: 0s linear 0.3s forwards vjs-spinner-show; } .vjs-loading-spinner:before, .vjs-loading-spinner:after { content: ""; position: absolute; margin: -6px; box-sizing: inherit; width: inherit; height: inherit; border-radius: inherit; opacity: 1; border: inherit; border-color: transparent; border-top-color: white; } .vjs-seeking .vjs-loading-spinner:before, .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after { -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; } .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before { border-top-color: white; } .vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after { border-top-color: white; -webkit-animation-delay: 0.44s; animation-delay: 0.44s; } @keyframes vjs-spinner-show { to { visibility: visible; } } @-webkit-keyframes vjs-spinner-show { to { visibility: visible; } } @keyframes vjs-spinner-spin { 100% { transform: rotate(360deg); } } @-webkit-keyframes vjs-spinner-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } @-webkit-keyframes vjs-spinner-fade { 0% { border-top-color: #73859f; } 20% { border-top-color: #73859f; } 35% { border-top-color: white; } 60% { border-top-color: #73859f; } 100% { border-top-color: #73859f; } } .vjs-chapters-button .vjs-menu ul { width: 24em; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder { position: absolute; } .video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before { font-family: VideoJS; content: "\f10d"; font-size: 1.5em; line-height: inherit; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer { width: auto; } .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button { display: none; } .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button { display: none; } .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button { display: none; } .vjs-modal-dialog.vjs-text-track-settings { background-color: #2B333F; background-color: rgba(43, 51, 63, 0.75); color: #fff; height: 70%; } .vjs-text-track-settings .vjs-modal-dialog-content { display: table; } .vjs-text-track-settings .vjs-track-settings-colors, .vjs-text-track-settings .vjs-track-settings-font, .vjs-text-track-settings .vjs-track-settings-controls { display: table-cell; } .vjs-text-track-settings .vjs-track-settings-controls { text-align: right; vertical-align: bottom; } @supports (display: grid) { .vjs-text-track-settings .vjs-modal-dialog-content { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; } .vjs-text-track-settings .vjs-track-settings-colors { display: block; grid-column: 1; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-font { grid-column: 2; grid-row: 1; } .vjs-text-track-settings .vjs-track-settings-controls { grid-column: 2; grid-row: 2; } } .vjs-track-setting > select { margin-right: 5px; } .vjs-text-track-settings fieldset { margin: 5px; padding: 3px; border: none; } .vjs-text-track-settings fieldset span { display: inline-block; } .vjs-text-track-settings legend { color: #fff; margin: 0 0 5px 0; } .vjs-text-track-settings .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); display: block; margin: 0 0 5px 0; padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-track-settings-controls button:focus, .vjs-track-settings-controls button:active { outline-style: solid; outline-width: medium; background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); } .vjs-track-settings-controls button:hover { color: rgba(43, 51, 63, 0.75); } .vjs-track-settings-controls button { background-color: #fff; background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%); color: #2B333F; cursor: pointer; border-radius: 2px; } .vjs-track-settings-controls .vjs-default-button { margin-right: 1em; } @media print { .video-js > *:not(.vjs-tech):not(.vjs-poster) { visibility: hidden; } } .vjs-resize-manager { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; visibility: hidden; } /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/jquery.mThumbnailScroller.css?16427138737631*/ /* == jquery thumbnail/image scroller == Plugin URI: http://manos.malihu.gr/jquery-thumbnail-scroller/ */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. SCROLLING BUTTONS STYLE - buttons size, background, color, positioning etc. 3. THUMBNAILS STYLE - basic thumbnails CSS. 4. THEMES - Scroller colors, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mThumbnailScroller{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mThumbnailScroller.mTS_no_scroll, .mThumbnailScroller.mTS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mTSWrapper{ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mTSContainer{ margin: 0; padding: 0; overflow: hidden; } ul.mTSContainer, ol.mTSContainer{ list-style: none; } .mTSThumb, ul.mTSContainer > li img{ vertical-align: bottom; } .mTS_vertical .mTSContainer{ margin-top: 0 !important; margin-bottom: 0 !important; } .mTS_horizontal .mTSContainer{ margin-left: 0 !important; margin-right: 0 !important; } /* ------------------------------------------------------------------------------------------------------------------------ 2. SCROLLING BUTTONS STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mTSButton{ /* button size (if changed, also change the buttons top and left margins below) */ width: 20px; height: 20px; line-height: 20px; padding: 14px; /* ---------- */ overflow: hidden; text-align: center; background-color: #000; /* button background */ color: #fff; /* non-svg button icon color */ display: inline-block; position: absolute; top: 0; left: 0; /* show button effect (fades-in button from zero size) */ opacity: 1; -webkit-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; -moz-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; -o-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; -ms-transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; transition: height 0s ease-out 0s, width 0s ease-out 0s, padding 0s ease-out 0s, opacity .2s ease-out 0s; /* ---------- */ } /* buttons positioning */ .mTSButtonDown{ top: auto; bottom: 0; } .mTSButtonRight{ left: auto; right: 0; } .mTSButtonUp, .mTSButtonDown{ /* margin is half the button size */ left: 50%; margin-left: -24px; } .mTSButtonLeft, .mTSButtonRight{ /* margin is half the button size */ top: 50%; margin-top: -24px; } .mTSButtonIconContainer{ display: inline-block; position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; } .mTSButtonIcon{ /* SVG icon */ display: inline-block; fill: #fff; /* button icon color */ position: absolute; top: 0; left: 0; } .mTSButton.mTS-hidden, .mThumbnailScroller.mTS_no_scroll .mTSButton{ /* hide button effect (fades-out button to zero size) */ opacity: 0; height: 0; width: 0; padding: 0; -webkit-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; -moz-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; -o-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; -ms-transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; transition: height 0s ease-out .2s, width 0s ease-out .2s, padding 0s ease-out .2s, opacity .2s ease-out; /* ---------- */ } /* ------------------------------------------------------------------------------------------------------------------------ 3. THUMBNAILS STYLE ------------------------------------------------------------------------------------------------------------------------ */ /* thumbnail container (default: li) */ .mTS_horizontal .mTSThumbContainer, .mTS_horizontal ul.mTSContainer > li{ float: left; } /* ------------------------------------------------------------------------------------------------------------------------ 4. THEMES ------------------------------------------------------------------------------------------------------------------------ */ /* theme: "buttons-in" */ .mTS-buttons-in{ padding: 14px; background-color: #000; } .mTS-buttons-in .mTSButtonIcon{ fill: #fff; } .mTS-buttons-in .mTSWrapper, .mTS-buttons-in .mTSButton{ background-color: inherit; } .mTS-buttons-in .mTSButtonLeft, .mTS-buttons-in .mTSButtonRight{ width: 24px; height: 48px; padding: 24px 4px 0 4px; margin-top: -36px; } .mTS-buttons-in .mTSButtonUp, .mTS-buttons-in .mTSButtonDown{ width: 24px; height: 24px; padding: 4px 24px; margin-left: -36px; } .mTS-buttons-in .mTSButton.mTS-hidden{ height: 0; width: 0; padding: 0; } .mTS-buttons-in .mTSButton:not(.mTS-hidden){ opacity: .4; } .mTS-buttons-in:hover .mTSButton:not(.mTS-hidden){ opacity: 1; } .mTS-buttons-in .mTS_vertical .mTSThumbContainer{ margin: 14px 0; } .mTS-buttons-in .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; } .mTS-buttons-in .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; } .mTS-buttons-in .mTS_horizontal .mTSThumbContainer{ margin: 0 7px; } .mTS-buttons-in .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; } .mTS-buttons-in .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; } /* ---------------------------------------- */ /* theme: "buttons-out" */ .mTS-buttons-out{ padding: 6px; background: #000; } .mTS-buttons-out .mTSButtonIcon{ fill: #000; } .mTS-buttons-out .mTSButton{ background-color: transparent; width: 36px; height: 36px; line-height: 42px; padding: 6px; } .mTS-buttons-out .mTSButton.mTS-hidden{ height: 0; width: 0; padding: 0; } .mTS-buttons-out .mTS_vertical .mTSThumbContainer{ margin: 6px 0; } .mTS-buttons-out .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 0; } .mTS-buttons-out .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 0; } .mTS-buttons-out .mTS_horizontal .mTSThumbContainer{ margin: 0 3px; } .mTS-buttons-out .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 0; } .mTS-buttons-out .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 0; } /* ---------------------------------------- */ /* theme: "hover-full" */ .mTS-hover-full{ padding: 8px; background: rgba(0,0,0,.2); } .mTS-hover-full .mTS_vertical .mTSThumbContainer{ margin: 8px 0; } .mTS-hover-full .mTS_vertical .mTSThumbContainer:first-child{ margin-top: 40px; } .mTS-hover-full .mTS_vertical .mTSThumbContainer:last-child{ margin-bottom: 40px; } .mTS-hover-full .mTS_horizontal .mTSThumbContainer{ margin: 0 4px; } .mTS-hover-full .mTS_horizontal .mTSThumbContainer:first-child{ margin-left: 40px; } .mTS-hover-full .mTS_horizontal .mTSThumbContainer:last-child{ margin-right: 40px; } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/select2.css?164271387317604*/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/magnific-popup.min.css?16427138735259*/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/nouislider.min.css?16427138743843*/ /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;transform-origin:0 0}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{position:absolute}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%,0);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/jquery.mCustomScrollbar.css?164271387453559*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 20px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 20px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 6px; height: auto; left: auto; top: 0; right: 5px; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 47px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 100%; height: 100%; margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 100%; height: 100%; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 2px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 2px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 12px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 4px; /* auto-expanded scrollbar */ margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 2px; /* auto-expanded scrollbar */ margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(17,17,17,0); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebebeb; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #581838; filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #581838; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ //background-image: url(/local/templates/galereyasacvoyage/css/lib/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; background-position: center center; width: 40px; height: 40px; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-image: url(/local/templates/galereyasacvoyage/css/lib/../../img/svg/i-arrow-top.svg); /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-image: url(/local/templates/galereyasacvoyage/css/lib/../../img/svg/i-arrow-bottom.svg); /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 2px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/galereyasacvoyage/css/lib/jquery-ui.css?164271387336189*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { // border: 1px solid #003eff; // background: #007fff; background: #ffca40; // font-weight: normal; // color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } // .ui-icon, // .ui-widget-content .ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_444444_256x240.png"); // } // .ui-widget-header .ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_444444_256x240.png"); // } // .ui-state-hover .ui-icon, // .ui-state-focus .ui-icon, // .ui-button:hover .ui-icon, // .ui-button:focus .ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_555555_256x240.png"); // } // .ui-state-active .ui-icon, // .ui-button:active .ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_ffffff_256x240.png"); // } // .ui-state-highlight .ui-icon, // .ui-button .ui-state-highlight.ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_777620_256x240.png"); // } // .ui-state-error .ui-icon, // .ui-state-error-text .ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_cc0000_256x240.png"); // } // .ui-button .ui-icon { // background-image: url("/local/templates/galereyasacvoyage/css/lib/../../img/datapicker/ui-icons_777777_256x240.png"); // } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/galereyasacvoyage/css/global.css?1670851699324653*/ /* GLOBAL.CSS */ /*------------------------------------------------------------------------------*/ /* This is main CSS file that contains custom style rules used in this template */ /*------------------------------------------------------------------------------*/ /* Template Name: galereyasacvoyage */ /* Version: 1.0 Initial Release */ /* Build Date: 11-07-2018 */ /* Author: Vasyl Makohin */ /* Copyright: (C) 2018 */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* TABLE OF CONTENTS: */ /*------------------------------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION, COLOR, ICONS & BUTTONS PRESETS */ /* 02 - HEADER */ /* 03 - FOOTER */ /* XX - @MEDIA SCREEN */ /*------------------------------------------------------------------------------*/ /* MIXU */ /*------------------------------------------------------------------------------*/ /*! * Bootstrap Reboot v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ .white{ color:#ffffff; } a.white:hover{ color:#cccccc; } * { margin: 0; padding: 0; } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } @-ms-viewport { width: device-width; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { width: 100%; height: 100%; font-family: 'Proxima Nova Lt', sans-serif; font-size: 14px; line-height: 25px; font-weight: 300; color: #252525; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 15px; margin-bottom: 15px; } h1, h2, h3, h4, h5, h6, .b-h1, .b-h2, .b-h3, .b-h4, .b-h5, .b-h6 { margin-top: 0; font-family: inherit; line-height: normal; color: inherit; margin-bottom: 15px; } h1, .b-h1 { font-size: 2.5rem; } h2, .b-h2 { font-size: 2rem; } h3, .b-h3 { font-size: 1.75rem; } h4, .b-h4 { font-size: 1.5rem; } h5, .b-h5 { font-size: 1.25rem; } h6, .b-h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 15px; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 15px; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 15px; } ol, ul { list-style-position: inside; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 15px; margin-left: 0; } blockquote { margin: 0 0 15px; quotes: none; } dfn { font-style: italic; } b, strong { /*font-weight: bolder;*/ } small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 5px; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #252525; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; outline: none!important; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } a:hover { color: #581838; text-decoration: none; } a:focus { text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: inherit; } pre { margin-top: 0; margin-bottom: 15px; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 15px; position: relative; } figure img, figure object, figure embed, figure video { max-width: 100%; height: auto; display: block; } .figure { margin-bottom: 15px; } .figure.figure-left { float: left; margin: 0 15px 15px 0; } .figure.figure-right { float: right; margin: 0 0 15px 15px; } img { vertical-align: middle; border-style: none; border: none; } svg:not(:root) { overflow: hidden; } table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; } table, th, td { border: none; } iframe { border: 0; } caption { padding-top: 15px; padding-bottom: 15px; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 15px; } button { border-radius: 0; } button:focus { outline: none; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } input::-ms-clear { display: none; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 15px; font-size: inherit; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } @font-face { font-display: swap; font-family: 'FuturaBookC'; src: url('/local/templates/galereyasacvoyage/css/../fonts/FuturaBookC.eot'); src: url('/local/templates/galereyasacvoyage/css/../fonts/FuturaBookC.eot?#iefix') format('embedded-opentype'), url('/local/templates/galereyasacvoyage/css/../fonts/FuturaBookC.woff2?v1.2') format('woff2'), url('/local/templates/galereyasacvoyage/css/../fonts/FuturaBookC.woff?v1.2') format('woff'), url('/local/templates/galereyasacvoyage/css/../fonts/FuturaBookC.ttf?v1.2') format('truetype'), url('/local/templates/galereyasacvoyage/css/../fonts/FuturaBookC.svg#FuturaBookC') format('svg'); font-weight: normal; font-style: normal; } /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } ::-moz-selection { background-color: #581838; color: #ffffff; } ::selection { background-color: #581838; color: #ffffff; } .u-tal { text-align: left; } .u-tar { text-align: right; } .u-tac { text-align: center; } .c-wrapper { display: table; table-layout: fixed; width: 100%; height: 100%; min-width: 320px; overflow: hidden; } .container { width: inherit; max-width: 1200px; } .c-footer-wrapper { display: table-row; width: 100%; height: 0; } /*------------------------------------------------------------*/ /* 01 - LAYOUT INITIALIZATION & COLOR, ICONS, BUTTONS PRESETS */ /*------------------------------------------------------------*/ .b-icon { display: inline-block; vertical-align: middle; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .b-icon-pa { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: inline-block; vertical-align: middle; -webkit-transition: fill 0.2s ease; -moz-transition: fill 0.2s ease; -o-transition: fill 0.2s ease; transition: fill 0.2s ease; } .i-icon { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; } .c-btn { position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 13px 15px; border: none; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 50px; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-align: center; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .c-btn:hover, .c-btn:active, .c-btn:focus { outline: none; } .c-btn:hover { text-decoration: none; } .is-color-blue { background-color: #5c6684; color: #ffffff; } .is-color-blue:hover, .is-color-blue:active, .is-color-blue:focus { background-color: #581838; color: #ffffff; } .is-color-white { background-color: #ffffff; border: 1px solid #5c6684; line-height: 22px; color: #5c6684; } .is-color-white:hover, .is-color-white:active, .is-color-white:focus { background-color: #581838; border-color: #581838; color: #ffffff; } .is-color-gray { background-color: #f0f0f0; color: #252525; } .is-color-gray:hover, .is-color-gray:active, .is-color-gray:focus { background-color: #581838; color: #ffffff; } .is-color-white-black { background-color: #ffffff; line-height: 22px; border: 1px solid #252525; color: #252525; } .is-color-white-black:hover, .is-color-white-black:active, .is-color-white-black:focus { background-color: #581838; border-color: #581838; color: #ffffff; } .u-form .u-input-style { width: 100%; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; padding: 0 30px; font-size: 14px; line-height: 50px; height: 50px; font-weight: 300; color: #898989; background-color: #ffffff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .u-form .u-input-style::-webkit-input-placeholder { color: #898989; } .u-form .u-input-style:-moz-placeholder { color: #898989; } .u-form .u-input-style::-moz-placeholder { color: #898989; } .u-form .u-input-style:-ms-input-placeholder { color: #898989; } .u-form .u-input-style.u-not-valid { color: #cc0000; } .u-form .u-input-style.u-not-valid::-webkit-input-placeholder { color: #cc0000; } .u-form .u-input-style.u-not-valid:-moz-placeholder { color: #cc0000; } .u-form .u-input-style.u-not-valid::-moz-placeholder { color: #cc0000; } .u-form .u-input-style.u-not-valid:-ms-input-placeholder { color: #cc0000; } .u-form .u-input-style.u-not-valid:focus { color: #898989; } .u-form .u-input-style.u-not-valid.is-success { color: #5fd624; } .u-form .u-input-style.u-not-valid.is-success::-webkit-input-placeholder { color: #5fd624; } .u-form .u-input-style.u-not-valid.is-success:-moz-placeholder { color: #5fd624; } .u-form .u-input-style.u-not-valid.is-success::-moz-placeholder { color: #5fd624; } .u-form .u-input-style.u-not-valid.is-success:-ms-input-placeholder { color: #5fd624; } .u-form select { margin: 0; padding: 0 50px 10px 0; border: 0; outline: none; width: 100%; background-color: transparent; cursor: pointer; text-align: left; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .u-form select:focus { outline: none; } .u-form select option { text-align: left; } .u-form button[type="submit"].is-success { position: relative; background-color: #5fd624; pointer-events: none; cursor: default; } .u-form button[type="submit"].is-success span { opacity: 0; visibility: hidden; z-index: -1; } .u-form button[type="submit"].is-success .i-svg-success { opacity: 1; visibility: visible; z-index: 1; } .u-form button[type="submit"] .i-svg-success { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; color: #ffffff; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; opacity: 0; visibility: hidden; z-index: -1; } .u-form .u-text-error { position: absolute; left: 15px; padding: 5px 15px; bottom: 0; font-size: 14px; line-height: 20px; font-weight: 300; color: #cc0000; background-color: #ffffff; text-align: left; -webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .u-form .u-text-error.u-not-valid { z-index: 1; opacity: 1; visibility: visible; bottom: -30px; } .u-head-title { font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #252525; margin-bottom: 40px; text-transform: uppercase; text-align: center; } @media only screen and (max-width: 767px) { .u-head-title { font-size: 18px; line-height: 28px; } } .u-head-title-2 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #252525; letter-spacing: -0.02em; text-transform: uppercase; text-align: center; } @media only screen and (max-width: 767px) { .u-head-title-2 { font-size: 26px; line-height: 36px; } } .load-on-scroll .u-slider__article__photo, .is-load-img .u-slider__article__photo, .load-items-on-scroll { background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/local/templates/galereyasacvoyage/css/../img/svg/preloader.svg); } .load-items-on-scroll-new { background-position: 50% 50%; background-repeat: no-repeat; background-image: url(/local/templates/galereyasacvoyage/css/../img/preloader_new.gif); position: relative; } .load-items-on-scroll-new span{ position: absolute; left: -60px; top: 10px; color: #581838; } .load-on-scroll .u-slider__article__photo.img-preloaded, .is-load-img .u-slider__article__photo.img-preloaded { background: none; } .u-checkbox-radio-style__list { padding: 0; margin: 0; list-style: none; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray .u-checkbox-radio-style-box { background-color: #f5f5f5; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray .u-checkbox-radio-style-box svg { color: #252525; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray .u-checkbox-radio-style-name { font-size: 15px; color: #252525; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray .u-checkbox-radio-style-name a { font-size: 15px; border-bottom: 1px solid #252525; color: #252525; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray .u-checkbox-radio-style-name a:hover { color: #581838; border-bottom-color: transparent; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray a { font-size: 15px; border-bottom: 1px solid #252525; color: #252525; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__gray a:hover { color: #581838; border-bottom-color: transparent; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black.u-checkbox-radio-style__list__sale .u-checkbox-radio-style-name { color: #dd3162; text-transform: uppercase; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black li { margin-bottom: 12px; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-label .u-checkbox-radio-style-input:checked + .u-checkbox-radio-style__section .u-checkbox-radio-style-box { border-color: #252525; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style__section { padding-left: 26px; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-box { background-color: #ffffff; border: 2px solid #ebebeb; top: 6px; width: 17px; height: 17px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-box svg { color: #581838; left: 1px; } .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-name { color: #252525; letter-spacing: 0.02em; } .u-checkbox-radio-style__list.u-radio-style__list__shops li { margin-bottom: 0; } .u-checkbox-radio-style__list.u-radio-style__list__shops .u-checkbox-radio-style-label .u-checkbox-radio-style-input:checked + .u-checkbox-radio-style__section .u-checkbox-radio-style-box:before { opacity: 1; visibility: visible; z-index: 1; } .u-checkbox-radio-style__list.u-radio-style__list__shops .u-checkbox-radio-style__section { padding-left: 26px; } .u-checkbox-radio-style__list.u-radio-style__list__shops .u-checkbox-radio-style-box { display: block; background-color: #ffffff; border: 2px solid #ebebeb; top: 5px; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .u-checkbox-radio-style__list.u-radio-style__list__shops .u-checkbox-radio-style-box:before { content: ''; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6px; height: 6px; background-color: #581838; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-checkbox-radio-style__list.u-radio-style__list__shops .u-checkbox-radio-style-name { line-height: 25px; color: #252525; letter-spacing: 0.02em; } .u-checkbox-radio-style__list.u-radio-style__list__shops .u-checkbox-radio-style-name.is-name-stock { color: #581838; } .u-checkbox-radio-style__list li { position: relative; display: block; margin-bottom: 15px; } .u-checkbox-radio-style__list li:last-child { margin-bottom: 0; } .u-checkbox-radio-style-label { position: relative; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; margin: 0; } .u-checkbox-radio-style-label .u-checkbox-radio-style-input { display: none; } .u-checkbox-radio-style-label .u-checkbox-radio-style-input:checked + .u-checkbox-radio-style__section .u-checkbox-radio-style-box svg { bottom: 0; opacity: 1; visibility: visible; } .u-checkbox-radio-style-label.u-not-valid .u-checkbox-radio-style-box { -webkit-box-shadow: 0px 0px 0px 1px #cc0000; -moz-box-shadow: 0px 0px 0px 1px #cc0000; box-shadow: 0px 0px 0px 1px #cc0000; } .u-checkbox-radio-style-label.is-success .u-checkbox-radio-style-box { -webkit-box-shadow: 0px 0px 0px 1px #5fd624; -moz-box-shadow: 0px 0px 0px 1px #5fd624; box-shadow: 0px 0px 0px 1px #5fd624; } .u-checkbox-radio-style__section { position: relative; display: block; padding-left: 27px; min-height: 18px; } .u-checkbox-radio-style-box { position: absolute; top: 5px; left: 0; width: 18px; height: 18px; background-color: #ffffff; overflow: hidden; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .u-checkbox-radio-style-box svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; opacity: 0; visibility: hidden; color: #591d3a; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; bottom: -5px; } .u-checkbox-radio-style-name { position: relative; display: block; vertical-align: middle; font-size: 14px; line-height: 28px; font-weight: 300; color: #ffffff; } .u-checkbox-radio-style-name a { font-size: 14px; line-height: 18px; font-weight: 300; color: #ffffff; border-bottom: 1px solid #ffffff; } .u-checkbox-radio-style-name a:hover { border-bottom-color: transparent; } .c-header__mobile__menu { display: none; position: absolute; top: 0; left: 0; padding: 0; width: 60px; height: 60px; background-color: #667197; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; } @media only screen and (max-width: 767px) { .c-header__mobile__menu { display: block; } } .c-header__mobile__menu:hover { background-color: #ffffff; } .u-style-line { position: relative; display: block; width: 100%; height: 100%; } .u-style-line:hover .is-not-svg-line span { background-color: #252525; } .u-style-line:hover .is-not-svg-line .line-1 { width: 17px; } .u-style-line:hover .is-not-svg-line .line-2 { width: 22px; } .u-style-line .is-not-svg-line { display: block; width: 22px; height: 14px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-style-line .is-not-svg-line span { position: absolute; left: 0; height: 2px; background-color: #ffffff; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; will-change: transform; } .u-style-line .is-not-svg-line .line-1 { top: 0; width: 22px; } .u-style-line .is-not-svg-line .line-2 { top: 6px; width: 17px; } .u-style-line .is-not-svg-line .line-3 { top: 12px; width: 12px; } .u-preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #581838; z-index: 99999; } .f-container { position: absolute; top: 50%; left: 50%; width: 120px; height: 64px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .f-container img { display: block; width: 100%; height: auto; } .u-btn-scroll-top { position: fixed; display: block; z-index: 500; right: 37px; bottom: -100px; width: 48px; height: 48px; background-color: #e4e4e4; color: #4a4a4a; -webkit-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); -moz-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } @media only screen and (max-width: 767px) { .u-btn-scroll-top { right: 20px; } } .u-btn-scroll-top.is-show { bottom: 20px; } .u-btn-scroll-top:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .u-btn-scroll-top svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .c-catalog__section__pagination { padding: 30px 0; text-align: center; } .u-pagination__list { display: inline-block; vertical-align: middle; font-size: 0; list-style: none; padding: 0; margin: 0; } .u-pagination__list li { display: inline-block; vertical-align: middle; margin: 10px 5px; } .u-pagination__list a, .u-pagination__list span { position: relative; display: block; width: 40px; height: 40px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 40px; font-weight: 700; color: #252525; background-color: #f5f5f5; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media only screen and (max-width: 567px) { .u-pagination__list a, .u-pagination__list span { font-size: 12px; } } .u-pagination__list a:hover, .u-pagination__list span:hover { color: #ffffff; background-color: #581838; } .u-pagination__list a svg, .u-pagination__list span svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-pagination__list span { color: #ffffff; background-color: #581838; } .u-stepper { position: relative; display: block; text-align: left; } .u-stepper .ui-spinner { margin: 0 auto; max-width: 140px; display: block; padding: 0; } @media only screen and (max-width: 767px) { .u-stepper .ui-spinner { margin: 0; } } .u-stepper a.ui-spinner-button { position: absolute; top: 1px; bottom: 1px; width: 20px; height: auto; cursor: pointer; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background-color: transparent; } .u-stepper a.ui-spinner-button:hover { background-color: transparent; } .u-stepper a.ui-spinner-button:before, .u-stepper a.ui-spinner-button:after { content: ''; position: absolute; background-color: #000000; } .u-stepper a.ui-spinner-button:hover:before, .u-stepper a.ui-spinner-button:hover:after { background-color: #000000; } .u-stepper a.ui-spinner-down { left: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .u-stepper a.ui-spinner-down:before { position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -3px; width: 6px; height: 2px; } .u-stepper a.ui-spinner-up { right: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .u-stepper a.ui-spinner-up:before { position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -4px; width: 8px; height: 2px; } .u-stepper a.ui-spinner-up:after { position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -1px; width: 2px; height: 8px; } .u-stepper .ui-widget { border: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .u-stepper .u-input-style { width: 100%; margin: 0; padding: 13px 30px; height: 45px; font-size: 15px; font-weight: 300; color: #000000; border: 0; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; box-shadow: 0px 0px 0px transparent; background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 1; text-align: center; } .u-stepper .u-input-style:focus { color: #252525; } .ui-menu { overflow-y: auto; max-height: 148px; border: 0; background: #ffffff; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1); padding: 7px 6px; z-index: 10002; } .ui-menu.ui-widget.ui-widget-content { border: 0; } .ui-menu .ui-menu-item { display: block; list-style-type: none; padding: 0; } .ui-menu .ui-menu-item-wrapper { display: block; margin: 0; padding: 5px 6px; text-align: left; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 25px; font-weight: 300; color: #252525; letter-spacing: 0.03em; } .ui-menu .ui-menu-item-wrapper:focus { outline: none; } .ui-menu .ui-menu-item-wrapper:hover { background-color: #581838; color: #ffffff; } .ui-menu .ui-menu-item-wrapper.ui-state-focus, .ui-menu .ui-menu-item-wrapper.ui-state-active { margin: 0; background-color: #581838; color: #ffffff; } .ui-menu .ui-menu-item-wrapper .u-world-type { color: #581838; text-transform: capitalize; font-family: 'Proxima Nova Rg', sans-serif; font-weight: 700; } .u-tooltip-match { position: absolute; top: 8px; right: -290px; width: 265px; z-index: 40; background-color: #ffffff; -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.15); } .u-tooltip-match:before { content: ''; display: block; position: absolute; left: -9px; border-right: 10px solid rgba(0, 0, 0, 0.15); border-top: 10px solid transparent; border-bottom: 10px solid transparent; top: 50%; margin-top: -10px; } .u-tooltip-match:after { content: ''; display: block; position: absolute; left: -8px; border-right: 10px solid #ffffff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-radius: 0 6px 6px 0; top: 50%; margin-top: -10px; } .u-tooltip-match .u-tooltips-fltMatch-bg { position: relative; display: table; width: 100%; } .u-tooltip-match .u-tooltip-tooltipMatch-bg { display: table; width: 100%; } .u-tooltip-match .u-tooltip-matchCount-block { position: relative; display: table-cell; vertical-align: top; padding: 13px 10px; width: 131px; font-size: 14px; line-height: 18px; font-weight: 300; color: #581838; text-align: center; } .u-tooltip-match .u-tooltip-matchCount b { font-weight: 700; } .u-tooltip-match .u-tooltip-fhowMatch { padding-left: 10px; display: table-cell; vertical-align: middle; width: 110px; background-color: #5c6684; text-align: center; font-size: 14px; line-height: 18px; font-weight: 400; color: #ffffff; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; text-transform: uppercase; } .u-tooltip-match .u-tooltip-fhowMatch:hover { background-color: #581838; } /*------------------------------------------------------------*/ /* 02 - HEADER */ /*------------------------------------------------------------*/ body.u-menu-fixed .c-header__fixed { padding-top: 124px; } @media only screen and (max-width: 767px) { body.u-menu-fixed .c-header__fixed { padding-top: 0; height: 100px; } } body.u-menu-fixed .c-header__center__section { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1); } body.u-menu-fixed .c-header__center { height: 50px; } @media only screen and (max-width: 767px) { body.u-menu-fixed .c-header__center { height: 100px; } } body.u-menu-fixed .c-header__center__logo { height: 50px; } @media only screen and (max-width: 767px) { body.u-menu-fixed .c-header__center__logo { height: 60px; } } .c-header { position: relative; width: 100%; } @media only screen and (max-width: 767px) { .c-header { height: 100px; z-index: 9999; } } .c-header .container { height: 100%; } .c-header .row { height: 100%; } .c-header__top { padding: 12px 0; background-color: #ffffff; } @media only screen and (max-width: 767px) { .c-header__top { display: none; } } .c-header__top__item:last-child { text-align: right; } .c-header__top__list { list-style: none; padding: 0; margin: 0; white-space: nowrap; } .c-header__top__list li { display: inline-block; vertical-align: middle; margin-left: 20px; } @media only screen and (max-width: 1199px) { .c-header__top__list li { margin-left: 8px; } } .c-header__top__list li:first-child { margin-left: 0; } .c-header__top__shops svg { display: inline-block; vertical-align: middle; color: #222222; } .c-header__top__shops-name { display: inline-block; vertical-align: middle; margin-left: 10px; letter-spacing: 0.1em; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; } @media only screen and (max-width: 1199px) { .c-header__top__shops-name { margin-left: 5px; } } .c-header__top__shops-name:hover { color: #581838; } .c-header__top__city svg { display: inline-block; vertical-align: middle; color: #222222; } .c-header__top__city-label { display: inline-block; vertical-align: middle; margin-left: 5px; letter-spacing: 0.1em; } @media only screen and (max-width: 1199px) { .c-header__top__city-label { margin-left: 0; } } .c-header__top__city-name { display: inline-block; vertical-align: middle; line-height: 20px; border-bottom: 1px dashed #581838; letter-spacing: 0.1em; cursor: pointer; color: #581838; } .c-header__top__city-name:hover { border-color: transparent; } .c-header__top-delivery { display: inline-block; vertical-align: middle; letter-spacing: 0.1em; } .c-header__top-phone { font-family: 'Proxima Nova Rg', sans-serif; font-weight: 400; color: #252525; letter-spacing: 0.15em; } .c-header__top-request-callback { display: inline-block; vertical-align: middle; line-height: 20px; border-bottom: 1px dashed #252525; cursor: pointer; letter-spacing: 0.1em; margin-left: 5px; } .c-header__top-request-callback:hover { color: #581838; border-color: transparent; } .c-header__center { height: 80px; background-color: #581838; } @media only screen and (max-width: 767px) { .c-header__center { height: 100px; } } @media only screen and (max-width: 767px) { .c-header__center .container { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .c-header__center .row { margin-left: -10px; margin-right: -10px; } } @media only screen and (max-width: 767px) { .c-header__fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } } .c-header__center__section { min-width: 320px; } @media only screen and (max-width: 767px) { .c-header__center__section { height: 100px; } } @media only screen and (max-width: 767px) { .c-header__center__item { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .c-header__center__item.u-item__husbandwife { -webkit-box-shadow: inset 0px 2px 0px rgba(182, 151, 66, 0.4); -moz-box-shadow: inset 0px 2px 0px rgba(182, 151, 66, 0.4); box-shadow: inset 0px 2px 0px rgba(182, 151, 66, 0.4); } } .c-header__center__item.u-item__husbandwife__mobile { display: none; } @media only screen and (max-width: 767px) { .c-header__center__item.u-item__husbandwife__mobile { display: block; } } .c-header__center__item.u-item__husbandwife__desktop { display: block; } @media only screen and (max-width: 767px) { .c-header__center__item.u-item__husbandwife__desktop { display: none; } } @media only screen and (max-width: 767px) { .c-header__center__item.u-item__logo { width: 40%; padding-left: 60px; } } .c-header__center__item.u-item__lk { text-align: right; } @media only screen and (max-width: 767px) { .c-header__center__item.u-item__lk { width: 60%; } } .c-header__center__husbandwife { list-style: none; padding: 0; margin: 0; } @media only screen and (max-width: 767px) { .c-header__center__husbandwife { padding: 7px 0; text-align: center; height: 40px; } } .c-header__center__husbandwife li { display: inline-block; vertical-align: middle; margin-right: 30px; } @media only screen and (max-width: 767px) { .c-header__center__husbandwife li { margin: 0 5px; } } .c-header__center__husbandwife li a, .c-header__center__husbandwife li span { font-size: 14px; color: #ffffff; letter-spacing: 0.1em; } @media only screen and (max-width: 767px) { .c-header__center__husbandwife li a, .c-header__center__husbandwife li span { font-size: 12px; line-height: 30px; } } .c-header__center__husbandwife li a:hover { color: #cab0b2; } .c-header__center__husbandwife li span { color: #cab0b2; } .c-header__center__logo { position: relative; display: block; width: 230px; height: 80px; margin: 0 auto; overflow: hidden; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; z-index: 1; } @media only screen and (max-width: 767px) { .c-header__center__logo { width: 112px; height: 60px; margin: 0; } } .c-header__center__logo img { width: 100%; height: 100%; } .c-header__center__list { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: middle; margin-right: 10px; } @media only screen and (max-width: 1023px) { .c-header__center__list { margin-right: 5px; } } @media only screen and (max-width: 767px) { .c-header__center__list { margin-right: 0; } } .c-header__center__list li { display: inline-block; vertical-align: middle; margin-left: 10px; } @media only screen and (max-width: 1023px) { .c-header__center__list li { margin-left: 0px; } } .c-header__center__list li:last-child { display: none; } @media only screen and (max-width: 767px) { .c-header__center__list li:last-child { display: inline-block; } } .c-header__center-link { position: relative; display: block; color: #ffffff; width: 30px; height: 30px; cursor: pointer; } @media only screen and (max-width: 767px) { .c-header__center-link { width: 25px; } } .c-header__center-link:hover { color: #cab0b2; } .c-header__center-link svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-header__center__lk { position: relative; cursor: pointer; } .c-header__center__lk:hover .c-header__center__lk-name { color: #cab0b2; } .c-header__center__lk:hover .c-header__center__user { color: #cab0b2; } .c-header__center__lk.is-active .c-header__center__lk-name { color: #cab0b2; } .c-header__center__lk.is-active .c-header__center__user { color: #cab0b2; } .c-header__center__lk-name { position: relative; display: inline-block; padding-right: 15px; color: #ffffff; letter-spacing: 0.1em; margin-right: 10px; } @media only screen and (max-width: 1023px) { .c-header__center__list{ white-space: nowrap; } .c-header__center__lk-name { max-width: 115px; } } @media only screen and (max-width: 767px) { .c-header__center__lk-name { display: none; } } .c-header__center__lk-name svg { position: absolute; top: 11px; right: 0; } .c-header__center__lk__row { position: absolute; top: 100%; right: -53px; width: 200px; padding-top: 20px; display: none; z-index: 11; } @media only screen and (max-width: 767px) { .c-header__center__lk__row { right: -85px; } } .c-header__center__lk__list { position: relative; display: block; background-color: #ffffff; text-align: left; padding: 10px 18px; -webkit-box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); -moz-box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); } .c-header__center__lk__list:before { content: ''; position: absolute; top: -8px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #ffffff transparent; } .c-header__center__lk__list__item { display: block; margin: 10px 0; } .c-header__center__lk__list__item a { font-size: 15px; color: #252525; } .c-header__center__lk__list__item a:hover { color: #581838; } .c-header__center__user { display: inline-block; vertical-align: middle; } .c-header__center__login { width: auto; padding-left: 25px; } @media only screen and (max-width: 767px) { .c-header__center__login { width: 30px; padding-left: 0; } } .c-header__center__login svg { right: auto; } @media only screen and (max-width: 767px) { .c-header__center__login svg { right: 0; } } .c-header__center__login span { display: block; font-size: 14px; letter-spacing: 0.1em; line-height: 30px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .c-header__center__login span { display: none; } } .c-header__center__cart.is-active .c-header__center__cart__row { display: block; } .c-header__center__cart.is-active { color: #cab0b2; } .c-header__center__cart i { position: absolute; right: -9px; bottom: -8px; display: block; width: 23px; height: 23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ffffff; line-height: 23px; font-style: normal; color: #581838; text-align: center; pointer-events: none; } .c-header__center__cart__row { position: absolute; top: 100%; right: -10px; width: 270px; padding-top: 25px; display: none; z-index: 11; text-align: center; cursor: default; } @media only screen and (max-width: 767px) { .c-header__center__cart__row { right: -20px; } } .c-header__center__cart__list { position: relative; display: block; background-color: #ffffff; text-align: left; padding: 10px 20px 95px; -webkit-box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); -moz-box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); } .c-header__center__cart__list:before { content: ''; position: absolute; top: -8px; right: 13px; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #ffffff transparent; } .c-header__center__cart__section { display: block; /*height: 317px;*/ padding-right: 10px; margin-right: -10px; overflow-y: auto; } .c-header__center__cart__list__item { position: relative; display: block; padding: 10px 30px 10px 0; border-top: 1px solid #f6f6f6; } .c-header__center__cart__list__item:first-child { border-top: 0; } .c-header__center__cart-photo { display: block; height: 35px; } .c-header__center__cart-photo img { max-width: 100%; height: auto; } .c-header__center__cart-name { display: block; } .c-header__center__cart-name a { font-size: 14px; color: #252525; letter-spacing: 0.04em; } .c-header__center__cart-price { position: relative; display: block; font-size: 16px; color: #888888; font-family: 'Proxima Nova Rg', sans-serif; font-weight: 400; padding-left: 17px; letter-spacing: 0.04em; } .c-header__center__cart-price svg { top: 6px; left: 0; right: auto; bottom: auto; } .c-header__center__cart-price i { font-style: normal; } .c-header__center__cart-delete { position: absolute; right: 0; bottom: 33px; display: block; width: 20px; height: 20px; color: #252525; z-index: 1; cursor: pointer; } .c-header__center__cart-delete:hover { color: #581838; } .u-btn-link-in-cart { position: absolute; left: 0; right: 0; margin: auto; bottom: 30px; display: block; width: 148px; height: 44px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; z-index: 1; } .u-btn-link-in-cart.is-add-touchstart { background-color: #581838; color: #ffffff; pointer-events: none; } .c-header__menu { height: 44px; background-color: #ffffff; } @media only screen and (max-width: 767px) { .c-header__menu { display: none; } } .c-header__menu__row { position: relative; padding-right: 20px; } .c-header__nav { display: block; } .c-header__nav ul { list-style: none; padding: 0; margin: 0; width: auto; font-size: 0; white-space: nowrap; } .c-header__nav ul > li { position: relative; padding: 0; margin: 0 40px 0 0; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 1199px) { .c-header__nav ul > li { margin-right: 35px; } } @media only screen and (max-width: 1023px) { .c-header__nav ul > li { margin-right: 22px; } } @media only screen and (max-width: 767px) { .c-header__nav ul > li { margin-right: 20px; } } @media only screen and (max-width: 1199px) { .c-header__nav ul > li:first-child > ul { left: -10px; } } .c-header__nav ul > li:last-child { margin-right: 0; } @media only screen and (min-width: 1024px) { .c-header__nav ul > li:hover > ul { opacity: 1; visibility: visible; z-index: 11; display: block; } } .c-header__nav ul > li > a { display: block; padding: 10px 0; font-size: 13px; line-height: 24px; color: #252525; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; } @media only screen and (max-width: 1023px) { .c-header__nav ul > li > a { font-size: 11px; } } .c-header__nav ul > li > a.is-sale { color: #d34e5c; } .c-header__nav ul > li > a:hover { color: #581838; } .c-header__nav ul > li > ul { display: none; list-style: none; padding: 27px 170px 10px 30px; position: absolute; top: 100%; left: -50px; width: 450px; min-height: 257px; background-color: #ffffff; background-position: right bottom; background-repeat: no-repeat; -webkit-box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); -moz-box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); box-shadow: 0px 8px 46px rgba(71, 71, 71, 0.2); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-header__nav ul > li > ul.is-mens-bags-photo-1 { background-image: url(/local/templates/galereyasacvoyage/css/../img/menu/menu-photo-1-min.png); min-height: 415px; } .c-header__nav ul > li > ul.is-mens-bags-photo-2 { background-image: url(/local/templates/galereyasacvoyage/css/../img/menu/menu-photo-2-min.png); min-height: 257px; } .c-header__nav ul > li > ul.is-mens-bags-photo-3 { background-image: url(/local/templates/galereyasacvoyage/css/../img/menu/menu-photo-3-min.png); } .c-header__nav ul > li > ul.is-mens-bags-photo-4 { background-image: url(/local/templates/galereyasacvoyage/css/../img/menu/menu-photo-4-min.png); min-height: 212px; } .c-header__nav ul > li > ul.is-mens-bags-photo-5 { background-image: url(/local/templates/galereyasacvoyage/css/../img/menu/menu-photo-5-min.png); min-height: 214px; } .c-header__nav ul > li > ul.is-mens-bags-photo-6 { background-image: url(/local/templates/galereyasacvoyage/css/../img/menu/menu-photo-6-min.png); min-height: 214px; } .c-header__nav ul > li > ul:before { content: ''; position: absolute; top: -8px; left: 60px; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #ffffff transparent; } .c-header__nav ul > li > ul > li { display: block; line-height: 16px; margin: 0; } .c-header__nav ul > li > ul > li > a { display: inline-block; padding: 0; font-size: 14px; line-height: 25px; color: #252525; letter-spacing: -0.03em; text-transform: none; } .c-header__search { position: absolute; top: 50%; margin-top: -9px; right: 0; width: 18px; height: 18px; cursor: pointer; color: #252525; } .c-header__search:hover { color: #581838; } .c-header__search svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } /*------------------------------------------------------------*/ /* 03 - FOOTER */ /*------------------------------------------------------------*/ .c-footer { padding: 43px 0 13px; background-color: #581838; } @media only screen and (max-width: 1023px) { .c-footer { padding: 30px 0 15px; } } @media only screen and (max-width: 767px) { .c-footer { padding-top: 0; } } .c-footer__row { font-size: 0; } @media only screen and (max-width: 767px) { .c-footer__row { text-align: center; } } .c-footer__item { display: inline-block; vertical-align: top; width: 20%; margin-bottom: 15px; } .c-footer__item__socservice {} @media only screen and (max-width: 1023px) { .c-footer__item { width: 25%; } } @media only screen and (max-width: 767px) { .c-footer__item { display: block; width: 100%; } } .c-footer__item h3, .c-footer__item .b-h3 { font-size: 14px; color: #ffffff; text-transform: uppercase; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .c-footer__item h3, .c-footer__item .b-h3 { margin-bottom: 0; } } .c-footer__item .u-accord__head { position: relative; } .c-footer__item .u-accord__head:after { content: none; position: absolute; top: 50%; margin-top: -6px; right: 14px; width: 7px; height: 11px; background: url(/local/templates/galereyasacvoyage/css/../img/svg/i-arrow-right.svg) 0 0 no-repeat; background-size: contain; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media only screen and (max-width: 767px) { .c-footer__item .u-accord__head:after { content: ''; } } @media only screen and (max-width: 767px) { .c-footer__item .u-accord__head { padding: 15px 30px 15px 0; text-align: left; cursor: pointer; } } .c-footer__item .u-accord__head.is-active:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .c-footer__item .u-accord__body { display: block; } @media only screen and (max-width: 767px) { .c-footer__item .u-accord__body { padding-left: 15px; display: none; text-align: left; } } .c-footer__item__service { width: 20%; } @media only screen and (max-width: 1023px) { .c-footer__item__service { width: 25%; } } @media only screen and (max-width: 767px) { .c-footer__item__service { width: 100%; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } } .c-footer__item__company { width: 20%; } @media only screen and (max-width: 1023px) { .c-footer__item__company { width: 25%; } } @media only screen and (max-width: 767px) { .c-footer__item__company { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } } .c-footer__item__copyright { width: 20%; text-align: right; } @media only screen and (max-width: 1023px) { .c-footer__item__copyright { width: 100%; text-align: center; } } .c-footer__item__copyright p { font-size: 13px; line-height: 16px; color: #ffffff; letter-spacing: 0.03em; } .u-copyright { font-size: 16px; color: #ffffff; line-height: 20px; margin-top: -5px; margin-bottom: 30px; letter-spacing: 0.01em; } @media only screen and (max-width: 767px) { .u-copyright { font-size: 14px; margin-bottom: 15px; } } .c-footer__nav ul { list-style: none; padding: 0; margin: 0; } .c-footer__nav ul li { padding: 0; margin: 0 0 6px; } .c-footer__nav ul li a { font-size: 14px; color: #fefdfc; border-bottom: 1px solid transparent; } .c-footer__nav ul li a:hover { border-color: #fefdfc; } .c-footer-link { display: inline-block; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; letter-spacing: 0.1em; color: #fefdfc; margin-bottom: 18px; } .c-footer-link:hover { color: #fefdfc; } .c-footer__social { list-style: none; padding: 0; margin: 0; } .c-footer__social li { display: inline-block; vertical-align: top; margin-right: 10px; } .c-footer__social li a { position: relative; display: block; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ebebeb; overflow: hidden; color: #252525; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .c-footer__social li a:hover { background-color: #5c6684; color: #ffffff; -webkit-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); -moz-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); } .c-footer__social li a svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-btn-check-card-balance { display: inline-block; max-width: 256px; width: 100%; background-color: #5c6684; margin-bottom: 42px; } @media only screen and (max-width: 1023px) { .u-btn-check-card-balance { display: block; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 767px) { .u-btn-check-card-balance { margin-bottom: 15px; } } .u-btn-check-card-balance:hover { background-color: #5c6684; color: #ffffff; } /*------------------------------------------------------------*/ /* XX - @MEDIA SCREEN */ /*------------------------------------------------------------*/ /*------------------------------------------------------------*/ /* XX - BREADCRUMBS */ /*------------------------------------------------------------*/ .u-breadcrumbs { padding-top: 5px; padding-bottom: 15px; border-top: 1px solid #ebebeb; } .u-breadcrumbs ul { list-style: none; padding: 0; margin: 0; } .u-breadcrumbs li { position: relative; padding: 5px 0; display: inline-block; vertical-align: middle; } .u-breadcrumbs li:last-child:after { content: none; } .u-breadcrumbs li:after { margin: 0 5px; content: '|'; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 14px; font-weight: 300; color: #252525; } .u-breadcrumbs a { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; line-height: 14px; font-weight: 300; color: #252525; border-bottom: 1px solid #581838; } .u-breadcrumbs a:hover { color: #581838; border-color: transparent; } .u-breadcrumbs span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 14px; font-weight: 300; color: #581838; } /*------------------------------------------------------------*/ /* XX - SELECT */ /*------------------------------------------------------------*/ .u-select-section.u-not-valid .select2-container--default .select2-selection--single { border-color: #db1629; } .u-select-section.u-not-valid .select2-container--default .select2-selection--single .select2-selection__rendered { color: #db1629; } .u-select-section.u-not-valid .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #db1629; } .u-select-section .select2-container--default .select2-selection--single { background-color: transparent; border: none; border-bottom: 1px solid #343434; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; height: 35px; } .u-select-section .select2-container--default .select2-selection--single .select2-selection__rendered { font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; line-height: 35px; font-weight: 300; color: #343434; padding: 0 35px 0 0; text-align: left; } .u-select-section .select2-container--default .select2-selection--single .select2-selection__arrow { width: 35px; height: 35px; right: -10px; } .u-select-section .select2-container--default .select2-selection--single .select2-selection__arrow b { right: 0; top: 50%; margin-top: -5px; width: 7px; height: 7px; border-style: solid; border-color: #000000; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; -o-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .u-select-section .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { margin-top: -2px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .u-html-select-init { border-color: transparent; -webkit-box-shadow: 0px 0px 3px #d0d1d3; box-shadow: 0px 0px 3px #d0d1d3; z-index: 100; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .u-html-select-init .select2-results > .select2-results__options { padding: 7px; } .u-html-select-init .select2-results__option { padding: 5px 10px; text-align: left; } .u-html-select-init .select2-results__option[aria-disabled=true] { display: none; } .u-html-select-init .select2-results__option[aria-selected=true] { background-color: #f5f6f6; color: rgba(8, 9, 10, 0.65); } .u-html-select-init .select2-results__option--highlighted[aria-selected] { background-color: #e7e7e7; color: rgba(8, 9, 10, 0.65); } .u-select-section__default { display: block; font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; line-height: 35px; font-weight: 300; color: #343434; padding: 25px 0 0 0; text-align: left; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } /*------------------------------------------------------------*/ /* XX - MOBILE MENU */ /*------------------------------------------------------------*/ .c-header-burger-menu.is-active .is-not-svg-line { width: 25px; height: 25px; } .c-header-burger-menu.is-active .is-not-svg-line .line-1 { top: 11px; width: 100%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .c-header-burger-menu.is-active .is-not-svg-line .line-2 { opacity: 0; top: 50%; margin-top: -1px; left: -25px; width: 100%; } .c-header-burger-menu.is-active .is-not-svg-line .line-3 { width: 100%; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .c-nav-burger-menu { display: none; position: fixed; top: 100px; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; opacity: 0; visibility: hidden; background-color: rgba(20, 20, 20, 0.3); -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } @media only screen and (max-width: 1023px) { .c-nav-burger-menu { display: block; z-index: 999; } } .c-nav-burger-menu.is-open { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .c-nav-burger-menu .u-nav-table { margin-right: 50px; overflow-y: auto; display: block; width: auto; height: 100%; background-color: #f6f6f6; } .c-nav-burger-menu .u-sitemap-section { position: relative; display: block; min-height: 45px; border-bottom: 1px solid #e0e0e0; } .c-nav-burger-menu .u-sitemap-section.is-open { background-color: rgba(255, 255, 255, 0.15); } .c-nav-burger-menu .u-sitemap-section ul { list-style: none; display: none; margin: 0; padding: 10px 25px 15px 30px; } .c-nav-burger-menu .u-sitemap-section ul li { margin-top: 15px; } .c-nav-burger-menu .u-sitemap-section ul li:first-child { margin-top: 0; } .c-nav-burger-menu .u-sitemap-section ul a { font-size: 13px; line-height: 18px; font-weight: 300; color: #252525; } .c-nav-burger-menu .u-sitemap-section ul a:hover { color: #581838; } .c-nav-burger-menu .u-sitemap-title { margin-bottom: 0; } .c-nav-burger-menu .u-sitemap-title a { display: block; font-size: 15px; line-height: 21px; font-weight: 300; color: #252525; min-height: 45px; padding: 12px 50px 12px 19px; cursor: pointer; text-transform: uppercase; } .c-nav-burger-menu .u-sitemap-title a.is-link-title { padding: 12px 19px; background-color: #581838; text-align: center; } .c-nav-burger-menu .u-sitemap-title a.is-sale { color: #d34e5c; } .c-nav-burger-menu .u-sitemap-title a:hover { color: #581838; } .c-nav-burger-menu .u-sitemap__enter { padding: 12px 15px 12px 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .c-nav-burger-menu .u-sitemap-section__city { padding: 12px 20px; } .c-nav-burger-menu .c-header__top-enter { font-family: 'Proxima Nova Rg', sans-serif; font-weight: 400; color: #252525; letter-spacing: 0.2em; margin-right: 15px; border-bottom: 1px dashed #252525; } .c-nav-burger-menu .c-header__top-phone { margin-left: 10px; } .c-nav-burger-menu .is-nav-title { display: block; font-size: 14px; line-height: 21px; font-weight: 300; color: #ffffff; min-height: 45px; padding: 12px 19px; background-color: #581838; text-align: center; } .c-nav-burger-menu .expland { display: block; position: absolute; top: 0; right: 0; width: 45px; height: 45px; background-color: transparent; cursor: pointer; text-align: center; color: #252525; } .c-nav-burger-menu .expland:hover { color: #581838; } .c-nav-burger-menu .expland.is-active svg { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .c-nav-burger-menu .expland:before { content: ''; position: absolute; top: 5px; left: 0; bottom: 5px; width: 1px; height: auto; background-color: #e0e0e0; } .c-nav-burger-menu .expland svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /*------------------------------------------------------------*/ /* XX - POPUPS */ /*------------------------------------------------------------*/ /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ /* animate in */ /* animate out */ } .mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { -webkit-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { /* start state */ /* animate in */ /* animate out */ } .mfp-move-from-top .mfp-content { vertical-align: middle; } .mfp-move-from-top .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-shop.mfp-ready.mfp-bg { opacity: 0.1; } .mfp-move-from-top.mfp-removing .mfp-with-anim { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } /* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { -webkit-perspective: 2000px; perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-60deg); transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { -webkit-transform: rotateY(60deg); transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } /* ====== "Hinge" close effect ====== */ @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: hinge; animation-name: hinge; } .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; -webkit-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; } .mfp-with-fade.mfp-ready .mfp-content { opacity: 1; } .mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; } .mfp-bg { background: rgba(0, 0, 0, 0.5); z-index: 10000; } @media only screen and (max-width: 767px) { .mfp-container { padding-left: 5px; padding-right: 5px; } } .mfp-wrap { z-index: 10001; } .b-popup { position: relative; margin: 0 auto; padding: 27px 125px 45px; max-width: 570px; background-color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 8 46px rgba(71, 71, 71, 0.2); -moz-box-shadow: 0px 8 46px rgba(71, 71, 71, 0.2); box-shadow: 0px 8 46px rgba(71, 71, 71, 0.2); text-align: center; } .shop-popup { position: fixed; margin: 0 auto; bottom:10px; padding: 20px 40px 20px; max-width: 400px; background-color: #ffffff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 8 46px rgba(71, 71, 71, 0.2); -moz-box-shadow: 0px 8 46px rgba(71, 71, 71, 0.2); box-shadow: 0px 8 46px rgba(71, 71, 71, 0.2); text-align: center; } @media only screen and (max-width: 1023px) { .b-popup { padding: 25px 75px 28px; } } @media only screen and (max-width: 767px) { .b-popup { padding: 20px 25px 40px; } } .b-popup button.mfp-close { top: 0; right: 0; width: 40px; height: 40px; background: #f5f5f5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERUEzRkVDMkNBMjFFNDExQjREN0RGMEYxNkQ4OEFEQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NUEwMTI1MTkwMUIxMUU4QjkwQUM2MTVENzI4QUE0NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NUEwMTI1MDkwMUIxMUU4QjkwQUM2MTVENzI4QUE0NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWFkY2I0MDMtZGExNC00MGI1LWJlYjEtYzQxMmZiYmIyMGYyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODU4MDI5OTgtYTA3Yy04MDRmLWFmYTItYjU4YzYxYzY5ZDhkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CjQ65QAAAKRJREFUeNqc0lERgCAMBuCxBlSgAhU0ixHMYASzYBYqWMFxB3eosMG4+x942HeDzVhrHQDslA3056QcmC8LJSihkOshYZGyUpwCDLku1cfSmQZ8QaUzUIA/6IuNgk2ohUlgF+phLdBKUDqG9oz7mxq7OYjrrO4wZixy0AhWP02cMg5C1wiIE+MX1wZn9kgCcWaPJBAnIRZEBdQFE+YVUAv0jwADAEzcPzKSFK/tAAAAAElFTkSuQmCC') center center no-repeat; opacity: 1; font-size: 0; text-indent: -9999px; line-height: inherit; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media only screen and (max-width: 767px) { .b-popup button.mfp-close { top: 0; right: 0; } } .b-popup button.mfp-close:active { top: 0; right: 0; } @media only screen and (max-width: 767px) { .b-popup button.mfp-close:active { top: 0; right: 0; } } .b-popup button.mfp-close:hover { opacity: 0.7; } .b-popup .u-form__head { margin-bottom: 15px; } .b-popup .u-form-title { font-family: '21 Cent', sans-serif; font-size: 28px; line-height: 38px; font-weight: 400; color: #252525; } @media only screen and (max-width: 767px) { .b-popup .u-form-title { font-size: 21px; line-height: 30px; } } .b-popup .u-form-item { position: relative; margin-bottom: 28px; } .b-popup .u-form-item.u-form-item__first { margin-bottom: 15px; padding: 0 15px; } .b-popup .u-form-item.u-form-item__margin { margin-bottom: 20px; } .b-popup .u-form-item.u-form-item-padding .u-input-style { padding-right: 45px; } .b-popup .u-form-item i { position: absolute; top: 0; right: 0; font-style: normal; display: block; width: 50px; height: 50px; color: #591d3a; } .b-popup .u-form-item i svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .b-popup .u-input-style { background-color: #f5f5f5; } .b-popup .u-input-style::-webkit-input-placeholder { color: #898989; text-transform: uppercase; } .b-popup .u-input-style:-moz-placeholder { color: #898989; text-transform: uppercase; } .b-popup .u-input-style::-moz-placeholder { color: #898989; text-transform: uppercase; } .b-popup .u-input-style:-ms-input-placeholder { color: #898989; text-transform: uppercase; } .b-popup .u-form__foot p { font-size: 16px; line-height: 25px; font-weight: 300; color: #2b2e2f; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .b-popup .u-form__foot p { font-size: 14px; margin-bottom: 15px; } } .b-popup .u-form__foot p a { color: #2b2e2f; border-bottom: 1px solid #2b2e2f; } .b-popup .u-form__foot p a:hover { color: #581838; border-bottom-color: #581838; } .b-popup .u-form__foot .u-foot__social__list__ul { list-style: none; padding: 0; margin: 0; font-size: 0; } .b-popup .u-form__foot .u-foot__social__list__ul li { padding: 0; margin: 0 5px; display: inline-block; vertical-align: middle; } .b-popup .u-form__foot .u-foot__social__list__ul li a { position: relative; display: block; width: 43px; height: 43px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; color: #ffffff; overflow: hidden; } .b-popup .u-form__foot .u-foot__social__list__ul li svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .b-popup .u-form__foot__info { margin-top: 30px; } @media only screen and (max-width: 767px) { .b-popup .u-form__foot__info { margin-top: 15px; } } .b-popup .u-form__foot__info p { font-size: 16px; line-height: 25px; font-weight: 300; color: #2b2e2f; margin-bottom: 0; } @media only screen and (max-width: 767px) { .b-popup .u-form__foot__info p { font-size: 14px; } } .b-popup .u-form__foot__info p a { color: #2b2e2f; border-bottom: 1px solid #2b2e2f; } .b-popup .u-form__foot__info p a:hover { color: #581838; border-bottom-color: #581838; } .b-popup .u-foot-social-vk { background-color: #5069a4; } .b-popup .u-foot-social-facebook { background-color: #4180b6; } .b-popup .u-foot-social-instagram { background-color: #b23a9e; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__point { font-size: 0; margin-bottom: 15px; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__point li { display: inline-block; vertical-align: middle; width: 50%; margin: 5px 0; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__point .u-checkbox-radio-style-name { font-size: 16px; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__point .u-checkbox-radio-style-label .u-checkbox-radio-style-input:checked + .u-checkbox-radio-style__section .u-checkbox-radio-style-box svg { color: #dd3162; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__point .u-checkbox-radio-style-box svg { opacity: 1; visibility: visible; bottom: 0; } .b-popup .u-checkbox-radio-style__list.u-checkbox-style__list__remember__me { margin-bottom: 15px; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email { font-size: 0; max-width: 180px; margin: 0 auto 10px; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email li { display: inline-block; vertical-align: middle; width: 50%; margin: 5px 0; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email .u-checkbox-radio-style-name { font-size: 14px; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email .u-checkbox-radio-style-label .u-checkbox-radio-style-input:checked + .u-checkbox-radio-style__section .u-checkbox-radio-style-box:before { background-color: #591d3a; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email .u-checkbox-radio-style-box { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 0; background-color: #ebebeb; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email .u-checkbox-radio-style-box:before { content: ''; position: absolute; top: 4px; left: 4px; width: 9px; height: 9px; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .b-popup .u-checkbox-radio-style__list.u-radio-style__list__phone_email .u-checkbox-radio-style-box svg { display: none; } .b-popup .u-checkbox-radio-style-box { border: 1px solid #999999; } .b-popup .u-checkbox-radio-style-name { color: #909090; } .b-popup .u-checkbox-radio-style-name a { color: #591d3a; border-bottom: 1px solid #591d3a; } .b-popup .u-section-promotional-terms { display: block; color: #591d3a; } .b-popup .u-ttu { text-transform: uppercase; } .b-popup.b-popup-registration .u-form__head { margin-bottom: 25px; } .b-popup.b-popup-registration .u-checkbox-radio-style-box { border: none; } .b-popup.b-popup-subscription { padding-top: 50px; padding-left: 110px; padding-right: 110px; max-width: 618px; border: 6px solid #5c6684; } @media only screen and (max-width: 1023px) { .b-popup.b-popup-subscription { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .b-popup.b-popup-subscription { padding-left: 15px; padding-right: 15px; } } .b-popup.b-popup-subscription .u-form__head { margin-bottom: 45px; } .b-popup.b-popup-subscription .u-form-title { font-size: 24px; line-height: 34px; margin-bottom: 6px; } @media only screen and (max-width: 767px) { .b-popup.b-popup-subscription .u-form-title { font-size: 21px; line-height: 30px; } } .b-popup.b-popup-subscription .u-form-title i { font-style: normal; color: #dd3162; white-space: nowrap; } .b-popup.b-popup-subscription p { font-size: 16px; line-height: 25px; font-weight: 300; color: #252525; margin-bottom: 0; } @media only screen and (max-width: 767px) { .b-popup.b-popup-subscription p { font-size: 14px; } } .b-popup.b-popup-subscription .u-form__body { padding: 0 35px 30px; } @media only screen and (max-width: 1023px) { .b-popup.b-popup-subscription .u-form__body { padding: 0; } } .b-popup.b-popup-subscription .u-input-style::-webkit-input-placeholder { text-transform: none; } .b-popup.b-popup-subscription .u-input-style:-moz-placeholder { text-transform: none; } .b-popup.b-popup-subscription .u-input-style::-moz-placeholder { text-transform: none; } .b-popup.b-popup-subscription .u-input-style:-ms-input-placeholder { text-transform: none; } .b-popup.b-popup-address-phone-shops { padding-top: 45px; padding-left: 70px; padding-right: 70px; max-width: 1170px; text-align: left; } @media only screen and (max-width: 1023px) { .b-popup.b-popup-address-phone-shops { padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops { padding-left: 15px; padding-right: 15px; } } .b-popup.b-popup-address-phone-shops .u-form__head { margin-bottom: 25px; } .b-popup.b-popup-address-phone-shops .u-form-title { font-size: 24px; line-height: 34px; letter-spacing: 0.05em; text-align: center; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops .u-form-title { font-size: 21px; line-height: 30px; } } .b-popup.b-popup-address-phone-shops button.mfp-close { top: 20px; right: 20px; width: 40px; height: 40px; background-color: transparent; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops button.mfp-close { top: 0; right: 0; } } .b-popup.b-popup-address-phone-shops button.mfp-close:active { top: 20px; right: 20px; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops button.mfp-close:active { top: 0; right: 0; } } .b-popup.b-popup-address-phone-shops table { width: 100%; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops table { margin-bottom: 20px; } } .b-popup.b-popup-address-phone-shops table:last-child { margin-bottom: 20px; } .b-popup.b-popup-address-phone-shops table tr td { padding: 0 10px 12px 0; font-size: 15px; line-height: 25px; font-weight: 300; color: #252525; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops table tr td { font-size: 13px; } } .b-popup.b-popup-address-phone-shops table tr td:last-child { width: 168px; letter-spacing: 0.04em; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops table tr td:last-child { width: auto; white-space: nowrap; } } .b-popup.b-popup-address-phone-shops table tr td a { font-size: 15px; line-height: 25px; font-weight: 300; color: #252525; border-bottom: 1px solid #c8c8c8; } @media only screen and (max-width: 767px) { .b-popup.b-popup-address-phone-shops table tr td a { font-size: 13px; } } .b-popup.b-popup-address-phone-shops table tr td a:hover { color: #581838; border-bottom-color: transparent; } .b-popup.b-popup-ask-auestion { padding-bottom: 10px; } .b-popup.b-popup-ask-auestion .u-form__head { margin-bottom: 35px; } .b-popup.b-popup-ask-auestion .u-form-item.is-padd { margin-bottom: 13px; } .b-popup.b-popup-ask-auestion .u-textarea-style { padding-top: 15px; padding-bottom: 15px; line-height: 25px; height: 170px; resize: none; } .b-popup.b-popup-ask-auestion p { font-size: 16px; line-height: 25px; font-weight: 300; color: #252525; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .b-popup.b-popup-ask-auestion p { font-size: 14px; } } .b-popup.b-popup-search { padding: 75px 200px 165px; max-width: 1170px; } @media only screen and (max-width: 1023px) { .b-popup.b-popup-search { padding: 60px 100px 80px; } } @media only screen and (max-width: 767px) { .b-popup.b-popup-search { padding: 30px 30px 50px; } } .b-popup.b-popup-search .u-form__head { margin-bottom: 70px; } .b-popup.b-popup-search .u-form-item { position: relative; } .b-popup.b-popup-search .u-input-style { background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 0 0 53px; font-size: 16px; line-height: 40px; height: 40px; border-bottom: 1px solid #343434; } .b-popup.b-popup-search .u-input-style::-webkit-input-placeholder { text-transform: none; color: #343434; } .b-popup.b-popup-search .u-input-style:-moz-placeholder { text-transform: none; color: #343434; } .b-popup.b-popup-search .u-input-style::-moz-placeholder { text-transform: none; color: #343434; } .b-popup.b-popup-search .u-input-style:-ms-input-placeholder { text-transform: none; color: #343434; } .b-popup.b-popup-search .u-btn-popup-style { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-color: transparent; color: #252525; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; cursor: pointer; } .b-popup.b-popup-search .u-btn-popup-style:hover { color: #581838; } .b-popup.b-popup-search .u-btn-popup-style svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .b-popup.b-popup-search button.mfp-close { top: 77px; right: 190px; width: 40px; height: 40px; background-color: transparent; } @media only screen and (max-width: 1023px) { .b-popup.b-popup-search button.mfp-close { top: 60px; right: 100px; } } @media only screen and (max-width: 767px) { .b-popup.b-popup-search button.mfp-close { top: 0; right: 0; } } .b-popup.b-popup-search button.mfp-close:active { top: 77px; right: 190px; } @media only screen and (max-width: 1023px) { .b-popup.b-popup-search button.mfp-close:active { top: 60px; right: 100px; } } @media only screen and (max-width: 767px) { .b-popup.b-popup-search button.mfp-close:active { top: 0; right: 0; } } .u-link-forgot-your-password { display: inline-block; font-size: 16px; line-height: 25px; font-weight: 300; border-bottom: 1px dashed #2b2e2f; color: #2b2e2f; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .u-link-forgot-your-password { font-size: 14px; } } .u-link-forgot-your-password:hover { color: #581838; border-bottom-color: #581838; } .u-btn-popup-style { display: block; width: 100%; margin-bottom: 5px; } .b-popup-address-phone-shops-name { font-size: 15px; line-height: 25px; font-weight: 400; color: #252525; letter-spacing: 0.1em; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .b-popup-address-phone-shops-name { margin-bottom: 15px; } } .b-popup-address-phone-shops-name svg { margin-right: 5px; color: #252525; } .b-popup-photo-zoom { max-width: 1030px; padding-top: 0; padding-bottom: 0; padding-left: 50px; padding-right: 50px; text-align: left; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom { padding: 50px 10px; } } .b-popup-photo-zoom .c-product__section__slider__row { padding-left: 130px; margin-bottom: 0; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row { padding-left: 0; } } .b-popup-photo-zoom .c-product__section__slider__row .u-slider__small { width: 93px; height: 100%; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row .u-slider__small { width: 100%; padding: 0 20px; } } .b-popup-photo-zoom .c-product__section__slider__row .u-small { padding-top: 50px; padding-bottom: 50px; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small { padding: 0; } } .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-slide { width: 93px; height: 114px; margin-bottom: 15px; } @media only screen and (max-width: 567px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-slide { height: 60px; margin-bottom: 0; } } .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-arrow { color: #959595; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-arrow { width: 25px; height: 13px; margin-top: -10px; } } @media only screen and (max-width: 767px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-arrow { margin-top: 0; } } .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-arrow svg { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-arrow svg { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } } .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-prev { top: 10px; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-prev { top: 50%; left: -28px; } } .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-next { bottom: 10px; } @media only screen and (max-width: 1023px) { .b-popup-photo-zoom .c-product__section__slider__row .u-small .slick-next { top: 50%; right: -28px; } } .b-popup-product-quick-view { max-width: 1170px; padding: 50px 30px 35px; text-align: left; } @media only screen and (max-width: 767px) { .b-popup-product-quick-view { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } } .b-popup-product-quick-view .c-product__detail__info { padding-right: 0; } .b-popup-product-quick-view .c-product__detail__info__btn { margin-bottom: 0; } @media only screen and (max-width: 1024px) { .b-popup-product-quick-view .c-product__section__row { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 1024px) { .b-popup-product-quick-view .c-product__section__item { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 1023px) { .b-popup-product-quick-view .c-product__section__slider__row .u-small .slick-prev { top: 50%; left: 0; width: 20px; } } @media only screen and (max-width: 1023px) { .b-popup-product-quick-view .c-product__section__slider__row .u-small .slick-next { top: 50%; right: 0; width: 20px; } } .b-popup-thank-you .u-form-title { margin: 30px 0; } @media only screen and (max-width: 767px) { .b-popup-thank-you .u-form-title { margin: 20px 0; } } .b-popup-thank-you p { margin: 10px 0; font-size: 16px; line-height: 25px; } .b-popup-thank-you p.is-color-purple { color: #581838; } /*------------------------------------------------------------*/ /* XX - MAIN SLIDER */ /*------------------------------------------------------------*/ .c-main__slider { padding-bottom: 14px; } @media only screen and (max-width: 767px) { .c-main__slider { position: relative; padding-bottom: 41%; } } .c-main__slider .row { margin-left: -4px; margin-right: -4px; } @media only screen and (max-width: 767px) { .c-main__slider .row { height: 100%; margin-left: 0; margin-right: 0; } } .c-main__slider [class*="col-"] { padding-left: 4px; padding-right: 4px; } @media only screen and (max-width: 767px) { .c-main__slider [class*="col-"] { padding-left: 0; padding-right: 0; } } .c-main__slider .container { position: relative; height: 100%; max-width: 1390px; } @media only screen and (max-width: 767px) { .c-main__slider .container { position: absolute; width: 100%; padding-left: 0; padding-right: 0; } } .c-main__slider .u-item { margin-bottom: 6px; } .c-main__slider .slick-arrow { width: 64px; height: 64px; background-color: rgba(88, 24, 56, 0.5); color: #ffffff; margin-top: -35px; } .c-main__slider .slick-arrow:hover { background-color: #581838; } @media only screen and (max-width: 1023px) { .c-main__slider .slick-arrow { width: 50px; height: 50px; } } .c-main__slider .slick-arrow svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-main__slider .slick-arrow.slick-prev { left: 0; } .c-main__slider .slick-arrow.slick-next { right: 0; } @media only screen and (max-width: 767px) { .c-main__slider .is-mobile-hidden { display: none; } } .c-main__slider__item { height: 445px; } @media only screen and (max-width: 767px) { .c-main__slider__item { height: 100%; } .c-main__slider .u-item { height: 100%; margin-bottom: 0; } } /* @media only screen and (max-width: 500px) { .c-main__slider__item { height: 230px; } } @media only screen and (max-width: 340px) { .c-main__slider__item { height: 210px; } } */ .c-main__slider__item .u-slider { height: 100%; } .c-main__slider__item .slick-slider .slick-track, .c-main__slider__item .slick-slider .slick-list { height: 100%; z-index: 0; } .u-slider-item { position: relative; width: 100%; height: 100%; overflow: hidden; } .u-slider-item:hover .c-main__slider__block__lawyer { opacity: 1; visibility: visible; z-index: 2; } .u-slider-item__bg { position: absolute; width: 100%; height: 100%; overflow: hidden; background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: -1; background-color: #252525; } @media only screen and (max-width: 767px) { .u-slider-item__bg { background-position: top; /* background-size: 100% auto; */ background-size: auto 100%; background-color: #ffffff; } } .u-slider-item-label { position: absolute; left: 0; width: 374px; bottom: 64px; z-index: 3; text-align: center; color: #ffffff; font-family: 'Merriweather', sans-serif; } @media only screen and (max-width: 767px) { .u-slider-item-label { width: 100%; bottom: 0px; } } .c-main__slider__block { position: relative; display: block; width: 100%; height: 445px; overflow: hidden; } @media only screen and (max-width: 1023px) { .c-main__slider__block { /* height: 240px; */ display: none; } } @media only screen and (max-width: 767px) { .c-main__slider__block { height: 260px; } } .c-main__slider__block:hover .c-main__slider__block__lawyer { opacity: 1; visibility: visible; z-index: 2; } .c-main__slider__block__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: -1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .c-main__slider__block__bg.is-bg-pos-left { background-position: center left; } .c-main__slider__block__bg.is-bg-pos-right { background-position: center right; } .c-main__slider__block__bg.is-bg-pos-center { background-position: center right; } .c-main__slider__block-label { position: absolute; width: 232px; right: 0; bottom: 40px; z-index: 3; text-align: center; font-family: 'Merriweather', sans-serif; color: #ffffff; } .c-main__slider__block__lawyer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(37, 37, 37, 0.5); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-main__slider__block-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 183px; height: 42px; padding: 9px 15px; font-size: 12px; line-height: 24px; color: #252525; text-align: center; background-color: #ffffff; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; text-transform: uppercase; } .c-main__slider__block-btn:hover { background-color: #581838; color: #ffffff; } .is-label-new-collection { padding: 30px 15px; font-size: 20px; background-color: rgba(171, 152, 74, 0.82); } @media only screen and (max-width: 767px) { .is-label-new-collection { display: none; font-size: 18px; padding-top: 20px; padding-bottom: 20px; background-color: rgba(171, 152, 74, 1); } } .is-label-mens-collection { padding: 21px 15px; font-size: 16px; background-color: rgba(92, 102, 132, 0.82); } @media only screen and (max-width: 767px) { .is-label-mens-collection { padding-top: 18px; padding-bottom: 18px; font-size: 14px; } } .is-label-is-sale { padding: 25px 15px; font-size: 24px; background-color: rgba(88, 24, 56, 0.75); /*text-transform: uppercase;*/ } @media only screen and (max-width: 767px) { .is-label-is-sale { padding-top: 20px; padding-bottom: 20px; font-size: 22px; } } @media only screen and (max-width: 567px) { .is-label-is-sale { width: 190px; padding-top: 15px; padding-bottom: 15px; font-size: 18px; } } /*------------------------------------------------------------*/ /* XX - MAIN NOVELTIES */ /*------------------------------------------------------------*/ .c-slider__block { padding: 25px 0; background-color: #f6f6f6; overflow: hidden; } .c-slider__block.c-main__bestsellers { padding: 10px 0 65px; } .c-slider__block .u-row { font-size: 0; margin-left: -8px; margin-right: -8px; } .c-slider__block .u-col { display: inline-block; vertical-align: top; padding-left: 8px; padding-right: 8px; width: 20%; } @media only screen and (max-width: 1269px) { .c-slider__block .u-col { width: 33.33%; } } @media only screen and (max-width: 1023px) { .c-slider__block .u-col { width: 50%; } } @media only screen and (max-width: 767px) { .c-slider__block .u-col { display: block; width: 100%; } } .c-slider__block .container { position: relative; max-width: 1130px; height: 100%; } .c-slider__block .slick-track { margin-left: 0; margin-right: 0; } .c-slider__block .slick-arrow { width: 46px; height: 46px; background-color: #e4e4e4; color: #3f3f3f; margin-top: -14px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 10px 10px rgba(12, 19, 72, 0.12); -moz-box-shadow: 0px 10px 10px rgba(12, 19, 72, 0.12); box-shadow: 0px 10px 10px rgba(12, 19, 72, 0.12); } .c-slider__block .slick-arrow:hover { background-color: #e4e4e4; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 1023px) { .c-slider__block .slick-arrow { width: 40px; height: 40px; } } .c-slider__block .slick-arrow svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-slider__block .slick-arrow.slick-prev { left: -75px; } .c-slider__block .slick-arrow.slick-next { right: -75px; } .u-slider__article { position: relative; display: block; width: 100%; height: 100%; } .u-slider__article__top { position: relative; width: 100%; height: 274px; background-color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; margin-bottom: 15px; } .u-slider__article__top:hover .u-slider__article__photo__row { -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); } .u-slider__article__top:hover .u-slider__article__photo.u-slider__article__vissible { opacity: 0; visibility: hidden; z-index: -1; } .u-slider__article__top:hover .u-slider__article__photo.u-slider__article__hover { opacity: 1; visibility: visible; z-index: 1; } .u-slider__article__photo__row { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .u-slider__article__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .u-slider__article__photo.u-slider__article__vissible { opacity: 1; visibility: visible; z-index: 1; } .u-slider__article__photo.u-slider__article__hover { opacity: 0; visibility: hidden; z-index: -1; } .u-slider__article__photo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*right: 0; bottom: 0; margin: auto;*/ max-width: 100%; max-height: 100%; } /*@media only screen and (max-width: 1023px) { .u-slider__article__photo { position: relative; top: auto; left: auto; } .u-slider__article__photo img { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; height: 100%; } }*/ .u-slider__labels { position: absolute; top: 0; left: 0; z-index: 1; } .u-label-sale { width: 48px; height: 23px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 12px; line-height: 23px; font-weight: 400; color: #ffffff; text-align: center; text-transform: uppercase; margin-bottom: 5px; } .u-label-sale.is-label-precent { background-color: #dd3162; } .u-label-sale.is-label-text { background-color: #591d3a; } .u-label-favorites { position: absolute; top: 0; right: 0; z-index: 1; width: 30px; height: 30px; color: #959595; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-label-favorites.is-favorites { color: #591d3a; } .u-label-favorites.is-favorites .i-svg-favorites { display: none; } .u-label-favorites.is-favorites .i-svg-favorites-bg { display: block; } .u-label-favorites svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-label-favorites .i-svg-favorites { display: block; } .u-label-favorites .i-svg-favorites-bg { display: none; } .u-label-viewed { position: absolute; right: 0; bottom: 0; z-index: 1; width: 30px; height: 26px; color: #959595; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-label-viewed:hover { color: #591d3a; } .u-label-viewed svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-lk-favorites-link-remove { position: absolute; top: 0; right: 0; z-index: 1; width: 30px; height: 23px; color: #959595; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-lk-favorites-link-remove:hover { color: #581838; } .u-lk-favorites-link-remove svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-slider__article__body { text-align: center; } .u-slider__article-name a { display: inline-block; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 18px; /*font-weight: 700;*/ color: #252525; letter-spacing: 0.04em; border-bottom: 1px solid transparent; } .u-slider__article-name a:hover { border-bottom-color: #252525; } .u-slider__article-name p { font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 14px; font-weight: 400; margin-bottom: 8px; letter-spacing: 0.04em; } .u-slider__article__price { position: relative; padding: 0 25px; font-size: 19px; line-height: 20px; } .u-slider__article__price i { font-style: normal; display: inline-block; } .u-slider__article__price svg { display: inline-block; } .u-slider__article__price__now { display: inline-block; vertical-align: middle; color: #dd3162; } .u-slider__article__price__now.full-price{ color: #252525; } .u-slider__article__price__now.full-price svg{ color: #252525; } .u-slider__article__price__old { display: inline-block; vertical-align: middle; color: #959595; } .u-slider__article__price__old i { text-decoration: line-through; } .u-slider__article__cart { position: absolute; top: 50%; margin-top: -2px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 30px; height: 30px; color: #252525; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; } .u-slider__article__cart.is-cart { color: #591d3a; } .u-slider__article__cart.is-cart .i-svg-cart { display: none; } .u-slider__article__cart.is-cart .i-svg-cart-bg { display: block; } .u-slider__article__cart svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-slider__article__cart .i-svg-cart { display: block; } .u-slider__article__cart .i-svg-cart-bg { display: none; } /*------------------------------------------------------------*/ /* XX - MAIN BLOCKS */ /*------------------------------------------------------------*/ .c-main-blocks { padding: 35px 0; background-color: #f6f6f6; } @media only screen and (max-width: 767px) { .c-main-blocks { padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 767px) { .c-main-blocks .container { padding-left: 0; padding-right: 0; } } .c-main-blocks.is-main-blocks-bg-white { padding: 70px 0 55px; background-color: #ffffff; } @media only screen and (max-width: 1023px) { .c-main-blocks.is-main-blocks-bg-white { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-main-blocks.is-main-blocks-bg-white { padding-top: 15px; padding-bottom: 15px; } } .c-main-blocks.is-main-blocks-bg-white .row { margin-left: -15px; margin-right: -15px; } @media only screen and (max-width: 767px) { .c-main-blocks.is-main-blocks-bg-white .row { margin-left: 0; margin-right: 0; } } .c-main-blocks.is-main-blocks-bg-white [class*="col-"] { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .c-main-blocks.is-main-blocks-bg-white [class*="col-"] { padding-left: 0; padding-right: 0; margin-top: 10px; margin-bottom: 10px; } } .c-main-blocks.is-main-blocks-certificates { padding: 70px 0 15px; background-color: #ffffff; } @media only screen and (max-width: 1023px) { .c-main-blocks.is-main-blocks-certificates { padding-top: 30px; } } @media only screen and (max-width: 767px) { .c-main-blocks.is-main-blocks-certificates { padding-top: 15px; } } .c-main-blocks.is-main-blocks-certificates .container { max-width: 1080px; } .c-main-blocks.is-main-blocks-certificates .row { margin-left: -15px; margin-right: -15px; } @media only screen and (max-width: 767px) { .c-main-blocks.is-main-blocks-certificates .row { margin-left: 0; margin-right: 0; } } .c-main-blocks.is-main-blocks-certificates [class*="col-"] { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .c-main-blocks.is-main-blocks-certificates [class*="col-"] { padding-left: 0; padding-right: 0; margin-top: 10px; margin-bottom: 10px; } } .c-main-blocks .row { margin-left: -25px; margin-right: -25px; } @media only screen and (max-width: 1219px) { .c-main-blocks .row { margin-left: -15px; margin-right: -15px; } } @media only screen and (max-width: 1023px) { .c-main-blocks .row { margin-left: 0; margin-right: 0; } } .c-main-blocks [class*="col-"] { padding-left: 25px; padding-right: 25px; margin-bottom: 15px; } @media only screen and (max-width: 1219px) { .c-main-blocks [class*="col-"] { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 767px) { .c-main-blocks [class*="col-"] { margin-top: 10px; margin-bottom: 10px; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .c-main-blocks .is-mobile-hidden { display: none; } } @media only screen and (max-width: 767px) { .c-main-blocks.is-mobile-hidden { display: none; } } .c-main-blocks__slider .slick-list { width: 100%; } .c-main-blocks__item { position: relative; width: 100%; height: 405px; } @media only screen and (max-width: 1023px) { .c-main-blocks__item { height: 505px; } } @media only screen and (max-width: 767px) { .c-main-blocks__item { height: 355px; } } .c-main-blocks__item:hover .c-main__slider__block__lawyer { opacity: 1; visibility: visible; z-index: 2; } .c-main-blocks__item.slick-active img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .c-main-blocks__item-label { position: absolute; left: 0; bottom: 0; right: 0; padding: 13px 15px; min-height: 50px; text-align: center; font-family: '21 Cent', sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #ffffff; z-index: 1; background-color: rgba(89, 29, 58, 0.75); } .c-main-blocks__item__bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 0; } .c-main-blocks__item__bg.is-bg-pos-left { background-position: center left; } @media only screen and (max-width: 767px) { .c-main-blocks__item__bg.is-bg-pos-right { background-position: center right; } } .c-main-blocks__item__bg.is-bg-pos-center { background-position: center right; } .c-main-blocks__item__bg img { will-change: transform; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-transform: scale(1.25, 1.25); -moz-transform: scale(1.25, 1.25); -ms-transform: scale(1.25, 1.25); -o-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-main-blocks__collage { position: relative; background-color: #ffffff; height: 405px; text-align: center; overflow: hidden; } .c-main-blocks__collage__head { position: relative; z-index: 1; padding: 60px 15px; } .c-main-blocks__collage__head p { font-size: 14px; color: #252525; margin-bottom: 25px; letter-spacing: 0.05em; } .c-main-blocks__collage-title { font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #252525; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 5px; } .c-main-blocks__collage__foot { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 0; } .u-collage-photo { /*position: absolute;*/ bottom: 0; max-width: 100%; height: auto; } @media only screen and (max-width: 567px) { .u-collage-photo { max-width: 60%; } } .u-collage-photo-1 { left: -37px; bottom: -23px; z-index: 1; } @media only screen and (max-width: 567px) { .u-collage-photo-1 { left: -20%; } } .u-collage-photo-2 { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -41px; z-index: 2; } .u-collage-photo-3 { right: -5px; bottom: -18px; z-index: 3; } @media only screen and (max-width: 567px) { .u-collage-photo-3 { right: -20%; } } .u-btn-collage-look { max-width: 183px; width: 100%; height: 42px; padding: 9px 15px; font-size: 14px; line-height: 24px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .c-main-blocks__photo { position: relative; padding: 15px 15px 0; background-color: #f6f6f6; overflow: hidden; text-align: center; } .c-main-blocks__photo__head { position: relative; height: 460px; overflow: hidden; background-color: #2b2e2f; } @media only screen and (max-width: 1023px) { .c-main-blocks__photo__head { height: 320px; } } .c-main-blocks__photo__head:hover .c-main__slider__block__lawyer { opacity: 1; visibility: visible; z-index: 2; } .c-main-blocks__photo__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .c-main-blocks__photo__body { padding: 33px 15px; } @media only screen and (max-width: 767px) { .c-main-blocks__photo__body { padding-top: 20px; padding-bottom: 20px; } } .c-main-blocks__photo__body p { font-size: 18px; color: #252525; margin-bottom: 0; letter-spacing: 0; } @media only screen and (max-width: 767px) { .c-main-blocks__photo__body p { font-size: 16px; } } .c-main-blocks__photo-name { font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #252525; text-transform: uppercase; margin-bottom: 7px; } @media only screen and (max-width: 767px) { .c-main-blocks__photo-name { font-size: 18px; } } .c-main-blocks__video { position: relative; text-align: center; } .c-main-blocks__video__section { position: relative; width: 100%; height: 355px; background-color: #252525; overflow: hidden; margin-bottom: 20px; } .c-main-blocks__video__section video { width: 100%; height: 100%; background-color: #252525; } .c-main-blocks__video__section .video-js { width: 100%; } .c-main-blocks__video-name { font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #2b2e2f; text-transform: uppercase; padding: 0 15px; } .c-main-blocks__certificates { position: relative; display: block; padding: 64px 15px 15px; background-color: #f6f6f6; height: 355px; text-align: center; } .c-main-blocks__certificates p { font-size: 15px; font-weight: 400; color: #000000; } .c-main-blocks__certificates-photo { margin: 0 auto 23px; display: block; width: 180px; height: 120px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background: url(/local/templates/galereyasacvoyage/css/../img/main/main_blocks/main-certificates-1.jpg) center no-repeat; overflow: hidden; -webkit-box-shadow: 0px 23px 22px rgba(144, 40, 115, 0.26); box-shadow: 0px 23px 22px rgba(144, 40, 115, 0.26); } .c-main-blocks__certificates-title { position: relative; font-family: '21 Cent', sans-serif; font-size: 13px; font-weight: 700; color: #2b2e2f; text-transform: uppercase; padding-bottom: 8px; margin-bottom: 7px; } .c-main-blocks__certificates-title:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 107px; height: 1px; margin: auto; background-color: #010101; } /*------------------------------------------------------------*/ /* XX - MAIN BLOCKS NOVELTIES SALE */ /*------------------------------------------------------------*/ .c-slider__tabs__navigator { text-align: center; margin-bottom: 40px; } .c-slider__tabs__navigator ul { list-style: none; padding: 0; margin: 0; } .c-slider__tabs__navigator ul li { padding: 10px 15px; margin: 0; display: inline-block; vertical-align: bottom; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-slider__tabs__navigator ul li.u-block-sale.is-active span { color: #d34e5c; } .c-slider__tabs__navigator ul li.u-block-sale:hover span { color: #252525; } .c-slider__tabs__navigator ul li.u-block-sale span { color: #252525; } .c-slider__tabs__navigator ul li.is-active.u-block-sale:hover span { color: #581838; } .c-slider__tabs__navigator ul li.is-active:hover span { color: #581838; } .c-slider__tabs__navigator ul li.is-active span { opacity: 1; } .c-slider__tabs__navigator ul li > span { font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 0px; font-weight: 400; color: #252525; text-transform: uppercase; text-align: center; opacity: 0.5; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } @media only screen and (max-width: 767px) { .c-slider__tabs__navigator ul li > span { font-size: 18px; line-height: 28px; } } .c-slider__tabs__content{ position: relative; } .c-slider__tabs__section { display: none; /*visibility: hidden; opacity: 0; top: 0; left: 0;*/ } .c-slider__tabs__section.is-active { display: block; /*visibility: visible; opacity: 1;*/ } /*------------------------------------------------------------*/ /* XX - MAIN SUBSCRIPTION */ /*------------------------------------------------------------*/ .c-main-subscription { padding: 43px 0 50px; background: #561935 url(/local/templates/galereyasacvoyage/css/../img/main/main_subscription/subscription.png) center repeat; text-align: center; overflow: hidden; } .c-main-subscription.c-order-subscription { background: #f5f5f5 url(/local/templates/galereyasacvoyage/css/../img/main/main_subscription/subscription-white.png) center repeat; } .c-main-subscription.c-order-subscription .u-head-title-2 { color: #111111; } .c-main-subscription.c-order-subscription p { color: #111111; } .c-main-subscription.c-order-subscription .u-checkbox-radio-style-name { color: #111111; } .c-main-subscription.c-order-subscription .u-checkbox-radio-style-name a { color: #111111; border-bottom-color: #111111; } .c-main-subscription.c-order-subscription .u-checkbox-radio-style-name a:hover { border-bottom-color: transparent; } @media only screen and (max-width: 1023px) { .c-main-subscription { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-main-subscription { padding-top: 15px; padding-bottom: 15px; } } .c-main-subscription .u-head-title-2 { color: #ffffff; margin-bottom: 10px; } .c-main-subscription p { font-size: 20px; color: #ffffff; letter-spacing: -0.02em; margin-bottom: 35px; } @media only screen and (max-width: 767px) { .c-main-subscription p { font-size: 18px; margin-bottom: 15px; } } .u-form-subscribe { margin: 0 auto; max-width: 666px; } .u-form-subscribe .row { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .u-form-subscribe .row { margin-bottom: 15px; } } .u-form-subscribe .u-form__col { margin-bottom: 5px; } @media only screen and (max-width: 767px) { .u-form-subscribe .u-form__col { margin-bottom: 15px; } } .u-form-subscribe .u-form-item { position: relative; } .u-form-subscribe .u-input-style { padding-right: 60px; } .u-btn-submit-subscribe { position: absolute; top: 0; right: 0; width: 60px; height: 50px; color: #7a3776; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .u-btn-submit-subscribe svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-btn-get-discount { display: block; width: 100%; background-color: #5c6684; color: #ffffff; } .u-btn-get-discount:hover { background-color: #5c6684; color: #ffffff; } /*------------------------------------------------------------*/ /* XX - MAIN ADVANTAGES */ /*------------------------------------------------------------*/ .c-main__advantages { padding: 15px 0; text-align: center; } .c-main__advantages .u-head-title-2 { margin-bottom: 10px; } .c-main__advantages p { font-size: 16px; color: #888888; margin-bottom: 48px; } @media only screen and (max-width: 1023px) { .c-main__advantages p { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-main__advantages p { margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .c-main__advantages.is-mobile-hidden { display: none; } } .c-main__advantages__row { font-size: 0; margin-left: -9px; margin-right: -9px; } .c-main__advantages__item { display: inline-block; vertical-align: top; width: 20%; padding-left: 9px; padding-right: 9px; padding-top: 40px; margin-bottom: 15px; } .c-main__advantages__article { position: relative; display: block; width: 100%; height: 100%; background-color: #f5f5f5; padding: 53px 20px 20px; min-height: 180px; } .c-main__advantages__article p { font-size: 15px; line-height: 18px; color: #888888; margin-bottom: 0; } .c-main__advantages__figure { position: absolute; top: -33px; left: 0; right: 0; margin: auto; width: 65px; height: 65px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; background-color: #591d3a; } .c-main__advantages__figure img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-main__advantages-name { font-size: 15px; line-height: 18px; font-weight: 400; color: #222222; margin-bottom: 7px; } .c-main__social { padding: 40px 0 58px; text-align: center; } @media only screen and (max-width: 1023px) { .c-main__social { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-main__social { padding-top: 15px; padding-bottom: 15px; } } .c-main__social p { font-size: 20px; line-height: 28px; color: #2b2e2f; margin-bottom: 40px; } @media only screen and (max-width: 767px) { .c-main__social p { font-size: 18px; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .c-main__social.is-mobile-hidden { display: none; } } .c-main__social__list { list-style: none; padding: 0; margin: 0; } .c-main__social__list li { display: inline-block; vertical-align: top; margin: 10px 7px; } .c-main__social__list li a { position: relative; display: block; width: 56px; height: 56px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ebebeb; overflow: hidden; color: #252525; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .c-main__social__list li a:hover { background-color: #5c6684; color: #ffffff; -webkit-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); -moz-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); } .c-main__social__list li a svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } /*------------------------------------------------------------*/ /* XX - MAIN INSTAGRAM */ /*------------------------------------------------------------*/ .c-main__instagram { position: relative; height: 320px; overflow: hidden; margin-bottom: 30px; } @media only screen and (max-width: 1023px) { .c-main__instagram { height: 508px; margin-bottom: 0; } } @media only screen and (max-width: 767px) { .c-main__instagram { height: 328px; } } .c-main__instagram__label { position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 70px 10px; width: 200px; height: 200px; background-color: #581838; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; z-index: 10; font-size: 13px; line-height: 20px; letter-spacing: 0.03em; color: #ffffff; text-transform: uppercase; } @media only screen and (max-width: 767px) { .c-main__instagram__label { font-size: 10px; width: 160px; height: 160px; padding-top: 50px; padding-bottom: 50px; pointer-events: none; } } .c-main__instagram__label a { display: inline-block; position: relative; margin-bottom: 10px; padding-bottom: 10px; color: #fff; } .c-main__instagram__label a:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 24px; height: 1px; background-color: #ffffff; } .c-main__instagram__slider { display: block; font-size: 0; margin-left: -5px; margin-right: -5px; text-align: center; white-space: nowrap; } @media only screen and (max-width: 1023px) { .c-main__instagram__slider { display: none; } } .c-main__instagram__item { position: relative; display: inline-block; vertical-align: top; padding-left: 5px; padding-right: 5px; } .c-main__instagram__section { position: relative; width: 310px; height: 320px; overflow: hidden; display: block; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } @media only screen and (max-width: 1023px) { .c-main__instagram__section { width: 260px; height: 250px; } } @media only screen and (max-width: 767px) { .c-main__instagram__section { width: 160px; height: 160px; } } .c-main__instagram__section:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(37, 37, 37, 0.5); opacity: 0; visibility: hidden; z-index: -1; } .c-main__instagram__section:hover:before { opacity: 1; visibility: visible; z-index: 1; } .c-main__instagram__photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; } .c-main__instagram__slider__mobile { display: none; font-size: 0; margin-left: -2px; margin-right: -2px; text-align: center; white-space: nowrap; } .c-main__instagram__slider__mobile.mTS-buttons-out { background-color: #ffffff; } .c-main__instagram__slider__mobile.mTS-buttons-out:before, .c-main__instagram__slider__mobile.mTS-buttons-out:after { content: ''; position: absolute; top: 0; width: 10%; height: 100%; pointer-events: none; z-index: 1; } .c-main__instagram__slider__mobile.mTS-buttons-out:before { left: 0; background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); } .c-main__instagram__slider__mobile.mTS-buttons-out:after { right: 0; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); } .c-main__instagram__slider__mobile.mTS-buttons-out .mTSButton { z-index: 3; } @media only screen and (max-width: 1023px) { .c-main__instagram__slider__mobile { display: block; } } .c-main__instagram__slider__mobile .c-main__instagram__item { padding-left: 2px; padding-right: 2px; } .c-main__instagram__slider__mobile .c-main__instagram__section { margin-bottom: 4px; } /*------------------------------------------------------------*/ /* XX - MAIN LAST NEWS */ /*------------------------------------------------------------*/ .c-main__latest__news { padding: 30px 0 70px; text-align: center; } @media only screen and (max-width: 767px) { .c-main__latest__news { padding-top: 15px; padding-bottom: 15px; } } .c-main__latest__news .container { max-width: 1115px; } .c-main__latest__news .u-row { margin-bottom: 24px; } .c-main__latest__news .u-head-title-2 { margin-bottom: 62px; } @media only screen and (max-width: 1023px) { .c-main__latest__news .u-head-title-2 { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-main__latest__news.is-mobile-hidden { display: none; } } @media only screen and (max-width: 1023px) { .c-main__latest__news__item:last-child { display: none; } } .c-main__latest__news__article { margin-bottom: 15px; } .c-main__latest__news__article { position: relative; padding-left: 107px; min-height: 91px; text-align: left; } .c-main__latest__news__article a { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; font-weight: 400; color: #222222; } @media only screen and (max-width: 767px) { .c-main__latest__news__article a { font-size: 14px; } } .c-main__latest__news__article a.c-main__latest__news-read-more { font-size: 12px; border-bottom: 1px solid #222222; text-transform: uppercase; } .c-main__latest__news__article a.c-main__latest__news-read-more:hover { border-color: transparent; } .c-main__latest__news__article a:hover { color: #581838; } .c-main__latest__news-date { font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; font-weight: 400; color: #959595; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .c-main__latest__news-date { margin-bottom: 15px; } } .c-main__latest__news__photo { position: absolute; top: 0; left: 0; width: 89px; height: 91px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .u-btn-more-news { max-width: 256px; width: 100%; } /*------------------------------------------------------------*/ /* XX - MAIN ABOUT US */ /*------------------------------------------------------------*/ .c-main__about__us { position: relative; width: 100%; min-height: 600px; overflow: hidden; text-align: right; } @media only screen and (max-width: 1023px) { .c-main__about__us { min-height: auto; } } .c-main__about__us .container { position: relative; height: 100%; } .c-main__about__us__panorama { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; cursor: move; } @media only screen and (max-width: 767px) { .c-main__about__us__panorama { position: relative; height: 300px; } } .c-main__about__us__panorama__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 767px) { .c-main__about__us__panorama__bg { position: relative; height: 300px; } } .c-main__about__us__info { position: relative; display: inline-block; vertical-align: top; padding: 42px 40px 45px; width: 482px; min-height: 600px; background-color: rgba(255, 255, 255, 0.96); z-index: 1; text-align: center; } @media only screen and (max-width: 1023px) { .c-main__about__us__info { position: relative; right: auto; } } @media only screen and (max-width: 767px) { .c-main__about__us__info { width: 100%; padding: 30px 0; min-height: auto; } } .c-main__about__us__info__section { text-align: left; margin-bottom: 46px; } .c-main__about__us__info__section p { font-size: 14px; line-height: 24px; color: #3e3e3e; margin-bottom: 25px; } @media only screen and (max-width: 767px) { .c-main__about__us__info__section p { max-height: 265px; overflow: hidden; } } .c-main__about__us__info__section a { font-size: 14px; color: #581838; border-bottom: 1px solid #581838; } .c-main__about__us__info__section a:hover { border-color: transparent; } .c-main__about__us__info-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #252525; letter-spacing: -0.02em; margin-bottom: 15px; } .u-btn-the-shops { max-width: 256px; width: 100%; } @media only screen and (max-width: 567px) { .u-btn-the-shops { max-width: 100%; } } /*------------------------------------------------------------*/ /* XX - NEWS */ /*------------------------------------------------------------*/ .u-padding-bottom { padding-bottom: 60px; } .c-news .u-row { margin-left: -25px; margin-right: -25px; margin-bottom: 16px; } .c-news__item { margin-top: 15px; margin-bottom: 15px; padding-left: 25px; padding-right: 25px; } .c-news__item__article { text-align: center; } .c-news__item__article p { font-size: 14px; line-height: 17px; color: #282828; margin-bottom: 28px; } .c-news__item__photo { margin-bottom: 18px; } .c-news__item__photo img { width: 100%; max-width: 100%; height: auto; } .c-news__item__body { padding: 0 30px; } .c-news__item__link { margin-bottom: 5px; } .c-news__item-link { display: inline-block; font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 25px; font-weight: 700; color: #252525; } .c-news__item-link:hover { color: #581838; } .c-news__item__date { font-size: 15px; line-height: 20px; margin-bottom: 15px; } .c-news__item__date span { display: inline-block; vertical-align: middle; color: #959595; } .c-news__item__date a { display: inline-block; vertical-align: middle; color: #252525; border-bottom: 1px solid transparent; } .c-news__item__date a:hover { border-color: #252525; } .u-btn-link-read-more { padding: 9px 20px; height: 42px; line-height: 24px; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; color: #ffffff; letter-spacing: -0.03em; margin-bottom: 10px; } @media only screen and (max-width: 567px) { .u-btn-link-read-more { display: block; width: 100%; } } .u-tag-cloud__article { height: 100%; padding: 28px 30px; background-color: #f5f5f5; text-align: left; } @media only screen and (max-width: 767px) { .u-tag-cloud__article { padding: 25px; } } .u-tag-cloud__style ul { list-style: none; padding: 0; margin: 0; font-size: 0; } .u-tag-cloud__style ul li { display: inline-block; vertical-align: top; margin: 0 12px 12px 0; } .u-tag-cloud__style ul li a { display: block; padding: 0px 20px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 36px; font-weight: 400; background-color: #ffffff; color: #282828; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; overflow: hidden; -webkit-box-shadow: inset 0px 0px 0px 1px #ebebeb; -moz-box-shadow: inset 0px 0px 0px 1px #ebebeb; box-shadow: inset 0px 0px 0px 1px #ebebeb; } .u-tag-cloud__style ul li a:hover { background-color: #ab984a; color: #ffffff; } .u-tag-cloud-title { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #252525; margin-bottom: 28px; } @media only screen and (max-width: 767px) { .u-tag-cloud-title { font-size: 26px; line-height: 36px; margin-bottom: 15px; } } .u-btn-link-download-more { width: 256px; max-width: 100%; display: inline-block; padding: 0 21px; text-align: center; height: 50px; font-size: 14px; line-height: 50px; text-transform: uppercase; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; letter-spacing: -0.03em; margin-bottom: 10px; } .u-btn-link-download-more:hover { color: #ffffff; } /*------------------------------------------------------------*/ /* XX - NEWS INNER */ /*------------------------------------------------------------*/ @media only screen and (max-width: 1032px) { .c-news-inner.u-padding-bottom { padding-bottom: 0; } } .c-news-inner .u-tag-cloud__article { height: auto; margin-bottom: 40px; } @media only screen and (max-width: 1032px) { .c-news-inner .u-tag-cloud__article { margin-bottom: 15px; } } .u-inner-page__seo h1, .u-inner-page__seo .b-h1, .u-inner-page__seo h2, .u-inner-page__seo .b-h2, .u-inner-page__seo h3, .u-inner-page__seo .b-h3, .u-inner-page__seo h4, .u-inner-page__seo .b-h4, .u-inner-page__seo h5, .u-inner-page__seo .b-h5, .u-inner-page__seo h6, .u-inner-page__seo .b-h6 { font-family: 'FuturaBookC', sans-serif; font-weight: 700; color: #252525; margin-bottom: 20px; } .u-inner-page__seo h1, .u-inner-page__seo .b-h1 { font-size: 26px; line-height: 36px; } .u-inner-page__seo h2, .u-inner-page__seo .b-h2 { font-size: 24px; line-height: 34px; } .u-inner-page__seo h3, .u-inner-page__seo .b-h3 { font-size: 22px; line-height: 32px; } .u-inner-page__seo h4, .u-inner-page__seo .b-h4 { font-size: 20px; line-height: 30px; } .u-inner-page__seo h5, .u-inner-page__seo .b-h5 { font-size: 18px; line-height: 28px; } .u-inner-page__seo h6, .u-inner-page__seo .b-h6 { font-size: 16px; line-height: 26px; } .u-inner-page__seo img { max-width: 100%; height: auto; margin-bottom: 30px; } .u-inner-page__seo img.u-fl { float: left; margin-right: 36px; margin-bottom: 56px; } @media only screen and (max-width: 1199px) { .u-inner-page__seo img.u-fl { margin-bottom: 15px; } } .u-inner-page__seo p { font-family: 'FuturaBookC', sans-serif; font-size: 15px; line-height: 24px; font-weight: 300; color: #282828; margin-bottom: 23px; } .u-inner-page__seo blockquote { position: relative; padding: 0 0 0 50px; margin-left: 40px; margin-bottom: 40px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 18px; line-height: 28px; font-weight: 400; clear: both; } @media only screen and (max-width: 767px) { .u-inner-page__seo blockquote { margin-left: 0; font-size: 16px; margin-bottom: 15px; } } .u-inner-page__seo blockquote:before { content: ''; position: absolute; top: 0; left: 0; width: 34px; height: 23px; background: url(/local/templates/galereyasacvoyage/css/../img/svg/i-quote.svg) center no-repeat; z-index: -1; } .u-inner-page__seo ul, .u-inner-page__seo ol { margin-bottom: 30px; } .u-inner-page__seo ul li, .u-inner-page__seo ol li { position: relative; font-size: 15px; line-height: 25px; font-weight: 300; color: #282828; margin-bottom: 10px; } .u-inner-page__seo ul { list-style: none; } .u-inner-page__seo ul li { padding-left: 15px; letter-spacing: 0.03em; } .u-inner-page__seo ul li:before { content: ''; position: absolute; top: 10px; left: 0; display: block; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #959595; } .u-inner-page__row { margin-left: -25px; margin-right: -25px; } .u-inner-page__item { margin-top: 15px; margin-bottom: 15px; padding-left: 25px; padding-right: 25px; } .u-inner-page-date { font-size: 15px; line-height: 20px; font-weight: 300; color: #959595; margin-bottom: 30px; } .u-inner-page-name { font-family: '21 Cent', sans-serif; font-weight: 700; color: #252525; font-size: 24px; line-height: 34px; margin-bottom: 20px; } .u-tags__row { font-size: 16px; line-height: 26px; color: #252525; } @media only screen and (max-width: 767px) { .u-tags__row { margin-bottom: 15px; } } .u-tags__row ul { margin-left: 5px; display: inline-block; list-style: none; padding: 0; margin: 0; } .u-tags__row ul li { display: inline-block; } .u-tags__row ul li a { color: #959595; } .u-tags__row ul li span { color: #ab984a; } .u-tag-latest-news__item { padding: 13px 0; border-top: 1px solid #ffffff; } .u-tag-latest-news__item:first-child { padding-top: 5px; border-top: 0; } .u-tag-latest-news-link { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; color: #252525; } .u-tag-latest-news-link:hover { color: #581838; } .u-tag-latest-news-date { font-size: 14px; line-height: 20px; font-weight: 300; color: #959595; } .u-inner-page__social { text-align: right; } @media only screen and (max-width: 767px) { .u-inner-page__social { text-align: center; margin-bottom: 15px; } } .u-inner-page__social__list { list-style: none; padding: 0; margin: 0; font-size: 0; } .u-inner-page__social__list li { display: inline-block; vertical-align: middle; margin-left: 7px; margin-bottom: 5px; } @media only screen and (max-width: 767px) { .u-inner-page__social__list li { margin-right: 7px; } } .u-inner-page__social__list li a { position: relative; display: block; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; color: #ffffff; } .u-inner-page__social__list li a svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-social-facebook { background-color: #0054a6; } .u-social-vk { background-color: #00aeef; } .u-social-instagram { background-color: #c04fc1; } .u-social-gplus { background-color: #bf0006; } .u-similar-posts-h2 { font-family: 'FuturaBookC', sans-serif; font-weight: 700; color: #252525; font-size: 22px; line-height: 32px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .u-similar-posts-h2 { margin-bottom: 15px; } } .u-similar-posts__row { margin-left: -10px; margin-right: -10px; margin-bottom: 20px; } .u-similar-posts__item { margin-top: 15px; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; } .u-similar-posts__photo { position: relative; display: block; margin-bottom: 15px; } .u-similar-posts__photo img { max-width: 100%; width: 100%; height: auto; } .u-similar-posts-link { display: inline-block; font-family: '21 Cent', sans-serif; font-size: 16px; line-height: 20px; font-weight: 700; color: #252525; } .u-similar-posts-link:hover { color: #581838; } .u-similar-posts-date { font-size: 14px; line-height: 20px; font-weight: 300; color: #959595; } .c-comments-title { font-family: '21 Cent', sans-serif; font-size: 21px; line-height: 25px; font-weight: 700; color: #252525; letter-spacing: 0.06em; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .c-comments-title { font-size: 18px; margin-bottom: 15px; } } .c-comments__item { padding: 30px 0; border-bottom: 1px solid #ebebeb; } @media only screen and (max-width: 767px) { .c-comments__item { padding: 20px 0; } } .c-comments__item.c-comments__item__admin { margin-left: 70px; } @media only screen and (max-width: 767px) { .c-comments__item.c-comments__item__admin { margin-left: 30px; } } .c-comments__item:last-child { border-bottom: 0; } .c-comments__section { position: relative; padding-left: 70px; } @media only screen and (max-width: 767px) { .c-comments__section { padding-left: 60px; } } .c-comments__section p { font-size: 15px; line-height: 25px; font-weight: 300; color: #282828; margin-bottom: 0; } @media only screen and (max-width: 767px) { .c-comments__section p { font-size: 14px; line-height: 20px; } } .c-comments__user { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 0; } .c-comments-name { padding-right: 100px; font-size: 17px; line-height: 20px; font-weight: 700; color: #111111; margin-bottom: 7px; } .c-comments-date { font-size: 15px; line-height: 20px; font-weight: 400; color: #959595; margin-bottom: 15px; } .u-btn-link-reply { position: absolute; top: 0; right: 0; padding: 0 12px; font-size: 10px; line-height: 22px; color: #ffffff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #cccccc; text-align: center; text-transform: uppercase; } .u-btn-link-reply:hover { color: #ffffff; background-color: #5c6684; } .c-leave-comment-title { font-family: '21 Cent', sans-serif; font-size: 22px; line-height: 25px; font-weight: 700; color: #252525; letter-spacing: 0.03em; margin-bottom: 36px; } @media only screen and (max-width: 767px) { .c-leave-comment-title { margin-bottom: 15px; } } .u-form-leave-comment .u-col { margin-bottom: 20px; } .u-form-leave-comment .u-form-item { font-size: 0; } .u-form-leave-comment .u-input-style { border: 1px solid #ebebeb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; padding-left: 25px; padding-right: 25px; line-height: 48px; } .u-form-leave-comment .u-input-style:focus { border-color: #bfbfbf; } .u-form-leave-comment .u-input-style.u-textarea-style { display: block; height: 130px; resize: none; line-height: 20px; padding: 17px 25px; } .u-btn-leave-comment-message { max-width: 170px; width: 100%; padding: 10px 15px; height: 44px; line-height: 24px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; margin-top: 17px; } @media only screen and (max-width: 767px) { .u-btn-leave-comment-message { margin-top: 0; } } @media only screen and (max-width: 567px) { .u-btn-leave-comment-message { max-width: 100%; display: block; } } /*------------------------------------------------------------*/ /* XX - ADDRESS PHONE */ /*------------------------------------------------------------*/ .c-address-phone { padding: 0; } .c-address-phone h1, .c-address-phone .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; text-align: center; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .c-address-phone h1, .c-address-phone .b-h1 { font-size: 26px; line-height: 36px; margin-bottom: 15px; } } .c-address-phone__select__search { max-width: 740px; margin: 0 auto 20px; } .u-form-address-phone .u-form-item { position: relative; } .u-form-address-phone .u-input-style { padding-left: 0; padding-right: 30px; height: 35px; line-height: 35px; font-size: 16px; font-weight: 300; border-bottom: 1px solid #343434; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .u-form-address-phone .u-input-style::-webkit-input-placeholder { color: #343434; } .u-form-address-phone .u-input-style:-moz-placeholder { color: #343434; } .u-form-address-phone .u-input-style::-moz-placeholder { color: #343434; } .u-form-address-phone .u-input-style:-ms-input-placeholder { color: #343434; } .u-form-address-phone__item { margin-top: 10px; margin-bottom: 10px; } .u-btn-submit-address-phone { position: absolute; top: 0; right: -10px; background-color: transparent; color: #252525; width: 35px; height: 35px; border: 0; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-btn-submit-address-phone:hover { background-color: transparent; color: #581838; } .u-btn-submit-address-phone svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-address-phone__table { margin-bottom: 55px; } .c-address-phone__table table { width: 100%; table-layout: fixed; } @media only screen and (max-width: 767px) { .c-address-phone__table table { display: block; } } .c-address-phone__table table tr th { padding: 11px 15px 11px 0; font-family: 'Proxima Nova Rg', sans-serif; font-size: 15px; line-height: 25px; font-weight: 400; color: #222222; letter-spacing: 0.03em; } @media only screen and (max-width: 1023px) { .c-address-phone__table table tr th { font-size: 14px; } } .c-address-phone__table table tr th:first-child { padding-left: 15px; } .c-address-phone__table table tr td { position: relative; padding: 21px 15px 21px 15px; font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #252525; } @media only screen and (max-width: 1023px) { .c-address-phone__table table tr td { font-size: 14px; } } @media only screen and (max-width: 767px) { .c-address-phone__table table tr td { display: block; padding: 10px 0 10px 40%; } } .c-address-phone__table table tr td:before { content: none; position: absolute; top: 13px; left: 0; width: 40%; font-family: 'Proxima Nova Rg', sans-serif; font-size: 12px; line-height: 20px; font-weight: 400; color: #222222; } @media only screen and (max-width: 767px) { .c-address-phone__table table tr td:before { content: attr(data-title); } } .c-address-phone__table table tr td:last-child { text-align: right; } @media only screen and (max-width: 767px) { .c-address-phone__table table tr td:last-child { text-align: left; } } .c-address-phone__table table tr td img { max-width: 100%; height: auto; } @media only screen and (max-width: 767px) { .c-address-phone__table table tr td img { width: 100%; } } @media only screen and (max-width: 767px) { .c-address-phone__table table thead { display: none; } } .c-address-phone__table table thead tr { background-color: #f6f6f6; } @media only screen and (max-width: 767px) { .c-address-phone__table table tbody { display: block; } } .c-address-phone__table table tbody tr { border-top: 1px solid #ebebeb; } @media only screen and (max-width: 767px) { .c-address-phone__table table tbody tr { display: block; } } .c-address-phone__table table tbody tr:first-child { border-top: 0; } .u-photo { width: 250px; } @media only screen and (max-width: 767px) { .u-photo { width: 100%; } } .u-name-shop { width: 220px; } @media only screen and (max-width: 1199px) { .u-name-shop { width: auto; } } .u-address { width: 328px; } @media only screen and (max-width: 1199px) { .u-address { width: auto; } } .u-work-time { width: 200px; /*white-space: nowrap;*/ } @media only screen and (max-width: 1199px) { .u-work-time { width: auto; } } .u-contacts { white-space: nowrap; } .c-address-phone__map { display: block; width: 100%; height: 535px; } /*------------------------------------------------------------*/ /* XX - BONUS CARD */ /*------------------------------------------------------------*/ @media only screen and (max-width: 1023px) { .c-bonus-card.u-padding-bottom { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-bonus-card.u-padding-bottom { padding-bottom: 15px; } } .c-bonus-card__section { text-align: center; } .c-bonus-card__section h1, .c-bonus-card__section .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; margin-bottom: 30px; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .c-bonus-card__section h1, .c-bonus-card__section .b-h1 { font-size: 28px; line-height: 38px; } } @media only screen and (max-width: 767px) { .c-bonus-card__section h1, .c-bonus-card__section .b-h1 { font-size: 26px; line-height: 36px; } } .c-bonus-card__section h4, .c-bonus-card__section .b-h4 { font-family: 'Proxima Nova Rg', sans-serif; font-size: 24px; line-height: 34px; font-weight: 400; color: #222222; margin-bottom: 10px; } @media only screen and (max-width: 1023px) { .c-bonus-card__section h4, .c-bonus-card__section .b-h4 { font-size: 22px; line-height: 32px; } } @media only screen and (max-width: 767px) { .c-bonus-card__section h4, .c-bonus-card__section .b-h4 { font-size: 20px; line-height: 30px; } } .c-bonus-card__section p { font-size: 15px; line-height: 25px; font-weight: 300; color: #282828; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .c-bonus-card__section p { font-size: 14px; } } .c-bonus-card__section p span { font-weight: 400; } .c-bonus-card__section strong, .c-bonus-card__section b { font-family: 'Proxima Nova Rg', sans-serif; font-size: 20px; line-height: 25px; font-weight: 700; } @media only screen and (max-width: 767px) { .c-bonus-card__section strong, .c-bonus-card__section b { font-size: 18px; } } .c-bonus-card__section img { max-width: 100%; height: auto; } .c-bonus-card__scale { position: relative; width: 100%; max-width: 1089px; margin: 85px auto; } @media only screen and (max-width: 1023px) { .c-bonus-card__scale { margin-top: 50px; margin-bottom: 130px; } } .c-bonus-card__scale-line { position: absolute; top: 0; left: 0; width: 25%; height: 19px; background-color: #581838; } .c-bonus-card__scale__row { font-size: 0; height: 19px; background-color: #ebebeb; } .c-bonus-card__scale__item { position: relative; display: inline-block; vertical-align: top; width: 20%; height: 19px; } .c-bonus-card__scale__item.u-percent-5 { border-left-color: #ffffff; padding-left: 30px; } .c-bonus-card__scale__item.u-percent-5 .c-bonus-card__scale__item-border { background-color: #ffffff; } .c-bonus-card__scale__item.u-percent-7 { border-left-color: #ffffff; } .c-bonus-card__scale__item.u-percent-7 .c-bonus-card__scale__item-border { background-color: #ffffff; } .c-bonus-card__scale__item.u-percent-7 .c-bonus-card__scale__item-label { color: #ab984a; } .c-bonus-card__scale__section { position: relative; height: 100%; } .c-bonus-card__scale__item-label { position: absolute; top: -34px; left: 0; font-family: 'Proxima Nova Rg', sans-serif; font-size: 17px; line-height: 19px; font-weight: 700; color: #282828; } @media only screen and (max-width: 1199px) { .c-bonus-card__scale__item-label { font-size: 15px; top: -30px; } } @media only screen and (max-width: 1023px) { .c-bonus-card__scale__item-label { font-size: 13px; } } .c-bonus-card__scale__item-border { position: relative; top: 0; left: 0; width: 2px; height: 100%; background-color: #581838; } .c-bonus-card__scale__item-price { position: absolute; bottom: -33px; left: 0; font-size: 15px; line-height: 19px; font-weight: 300; color: #282828; } @media only screen and (max-width: 1199px) { .c-bonus-card__scale__item-price { font-size: 13px; } } @media only screen and (max-width: 1023px) { .c-bonus-card__scale__item-price { font-size: 11px; bottom: -25px; } } @media only screen and (max-width: 767px) { .c-bonus-card__scale__item-price { bottom: 0; top: 120px; width: 90px; text-align: right; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } } .c-bonus-card__check__balance { background-color: #ebebeb; margin: 30px 0 50px; } @media only screen and (max-width: 767px) { .c-bonus-card__check__balance { padding: 15px 0; margin: 25px 0; } } .u-form-bonus-card-check-balance { position: relative; max-width: 1039px; margin: 0 auto; padding-right: 240px; text-align: center; } @media only screen and (max-width: 767px) { .u-form-bonus-card-check-balance { padding-right: 0; } } .u-form-bonus-card-check-balance .u-form-label { display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom: 0; } @media only screen and (max-width: 1199px) { .u-form-bonus-card-check-balance .u-form-label { display: block; margin-right: 0; margin-bottom: 15px; } } @media only screen and (max-width: 767px) { .u-form-bonus-card-check-balance .u-form-label { margin-bottom: 5px; } } .u-form-bonus-card-check-balance .u-form-item { padding-top: 15px; padding-bottom: 15px; } @media only screen and (max-width: 767px) { .u-form-bonus-card-check-balance .u-form-item { padding-top: 5px; padding-bottom: 5px; } } .u-form-bonus-card-check-balance .u-input-style { width: 167px; padding: 0 20px; } @media only screen and (max-width: 1199px) { .u-form-bonus-card-check-balance .u-input-style { width: 250px; } } @media only screen and (max-width: 1023px) { .u-form-bonus-card-check-balance .u-input-style { width: 100%; } } .u-form-bonus-card-check-balance .u-input-style.u-input-style-bonus-card-number { text-align: center; } .u-btn-bonus-card-check-balance { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; max-width: 216px; width: 100%; color: #ffffff; background-color: #5c6684; } @media only screen and (max-width: 1199px) { .u-btn-bonus-card-check-balance { top: auto; bottom: 15px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @media only screen and (max-width: 767px) { .u-btn-bonus-card-check-balance { position: relative; bottom: auto; margin-top: 10px; } } .u-btn-bonus-card-check-balance svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; color: #ffffff; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; opacity: 0; visibility: hidden; z-index: -1; } /*------------------------------------------------------------*/ /* XX - CHECKOUT SUCCESS */ /*------------------------------------------------------------*/ .c-checkout-success { padding-bottom: 25px; } .c-checkout-success__section { text-align: center; } .c-checkout-success__section h1, .c-checkout-success__section .b-h1 { font-family: 'Proxima Nova Rg', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; margin-bottom: 0; } @media only screen and (max-width: 1023px) { .c-checkout-success__section h1, .c-checkout-success__section .b-h1 { font-size: 28px; line-height: 38px; } } @media only screen and (max-width: 767px) { .c-checkout-success__section h1, .c-checkout-success__section .b-h1 { font-size: 26px; line-height: 36px; } } .c-checkout-success__section h2, .c-checkout-success__section .b-h2 { font-family: 'Proxima Nova Lt', sans-serif; font-size: 20px; line-height: 30px; font-weight: 300; color: #222222; margin-bottom: 5px; } @media only screen and (max-width: 1023px) { .c-checkout-success__section h2, .c-checkout-success__section .b-h2 { font-size: 18px; line-height: 25px; } } @media only screen and (max-width: 767px) { .c-checkout-success__section h2, .c-checkout-success__section .b-h2 { font-size: 16px; line-height: 30px; } } .c-checkout-success__section p { font-size: 16px; line-height: 20px; font-weight: 300; color: #222222; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .c-checkout-success__section p { font-size: 14px; } } .c-checkout-success__section p span { font-weight: 400; } .c-checkout-success__section img { max-width: 100%; height: auto; margin-top: 15px; margin-bottom: 20px; } .c-checkout-success__discount { padding: 47px 0; background-color: #581838; text-align: center; } .c-checkout-success__discount h2, .c-checkout-success__discount .b-h2 { font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #ffffff; margin-bottom: 10px; } @media only screen and (max-width: 1023px) { .c-checkout-success__discount h2, .c-checkout-success__discount .b-h2 { font-size: 18px; line-height: 25px; } } @media only screen and (max-width: 767px) { .c-checkout-success__discount h2, .c-checkout-success__discount .b-h2 { font-size: 16px; line-height: 30px; } } .c-checkout-success__discount p { font-size: 16px; line-height: 20px; font-weight: 300; color: #ffffff; margin-bottom: 22px; } @media only screen and (max-width: 767px) { .c-checkout-success__discount p { font-size: 14px; } } .c-checkout-success__discount p span { font-weight: 400; } .u-btn-go-to-directory { max-width: 248px; width: 100%; background-color: #5c6684; color: #ffffff; margin-bottom: 5px; } .u-btn-go-to-directory:hover { background-color: #5c6684; color: #ffffff; } /* jQuery Countdown styles 2.0.0. */ .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; width: 100%; padding: 0px 2px; text-align: center; } .countdown-show1 .countdown-section { width: 98%; } .countdown-show2 .countdown-section { width: 48%; } .countdown-show3 .countdown-section { width: 32.5%; } .countdown-show4 .countdown-section { width: 24.5%; } .countdown-show5 .countdown-section { width: 19.5%; } .countdown-show6 .countdown-section { width: 16.25%; } .countdown-show7 .countdown-section { width: 14%; } .countdown-section { display: block; float: left; font-size: 75%; text-align: center; } .countdown-amount { font-size: 200%; } .countdown-period { display: block; } .countdown-descr { display: block; width: 100%; } .u-countdown__row { font-size: 0; margin-bottom: 20px; } .u-countdown__item { display: inline-block; vertical-align: middle; margin: 15px 0; } .u-countdown__item.is-sep i { position: relative; display: block; font-style: normal; width: 24px; height: 55px; } .u-countdown__item.is-sep i svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-countdown__item span { display: block; width: 55px; height: 55px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #eaeaea; font-family: 'Proxima Nova Rg', sans-serif; font-size: 19px; line-height: 55px; font-weight: 300; color: #222222; } .c-often-buy { padding: 60px 0; } @media only screen and (max-width: 1023px) { .c-often-buy { padding: 30px 0; } } /*------------------------------------------------------------*/ /* XX - CATALOG */ /*------------------------------------------------------------*/ .c-catalog .u-breadcrumbs { border-top: 0; padding-bottom: 30px; } @media only screen and (max-width: 1023px) { .c-catalog .u-breadcrumbs { padding-bottom: 15px; } } .c-catalog__action { padding: 10px 15px; background-color: #581838; font-size: 13px; line-height: 19px; font-weight: 300; color: #ffffff; text-transform: uppercase; text-align: center; margin-bottom: 10px; } @media only screen and (max-width: 1023px) { .c-catalog__action { margin-left: -15px; margin-right: -15px; } } .c-catalog__section .u-slider__article:before { content: ''; position: absolute; top: 0; right: 0; bottom: -10px; left: 0; background-color: #ffffff; -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-catalog__section .u-slider__article:hover { z-index: 2; } .c-catalog__section .u-slider__article:hover:before { opacity: 1; visibility: visible; } .c-catalog__section .u-slider__article:hover .u-slider__article__btn-quick-view { opacity: 1; visibility: visible; z-index: 1; top: 0; } .c-catalog__section .u-slider__article.is-hover .u-slider__article__btn-quick-view { top: 30px; opacity: 0; visibility: hidden; z-index: -1; } .c-catalog__section .u-slider__article__top { background-color: #fdfdfd; margin-bottom: 0; } .c-catalog__section .u-slider__article__top:hover .u-slider__article__photo__row { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media only screen and (max-width: 767px) { .c-catalog__section .u-slider__article__top { height: 200px; } } @media only screen and (max-width: 767px) { .c-catalog__section .u-slider__article-name { font-size: 16px; } } @media only screen and (max-width: 767px) { .c-catalog__section .u-slider__article__price { font-size: 18px; } } @media only screen and (max-width: 767px) { .c-catalog__section .u-slider__article__cart { bottom: -3px; } } .u-slider__article__btn-quick-view { position: absolute; top: 30px; left: 0; bottom: 0; right: 0; margin: auto; padding: 0 5px; max-width: 150px; height: 40px; font-family: 'FuturaBookC', sans-serif; font-size: 17px; line-height: 40px; color: #252525; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; background-color: #ffffff; -webkit-box-shadow: 0px 0px 32px rgba(185, 185, 185, 0.52); -moz-box-shadow: 0px 0px 32px rgba(185, 185, 185, 0.52); box-shadow: 0px 0px 32px rgba(185, 185, 185, 0.52); -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; opacity: 0; visibility: hidden; z-index: -1; } .u-slider__article__btn-quick-view:hover { background-color: #581838; color: #ffffff; } .c-catalog__section-title { font-family: '21 Cent', sans-serif; font-size: 18px; line-height: 25px; font-weight: 700; color: #252525; letter-spacing: 0.1em; margin-bottom: 30px; text-align: center; text-transform: uppercase; } @media only screen and (max-width: 1023px) { .c-catalog__section-title { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .c-catalog__section-title { margin-top: 20px; margin-bottom: 30px; } } .c-catalog__sort { position: relative; display: block; text-align: right; } @media only screen and (max-width: 1023px) { .c-catalog__sort { text-align: center; } } @media only screen and (max-width: 767px) { .c-catalog__sort { margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .c-catalog__sort.c-catalog__sort__desktop { display: none; } } .c-catalog__sort.c-catalog__sort__mobile { display: none; margin-bottom: 0; } @media only screen and (max-width: 1023px) { .c-catalog__sort.c-catalog__sort__mobile { display: block; } } .c-catalog__sort.c-catalog__sort__mobile ul { display: table; width: 100%; table-layout: fixed; text-align: left; } .c-catalog__sort.c-catalog__sort__mobile ul li { display: table-cell; } @media only screen and (max-width: 1023px) { .c-catalog__sort.c-catalog__sort__mobile ul li { padding: 10px 0; } } @media only screen and (max-width: 1023px) { .c-catalog__sort.c-catalog__sort__mobile ul li:first-child { text-align: right; } } @media only screen and (max-width: 1023px) { .c-catalog__sort.c-catalog__sort__mobile ul li.c-catalog__sort__list__mobile__two { text-align: center; } } .c-catalog__sort.c-catalog__sort__mobile .c-catalog__sort__by { padding-left: 10px; } @media only screen and (max-width: 1023px) { .c-catalog__sort.c-catalog__sort__mobile .c-catalog__sort__by .fx-search-box { display: inline-block; vertical-align: middle; } } .c-catalog__sort ul { list-style: none; padding: 0; margin: 0; font-size: 0; } .c-catalog__sort ul li { position: relative; padding: 5px 0 5px 60px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 1199px) { .c-catalog__sort ul li { padding-left: 30px; } } @media only screen and (max-width: 767px) { .c-catalog__sort ul li { width: 50%; padding: 10px 0; border-bottom: 1px solid #ebebeb; } } .c-catalog__sort ul li.c-catalog__sort__list__desktop { padding-left: 0; } @media only screen and (max-width: 767px) { .c-catalog__sort ul li.c-catalog__sort__list__desktop { display: none; } } @media only screen and (max-width: 1199px) { .c-catalog__sort ul li:nth-child(3) .fx-search-dropdown { margin-left: -25px; } } @media only screen and (max-width: 767px) { .c-catalog__sort ul li:nth-child(3) .fx-search-dropdown { margin-left: 0; } } .c-catalog__sort ul li.c-catalog__sort__list__mobile { display: none; } @media only screen and (max-width: 767px) { .c-catalog__sort ul li.c-catalog__sort__list__mobile { display: block; width: 100%; } } .c-catalog__find__result { font-size: 13px; line-height: 35px; font-weight: 300; color: #252525; letter-spacing: 0.02em; } .c-catalog__sort__by { position: relative; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 767px) { .c-catalog__sort__by { display: block; } } .fx-search-box { position: relative; display: block; padding-right: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; } .fx-search-box.is-open:after { -webkit-transform: rotate(222deg); -moz-transform: rotate(222deg); -ms-transform: rotate(222deg); -o-transform: rotate(222deg); transform: rotate(222deg); margin-top: -3px; } .fx-search-box:hover:after { opacity: 0.8; border-color: #581838; } .fx-search-box:hover .fx-city-name { color: #581838; } .fx-search-box:after { content: ''; position: absolute; right: 3px; top: 50%; margin-top: -6px; width: 7px; height: 7px; border-style: solid; border-color: #252525; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .fx-city-name { position: relative; display: block; vertical-align: middle; font-size: 13px; line-height: 21px; font-weight: 300; letter-spacing: 0.02em; color: #252525; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .fx-city-name strong, .fx-city-name b { margin-left: 5px; font-style: normal; font-weight: 700; } .fx-search-dropdown { display: none; position: absolute; margin-top: 10px; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 200px; background-color: #ffffff; -webkit-box-shadow: 0px 8px 46px rgba(17, 17, 17, 0.2); box-shadow: 0px 8px 46px rgba(17, 17, 17, 0.2); z-index: 3; text-align: left; } @media only screen and (max-width: 767px) { .fx-search-dropdown { left: 0; width: 174px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .fx-search-dropdown:before { content: ''; position: absolute; top: -8px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #ffffff transparent; } .fx-search-dropdown-list { padding: 18px 0; } .fx-search-dropdown-item { position: relative; padding: 4px 15px; font-size: 15px; line-height: 22px; font-weight: 300; color: #252525; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; /*overflow: hidden;*/ letter-spacing: 0.03em; border: none; background-color: transparent; } .fx-search-dropdown-item:after { content: ''; position: absolute; top: 11px; right: 10px; width: 10px; height: 8px; background: url(/local/templates/galereyasacvoyage/css/../img/svg/i-checked-2.svg) center no-repeat; background-size: contain; opacity: 0; visibility: hidden; z-index: -1; } .fx-search-dropdown-item.is-active:after { opacity: 1; visibility: visible; z-index: 1; } .fx-search-dropdown-item:hover { color: #581838; } .u-catalog__row { margin-left: -5px; margin-right: -5px; margin-bottom: 55px; } @media only screen and (max-width: 1023px) { .u-catalog__row { margin-bottom: 30px; } } @media only screen and (max-width: 767px) { .u-catalog__row { margin-bottom: 15px; } } .u-catalog__item { padding-left: 5px; padding-right: 5px; margin-bottom: 90px; } @media only screen and (max-width: 1023px) { .u-catalog__item { margin-bottom: 30px; } } .u-btn-catalog-load-more { display: inline-block; font-size: 14px; line-height: 25px; color: #252525; border-bottom: 1px dotted #252525; text-transform: uppercase; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; letter-spacing: 0.03em; margin-bottom: 30px; } .u-btn-catalog-load-more:hover { color: #581838; border-bottom-color: transparent; } .c-catalog__section__tags { margin-bottom: 25px; margin-left: -8px; margin-right: -8px; } .c-catalog__section__tags ul { list-style: none; padding: 0; margin: 0; font-size: 0; overflow: hidden; } .c-catalog__section__tags ul li { display: inline-block; vertical-align: top; margin-right: 12px; margin-bottom: 0; } .c-catalog__section__tags ul li a { display: inline-block; font-family: 'Proxima Nova Rg', sans-serif; padding: 0 10px; font-size: 12px; line-height: 26px; height: 26px; font-weight: 400; color: #252525; border: 1px solid #c2c3c5; letter-spacing: 0.03em; text-transform: uppercase; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; } .c-catalog__section__tags ul li a:hover { color: #581838; border-color: #581838; opacity: 0.7; } .c-catalog__section__tags.mTS-buttons-in .mTSButton.mTS-hidden { pointer-events: none; } .c-catalog__section__tags.mTS-buttons-in { padding: 15px 0; background-color: transparent; } .c-catalog__section__tags.mTS-buttons-in .mTS_horizontal .mTSThumbContainer { margin: 15px 6px; } .c-catalog__section__tags.mTS-buttons-in .mTSButton:not(.mTS-hidden) { opacity: 1; } .c-catalog__section__tags.mTS-buttons-in .mTSButtonLeft:after { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAABCAYAAADO8sD5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGtmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxOC0wMi0xOVQxNDozODozMSswMzowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTgtMDctMzBUMTY6NDk6NDYrMDM6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMTgtMDctMzBUMTY6NDk6NDYrMDM6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI5YjJhZjItYmU2Mi04ZjRjLTlmYzctNzk4OWNiY2EzMDJkIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDY2MTQyNjYtMDk0MS01YjQ0LTgzOGQtOTE1ZmYwMmY2MTM3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZjNlNzA3ZjUtY2M1NS00MTQ0LWI0ZTctNWJjY2JhYmJkNjc1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmM2U3MDdmNS1jYzU1LTQxNDQtYjRlNy01YmNjYmFiYmQ2NzUiIHN0RXZ0OndoZW49IjIwMTgtMDItMTlUMTQ6Mzg6MzErMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmRiMDI1YjIwLWZjMDMtMDk0YS1hMGQ0LWQ0MjhlMDYxNDkzNiIgc3RFdnQ6d2hlbj0iMjAxOC0wNy0zMFQxNjo0OTo0NiswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NzI5YjJhZjItYmU2Mi04ZjRjLTlmYzctNzk4OWNiY2EzMDJkIiBzdEV2dDp3aGVuPSIyMDE4LTA3LTMwVDE2OjQ5OjQ2KzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmTFODIAAABLSURBVBiVvYq7DoAwDAOPkf//10If1CyOFFUdmIgU+c7JIakAJ/+OPt52vMuVp32mTskf73A3kgd3cwOqvQK3s6W83Mct+/of3GNfSzk4F128hdcAAAAASUVORK5CYII='); } .c-catalog__section__tags.mTS-buttons-in .mTSButtonLeft span { left: 8px; } .c-catalog__section__tags .mTSButton { background-color: transparent; color: transparent; padding: 0; margin-top: -25px; width: 70px; height: 40px; z-index: 2; overflow: visible; } .c-catalog__section__tags .mTSButton:hover span { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .c-catalog__section__tags .mTSButton:after { content: ''; position: absolute; top: 0; right: 0; width: 70px; height: 100%; z-index: 1; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAAABCAYAAADO8sD5AAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATpaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTAyLTE5VDE0OjM4OjMxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wMi0xOVQxNDo0Mzo1MCswMzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wMi0xOVQxNDo0Mzo1MCswMzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZjNlNzA3ZjUtY2M1NS00MTQ0LWI0ZTctNWJjY2JhYmJkNjc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOmYzZTcwN2Y1LWNjNTUtNDE0NC1iNGU3LTViY2NiYWJiZDY3NSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmYzZTcwN2Y1LWNjNTUtNDE0NC1iNGU3LTViY2NiYWJiZDY3NSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjNlNzA3ZjUtY2M1NS00MTQ0LWI0ZTctNWJjY2JhYmJkNjc1IiBzdEV2dDp3aGVuPSIyMDE4LTAyLTE5VDE0OjM4OjMxKzAzOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr1w8CsAAABQSURBVBiVtYxBCsAgDAQnamv9gf//pMf00AiLiLcuLJlslpi7d+AS30ANT37Ebcma9LRf49/MS+w5uAgn2TNgkZk48UlzNrybJ151uv2h8QLDRgT1jKnHqAAAAABJRU5ErkJggg==') repeat-y; } .c-catalog__section__tags .mTSButton span { position: absolute; right: 8px; display: block; padding: 0; margin: 0; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #f5f5f5; z-index: 2; -webkit-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); -moz-box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); box-shadow: 0px 10px 10px rgba(12, 19, 42, 0.12); } .c-catalog__section__tags .mTSButton span svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; width: 20px; height: 20px; fill: #252525; } .c-catalog__section__tags .mTS-buttons-in .mTSButtonIcon { color: #252525; } .c-catalog__seo { padding: 35px 0; } .c-catalog__seo h2, .c-catalog__seo .b-h2 { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 24px; font-weight: 700; color: #4c4c4c; margin-top: 25px; margin-bottom: 25px; } .c-catalog__seo p { font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 24px; font-weight: 400; color: #4c4c4c; margin-top: 25px; margin-bottom: 25px; } /*------------------------------------------------------------*/ /* XX - FILTER */ /*------------------------------------------------------------*/ @media only screen and (max-width: 1023px) { .u-aside-section__filter__item { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding-top: 40px; padding-right: 5px; padding-bottom: 70px; background-color: #ffffff; z-index: 10000; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -o-transition: 0.3s ease all; transition: 0.3s ease all; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .u-aside-section__filter__item.is-open { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @media only screen and (max-width: 1023px) { .u-aside-section__filter__item .u-aside-section__filter { height: 100%; overflow-y: auto; padding-right: 10px; } } @media only screen and (max-width: 1023px) { .u-aside-section__filter__item .u-tooltip-match { display: none; } } .u-aside-section__filter__close { display: none; position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: #f5f5f5 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERUEzRkVDMkNBMjFFNDExQjREN0RGMEYxNkQ4OEFEQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NUEwMTI1MTkwMUIxMUU4QjkwQUM2MTVENzI4QUE0NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NUEwMTI1MDkwMUIxMUU4QjkwQUM2MTVENzI4QUE0NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWFkY2I0MDMtZGExNC00MGI1LWJlYjEtYzQxMmZiYmIyMGYyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODU4MDI5OTgtYTA3Yy04MDRmLWFmYTItYjU4YzYxYzY5ZDhkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CjQ65QAAAKRJREFUeNqc0lERgCAMBuCxBlSgAhU0ixHMYASzYBYqWMFxB3eosMG4+x942HeDzVhrHQDslA3056QcmC8LJSihkOshYZGyUpwCDLku1cfSmQZ8QaUzUIA/6IuNgk2ohUlgF+phLdBKUDqG9oz7mxq7OYjrrO4wZixy0AhWP02cMg5C1wiIE+MX1wZn9kgCcWaPJBAnIRZEBdQFE+YVUAv0jwADAEzcPzKSFK/tAAAAAElFTkSuQmCC') center center no-repeat; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; cursor: pointer; z-index: 1; } @media only screen and (max-width: 1023px) { .u-aside-section__filter__close { display: block; } } .u-aside-section__filter__close:hover { opacity: 0.7; } .u-aside-section__filter-title { display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 8px 50px 8px 15px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 24px; font-weight: 700; color: #252525; letter-spacing: 0.02em; text-transform: uppercase; min-height: 40px; border-bottom: 1px solid #ebebeb; } @media only screen and (max-width: 1023px) { .u-aside-section__filter-title { display: block; } } .u-aside-section__filter { padding-right: 20px; } @media only screen and (max-width: 1199px) { .u-aside-section__filter { padding-right: 0; } } @media only screen and (max-width: 1023px) { .u-aside-section__filter { margin-bottom: 30px; } } @media only screen and (max-width: 1023px) { .c-catalog__filter { padding-top: 15px; } } .c-filter__item { position: relative; padding: 20px 0; border-top: 1px solid #ebebeb; } .c-filter__item:first-child { border-top: 0; padding-top: 0; } .c-filter__item.u-item__women__man__handbags .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black li { margin-bottom: 12px; } .c-filter__item.u-item__women__man__handbags .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style__section { padding-left: 35px; } .c-filter__item.u-item__women__man__handbags .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-box { background-color: #ffffff; border: 1px solid #252525; width: 14px; height: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .c-filter__item.u-item__women__man__handbags .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-box svg { color: #581838; left: 0; } .c-filter__item.u-item__women__man__handbags .u-checkbox-radio-style__list.u-checkbox-radio-style__list__black .u-checkbox-radio-style-name { color: #252525; letter-spacing: 0.02em; } .c-filter__item.c-filter-panel__active .c-filter-active-items__remove { display: block; } .c-filter__item.c-filter-panel__active .c-filter-active-items { display: block; } .c-filter__each__drop.u-item__lining__material .c-filter__body { max-height: 68px; } .c-filter__each__drop.u-item__price .c-filter__body { max-height: initial; overflow-y: visible; } .c-filter__each__drop.is-open .c-filter__title:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -2px; } .c-filter__each__drop.is-open .c-filter__body { display: block; } .c-filter__each__drop .c-filter__title { padding-right: 20px; margin-bottom: 0; cursor: pointer; } .c-filter__each__drop .c-filter__title:hover { color: #581838; } .c-filter__each__drop .c-filter__title:hover:after { border-color: #581838; } .c-filter__each__drop .c-filter__title:after { content: ''; position: absolute; right: 3px; top: 50%; margin-top: -9px; width: 9px; height: 9px; border-style: solid; border-color: #252525; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .c-filter__each__drop .c-filter__body { display: none; overflow-y: auto; max-height: 228px; margin-top: 23px; } .c-filter__name { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #252525; letter-spacing: 0.02em; margin-bottom: 23px; } .c-catalog__filter__nav ul { list-style: none; padding: 0; margin: 0; } .c-catalog__filter__nav ul li { padding: 0; margin: 0 0 11px 0; display: block; } .c-catalog__filter__nav ul li:last-child { margin-bottom: 0; } .c-catalog__filter__nav ul li a { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; letter-spacing: 0.02em; color: #252525; } .c-catalog__filter__nav ul li a.is-sale { color: #dd3162; } .c-catalog__filter__nav ul li a.is-sale:hover { color: #581838; } .c-catalog__filter__nav ul li a:hover { color: #581838; } .c-filter__title { position: relative; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 25px; font-weight: 400; color: #252525; letter-spacing: 0.02em; margin-bottom: 23px; text-transform: uppercase; } .c-filter__title i { font-style: normal; color: #a1a1a1; } .u-timeline { display: block; } @media only screen and (max-width: 1023px) { .u-timeline { padding-left: 10px; padding-right: 10px; } } .u-timeline.u-timeline-popup-callback { display: none; } .u-timeline.u-timeline-popup-callback.is-active { display: block; } .u-timeline.u-timeline-filter { padding: 0; margin-bottom: 30px; } .u-timeline.u-timeline-filter .noUiRange { margin: 10px 0; } .u-timeline .noUiRange { display: block; height: 3px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; background: #e9e9e9; margin: 10px 0 30px; } .u-timeline .noUi-background { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #e1e1e1; max-width: 195px; } .u-timeline .noUi-connect { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #ab984a; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .u-timeline .noUi-horizontal .noUi-handle { width: 16px; height: 16px; background: #5c6684; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; top: -7px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 2px solid #ffffff; cursor: pointer; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .u-timeline .noUi-horizontal .noUi-handle:focus { outline: none; } .u-timeline .noUi-handle:after, .u-timeline .noUi-handle:before { content: none; } .u-timeline .noUi-tooltip { display: block; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; top: 120%; bottom: auto; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: transparent; margin-top: 5px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 25px; font-weight: 700; color: #a1a1a1; padding: 0; text-align: center; white-space: nowrap; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -8px; } .c-catalog__filter__foun__products { text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 15px; font-size: 14px; line-height: 28px; color: #252525; background-color: #f6f6f6; margin-bottom: 25px; } @media only screen and (max-width: 1023px) { .c-catalog__filter__foun__products { display: none; } } @media only screen and (max-width: 1023px) { .c-catalog__filter__btn { text-align: center; position: fixed; left: 0; right: 0; bottom: 0; padding: 15px; background-color: #ffffff; } } @media only screen and (max-width: 1023px) { .c-catalog__filter__btn .u-tar { text-align: center; } } .c-catalog__filter__btn__item { padding-top: 10px; padding-bottom: 10px; } @media only screen and (max-width: 1023px) { .c-catalog__filter__btn__item { padding-top: 0; padding-bottom: 0; } } .u-btn-catalog-filter-apply { width: 100%; max-width: 130px; height: 40px; padding-top: 8px; padding-bottom: 8px; font-size: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: #ffffff; background-color: #5c6684; } @media only screen and (max-width: 567px) { .u-btn-catalog-filter-apply { max-width: 100%; } } .u-btn-catalog-filter-apply i { display: none; font-style: normal; font-size: 11px; } @media only screen and (max-width: 1023px) { .u-btn-catalog-filter-apply i { display: inline-block; } } .u-btn-catalog-filter-reset { display: inline-block; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 14px; color: #252525; border-bottom: 1px solid #252525; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-btn-catalog-filter-reset:hover { color: #581838; border-bottom-color: transparent; } .c-filter-active-items { display: none; margin-top: 15px; } .c-filter-active-items ul { list-style: none; padding: 0; margin: 0; } .c-filter-active-items ul li { padding: 0; margin: 0 0 10px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; color: #581838; } .c-filter-active-items ul li:last-child { margin-bottom: 0; } .c-filter-active-items__remove { display: none; position: absolute; top: 28px; left: -20px; width: 10px; height: 10px; cursor: pointer; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpERUEzRkVDMkNBMjFFNDExQjREN0RGMEYxNkQ4OEFEQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NUEwMTI1MTkwMUIxMUU4QjkwQUM2MTVENzI4QUE0NiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NUEwMTI1MDkwMUIxMUU4QjkwQUM2MTVENzI4QUE0NiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWFkY2I0MDMtZGExNC00MGI1LWJlYjEtYzQxMmZiYmIyMGYyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ODU4MDI5OTgtYTA3Yy04MDRmLWFmYTItYjU4YzYxYzY5ZDhkIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+CjQ65QAAAKRJREFUeNqc0lERgCAMBuCxBlSgAhU0ixHMYASzYBYqWMFxB3eosMG4+x942HeDzVhrHQDslA3056QcmC8LJSihkOshYZGyUpwCDLku1cfSmQZ8QaUzUIA/6IuNgk2ohUlgF+phLdBKUDqG9oz7mxq7OYjrrO4wZixy0AhWP02cMg5C1wiIE+MX1wZn9kgCcWaPJBAnIRZEBdQFE+YVUAv0jwADAEzcPzKSFK/tAAAAAElFTkSuQmCC') center center no-repeat; background-size: cover; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-filter-active-items__remove:hover { opacity: 0.5; } /*------------------------------------------------------------*/ /* XX - GIFT CERTIFICATES */ /*------------------------------------------------------------*/ .c-gift-certificates h1, .c-gift-certificates .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; text-align: center; } @media only screen and (max-width: 1023px) { .c-gift-certificates h1, .c-gift-certificates .b-h1 { font-size: 25px; line-height: 35px; } } .c-gift-certificates p { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; color: #343434; margin-top: 30px; margin-bottom: 30px; } .c-gift-certificates__photo { margin-bottom: 30px; display: block; } .c-gift-certificates__photo img { max-width: 100%; height: auto; } .c-gift-certificates-name { display: block; font-family: 'FuturaBookC', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; color: #282828; } /*------------------------------------------------------------*/ /* XX - CART */ /*------------------------------------------------------------*/ .c-cart { padding-bottom: 35px; } .c-cart h1, .c-cart .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; margin-bottom: 20px; } @media only screen and (max-width: 1023px) { .c-cart h1, .c-cart .b-h1 { font-size: 25px; line-height: 35px; margin-bottom: 15px; } } .u-table__cart { margin-bottom: 15px; } .u-table__cart table { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; table-layout: auto; overflow: hidden; } @media only screen and (max-width: 1023px) { .u-table__cart thead { display: block; } } .u-table__cart thead th { padding: 15px 15px; font-size: 18px; line-height: 22px; font-weight: 300; color: #222222; } @media only screen and (max-width: 1023px) { .u-table__cart thead th.u-table__cart__price { display: none; } } @media only screen and (max-width: 1023px) { .u-table__cart thead th.u-table__cart__count { display: none; } } @media only screen and (max-width: 1023px) { .u-table__cart thead th.u-table__cart__total { display: none; } } @media only screen and (max-width: 1023px) { .u-table__cart thead th.u-table__cart__delete { display: none; } } @media only screen and (max-width: 1023px) { .u-table__cart tbody { display: block; } } .u-table__cart tbody tr { position: relative; border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 1023px) { .u-table__cart tbody tr { display: block; padding-left: 100px; } } @media only screen and (max-width: 567px) { .u-table__cart tbody tr { padding-left: 90px; } } .u-table__cart tbody tr:first-child { border-top: 1px solid #e5e5e5; } .u-table__cart tbody td { position: relative; vertical-align: middle; padding: 15px; font-size: 18px; line-height: 21px; font-weight: 300; color: #222222; border: none; } @media only screen and (max-width: 1023px) { .u-table__cart tbody td { display: block; width: 100%; padding-left: 55px; padding-top: 0; padding-bottom: 0; } } @media only screen and (max-width: 767px) { .u-table__cart tbody td { padding-left: 0; } } .u-table__cart .u-table__cart__name { padding-left: 0; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__name { width: 100%; padding-top: 30px; padding-left: 55px; padding-right: 0; } } @media only screen and (max-width: 767px) { .u-table__cart .u-table__cart__name { padding-left: 0; padding-top: 15px; } } .u-table__cart .u-table__cart__name__photo { position: absolute; top: 31px; left: 0; display: block; width: 80px; height: 95px; background-color: #ffffff; border: 1px solid #ebebeb; overflow: hidden; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__name__photo { top: 30px; left: -100px; } } @media only screen and (max-width: 767px) { .u-table__cart .u-table__cart__name__photo { top: 15px; } } @media only screen and (max-width: 567px) { .u-table__cart .u-table__cart__name__photo { left: -90px; } } .u-table__cart .u-table__cart__name__photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; max-width: 90%; max-height: 90%; } .u-table__cart .u-table__cart__name__section { display: block; padding-left: 100px; padding-top: 20px; min-height: 115px; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__name__section { padding-left: 0; padding-top: 0; min-height: 95px; } } .u-table__cart .u-table__cart__name__section ul { list-style: none; font-size: 0; margin-top: 10px; margin-bottom: 0; } .u-table__cart .u-table__cart__name__section ul li { display: block; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; color: #222222; margin-bottom: 10px; } .u-table__cart .u-table__cart__name__section ul li span { display: inline-block; color: #999999; margin-right: 10px; } .u-table__cart .u-table__cart__name__section ul li i { font-style: normal; display: inline-block; vertical-align: middle; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .u-table__cart .u-table__cart__name__section .u-cart-item-color.is-color-black { background-color: #000000; } .u-table__cart .u-table__cart__name__section .u-cart-item-color.is-color-pink { background-color: #e98f93; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__name__row { padding-right: 70px; } } .u-table__cart .u-table__cart__name-name { letter-spacing: -0.06em; } .u-table__cart .u-table__cart__price { white-space: nowrap; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__price { width: 100%; } } .u-table__cart .u-table__cart-price-name__row { position: relative; white-space: nowrap; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart-price-name__row { padding-left: 38%; } } @media only screen and (max-width: 567px) { .u-table__cart .u-table__cart-price-name__row { padding-left: 50px; } } .u-table__cart .u-table__cart-price-name { display: none; position: absolute; top: 0; left: 0; font-size: 14px; line-height: 21px; font-weight: 400; color: #222222; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart-price-name { display: block; } } .u-table__cart .u-table__cart-price-old { position: absolute; top: -20px; left: 0; display: block; font-size: 18px; line-height: 21px; font-weight: 400; color: #222222; text-decoration: line-through; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart-price-old { position: relative; top: auto; left: auto; } } .u-table__cart .u-table__cart-price { display: block; color: #222222; margin: 15px 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart-price { margin: 0; padding-right: 85px; } } .u-table__cart .u-table__cart__count { text-align: left; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__count { position: absolute; width: 90px; padding: 0; right: 0; top: 135px; z-index: 1; } } @media only screen and (max-width: 767px) { .u-table__cart .u-table__cart__count { top: 120px; } } .u-table__cart .u-table__cart__count .u-stepper { display: inline-block; width: 90px; text-align: left; } .u-table__cart .u-table__cart__like__delete { width: 100px; padding-right: 20px; text-align: right; white-space: nowrap; } @media only screen and (max-width: 1023px) { .u-table__cart .u-table__cart__like__delete { position: absolute; top: 30px; right: 0; width: auto; padding: 0; } } @media only screen and (max-width: 767px) { .u-table__cart .u-table__cart__like__delete { top: 15px; } } .u-hits-sales-link-cart { display: inline-block; vertical-align: middle; margin: 0 5px; position: relative; width: 20px; height: 20px; color: #222222; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-hits-sales-link-cart:hover { color: #581838; } .u-hits-sales-link-cart svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-cart__shop__result__item { margin-top: 15px; margin-bottom: 15px; } .c-cart__shop__section { background-color: #f6f6f6; } .c-cart__shop__section__header { padding: 12px 23px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 15px; line-height: 25px; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 0.04em; background-color: #581838; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .c-cart__shop__section__header { padding-left: 15px; padding-right: 15px; } } .c-cart__shop__section__item .u-accord__head { position: relative; padding: 4px 53px 8px 23px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 25px; font-weight: 400; color: #252525; border-bottom: 1px solid #ebebeb; letter-spacing: 0.1em; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } @media only screen and (max-width: 767px) { .c-cart__shop__section__item .u-accord__head { padding-left: 15px; } } .c-cart__shop__section__item .u-accord__head:hover { color: #581838; } .c-cart__shop__section__item .u-accord__head:hover:after { border-color: #581838; } .c-cart__shop__section__item .u-accord__head.is-active:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -2px; } .c-cart__shop__section__item .u-accord__head:after { content: ''; position: absolute; right: 22px; top: 50%; margin-top: -6px; width: 9px; height: 9px; border-style: solid; border-color: #252525; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 0; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .c-cart__shop__section__item .u-accord__head svg { margin-right: 5px; } .c-cart__shop__section__item .u-accord__body { display: none; } .c-cart__shop__section__item ul { list-style: none; padding: 0; margin: 0; } .c-cart__shop__section__item ul li { display: block; padding: 4px 23px 4px 28px; border-top: 1px solid #ebebeb; } .c-cart__shop__section__item ul li:first-child { border-top: 0; } .c-cart__shop__section__foot { padding: 20px 23px 40px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #959595; } @media only screen and (max-width: 767px) { .c-cart__shop__section__foot { padding: 15px 15px 20px; font-size: 15px; } } .c-cart__result__section { text-align: center; } .c-cart__result__section__top { background-color: #f6f6f6; margin-bottom: 1px; padding: 15px 15px; } .c-cart__result-title { font-size: 16px; line-height: 25px; font-weight: 300; color: #252525; margin-bottom: 10px; } .c-cart__result-link-apply-coupon { font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 25px; font-weight: 400; color: #252525; text-transform: uppercase; border-bottom: 1px dotted #252525; letter-spacing: 0.05em; } .c-cart__result-link-apply-coupon:hover { border-bottom-color: transparent; } @media only screen and (max-width: 767px) { .c-cart__result-link-apply-coupon { font-size: 12px; } } .c-cart__result__section__body { padding: 25px 15px 25px 80px; position: relative; text-align: right; background-color: #f6f6f6; margin-bottom: 0; } .c-cart__result__section__body strong { position: absolute; top: 28px; left: 20px; text-align: left; font-family: 'Proxima Nova Rg', sans-serif; font-size: 18px; line-height: 25px; font-weight: 700; color: #222222; } @media only screen and (max-width: 767px) { .c-cart__result__section__body strong { font-size: 16px; } } .c-cart__result__section__body i { font-style: normal; font-family: 'Proxima Nova Rg', sans-serif; font-size: 25px; line-height: 25px; font-weight: 400; color: #581838; } @media only screen and (max-width: 767px) { .c-cart__result__section__body i { font-size: 20px; } } .u-form-car-result .u-form-item { margin-bottom: 10px; } .u-form-car-result .u-input-style { border: 1px solid #e5e5e5; } .u-form-car-result .u-input-style::-webkit-input-placeholder { color: #999999; text-transform: uppercase; } .u-form-car-result .u-input-style:-moz-placeholder { color: #999999; text-transform: uppercase; } .u-form-car-result .u-input-style::-moz-placeholder { color: #999999; text-transform: uppercase; } .u-form-car-result .u-input-style:-ms-input-placeholder { color: #999999; text-transform: uppercase; } .c-cart__result__btn__item { margin-top: 10px; margin-bottom: 10px; } .u-btn-cart-result-style { display: block; width: 100%; } .c-cart__block { margin-top: 6px; } .c-cart__block a { display: block; } .c-cart__block img { max-width: 100%; height: auto; } /*------------------------------------------------------------*/ /* XX - PRODUCT */ /*------------------------------------------------------------*/ @media only screen and (max-width: 1023px) { .c-product { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-product { padding-bottom: 15px; } } .c-product__section { overflow: hidden; } .c-product__section__row { margin-left: -19px; margin-right: -19px; } .c-product__section__item { padding-left: 19px; padding-right: 19px; } .c-product__section__slider__row { position: relative; padding-left: 100px; margin-bottom: 26px; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row { padding-left: 0; margin-bottom: 30px; } } .c-product__section__slider__row .u-big { position: relative; border: 1px solid transparent; background-color: #fefefe; overflow: hidden; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-big { margin-bottom: 20px; } } .c-product__section__slider__row .u-big .slick-slider .slick-track, .c-product__section__slider__row .u-big .slick-slider .slick-list { overflow: hidden; } .c-product__section__slider__row .u-big .slick-slide { text-align: center; } .c-product__section__slider__row .u-big .u-figure-big { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; } .c-product__section__slider__row .u-big .u-figure-big img { height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-big .u-figure-big img { position: relative; } } .c-product__section__slider__row .u-big .slick-prev, .c-product__section__slider__row .u-big .slick-next { color: #000000; } .c-product__section__slider__row .u-big .slick-prev svg, .c-product__section__slider__row .u-big .slick-next svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-product__section__slider__row .u-big .slick-prev { left: -15px; } .c-product__section__slider__row .u-big .slick-next { right: -15px; } .c-product__section__slider__row .zoomContainer { pointer-events: none; } .c-product__section__slider__row .u-figure-big__section { position: relative; padding: 50px; width: 100%; height: 520px; display: block; overflow: hidden; cursor: pointer; } .b-popup-photo-zoom .c-product__section__slider__row .u-figure-big__section{ padding: 0; height: 100vh; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-figure-big__section { height: auto; padding: 30px; } } @media only screen and (max-width: 767px) { .c-product__section__slider__row .u-figure-big__section { padding: 0; } } .c-product__section__slider__row .u-slider__small { position: absolute; top: 0; left: 0; width: 80px; height: 100%; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-slider__small { position: relative; padding: 0; width: 100%; height: 65px; } } .c-product__section__slider__row .u-small { padding: 0; height: 520px; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-small { padding: 0 20px; height: 60px; } } .c-product__section__slider__row .u-small.slick-initialized { height: auto; } .c-product__section__slider__row .u-small .slick-slide { padding: 5px; margin-bottom: 18px; width: 74px; height: 90px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; cursor: pointer; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-small .slick-slide { margin-right: 5px; margin-bottom: 0; height: 60px; } } .c-product__section__slider__row .u-small .slick-slide.slick-current { -webkit-box-shadow: inset 0px 0px 0px 1px #581838; -moz-box-shadow: inset 0px 0px 0px 1px #581838; box-shadow: inset 0px 0px 0px 1px #581838; } .c-product__section__slider__row .u-small .slick-slide div { width: 100%; height: 100%; } .c-product__section__slider__row .u-small .slick-slide .u-figure-small { background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; margin: 0; padding: 0; display: block; background-size: contain; } .c-product__section__slider__row .u-small .slick-prev, .c-product__section__slider__row .u-small .slick-next { color: #000000; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 80px; height: 20px; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-small .slick-prev, .c-product__section__slider__row .u-small .slick-next { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } .c-product__section__slider__row .u-small .slick-prev svg, .c-product__section__slider__row .u-small .slick-next svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-small .slick-prev svg, .c-product__section__slider__row .u-small .slick-next svg { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } } .c-product__section__slider__row .u-small .slick-prev { left: 0; right: 0; top: -20px; margin: auto; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-small .slick-prev { left: -15px; right: auto; top: 50%; } } .c-product__section__slider__row .u-small .slick-next { right: 0; left: 0; top: auto; bottom: 0; margin: auto; } @media only screen and (max-width: 1023px) { .c-product__section__slider__row .u-small .slick-next { right: -15px; top: 50%; left: auto; bottom: auto; } } .c-product__photo__zoom { position: absolute; top: 12px; left: 112px; width: 24px; height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #b4b4b4; color: #b4b4b4; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; z-index: 1; } @media only screen and (max-width: 1023px) { .c-product__photo__zoom { left: 12px; } } .c-product__photo__zoom:hover { border-color: #581838; color: #581838; } .c-product__photo__zoom svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .c-product__section__foot { padding-left: 100px; text-align: center; } @media only screen and (max-width: 1023px) { .c-product__section__foot { padding-left: 0; } } .c-product__section__foot.is-foot-item-desktop { display: block; } @media only screen and (max-width: 767px) { .c-product__section__foot.is-foot-item-desktop { display: none; } } .c-product__section__foot.is-foot-item-mobile { display: none; } @media only screen and (max-width: 767px) { .c-product__section__foot.is-foot-item-mobile { display: block; } } .c-product__btn__item { margin-top: 10px; margin-bottom: 10px; } .u-btn-product-result-style { width: 100%; max-width: 300px; } @media only screen and (max-width: 567px) { .u-btn-product-result-style { max-width: 100%; display: block; } } .c-product__section__share { margin: 6px 0 25px; } .c-product__section__share span { display: inline-block; vertical-align: middle; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 25px; font-weight: 400; color: #3f3f3f; margin-right: 5px; } .c-product__section__share ul { display: inline-block; vertical-align: middle; list-style: none; padding: 0; margin: 0; font-size: 0; } .c-product__section__share ul li { display: inline-block; vertical-align: middle; } .c-product__section__share ul li a { position: relative; display: block; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #252525; } .c-product__section__share ul li a:hover { color: #581838; } .c-product__section__share ul li a svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-tag-cloud__product { margin-bottom: 15px; } @media only screen and (max-width: 767px) { .u-tag-cloud__product { display: none; } } .u-tag-cloud__product ul li { margin-left: 5px; margin-right: 5px; } .c-product__detail__info { position: relative; padding-right: 65px; } @media only screen and (max-width: 1199px) { .c-product__detail__info { padding-right: 0; } } .c-product__detail__info__desktop { display: block; } @media only screen and (max-width: 767px) { .c-product__detail__info__desktop { display: none; } .c-product__detail__info__desktop .u-price-list__list__more__color { display: none; } } .c-product__detail__info__mobile { display: none; padding: 10px 0; text-align: center; } @media only screen and (max-width: 767px) { .c-product__detail__info__mobile { display: block; } } .c-product__detail__info__mobile .c-product__detail__info-company { margin: 0 0 10px; } .c-product__detail__info-company { font-family: '21 Cent', sans-serif; font-size: 14px; line-height: 25px; font-weight: 500; color: #252525; text-transform: uppercase; margin-top: -7px; margin-bottom: 0; letter-spacing: 0.1em; } .c-product__detail__info-name { font-family: '21 Cent', sans-serif; font-size: 18px; line-height: 25px; font-weight: 700; color: #252525; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 20px; } .c-product__detail__info__price { font-size: 30px; line-height: 40px; font-weight: 300; color: #dd3162; letter-spacing: 0.08em; } .c-product__detail__info__price svg{ color: #dd3162; } .c-product__detail__info__price.full-price{ color: #252525; } .c-product__detail__info__price.full-price svg{ color: #252525; } .c-product__detail__info__price i { font-style: normal; } .c-product__detail__info__price__list > ul { list-style: none; padding: 0; margin: 0; } .c-product__detail__info__price__list > ul > li { display: block; padding: 0; margin: 0 0 10px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; color: #343434; } .c-product__detail__info__price__list > ul > li span { color: #a9a9a9; } .c-product__detail__info__other-colors { list-style: none; padding: 0; margin: 15px 0 10px; font-size: 0; } .c-product__detail__info__other-colors li { display: inline-block; padding: 0; margin: 0 10px 10px 0; } .c-product__detail__info__other-colors li a { position: relative; display: block; padding: 5px; width: 67px; height: 62px; overflow: hidden; border: 1px solid #ebebeb; } .c-product__detail__info__other-colors li a:hover { border-color: #581838; } .u-photo-other-colors { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; } .c-product__detail__info__count { margin-bottom: 5px; } .c-product__detail__info__count .u-stepper { width: 80px; display: inline-block; } .c-product__detail__info__count .u-stepper .u-input-style { margin: 0; padding: 13px 30px 13px 10px; height: 50px; font-size: 14px; font-weight: 500; color: #000000; border: 0; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 1; border: 1px solid #ebebeb; } .c-product__detail__info__count .u-stepper a.ui-spinner-button { width: 27px; height: 25px; right: 0; border: 1px solid #ebebeb; } .c-product__detail__info__count .u-stepper a.ui-spinner-button:before, .c-product__detail__info__count .u-stepper a.ui-spinner-button:after { content: none; } .c-product__detail__info__count .u-stepper a.ui-spinner-up:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 0 3.5px 4px 3.5px; border-color: transparent transparent #252525 transparent; background-color: transparent; } .c-product__detail__info__count .u-stepper a.ui-spinner-down { left: auto; bottom: 0; top: auto; } .c-product__detail__info__count .u-stepper a.ui-spinner-down:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: #252525 transparent transparent transparent; background-color: transparent; } .c-product__detail__info__settings { margin-bottom: 5px; } .c-product__detail__info__settings .c-cart__shop__section__item .u-accord__head { padding-left: 0; font-size: 16px; line-height: 25px; font-weight: 300; color: #111111; letter-spacing: 0.06em; border-bottom: 0; } .c-product__detail__info__settings .c-cart__shop__section__item .u-accord__body { border-top: 1px solid #ebebeb; } .c-product__detail__info__settings .c-product__detail__info__price__list > ul > li { border-top: 0; } .c-product__detail__info__settings .u-accord__body { padding-top: 15px; padding-left: 25px; } .c-product__detail__info__btn { margin-bottom: 20px; } .c-product__detail__info__btn .row { margin-left: -10px; margin-right: -10px; } .c-product__detail__info__btn__item { margin-top: 10px; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .u-btn-product-add-cart { display: block; width: 100%; max-width: 217px; } @media only screen and (max-width: 567px) { .u-btn-product-add-cart { max-width: 100%; } } .u-btn-product-add-cart.is-add-cart-active { background-color: #ab984a; } .u-btn-product-favorites { font-size: 16px; font-weight: 300; color: #959595; } .u-btn-product-favorites:hover { color: #581838; } .u-btn-product-favorites:hover svg { color: #581838; } .u-btn-product-favorites.is-favorites { color: #591d3a; } .u-btn-product-favorites.is-favorites .i-svg-favorites { display: none; } .u-btn-product-favorites.is-favorites .i-svg-favorites-bg { display: inline-block; } .u-btn-product-favorites svg { display: inline-block; vertical-align: middle; margin-right: 5px; color: #3f3f3f; } .u-btn-product-favorites .i-svg-favorites { display: inline-block; } .u-btn-product-favorites .i-svg-favorites-bg { display: none; color: #581838; } .c-product__detail__info__address { padding: 25px 40px; background-color: #f6f6f6; margin-bottom: 25px; } @media only screen and (max-width: 767px) { .c-product__detail__info__address { padding: 25px 20px; } } .c-product__detail__info__address .c-cart__shop__section__item .u-accord__head { padding-left: 0; } .c-product__detail__info__address .c-cart__shop__section__item ul li { padding-left: 5px; } .c-product__detail__info__address-name { font-size: 16px; line-height: 25px; font-weight: 300; color: #111111; margin-bottom: 5px; letter-spacing: 0.06em; } .c-product__detail__info__book__it { position: relative; padding-right: 17px; margin-bottom: 15px; } .u-btn-booking-link { position: absolute; top: 15px; right: -15px; width: 22px; height: 22px; line-height: 22px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #5c6684; color: #ffffff; overflow: hidden; cursor: pointer; } .u-btn-booking-link:hover { background-color: #581838; color: #ffffff; } .u-btn-booking-link svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .u-btn-product-book-it-style { display: inline-block; width: 100%; border: 1px solid #581838; background-color: #581838; line-height: 22px; color: #fff; } .u-btn-product-book-it-style:hover, .u-btn-product-book-it-style:focus { color: #fff; } .c-gallery-product .mfp-arrow { margin: 0; width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; background-position: center center; opacity: 1; margin-top: -15px; background-color: #ffffff; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .c-gallery-product .mfp-arrow:before, .c-gallery-product .mfp-arrow:after { content: none; } .c-gallery-product .mfp-arrow.mfp-arrow-left { left: -40px; background-image: url(/local/templates/galereyasacvoyage/css/../img/svg/icon-slider-prev-small.svg); } .c-gallery-product .mfp-arrow.mfp-arrow-right { right: -40px; background-image: url(/local/templates/galereyasacvoyage/css/../img/svg/icon-slider-next-small.svg); } .c-gallery-product .mfp-arrow:hover { opacity: 0.8; } /*------------------------------------------------------------*/ /* XX - LK */ /*------------------------------------------------------------*/ .c-lk h1, .c-lk .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; text-align: center; margin-bottom: 20px; } @media only screen and (max-width: 1023px) { .c-lk h1, .c-lk .b-h1 { font-size: 25px; line-height: 35px; margin-bottom: 15px; } } .c-lk h2, .c-lk .b-h2 { font-family: '21 Cent', sans-serif; font-size: 24px; line-height: 34px; font-weight: 400; color: #222222; text-align: center; margin-top: 30px; margin-bottom: 15px; } @media only screen and (max-width: 1023px) { .c-lk h2, .c-lk .b-h2 { font-size: 21px; line-height: 30px; } } .c-lk .c-catalog__section__pagination { padding: 10px 0; text-align: right; } @media only screen and (max-width: 767px) { .c-lk .c-catalog__section__pagination { text-align: center; } } .c-lk .c-catalog__section__pagination.u-pagination-top-position { position: absolute; top: -65px; right: 0; width: 50%; } @media only screen and (max-width: 1023px) { .c-lk .c-catalog__section__pagination.u-pagination-top-position { position: relative; top: auto; right: auto; width: 100%; } } .c-lk .u-pagination__list li:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .c-lk .u-pagination__list li:last-child { margin-right: 5px; } } .c-lk .u-pagination__list a, .c-lk .u-pagination__list span { width: 32px; height: 32px; font-size: 12px; line-height: 32px; } .c-lk .u-pagination__list a svg, .c-lk .u-pagination__list span svg { max-width: 60%; max-height: 60%; } .c-lk-details .c-lk__navigator__body { padding: 22px 70px; } @media only screen and (max-width: 1023px) { .c-lk-details .c-lk__navigator__body { padding: 15px 30px; } } @media only screen and (max-width: 767px) { .c-lk-details .c-lk__navigator__body { padding: 10px 0; } } .c-lk-details .u-checkbox-radio-style__list { max-width: 290px; margin: 10px auto 15px; } @media only screen and (max-width: 767px) { .c-lk-details .u-checkbox-radio-style__list { max-width: 100%; } } .c-lk-details .u-checkbox-radio-style__list.u-radio-style__list__point { font-size: 0; display: table; width: 100%; } @media only screen and (max-width: 767px) { .c-lk-details .u-checkbox-radio-style__list.u-radio-style__list__point { display: block; } } .c-lk-details .u-checkbox-radio-style__list.u-radio-style__list__point li { display: table-cell; vertical-align: middle; width: 50%; margin: 5px 0; padding: 0 30px; } @media only screen and (max-width: 767px) { .c-lk-details .u-checkbox-radio-style__list.u-radio-style__list__point li { display: block; width: 100%; } } .c-lk-details .u-checkbox-radio-style__list.u-radio-style__list__point .u-checkbox-radio-style-name { font-size: 16px; } .c-lk-details hr { border-top-color: #eaeaea; margin-top: 15px; margin-bottom: 15px; } .c-lk__card__info { padding: 7px 30px; border: 1px solid #581838; text-align: center; margin-bottom: 30px; } @media only screen and (max-width: 1023px) { .c-lk__card__info { padding: 5px 15px; } } @media only screen and (max-width: 767px) { .c-lk__card__info { margin-bottom: 15px; padding-left: 5px; padding-right: 5px; } } .c-lk__card__info .u-table { display: table; width: 100%; font-size: 0; } @media only screen and (max-width: 767px) { .c-lk__card__info .u-table { display: block; } } .c-lk__card__info .u-table-item { display: table-cell; vertical-align: middle; padding: 10px 15px; font-size: 16px; line-height: 22px; font-weight: 300; color: #252525; letter-spacing: 0.03em; } @media only screen and (max-width: 1023px) { .c-lk__card__info .u-table-item { font-size: 14px; line-height: 21px; } } @media only screen and (max-width: 767px) { .c-lk__card__info .u-table-item { display: inline-block; padding: 5px 0; width: 50%; border-top: 1px solid #581838; } .c-lk__card__info .u-table-item:first-child { border-top: 0; } .c-lk__card__info .u-table-item:nth-child(2) { border-top: 0; } } .c-lk__card__info .u-table-item strong, .c-lk__card__info .u-table-item b { font-family: 'Proxima Nova Rg', sans-serif; font-weight: 700; color: #581838; white-space: nowrap; } @media only screen and (max-width: 1023px) { .c-lk__card__info .u-table-item strong, .c-lk__card__info .u-table-item b { display: block; } } .c-lk__card__is__not__tied { padding: 5px 30px; border: 1px solid #581838; text-align: center; margin-bottom: 30px; } @media only screen and (max-width: 1023px) { .c-lk__card__is__not__tied { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 767px) { .c-lk__card__is__not__tied { margin-bottom: 15px; } } .c-lk__navigator__head { background-color: #f5f5f5; } .c-lk__navigator__head ul { list-style: none; padding: 0; margin: 0; display: table; width: 100%; table-layout: fixed; } @media only screen and (max-width: 767px) { .c-lk__navigator__head ul { display: block; } } .c-lk__navigator__head ul li { display: table-cell; vertical-align: top; text-align: center; } @media only screen and (max-width: 767px) { .c-lk__navigator__head ul li { display: block; width: 100%; } } .c-lk__navigator__head ul li a, .c-lk__navigator__head ul li span { padding: 10px 15px; display: block; font-size: 16px; line-height: 22px; font-weight: 300; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } @media only screen and (max-width: 1023px) { .c-lk__navigator__head ul li a, .c-lk__navigator__head ul li span { font-size: 14px; line-height: 21px; } } .c-lk__navigator__head ul li a { color: #252525; } .c-lk__navigator__head ul li a:hover { color: #581838; } .c-lk__navigator__head ul li span { color: #ffffff; background-color: #581838; } .u-form-lk-details .c-lk__card__is__not__tied .u-form-item { padding-top: 5px; padding-bottom: 5px; } .u-form-lk-details .c-lk__card__is__not__tied .u-input-style { background-color: #f5f5f5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; line-height: 35px; height: 35px; border: 1px solid #ebebeb; } @media only screen and (max-width: 767px) { .u-form-lk-details .c-lk__card__is__not__tied .u-input-style { padding-left: 15px; padding-right: 15px; } } .u-form-lk-details .c-lk__card__is__not__tied .u-input-style::-webkit-input-placeholder { color: #898989; text-transform: none; } .u-form-lk-details .c-lk__card__is__not__tied .u-input-style:-moz-placeholder { color: #898989; text-transform: none; } .u-form-lk-details .c-lk__card__is__not__tied .u-input-style::-moz-placeholder { color: #898989; text-transform: none; } .u-form-lk-details .c-lk__card__is__not__tied .u-input-style:-ms-input-placeholder { color: #898989; text-transform: none; } .u-form-lk-details .u-form-item { padding-top: 13px; padding-bottom: 13px; } @media only screen and (max-width: 767px) { .u-form-lk-details .u-form-item { padding-top: 10px; padding-bottom: 10px; } } .u-form-lk-details .u-input-style { background-color: #f5f5f5; } .u-form-lk-details .u-input-style::-webkit-input-placeholder { color: #898989; text-transform: uppercase; } .u-form-lk-details .u-input-style:-moz-placeholder { color: #898989; text-transform: uppercase; } .u-form-lk-details .u-input-style::-moz-placeholder { color: #898989; text-transform: uppercase; } .u-form-lk-details .u-input-style:-ms-input-placeholder { color: #898989; text-transform: uppercase; } .u-form-lk-details .u-form-label { font-size: 16px; line-height: 22px; font-weight: 300; color: #252525; margin-bottom: 0; } .u-form-lk-details .u-text-error.u-not-valid { bottom: -15px; } .u-lk_details__change__password__row { max-width: 660px; margin: 0 auto 30px; text-align: center; } .u-lk_details__change__password__row .u-checkbox-radio-style__list { max-width: 100%; margin-bottom: 30px; } .u-lk_details__change__password__row .u-checkbox-radio-style__list.u-radio-style__list__point li { padding: 0 15px; } .u-lk_details__change__password__row .u-checkbox-radio-style__list.u-radio-style__list__point .u-checkbox-radio-style-name { font-size: 15px; } .u-btn-lk-details-save-changes { max-width: 264px; width: 100%; } @media only screen and (max-width: 567px) { .u-btn-lk-details-save-changes { max-width: 100%; } } .c-lk-orders .c-lk__navigator__body { padding-top: 30px; padding-bottom: 50px; } @media only screen and (max-width: 1023px) { .c-lk-orders .c-lk__navigator__body { padding-bottom: 30px; } } .c-lk-orders .u-table__cart__name__photo { position: absolute; top: 17px; left: 10px; display: block; width: 80px; height: 95px; background-color: #ffffff; border: 1px solid #ebebeb; overflow: hidden; } .c-lk-orders .u-table__cart__name__photo img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; max-width: 90%; max-height: 90%; } .c-lk-orders .u-table__cart__name__section { display: block; padding-left: 100px; padding-top: 7px; min-height: 110px; } .c-lk-orders .u-table__cart__name__section ul { list-style: none; font-size: 0; margin-top: 10px; margin-bottom: 0; } .c-lk-orders .u-table__cart__name__section ul li { display: block; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; color: #222222; margin-bottom: 10px; } .c-lk-orders .u-table__cart__name__section ul li:last-child { margin-bottom: 0; } .c-lk-orders .u-table__cart__name__section ul li span { display: inline-block; color: #999999; margin-right: 10px; } .c-lk-orders .u-table__cart__name__section ul li i { font-style: normal; display: inline-block; vertical-align: middle; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .c-lk-orders .u-table__cart__name__section .u-cart-item-color.is-color-black { background-color: #000000; } .c-lk-orders .u-table__cart__name__section .u-cart-item-color.is-color-pink { background-color: #e98f93; } .c-lk-orders__tabs__link { width: 50%; } @media only screen and (max-width: 1023px) { .c-lk-orders__tabs__link { width: 100%; } } @media only screen and (max-width: 767px) { .c-lk-orders__tabs__link { white-space: nowrap; overflow: hidden; overflow-x: auto; } } .c-lk-orders__tabs__link ul { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #eaeaea; } .c-lk-orders__tabs__link ul li { position: relative; padding: 0 0 15px 0; margin: 0 40px 0 0; display: inline-block; cursor: pointer; } @media only screen and (max-width: 1023px) { .c-lk-orders__tabs__link ul li { padding-bottom: 10px; margin-right: 30px; } } @media only screen and (max-width: 767px) { .c-lk-orders__tabs__link ul li { margin-right: 15px; } } .c-lk-orders__tabs__link ul li:after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background-color: transparent; } .c-lk-orders__tabs__link ul li.is-active { cursor: default; } .c-lk-orders__tabs__link ul li.is-active:after { background-color: #581838; } .c-lk-orders__tabs__link ul li span { display: block; font-family: 'Proxima Nova Rg', sans-serif; font-size: 24px; line-height: 30px; color: #222222; } @media only screen and (max-width: 1023px) { .c-lk-orders__tabs__link ul li span { font-size: 21px; } } @media only screen and (max-width: 767px) { .c-lk-orders__tabs__link ul li span { font-size: 18px; line-height: 25px; } } @media only screen and (max-width: 567px) { .c-lk-orders__tabs__link ul li span { font-size: 15px; line-height: 21px; } } .c-lk-orders__tabs__link ul li i { font-size: 18px; line-height: 30px; font-style: normal; } @media only screen and (max-width: 767px) { .c-lk-orders__tabs__link ul li i { font-size: 14px; line-height: 25px; } } @media only screen and (max-width: 567px) { .c-lk-orders__tabs__link ul li i { font-size: 13px; line-height: 21px; } } .c-lk-orders__tabs__section { display: none; position: relative; padding-top: 15px; } .c-lk-orders__tabs__section.is-active { display: block; } .lk-orders__tabs__orders__item { border-bottom: 1px solid #ebebeb; } .u-lk-orders__item { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 22px; font-weight: 400; color: #363636; } .u-lk-orders__item__section { position: relative; padding: 10px 10px; display: block; } .u-lk-orders__item__section.u-lk-orders-date__section { padding-right: 100px; } .u-lk-orders__item__section.u-lk-orders-price__section { font-size: 18px; padding-left: 50%; } .u-lk-orders__item__section.u-lk-orders-price__section i { position: absolute; top: 50%; left: 0; font-style: normal; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (max-width: 1023px) { .u-lk-orders__item__section.u-lk-orders-price__section i { left: 10px; } } .u-lk-orders__item__section.u-lk-orders-price__section strong, .u-lk-orders__item__section.u-lk-orders-price__section b { font-weight: 300; } .u-lk-orders__item__section .u-lk-orders-id { text-align: left; } .u-lk-orders__item__section .u-lk-orders-type { padding-left: 53px; } @media only screen and (max-width: 1023px) { .u-lk-orders__item__section .u-lk-orders-type { padding-left: 0; } } .u-lk-orders__item__section .u-lk-orders-price { text-align: right; } @media only screen and (max-width: 1023px) { .u-lk-orders__item__section .u-lk-orders-price { text-align: left; } } .u-lk-orders__item__section .u-lk-orders-price i { font-style: normal; } .u-lk-orders__item__section .u-lk-orders-price strong, .u-lk-orders__item__section .u-lk-orders-price b { min-width: 84px; display: inline-block; text-align: left; } .u-lk-orders__item__section .u-stepper { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; width: 90px; } @media only screen and (max-width: 1023px) { .u-lk-orders__item__section .u-stepper { right: 10px; } } .u-lk-orders__item__section .u-stepper .u-input-style { background-color: #ffffff; } .lk-orders__tabs__orders__head { background-color: #ffffff; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .lk-orders__tabs__orders__head.is-active { background-color: #5c6684; } .lk-orders__tabs__orders__head.is-active .u-lk-orders__item { color: #ffffff; } .lk-orders__tabs__orders__body { display: none; background-color: #f5f5f5; } .c-lk-favorites .c-lk__navigator__body { padding-top: 30px; padding-bottom: 50px; } .u-btn-product-favorites-add-cart { display: inline-block; width: 100%; margin-top: 15px; max-width: 217px; } @media only screen and (max-width: 767px) { .u-btn-product-favorites-add-cart { padding-top: 10px; padding-bottom: 10px; font-size: 13px; height: 44px; } } @media only screen and (max-width: 567px) { .u-btn-product-favorites-add-cart { font-size: 11px; } } /*------------------------------------------------------------*/ /* XX - ORDER */ /*------------------------------------------------------------*/ .c-order { padding-bottom: 70px; } @media only screen and (max-width: 1023px) { .c-order { padding-bottom: 30px; } } @media only screen and (max-width: 767px) { .c-order { padding-bottom: 15px; } } .c-order h1, .c-order .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; text-align: center; margin-bottom: 40px; } @media only screen and (max-width: 1023px) { .c-order h1, .c-order .b-h1 { font-size: 21px; line-height: 30px; margin-bottom: 15px; } } .c-order h2, .c-order .b-h2 { font-family: '21 Cent', sans-serif; font-size: 24px; line-height: 34px; font-weight: 400; color: #222222; text-align: center; margin-top: 20px; margin-bottom: 22px; } @media only screen and (max-width: 1023px) { .c-order h2, .c-order .b-h2 { font-size: 18px; line-height: 25px; } } .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr { display: table; width: 100%; margin-top: 10px; } @media only screen and (max-width: 567px) { .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr { display: block; } } .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr li { display: table-cell; vertical-align: top; padding-right: 50px; padding-bottom: 15px; } @media only screen and (max-width: 567px) { .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr li { display: block; width: 100%; padding-right: 0; padding-bottom: 0; } } .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr li:last-child { padding-right: 0; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr li:nth-child(1) .u-checkbox-radio-style-box svg, .c-order .u-checkbox-radio-style__list.u-radio-style__list__registr li:nth-child(2) .u-checkbox-radio-style-box svg { color: #dd3162; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment { margin-left: 33px; } @media only screen and (max-width: 567px) { .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment { margin-left: 0; } } .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment .u-checkbox-radio-style-label .u-checkbox-radio-style-input:checked + .u-checkbox-radio-style__section .u-checkbox-radio-style-box:before { opacity: 1; visibility: visible; z-index: 1; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment .u-checkbox-radio-style__section { padding-left: 35px; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment .u-checkbox-radio-style-box { display: block; background-color: #ffffff; border: 5px solid #ebebeb; top: 0; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment .u-checkbox-radio-style-box:before { content: ''; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background-color: #581838; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__payment .u-checkbox-radio-style-name { line-height: 20px; color: #252525; letter-spacing: 0.02em; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__accept { text-align: center; margin-bottom: 30px; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__login { display: table; width: 100%; margin-top: 10px; margin-bottom: 30px; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__login li { display: table-cell; vertical-align: middle; width: 50%; margin: 5px 0; padding: 0 15px; text-align: left; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__login li:first-child { text-align: right; } .c-order .u-checkbox-radio-style__list.u-radio-style__list__login .u-checkbox-radio-style-box svg { color: #dd3162; } .u-width-660 { max-width: 660px; margin: 0 auto; } .c-order__tabs__navigator { text-align: center; margin-bottom: 15px; } .c-order__tabs__navigator ul { list-style: none; padding: 0; margin: 0; display: table; width: 100%; table-layout: fixed; font-size: 0; } .c-order__tabs__navigator ul li { display: table-cell; vertical-align: middle; } .c-order__tabs__navigator ul li:first-child span { -webkit-border-top-left-radius: 23px; -moz-border-radius-topleft: 23px; border-top-left-radius: 23px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 23px; -moz-border-radius-bottomleft: 23px; border-bottom-left-radius: 23px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .c-order__tabs__navigator ul li:last-child span { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 23px; -moz-border-radius-topright: 23px; border-top-right-radius: 23px; -webkit-border-bottom-right-radius: 23px; -moz-border-radius-bottomright: 23px; border-bottom-right-radius: 23px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .c-order__tabs__navigator ul li.is-active span { background-color: #5c6684; color: #ffffff; cursor: default; } .c-order__tabs__navigator ul li.is-active span:hover { color: #ffffff; } .c-order__tabs__navigator ul li span { display: block; background-color: #f5f5f5; font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 46px; font-weight: 400; color: #252525; cursor: pointer; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } @media only screen and (max-width: 767px) { .c-order__tabs__navigator ul li span { font-size: 15px; } } @media only screen and (max-width: 567px) { .c-order__tabs__navigator ul li span { font-size: 13px; } } .c-order__tabs__navigator ul li span:hover { color: #581838; } .c-order__tabs__content { margin-bottom: 15px; } .c-order__tabs__section { display: none; } .c-order__tabs__section.is-active { display: block; } .u-form-order .u-form-item { padding-top: 13px; padding-bottom: 13px; } @media only screen and (max-width: 767px) { .u-form-order .u-form-item { padding-top: 10px; padding-bottom: 10px; } } .u-form-order .u-text-error.u-not-valid { bottom: -15px; } .u-form-order .u-input-style { background-color: #f5f5f5; } .u-form-order .u-input-style::-webkit-input-placeholder { color: #898989; text-transform: uppercase; } .u-form-order .u-input-style:-moz-placeholder { color: #898989; text-transform: uppercase; } .u-form-order .u-input-style::-moz-placeholder { color: #898989; text-transform: uppercase; } .u-form-order .u-input-style:-ms-input-placeholder { color: #898989; text-transform: uppercase; } .u-form-order .u-input-style.u-textarea-style { resize: none; padding-top: 20px; padding-bottom: 20px; font-size: 13px; line-height: 21px; height: 150px; } .u-form-order .u-input-style.u-textarea-style::-webkit-input-placeholder { text-transform: none; } .u-form-order .u-input-style.u-textarea-style:-moz-placeholder { text-transform: none; } .u-form-order .u-input-style.u-textarea-style::-moz-placeholder { text-transform: none; } .u-form-order .u-input-style.u-textarea-style:-ms-input-placeholder { text-transform: none; } .u-form-order .u-form-label { font-size: 16px; line-height: 22px; font-weight: 300; color: #252525; margin-bottom: 0; } .c-order__payment { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .c-order__payment { margin-bottom: 15px; } } .c-order__total { padding-left: 30px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .c-order__total { padding-left: 0; } } .c-order__total table { width: 100%; table-layout: fixed; } .c-order__total table tr { border-bottom: 1px solid #eaeaea; } .c-order__total table tr:first-child { border-top: 1px solid #eaeaea; } .c-order__total table tr td { padding: 7px 10px 7px 0; font-family: 'Proxima Nova Rg', sans-serif; font-size: 18px; line-height: 25px; font-weight: 400; color: #222222; } @media only screen and (max-width: 767px) { .c-order__total table tr td { font-size: 16px; } } .c-order__total table tr td strong, .c-order__total table tr td b { font-size: 16px; font-weight: 700; } @media only screen and (max-width: 767px) { .c-order__total table tr td strong, .c-order__total table tr td b { font-size: 15px; } } .c-order__total table tr td i { font-style: normal; color: #581838; } .c-order__total table tr td:last-child { text-align: right; padding-right: 0; } .c-order__accept { text-align: center; } .u-btn-order-success { width: 100%; max-width: 370px; } @media only screen and (max-width: 567px) { .u-btn-order-success { display: block; max-width: 100%; } } .c-order__payment__order__style { text-align: right; } @media only screen and (max-width: 767px) { .c-order__payment__order__style { text-align: left; } } .c-order__payment__order__style ul { list-style: none; padding: 0; margin: 0; } .c-order__payment__order__style ul li { font-family: 'Proxima Nova Rg', sans-serif; font-size: 15px; line-height: 25px; font-weight: 400; } .c-order__payment__order__style ul li strong, .c-order__payment__order__style ul li b { font-weight: 700; } .c-order__payment__order__style-link { font-family: 'Proxima Nova Rg', sans-serif; font-size: 15px; line-height: 25px; font-weight: 400; border-bottom: 1px solid #252525; } .c-order__payment__order__style-link:hover { color: #581838; border-bottom-color: transparent; } /*------------------------------------------------------------*/ /* XX - SALE DISCOUNTS */ /*------------------------------------------------------------*/ .c-sale-discounts .u-row { margin-left: -25px; margin-right: -25px; margin-bottom: 15px; max-width: 850px; margin: 0 auto; } @media only screen and (max-width: 767px) { .c-sale-discounts .u-row { margin-left: -15px; margin-right: -15px; } } .c-sale-discounts__item { margin-top: 0; margin-bottom: 30px; padding-left: 25px; padding-right: 25px; } @media only screen and (max-width: 767px) { .c-sale-discounts__item { padding-left: 15px; padding-right: 15px; } } .c-sale-discounts__item__article { text-align: left; } .c-sale-discounts__item__article p { font-size: 14px; line-height: 17px; color: #282828; margin-bottom: 15px; } .c-sale-discounts__item__photo { margin-bottom: 18px; } .c-sale-discounts__item__photo img { width: 100%; max-width: 100%; height: auto; } .c-sale-discounts__item__link { margin-bottom: 10px; } .c-sale-discounts__item-link { display: inline-block; font-family: '21 Cent', sans-serif; font-size: 20px; line-height: 25px; font-weight: 700; color: #252525; } .c-sale-discounts__item-link:hover { color: #581838; } .c-sale-discounts__item__date { font-size: 15px; line-height: 20px; margin-bottom: 10px; } .c-sale-discounts__item__date span { display: inline-block; vertical-align: middle; color: #959595; } .c-sale-discounts__item__date a { display: inline-block; vertical-align: middle; color: #252525; border-bottom: 1px solid transparent; } .c-sale-discounts__item__date a:hover { border-color: #252525; } /*------------------------------------------------------------*/ /* XX - GIFT CERTIFICATES */ /*------------------------------------------------------------*/ .c-shipping-payment h1, .c-shipping-payment .b-h1 { font-family: '21 Cent', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; color: #222222; text-align: center; text-transform: uppercase; margin-bottom: 35px; } @media only screen and (max-width: 1023px) { .c-shipping-payment h1, .c-shipping-payment .b-h1 { font-size: 25px; line-height: 35px; margin-bottom: 25px; } } .c-shipping-payment h2, .c-shipping-payment .b-h2 { font-family: 'Proxima Nova Rg', sans-serif; font-size: 24px; line-height: 34px; font-weight: 700; color: #222222; text-align: center; margin-bottom: 25px; } @media only screen and (max-width: 1023px) { .c-shipping-payment h2, .c-shipping-payment .b-h2 { font-size: 21px; line-height: 30px; margin-bottom: 15px; } } .c-shipping-payment p { font-family: 'Proxima Nova Rg', sans-serif; font-size: 16px; line-height: 21px; font-weight: 400; color: #343434; margin-top: 30px; margin-bottom: 30px; } .c-shipping-payment__select { text-align: center; margin-bottom: 10px; } .c-shipping-payment__select .u-select-section { max-width: 250px; margin: 0 auto; } .c-shipping-payment__select .u-select-section .select2-container--default .select2-selection--single { background-color: #f5f5f5; height: 50px; border: 0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .c-shipping-payment__select .u-select-section .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 27px; padding-right: 60px; font-family: 'Proxima Nova Lt', sans-serif; font-size: 13px; line-height: 50px; font-weight: 300; color: #898989; text-transform: uppercase; } .c-shipping-payment__select .u-select-section .select2-container--default .select2-selection--single .select2-selection__arrow { width: 60px; height: 50px; top: 0; right: 0; } .c-shipping-payment__select .u-select-section .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #a6a6a6; } .c-shipping-payment__select__label { font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; line-height: 21px; font-weight: 300; color: #343434; margin-bottom: 10px; } .u-tooltip-info { position: relative; top: -10px; display: inline-block; vertical-align: middle; margin-left: 5px; width: 17px; height: 17px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; cursor: pointer; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .u-tooltip-info:hover { opacity: 0.8; } .u-tooltip-info .u-tooltip-icon { display: block; width: 100%; height: 100%; background: url(/local/templates/galereyasacvoyage/css/../img/svg/i-help.svg) center no-repeat; background-size: contain; } .u-tooltips__section { z-index: 1; } .b-tooltips { position: absolute; display: block; top: 0; left: 0; padding: 10px 15px; width: 190px; font-size: 13px; line-height: 18px; font-weight: 300; color: #581838; text-align: left; background-color: #ffffff; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); border: 1px solid #581838; } .b-tooltips .b-tooltip__content { display: block; } .tooltipster-arrow { z-index: 0; } .c-shipping-payment__table { margin-bottom: 30px; } @media only screen and (max-width: 1023px) { .c-shipping-payment__table { overflow-y: auto; } } .c-shipping-payment__table table { width: 100%; table-layout: fixed; } @media only screen and (max-width: 1023px) { .c-shipping-payment__table table { width: 1050px; } } .c-shipping-payment__table table tr th, .c-shipping-payment__table table tr td { font-family: 'Proxima Nova Lt', sans-serif; font-weight: 300; line-height: 25px; color: #222222; text-align: center; } .c-shipping-payment__table table tr th { padding: 13px 5px; font-size: 18px; text-align: center; } @media only screen and (max-width: 1023px) { .c-shipping-payment__table table tr th { font-size: 16px; } } .c-shipping-payment__table table tr td { padding: 12px 5px; font-size: 16px; line-height: 18px; border: 1px solid #e5e5e5; } @media only screen and (max-width: 1023px) { .c-shipping-payment__table table tr td { font-size: 14px; } } /*.c-shipping-payment__table table tr td:nth-child(4) { border-right: 0; } .c-shipping-payment__table table tr td:nth-child(5) { border-left: 0; }*/ .c-shipping-payment__table table tr td strong { font-family: 'Proxima Nova Rg', sans-serif; font-weight: 700; color: #581838; } .c-shipping-payment__table table tr td a { display: inline; font-family: 'Proxima Nova Rg', sans-serif; font-size: 15px; font-weight: 400; color: #999999; border-bottom: 1px solid #e5e5e5; } @media only screen and (max-width: 1023px) { .c-shipping-payment__table table tr td a { font-size: 13px; } } .c-shipping-payment__table table tr td a:hover { color: #581838; border-bottom-color: transparent; } .u-shipping-payment__icon__row { display: block; font-size: 0; text-align: center; margin-top: 10px; } .u-shipping-payment__icon__item { display: inline-block; vertical-align: middle; margin: 5px; } .c-shipping-payment__info { margin-bottom: 30px; } .c-shipping-payment__info.is-item-icon .c-shipping-payment__info__item .u-accord__head { padding-left: 66px; } .c-shipping-payment__info__item { margin-bottom: 15px; } .c-shipping-payment__info__item .u-accord__head { position: relative; padding: 14px 66px 14px 33px; background-color: #ebebeb; min-height: 54px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .c-shipping-payment__info__item .u-accord__head.is-active:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .c-shipping-payment__info__item .u-accord__head:after { content: ''; position: absolute; top: 50%; right: 30px; margin-top: -2px; width: 10px; height: 6px; background: url(/local/templates/galereyasacvoyage/css/../img/svg/i-arrow-bottom-2.svg) center no-repeat; z-index: 0; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .c-shipping-payment__info__item .u-accord__head i { position: absolute; top: 10px; left: 20px; color: #581838; width: 35px; height: 35px; overflow: hidden; } .c-shipping-payment__info__item .u-accord__head i svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; right: auto; } .c-shipping-payment__info__item .u-accord__head span { font-family: 'Proxima Nova Rg', sans-serif; font-size: 18px; line-height: 25px; font-weight: 400; color: #581838; } @media only screen and (max-width: 1023px) { .c-shipping-payment__info__item .u-accord__head span { font-size: 16px; } } .c-shipping-payment__info__item .u-accord__body { display: none; padding: 27px 30px 15px 0; } @media only screen and (max-width: 1023px) { .c-shipping-payment__info__item .u-accord__body { padding: 15px 0; } } .c-shipping-payment__info__item .u-accord__body ul { list-style: none; padding: 0; margin: 0; } .c-shipping-payment__info__item .u-accord__body ul li { position: relative; padding: 0 0 0 35px; margin: 0 0 15px; font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; line-height: 22px; font-weight: 300; color: #222222; } @media only screen and (max-width: 1023px) { .c-shipping-payment__info__item .u-accord__body ul li { font-size: 14px; } } .c-shipping-payment__info__item .u-accord__body ul li:last-child { margin-bottom: 0; } .c-shipping-payment__info__item .u-accord__body ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 16px; height: 3px; background-color: #581838; } .c-shipping-payment__info__item p { padding: 0; margin: 0; font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; line-height: 22px; font-weight: 300; color: #222222; } @media only screen and (max-width: 1023px) { .c-shipping-payment__info__item p { font-size: 14px; } } .c-shipping-payment__info__item p svg { display: inline-block; vertical-align: middle; margin-right: 12px; color: #581838; } .c-shipping-payment__info__item .c-shipping-payment-h2, .c-shipping-payment__info__item h2 { padding: 0; margin: 20px 0; font-family: 'Proxima Nova Rg', sans-serif; font-size: 20px; line-height: 30px; font-weight: 400; color: #581838; } @media only screen and (max-width: 1023px) { .c-shipping-payment__info__item .c-shipping-payment-h2, .c-shipping-payment__info__item h2 { font-size: 18px; } } /*------------------------------------------------------------*/ /* XX - REWORK */ /*------------------------------------------------------------*/ .u-slider__article__price__color { margin-top: 15px; text-align: center; } .u-slider__article__price__color__list { position: relative; z-index: 1; display: inline-block; list-style: none; padding: 0; margin: 0; font-size: 0; } .u-slider__article__price__color__list li { display: inline-block; vertical-align: middle; padding: 0; margin: 1px; height: 36px; } .u-slider__article__price__color__list li label { display: inline-block; padding: 0; margin: 0; cursor: pointer; } .u-slider__article__price__color__list li label:hover span { border-color: #581838; } .u-slider__article__price__color__list li label input { display: none; } .u-slider__article__price__color__list li label input:checked + span { border-color: #581838; } .u-slider__article__price__color__list li label span { display: block; width: 36px; height: 36px; -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; background-repeat: no-repeat; background-position: center center; background-size: contain; border: 1px solid #ebebeb; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .c-header__top__item-new{ text-align: center; font-weight: bold; font-size: 16px; } .er_red{ color: red; font-weight: bold; font-size: 15px; } } .mobile.altasib_geobase_disabled { display: none !important; } .c-header__top-phone-box { line-height: 1; } .c-header__free-box { line-height: 1; } .c-header-top__wrapper { display: flex; justify-content: space-between; width: 100%; padding-top: 6px; padding-bottom: 6px; } .c-header-top__box { display:flex; align-items:center; } .c-header-top__social img{ width: 30px; margin-right: 30px } .c-header-line { } .c-header-line__wrapper { display: flex; } .c-header-top { background-color: #fff; } .c-header-top__phone { line-height: 1; display: flex; align-items: center; width: 100%; } .c-header-top__phone a { font-family: 'Proxima Nova Rg', sans-serif; font-weight: 400; color: #252525; letter-spacing: 0.15em; margin-left: 8px; font-size: 16px; } .c-header-top__phone-desc { line-height: 1; font-size: 12px; margin-top: 2px; padding-left: 19px; } .c-header-top__phone svg { display: inline-block; vertical-align: middle; } .c-header-top__work-time { font-size: 12px; } .c-header-line__shops-name { display: inline-block; vertical-align: middle; margin-left: 5px; letter-spacing: 0.1em; cursor: pointer; } .c-header-line__shops { display: flex; align-items: center; } .c-header-line__box { display: flex; align-items: center; } .c-header-line__box:not(:last-child) { margin-right: 20px; } @media(max-width: 1023px) { .c-header-top { display: none; } } .c-product__detail__info__other-colors li label { padding: 0 !important; } .c-catalog-f { padding-top: 6px; padding-bottom: 6px; } .c-catalog-f__inner { } .c-catalog-f__wrapper { display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } .c-catalog-f__box { padding-left: 6px; padding-right: 6px; margin-top: 6px; margin-bottom: 6px; } .c-catalog-f__name { display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; height: 40px; padding-left: 25px; padding-right: 25px; background-color: #591D3A; border-radius: 20px; white-space: nowrap; font-weight: normal; border: 1px solid transparent; transition: all 0.4s; text-transform: uppercase; font-size: 13px; } .c-catalog-f__name:hover { color: #591D3A; background-color: #fff; border-color: #591D3A; } @media(max-width: 575px) { .c-catalog-f__name { padding-left: 14px; padding-right: 14px; border-radius: 16px; height: 32px; } } .show-480 { display: none; } @media(max-width: 480px) { .hide-480 { display: none; } .show-480 { display: block; } .c-catalog-f__inner { margin-left: -4px; margin-right: -4px; } .c-catalog-f__box { padding-left: 4px; padding-right: 4px; } .c-catalog-f__name { padding-left: 12px; padding-right: 12px; } } .c-catalog-f._mobile { margin-top: 12px; } .u-slider__fav { border: 0; background-color: transparent; cursor: pointer; position: absolute; top: 8px; right: 8px; z-index: 10; } @media(min-width: 768px) { #altasib_geobase_window { bottom: auto !important; right: auto !important; width: auto !important; height: auto !important; top: 60px !important; position: absolute !important; } #altasib_geobase_yc_backg { display: none !important; } .cnv-widget_type_pop-up { width: 380px !important; position: fixed !important; bottom: 0 !important; right: 0 !important; height: auto !important; top: auto !important; left: auto !important; } .cnv-widget_type_pop-up .cnv-widget_popup-box { top: 0 !important; position: relative !important; } .cnv-widget_popup-backdrop { display: none !important; } .cnv-widget_popup-content { width: 100% !important; } .cnv-widget_popup-content .cnv-widget_workarea__pop-up { width: 100% !important; height: auto !important; } .cnv-widget_popup-content .cnv-widget_component > div { margin-right: 0 !important; margin-left: 0 !important; } } /*Banner Home Page*/ .c-main__slider__item { max-height: 70vh; } .c-main__slider__block { /* max-height: calc(35vh - 3px); */ max-height: 70vh; } .c-header-top__work-time{ font-size: 12px; padding-left: 17px; line-height: 1.3; } img[data-src]:not(.loaded), [data-bg]:not(.loaded) { opacity: 0 !important; } img[data-src], img.loaded, [data-bg] { transition: opacity .1s linear; } .bonus-link { color:#ffffff; font-size:14px; font-weight:300; margin-bottom: 20px; } .bonus-link:hover { color:#ffffff; text-decoration: underline; } @media screen and (min-width: 501px) { .c-catalog__section__tags:not(.u-scroll-tags-style) ul { overflow: hidden; max-height: 500px; -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; } .c-catalog__section__tags.collapsed:not(.u-scroll-tags-style) ul { max-height: 27px; } .c-catalog__section__tags:not(.u-scroll-tags-style) .show-more-wrap { text-align: center; margin-top: 10px; } .c-catalog__section__tags:not(.u-scroll-tags-style) .show-more-wrap:before { content: ''; display: inline-block; width: 7px; height: 7px; border-style: solid; border-color: #252525; border-width: 0 1px 1px 0; margin: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .c-catalog__section__tags:not(.collapsed):not(.u-scroll-tags-style) .show-more-wrap:before { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); margin-bottom: 0; } .c-catalog__section__tags:not(.u-scroll-tags-style) .show-more { border-bottom: 1px dotted currentColor; } .c-catalog__section__tags.nowrap:not(.u-scroll-tags-style) ul { white-space: nowrap; position: relative; } .c-catalog__section__tags.nowrap:not(.u-scroll-tags-style) ul::after { content: ''; position: absolute; width: 30px; height: 100%; right: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(255,255,255,1))); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); pointer-events: none; } } @media screen and (max-width: 500px) { .c-catalog__section__tags:not(.u-scroll-tags-style) { margin-top: 10px; } .c-catalog__section__tags:not(.u-scroll-tags-style) .show-more-wrap { display: none; } .c-catalog__section__tags:not(.u-scroll-tags-style) ul { overflow: scroll; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .c-catalog__section__tags:not(.u-scroll-tags-style) ul::-webkit-scrollbar { display: none; } } body .cnv-widget_popup-backdrop { background: none!important; } body .cnv-widget_popup-box { top: unset!important; bottom: 0!important; left: 0!important; right: unset!important; } /* бонусная карта */ .u-lk_details__discount-card-info { display: flex; align-items: center; justify-content: center; padding: 20px 0px; } .u-lk_details__discount-card-icon { height: 65px; } .u-lk_details__discount-card-header p:first-child { font-size: 21px; } .u-lk_details__discount-card-header p { margin: 0px; font-size: 14px; } @media screen and (max-width: 767px) { } /* /бонусная карта */ /* ссылки на соцсети в шапке */ .c-header-top__item > .c-footer__social { margin-left: 20px; margin-bottom: 0px !important; } /* /ссылки на соцсети в шапке */ /* напоминание о выборе пола */ .ui-popup-gender { border-radius: 5px; text-align: left; z-index: 1000; border: 1px solid #cbcbcb; opacity: 1; padding: 12px; box-shadow: 0 1px 10px #969696; background-clip: padding-box; background-color: #FFF; outline: medium none; height: auto; max-height: 250px; margin: 0 auto; position: absolute; top: 35px; left: 10px; box-sizing: border-box; } .ui-popup-gender_mobile { text-align: left; z-index: 1000; padding: 5px; background-color: #FFF; width: 100%; height: auto; margin: 0 auto; position: absolute; top: 38px; left: 0px; border-bottom: 1px #581838 solid; } .ui-popup-gender:before { content: ''; display: block; position: absolute; top: -30px; left: 20px; border: 20px solid transparent; border-bottom: 20px solid white; } .ui-popup-gender-close { display: inline-block; color: #cccccc; cursor: pointer; margin-left: 5px; } .ui-popup-gender-close:hover { color: #d34e5c; } /* /напоминание о выборе пола */ /* список скидок в карточке товара */ .c-product__discount-list { display: flex; flex-wrap: wrap; margin-bottom: 0px; margin: -5px; } .c-product__discount-name { display: block; padding: 10px 20px; background: #f1f1f1; text-transform: uppercase; font-family: 'Proxima Nova Lt', sans-serif; font-size: 16px; color: #dd3162; margin: 5px; } .c-product__detail__info__mobile .c-product__discount-list { justify-content: center; } @media only screen and (max-width: 767px) { .c-product__detail__info__desktop .c-product__discount-list { display: none; } } /* /список скидок в карточке товара */ /* уведомление о доставке в карточке */ .c-product__delivery-msg { display: block; padding: 10px 20px; background: #A7F3C2; } /* End */ /* Start:/local/templates/galereyasacvoyage/css/composit.css?16937652411426*/ .whatsapp-button { position: fixed; right: 13px; bottom: 90px; transform: translate(-50%, -50%); border-radius: 50%; width: 58px; /*ширина кнопки*/ height: 60px; /*высота кнопки*/ color: #fff; text-align: center; line-height: 53px; /*центровка иконки в кнопке*/ font-size: 35px; /*размер иконки*/ z-index: 9999; } .whatsapp-button a { color: #fff; } .whatsapp-button:before, .whatsapp-button:after { content: " "; display: block; position: absolute; border: 50%; border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/ left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; opacity: 0; backface-visibility: hidden; } .whatsapp-button:after{ animation-delay: .5s; } @media (max-width: 800px) { .whatsapp-button { bottom: 5px; /*отступ кнопки снизу от экрана*/ left: 70px; /*отступ кнопки слева от экрана(right - справа)*/ } } @keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } /* End */ /* Start:/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/style.css?164271387014729*/ /*.altasib_geobase_link{ display:block; line-height:21px; text-decoration:none; position:relative; } .altasib_geobase_link .altasib_geobase_link_city{ border-bottom:1px dashed; cursor:pointer; font-weight:bold; white-space:normal; display:inline-block; position:relative; }*/ .altasib_geobase_link .altasib_geobase_link_city:hover,.altasib_geobase_link_city:active{ border-bottom:1px dashed #333; color:#333; } #altasib_geobase_info{ position:absolute; display:none; width:372px; z-index:999; border:0; background-color:#fff; max-height:107px; overflow-y:scroll!important; } #altasib_geobase_info div{ padding:8px 6px; font:normal 14px 'Proxima Nova Lt', sans-serif; color:#8c8c8c; border-bottom:1px solid #eaeaea; } #altasib_geobase_info div:hover{ background-color:#e6ecef; cursor:pointer; } div.altasib_geobase_focus{ background-color:#e6ecef; } #altasib_geobase_close{ float:right; position:relative; } #altasib_geobase_close a{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/images/close.svg") no-repeat; position:absolute; right:8px; top:25px; display:block; height:30px; width:30px; } strong.altasib_geobase_light{ font:bold 14px 'Proxima Nova Lt', sans-serif; color:#333; } #altasib_geobase_popup .altasib_geobase_pu_i{ color:#444!important; margin:0 40px; padding:45px 0 5px; } .altasib_geobase_city .altasib_geobase_clear{ clear:both; } #altasib_geobase_popup{ top:140px; margin:0 auto; background:none repeat scroll 0 0 #FFF; width:595px; border:0 solid #fff; border-radius:5px; box-shadow:0 1px 10px #969696; } @media only screen and (max-width: 767px) { #altasib_geobase_popup{ width: 100%; } } .altasib_geobase_city .altasib_geobase_ttl{ color:#1b1b1b; font:20px 'Proxima Nova Lt', sans-serif; margin:0 0 16px; } .altasib_geobase_city .altasib_geobase_ttl::after{ position:absolute; content:''; width:350px; height:1px; background:#e0e0e0; top:63px; z-index:0; margin-left:8px; } .altasib_geobase_city .altasib_geobase_title2{ color:#1b1b1b; font:20px 'Proxima Nova Lt', sans-serif; padding:0 0 6px; } .altasib_geobase_city .altasib_geobase_find{ border-radius:0px; margin:2px 145px 35px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .altasib_geobase_city .altasib_geobase_find input{ color:#808080; font:14px/17px 'Proxima Nova Lt', sans-serif; width:99%; background:none repeat scroll 0 0 #fff; border:1px solid #e0e0e0; color:#363636; font-size:13px; font-style:normal; height:33px; line-height:16px; padding:4px 8px; transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .altasib_geobase_city .altasib_geobase_find input:focus{ color:#333; border-color:#e0e0e0; } .altasib_geobase_city .altasib_geobase_cities{ margin:0 0 0px; padding-bottom:20px; } @media (max-width:400px){ .altasib_geobase_city .altasib_geobase_cities ul{ column-count:1; -moz-column-count:1; -webkit-column-count:1; } } .altasib_geobase_city .altasib_geobase_cities ul{ list-style-type:none; padding:0; } .altasib_geobase_city .altasib_geobase_cities ul.altasib_geobase_list_ie{ float:left; list-style:none outside none; padding:0; width:33%; } .altasib_geobase_city .altasib_geobase_cities ul.altasib_geobase_fst{ column-count:3; -moz-column-count:3; -webkit-column-count:3; margin:0; } .altasib_geobase_city .altasib_geobase_cities ul li{ display: block; margin-bottom:6px; margin-left: 0; padding:0; } .altasib_geobase_city .altasib_geobase_cities ul li a{ display:block; padding-right:10px; border-bottom:1px solid transparent; } .altasib_geobase_city .altasib_geobase_cities ul li a:hover{ color:#591738; font-size:18px; } .altasib_geobase_city .altasib_geobase_cities ul li,.altasib_geobase_city .altasib_geobase_cities ul li a{ color:#1b1b1b; font:normal 14px 'Proxima Nova Lt', sans-serif; text-decoration:none; line-height:23px; } .altasib_geobase_city .altasib_geobase_cities ul li.let a:first-letter{ color:#ED1C24; font-weight:bold; } .altasib_geobase_city .altasib_geobase_cities ul li.altasib_geobase_act a{ color:#333; font-weight:bold; } .altasib_geobase_city .altasib_geobase_cities ul li.emp{ height:17px; } .altasib_geobase_city .altasib_geobase_cutting .cutit a,.altasib_geobase_city .altasib_geobase_cutting .uncutit a{ border-bottom:1px dashed #ED1C24; color:#ED1C24; font-size:12px; line-height:15px; margin:0 0 0 350px; text-decoration:none; } .altasib_geobase_city .altasib_geobase_cutting .cutit a{ font-weight:normal; } .altasib_geobase_city .altasib_geobase_cutting .uncutit a{ font-weight:bold; } .altasib_geobase_city .altasib_geobase_cutting .cutit{ display:none; } .altasib_geobase_city .altasib_geobase_cutting .uncutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_city .altasib_geobase_cutting .cutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_city .altasib_geobase_cutting.uncutted .cutit{ display:block; } .altasib_geobase_city .altasib_geobase_cutting.uncutted .uncutit{ display:none; } a#altasib_geobase_btn{ background-color:#581838; color:#fff; cursor:pointer; display:block; float:right; font:bold 12px 'Proxima Nova Lt', sans-serif; width:133px; padding-top:9px; margin-top:1px; text-align:center; text-decoration:none; height:36px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:3px; } a#altasib_geobase_btn:hover{ background-color:#581838; } a#altasib_geobase_btn.altasib_geobase_disabled,a#altasib_geobase_btn.altasib_geobase_disabled:hover,a#altasib_geobase_btn.altasib_geobase_disabled:active{ background-color:#581838; cursor:default; } #altasib_geobase_win{ display:none; top:9%; left:0; color:#000; margin:0; padding:0; width:100%; z-index:100000; height:100%; position:fixed; } #altasib_geobase_popup_back{ background-color:#000; display:none; height:100%; left:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; position:fixed; top:0; width:100%; z-index:9999; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; } .altasib_geobase_mb_link{ display:inline; line-height:21px; text-decoration:none; } .altasib_geobase_mb_link .altasib_geobase_mb_link_city{ border-bottom:1px dashed; cursor:pointer; font-weight:bold; } .altasib_geobase_mb_link .altasib_geobase_mb_link_city:hover,.altasib_geobase_mb_link_city:active{ border-bottom:1px dashed #333; color:#333; } #altasib_geobase_mb_info{ position:absolute; display:none; width:372px; max-height:340px; z-index:999; border:0; background-color:#fff; overflow-y:scroll; } #altasib_geobase_mb_info div{ padding:8px 6px; font:normal 14px 'Proxima Nova Lt', sans-serif; color:#8c8c8c; border-bottom:1px solid #eaeaea; } div.altasib_geobase_mb_focus{ background-color:#e6ecef; } #altasib_geobase_mb_close{ float:right; position:relative; } #altasib_geobase_mb_close a{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/images/close.png") no-repeat; position:absolute; right:10px; top:9px; display:block; font-size:1px; height:30px; line-height:1px; width:30px; } strong.altasib_geobase_mb_light{ font:bold 14px 'Proxima Nova Lt', sans-serif; color:#333; } #altasib_geobase_mb_popup .altasib_geobase_mb_pu_i{ color:#444!important; padding-bottom:5px; } .altasib_geobase_mb_city .altasib_geobase_mb_clear{ clear:both; } #altasib_geobase_mb_popup{ top:140px; margin:0 auto; background:none repeat scroll 0 0 #FFF; width:521px; border:0 solid #fff; border-radius:5px; box-shadow:0 1px 10px #969696; -moz-box-shadow:0 1px 10px #969696; -webkit-box-shadow:0 1px 10px #969696; } .altasib_geobase_mb_ttl{ color:#333; font:bold 14px 'Proxima Nova Lt', sans-serif; margin:0 0 16px; padding:23px 20px 0; } .altasib_geobase_mb_city .altasib_geobase_mb_title2{ color:#333; font:normal 14px 'Proxima Nova Lt', sans-serif; padding:0 0 12px; } .altasib_geobase_mb_city .altasib_geobase_mb_find{ margin:2px 14px 15px 0; padding:0 20px; } .altasib_geobase_mb_city .altasib_geobase_mb_find input{ color:#808080; font:14px/17px 'Proxima Nova Lt', sans-serif; width:99%; background:none repeat scroll 0 0 #fff; border:1px solid #eaeaea; border-radius:0px; font-size:13px; font-style:normal; height:auto; line-height:16px; padding:12px 8px; transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s; } /*.altasib_geobase_mb_city .altasib_geobase_mb_find input:focus{ color:#333; border-color:#d8d8d8; box-shadow:0 1px 1px #fee3a2 inset,0 0 8px #fee3a2; outline:medium none; }*/ .altasib_geobase_mb_city .altasib_geobase_mb_cities{ margin:0 0 20px; height:214px; padding-bottom:10px; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul{ list-style-type:none; padding:0; border-top:1px solid #eaeaea; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul.altasib_geobase_mb_list_ie{ float:left; list-style:none outside none; margin:0 0 0 -15px; padding:0; width:33%; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li{ padding:0; border-bottom:1px solid #eaeaea; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li a{ display:inline-block; padding:11px 10px 11px 20px; border-bottom:1px solid transparent; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li,.altasib_geobase_mb_city .altasib_geobase_mb_cities ul li a{ color:#333; font:normal 16px 'Proxima Nova Lt', sans-serif; text-decoration:none; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.let a:first-letter{ color:#ED1C24; font-weight:bold; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.altasib_geobase_mb_act,.altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.altasib_geobase_mb_act a{ color:#fff; font-weight:bold; font-size:16px; background-color:#581838; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.emp{ height:17px; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit a,.altasib_geobase_mb_city .altasib_geobase_mb_cutting .uncutit a{ border-bottom:1px dashed #ED1C24; color:#ED1C24; font-size:12px; line-height:15px; margin:0 0 0 350px; text-decoration:none; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit a{ font-weight:normal; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .uncutit a{ font-weight:bold; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit{ display:none; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .uncutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting.uncutted .cutit{ display:block; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting.uncutted .uncutit{ display:none; } a#altasib_geobase_mb_btn,a#all_cities_button_mobile{ background-color:#591738; color:#fff; cursor:pointer; display:block; font:16px 'Proxima Nova Lt', sans-serif; height:43px!important; width:176px; padding-top:13px; margin-bottom:15px; margin-left:20px; text-align:center; text-decoration:none; text-transform:uppercase; } a#altasib_geobase_mb_btn.altasib_geobase_mb_disabled,a#altasib_geobase_mb_btn.altasib_geobase_mb_disabled:active{ display:none; } #altasib_geobase_mb_win{ display:none; top:5%; left:0; color:#000; margin:0; padding:0; width:100%; z-index:10001; height:100%; position:fixed; } #altasib_geobase_mb_popup_back{ background-color:#000; display:none; height:100%; left:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; position:fixed; top:0; width:100%; z-index:9999; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; } @media screen and (max-height:480px) and (orientation: landscape){ a#all_cities_button_mobile{ display:none; } #altasib_geobase_mb_info{ width:372px; } .altasib_geobase_mb_city .altasib_geobase_mb_cities{ height:80px; overflow-y:scroll; } } @media screen and (max-width:480px){ #altasib_geobase_mb_popup{ width:320px; } a#altasib_geobase_mb_btn{ margin-left:12px; } #altasib_geobase_mb_info{ width:296px; } .altasib_geobase_mb_ttl{ font-size:16px; margin:0 0 15px; padding:23px 12px 0; } .altasib_geobase_mb_city .altasib_geobase_mb_find{ padding:0 12px; } .altasib_geobase_mb_city .altasib_geobase_mb_find input{ padding:12px 8px; font-size:16px; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li a{ padding-left:12px; } } .altasib_geobase_sml_win{ z-index:1000; display:block; position:absolute; left:50%; transform:translateX(-50%); opacity:0; } .altasib_geobase_sml_win_block{ border-radius:5px; text-align:center; z-index:10000; border:1px solid #cbcbcb; opacity:1; padding:12px; box-shadow:0 1px 5px #969696; background-color:#fff; outline:medium none; width:186px!important; height:127px; margin-top:15px; position:relative; box-sizing:border-box; } .altasib_geobase_sml_win_block::before{ content:""; display:block; position:absolute; width:0; height:0; border:10px solid; border-color:#fff; border-top-width:0; border-left-color:transparent; border-right-color:transparent; top:-8px; left:43%; filter:drop-shadow(0 -2px 1px #bbb); } .altasib_geobase_sml_block{ padding:2px 10px 2px 5px; } .altasib_geobase_sml_your{ color:#333; font:14px 'Proxima Nova Lt', sans-serif; display:inline; padding-bottom:1px; } .altasib_geobase_sml_btn{ cursor:pointer; display:block; float:left; margin:22px 7px 15px; height:36px!important; width:58px; padding-top:8px; text-transform:uppercase; color:#fff!important; font:14px 'Proxima Nova Lt', sans-serif; background-color:#591738; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:2px; box-shadow:0px 1px 3px #A7A7A7; } .altasib_geobase_sml_btn:hover{ background-color:#591738; } .altasib_geobase_sml_btn:last-child{ background-color:transparent; color:#591738 !important; text-decoration:underline; box-shadow:0px 1px 3px #fff; } .altasib_geobase_sml_btn:last-child:hover{ color:#591738 !important; } .altasib_geobase_sml_ctr{ margin-top:10px; padding:0 8px; position:relative; } /* End */ /* Start:/local/templates/galereyasacvoyage/components/bitrix/sale.basket.basket.line/head_custom/style.min.css?16427138443712*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} /* End */ /* Start:/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/style.css?164271387015129*/ /*.altasib_geobase_link{ display:block; line-height:21px; text-decoration:none; position:relative; } .altasib_geobase_link .altasib_geobase_link_city{ border-bottom:1px dashed; cursor:pointer; font-weight:bold; white-space:normal; display:inline-block; position:relative; }*/ .altasib_geobase_link .altasib_geobase_link_city:hover,.altasib_geobase_link_city:active{ border-bottom:1px dashed #333; color:#333; } #altasib_geobase_info{ position:absolute; display:none; width:372px; z-index:999; border:0; background-color:#fff; max-height:107px; overflow-y:scroll!important; } #altasib_geobase_info div{ padding:8px 6px; font:normal 14px 'Proxima Nova Lt', sans-serif; color:#8c8c8c; border-bottom:1px solid #eaeaea; } #altasib_geobase_info div:hover{ background-color:#e6ecef; cursor:pointer; } div.altasib_geobase_focus{ background-color:#e6ecef; } #altasib_geobase_close{ float:right; position:relative; } #altasib_geobase_close a{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/images/close.svg") no-repeat; position:absolute; right:8px; top:25px; display:block; height:30px; width:30px; } strong.altasib_geobase_light{ font:bold 14px 'Proxima Nova Lt', sans-serif; color:#333; } #altasib_geobase_popup .altasib_geobase_pu_i{ color:#444!important; margin:0 40px; padding:45px 0 5px; } .altasib_geobase_city .altasib_geobase_clear{ clear:both; } #altasib_geobase_popup{ top:140px; margin:0 auto; background:none repeat scroll 0 0 #FFF; width:595px; border:0 solid #fff; border-radius:5px; box-shadow:0 1px 10px #969696; } @media only screen and (max-width: 767px) { #altasib_geobase_popup{ width: 100%; } } .altasib_geobase_city .altasib_geobase_ttl{ color:#1b1b1b; font:20px 'Proxima Nova Lt', sans-serif; margin:0 0 16px; } .altasib_geobase_city .altasib_geobase_ttl::after{ position:absolute; content:''; width:350px; height:1px; background:#e0e0e0; top:63px; z-index:0; margin-left:8px; } .altasib_geobase_city .altasib_geobase_title2{ color:#1b1b1b; font:20px 'Proxima Nova Lt', sans-serif; padding:0 0 6px; } .altasib_geobase_city .altasib_geobase_find{ border-radius:0px; margin:2px 145px 35px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .altasib_geobase_city .altasib_geobase_find input{ color:#808080; font:14px/17px 'Proxima Nova Lt', sans-serif; width:99%; background:none repeat scroll 0 0 #fff; border:1px solid #e0e0e0; color:#363636; font-size:13px; font-style:normal; height:33px; line-height:16px; padding:4px 8px; transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .altasib_geobase_city .altasib_geobase_find input:focus{ color:#333; border-color:#e0e0e0; } .altasib_geobase_city .altasib_geobase_cities{ margin:0 0 0px; padding-bottom:20px; } @media (max-width:400px){ .altasib_geobase_city .altasib_geobase_cities ul{ column-count:1; -moz-column-count:1; -webkit-column-count:1; } } .altasib_geobase_city .altasib_geobase_cities ul{ list-style-type:none; padding:0; } .altasib_geobase_city .altasib_geobase_cities ul.altasib_geobase_list_ie{ float:left; list-style:none outside none; padding:0; width:33%; } .altasib_geobase_city .altasib_geobase_cities ul.altasib_geobase_fst{ column-count:3; -moz-column-count:3; -webkit-column-count:3; margin:0; } .altasib_geobase_city .altasib_geobase_cities ul li{ display: block; margin-bottom:6px; margin-left: 0; padding:0; } .altasib_geobase_city .altasib_geobase_cities ul li a{ display:block; padding-right:10px; border-bottom:1px solid transparent; } .altasib_geobase_city .altasib_geobase_cities ul li a:hover{ color:#591738; font-size:18px; } .altasib_geobase_city .altasib_geobase_cities ul li,.altasib_geobase_city .altasib_geobase_cities ul li a{ color:#1b1b1b; font:normal 14px 'Proxima Nova Lt', sans-serif; text-decoration:none; line-height:23px; } .altasib_geobase_city .altasib_geobase_cities ul li.let a:first-letter{ color:#ED1C24; font-weight:bold; } .altasib_geobase_city .altasib_geobase_cities ul li.altasib_geobase_act a{ color:#333; font-weight:bold; } .altasib_geobase_city .altasib_geobase_cities ul li.emp{ height:17px; } .altasib_geobase_city .altasib_geobase_cutting .cutit a,.altasib_geobase_city .altasib_geobase_cutting .uncutit a{ border-bottom:1px dashed #ED1C24; color:#ED1C24; font-size:12px; line-height:15px; margin:0 0 0 350px; text-decoration:none; } .altasib_geobase_city .altasib_geobase_cutting .cutit a{ font-weight:normal; } .altasib_geobase_city .altasib_geobase_cutting .uncutit a{ font-weight:bold; } .altasib_geobase_city .altasib_geobase_cutting .cutit{ display:none; } .altasib_geobase_city .altasib_geobase_cutting .uncutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_city .altasib_geobase_cutting .cutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_city .altasib_geobase_cutting.uncutted .cutit{ display:block; } .altasib_geobase_city .altasib_geobase_cutting.uncutted .uncutit{ display:none; } a#altasib_geobase_btn{ background-color:#581838; color:#fff; cursor:pointer; display:block; float:right; font:bold 12px 'Proxima Nova Lt', sans-serif; width:133px; padding-top:9px; margin-top:1px; text-align:center; text-decoration:none; height:36px; webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:3px; } a#altasib_geobase_btn:hover{ background-color:#581838; } a#altasib_geobase_btn.altasib_geobase_disabled,a#altasib_geobase_btn.altasib_geobase_disabled:hover,a#altasib_geobase_btn.altasib_geobase_disabled:active{ background-color:#581838; cursor:default; } #altasib_geobase_win{ display:none; top:9%; left:0; color:#000; margin:0; padding:0; width:100%; z-index:100000; height:100%; position:fixed; } #altasib_geobase_popup_back{ background-color:#000; display:none; height:100%; left:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; position:fixed; top:0; width:100%; z-index:9999; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; } .altasib_geobase_mb_link{ display:inline; line-height:21px; text-decoration:none; } .altasib_geobase_mb_link .altasib_geobase_mb_link_city{ border-bottom:1px dashed; cursor:pointer; font-weight:bold; } .altasib_geobase_mb_link .altasib_geobase_mb_link_city:hover,.altasib_geobase_mb_link_city:active{ border-bottom:1px dashed #333; color:#333; } #altasib_geobase_mb_info{ position:absolute; display:none; width:372px; max-height:340px; z-index:999; border:0; background-color:#fff; overflow-y:scroll; } #altasib_geobase_mb_info div{ padding:8px 6px; font:normal 14px 'Proxima Nova Lt', sans-serif; color:#8c8c8c; border-bottom:1px solid #eaeaea; } div.altasib_geobase_mb_focus{ background-color:#e6ecef; } #altasib_geobase_mb_close{ float:right; position:relative; } #altasib_geobase_mb_close a{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/images/close.png") no-repeat; position:absolute; right:10px; top:9px; display:block; font-size:1px; height:30px; line-height:1px; width:30px; } strong.altasib_geobase_mb_light{ font:bold 14px 'Proxima Nova Lt', sans-serif; color:#333; } #altasib_geobase_mb_popup .altasib_geobase_mb_pu_i{ color:#444!important; padding-bottom:5px; } .altasib_geobase_mb_city .altasib_geobase_mb_clear{ clear:both; } #altasib_geobase_mb_popup{ top:140px; margin:0 auto; background:none repeat scroll 0 0 #FFF; width:521px; border:0 solid #fff; border-radius:5px; box-shadow:0 1px 10px #969696; -moz-box-shadow:0 1px 10px #969696; -webkit-box-shadow:0 1px 10px #969696; } .altasib_geobase_mb_ttl{ color:#333; font:bold 14px 'Proxima Nova Lt', sans-serif; margin:0 0 16px; padding:23px 20px 0; } .altasib_geobase_mb_city .altasib_geobase_mb_title2{ color:#333; font:normal 14px 'Proxima Nova Lt', sans-serif; padding:0 0 12px; } .altasib_geobase_mb_city .altasib_geobase_mb_find{ margin:2px 14px 15px 0; padding:0 20px; } .altasib_geobase_mb_city .altasib_geobase_mb_find input{ color:#808080; font:14px/17px 'Proxima Nova Lt', sans-serif; width:99%; background:none repeat scroll 0 0 #fff; border:1px solid #eaeaea; border-radius:0px; font-size:13px; font-style:normal; height:auto; line-height:16px; padding:12px 8px; transition:border 0.2s linear 0s,box-shadow 0.2s linear 0s; } /*.altasib_geobase_mb_city .altasib_geobase_mb_find input:focus{ color:#333; border-color:#d8d8d8; box-shadow:0 1px 1px #fee3a2 inset,0 0 8px #fee3a2; outline:medium none; }*/ .altasib_geobase_mb_city .altasib_geobase_mb_cities{ margin:0 0 20px; height:214px; padding-bottom:10px; overflow-y:auto!important; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul{ list-style-type:none; padding:0; border-top:1px solid #eaeaea; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul.altasib_geobase_mb_list_ie{ float:left; list-style:none outside none; margin:0 0 0 -15px; padding:0; width:33%; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li{ padding:0; border-bottom:1px solid #eaeaea; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li a{ display:inline-block; padding:11px 10px 11px 20px; border-bottom:1px solid transparent; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li,.altasib_geobase_mb_city .altasib_geobase_mb_cities ul li a{ color:#333; font:normal 16px 'Proxima Nova Lt', sans-serif; text-decoration:none; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.let a:first-letter{ color:#ED1C24; font-weight:bold; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.altasib_geobase_mb_act,.altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.altasib_geobase_mb_act a{ color:#fff; font-weight:bold; font-size:16px; background-color:#581838; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li.emp{ height:17px; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit a,.altasib_geobase_mb_city .altasib_geobase_mb_cutting .uncutit a{ border-bottom:1px dashed #ED1C24; color:#ED1C24; font-size:12px; line-height:15px; margin:0 0 0 350px; text-decoration:none; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit a{ font-weight:normal; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .uncutit a{ font-weight:bold; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit{ display:none; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .uncutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting .cutit span{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/images/red_up.gif") no-repeat scroll center center; font-size:12px; line-height:15px; padding:0 3px; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting.uncutted .cutit{ display:block; } .altasib_geobase_mb_city .altasib_geobase_mb_cutting.uncutted .uncutit{ display:none; } a#altasib_geobase_mb_btn,a#all_cities_button_mobile{ background-color:#591738; color:#fff; cursor:pointer; display:block; font:16px 'Proxima Nova Lt', sans-serif; height:43px!important; width:176px; padding-top:13px; margin-bottom:15px; margin-left:20px; text-align:center; text-decoration:none; text-transform:uppercase; } a#altasib_geobase_mb_btn.altasib_geobase_mb_disabled,a#altasib_geobase_mb_btn.altasib_geobase_mb_disabled:active{ display:none; } #altasib_geobase_mb_win{ display:none; top:5%; left:0; color:#000; margin:0; padding:0; width:100%; z-index:10001; height:100%; position:fixed; } #altasib_geobase_mb_popup_back{ background-color:#000; display:none; height:100%; left:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; position:fixed; top:0; width:100%; z-index:9999; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; } @media screen and (max-height:480px) and (orientation: landscape){ a#all_cities_button_mobile{ display:none; } #altasib_geobase_mb_info{ width:372px; } .altasib_geobase_mb_city .altasib_geobase_mb_cities{ height:80px; overflow-y:scroll; } } @media screen and (max-width:480px){ #altasib_geobase_mb_popup{ width:320px; } a#altasib_geobase_mb_btn{ margin-left:12px; } #altasib_geobase_mb_info{ width:296px; } .altasib_geobase_mb_ttl{ font-size:16px; margin:0 0 15px; padding:23px 12px 0; } .altasib_geobase_mb_city .altasib_geobase_mb_find{ padding:0 12px; } .altasib_geobase_mb_city .altasib_geobase_mb_find input{ padding:12px 8px; font-size:16px; } .altasib_geobase_mb_city .altasib_geobase_mb_cities ul li a{ padding-left:12px; } } .altasib_geobase_sml_win{ z-index:1000; display:block; position:absolute; left:50%; transform:translateX(-50%); opacity:0; } .altasib_geobase_sml_win_block{ border-radius:5px; text-align:center; z-index:10000; border:1px solid #cbcbcb; opacity:1; padding:12px; box-shadow:0 1px 5px #969696; background-color:#fff; outline:medium none; width:186px!important; height:127px; margin-top:15px; position:relative; box-sizing:border-box; } .altasib_geobase_sml_win_block::before{ content:""; display:block; position:absolute; width:0; height:0; border:10px solid; border-color:#fff; border-top-width:0; border-left-color:transparent; border-right-color:transparent; top:-8px; left:43%; filter:drop-shadow(0 -2px 1px #bbb); } .altasib_geobase_sml_block{ padding:2px 10px 2px 5px; } .altasib_geobase_sml_your{ color:#333; font:14px 'Proxima Nova Lt', sans-serif; display:inline; padding-bottom:1px; } .altasib_geobase_sml_btn{ cursor:pointer; display:block; float:left; margin:22px 7px 15px; height:36px!important; width:58px; padding-top:8px; text-transform:uppercase; color:#fff!important; font:14px 'Proxima Nova Lt', sans-serif; background-color:#591738; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:2px; box-shadow:0px 1px 3px #A7A7A7; } .altasib_geobase_sml_btn:hover{ background-color:#591738; } .altasib_geobase_sml_btn:last-child{ background-color:transparent; color:#591738 !important; text-decoration:underline; box-shadow:0px 1px 3px #fff; } .altasib_geobase_sml_btn:last-child:hover{ color:#591738 !important; } .altasib_geobase_sml_ctr{ margin-top:10px; padding:0 8px; position:relative; } .altasib_geobase_disabled { display: none !important; } @media(max-width: 768px) and (max-height: 1024px){ ::-webkit-scrollbar { -webkit-appearance: none; width: 6px; } ::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(88, 24, 56, .5); /*-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*/ } } /* End */ /* Start:/local/templates/galereyasacvoyage/components/bitrix/menu/bottom_menu/style.css?1642713846542*/ .bx-inclinksfooter a{border-bottom: none;} .bx-inclinksfooter .bx-block-title{ margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } .bx-inclinksfooter-container { margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .bx-inclinksfooter-list{ list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item{ padding: 0 0 5px 0; } /* End */ /* Start:/local/templates/galereyasacvoyage/components/bitrix/socserv.auth.form/.default/style.css?1642713837451*/ .bx-auth-service-form span{ font-size: 14px !important; } .bx-auth-service-form a{ border-radius: 0 !important; } .bx-auth-service-form{ background-color: #feecec !important; } .header-top__entrance-wrapper .social-entrance .icon-vk:before { font-size: 12px; top: 13px; left: 8px; position: absolute; } .header-top__entrance-wrapper .social-entrance .icon-facebook2:before { font-size: 17px; top: 11px; left: 10px; position: absolute; } /* End */ /* Start:/local/templates/galereyasacvoyage/components/bitrix/main.register/register/style.css?1660048924463*/ div.bx-auth-reg input.bx-auth-input {vertical-align:middle;} div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;} div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/galereyasacvoyage/components/bitrix/main.register/register/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/galereyasacvoyage/components/bitrix/main.register/register/images/sec-unlocked.png);} /* End */ /* Start:/local/templates/galereyasacvoyage/components/altasib/geobase.your.city/.default/style.css?16427138716665*/ #altasib_geobase_window{ width:100%; height:100%; z-index:10000; display:none; top:-50%; bottom:0; right:0; left:0; position:fixed; } #altasib_geobase_window_block{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:left; z-index:1000; border:1px solid #cbcbcb; opacity:1; padding:12px; box-shadow:0 1px 10px #969696; background-clip:padding-box; background-color:#FFF; outline:medium none; width:286px!important; height:auto; max-height:250px; margin:0 auto; position:relative; box-sizing:border-box; } .altasib_geobase_yc_ttl{ color:#333; font:normal 14px 'Proxima Nova Lt', sans-serif!important; padding:0 10px 2px 5px; } .altasib_geobase_your_city_block{ padding:2px 10px 2px 5px; overflow:hidden; } .altasib_geobase_your_city{ color:#333; font:bold 14px 'Proxima Nova Lt', sans-serif; text-decoration:none; display:inline; padding-bottom:1px; } .altasib_geobase_your_city_2{ color:#333; font:normal 14px 'Proxima Nova Lt', sans-serif; text-decoration:none; display:inline; padding-bottom:1px; } .altasib_geobase_yc_btn{ cursor:pointer; display:block; float:left; margin:22px 5px 6px; height:30px!important; width:111px; padding-top:8px; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff!important; font:bold 10px 'Proxima Nova Lt', sans-serif; background-color:#0097f6; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:2px; box-shadow:0px 1px 3px #A7A7A7; } .altasib_geobase_yc_btn:hover{ background-color:#0670e7; } a#altasib_geobase_yc_n.altasib_geobase_yc_btn{ background-color:transparent; color:#0097f6 !important; text-decoration:underline; box-shadow:0px 1px 3px #fff; } a#altasib_geobase_yc_n.altasib_geobase_yc_btn:hover{ color:#0670e7 !important; } .altasib_geobase_yc_btn#altasib_geobase_yc_none{ margin:5px 29%; width:111px; } #altasib_geobase_close_kr{ position:absolute; z-index:1200; background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.your.city/.default/images/close.png") no-repeat; display:inline-block; height:30px; width:30px; right:13px; top:10px; } *{ outline:medium none; } #altasib_geobase_close_kr:hover{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.your.city/.default/images/close.png") no-repeat 0 -30px; } #altasib_geobase_page{ margin-top:10px; padding:0 8px; overflow-y:auto; position:relative; z-index:750; max-height:212px; } #altasib_geobase_yc_backg{ display:none; position:fixed; -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; top:0; left:0; width:100%; height:100%; z-index:9999; transition:opacity 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); WIDTH:100%; background:none repeat scroll 0 0 #000000; } #altasib_geobase_mb_window{ width:100%; height:100%; z-index:10000; display:none; top:30%; bottom:0; right:0; left:0; position:fixed; } #altasib_geobase_mb_window_block{ background:#fff repeat-x 0 100%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:left; z-index:10000; border:1px solid; opacity:1; padding:12px; box-shadow:0 1px 10px #969696; -moz-box-shadow:0 1px 10px #969696; -webkit-box-shadow:0 1px 10px #969696; background-clip:padding-box; background-color:#fefefe; border-color:#cbcbcb; outline:medium none; width:296px; margin:0 auto; position:relative; } .altasib_geobase_yc_mb_ttl{ color:#333; font:normal 14px 'Proxima Nova Lt', sans-serif!important; padding:0 10px 12px 10px; } .altasib_geobase_mb_your_city_block{ padding:2px 10px 2px 10px; overflow:hidden; } .altasib_geobase_mb_your_city{ color:#333; font:bold 14px 'Proxima Nova Lt', sans-serif; text-decoration:none; display:inline; padding-bottom:1px; } .altasib_geobase_mb_your_city_2{ color:#333; font:normal 14px 'Proxima Nova Lt', sans-serif; text-decoration:none; display:inline; padding-bottom:1px; } .altasib_geobase_yc_mb_btn{ cursor:pointer; display:block; float:left; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff!important; background-color:#0097f6; border-radius:2px; box-shadow:0 1px 3px #a7a7a7; box-sizing:border-box; font:bold 10px 'Proxima Nova Lt', sans-serif; height:30px!important; margin:22px 5px 15px; padding-top:8px; width:109px; } .altasib_geobase_yc_mb_btn:hover{ background-color:#0670e7; } .altasib_geobase_yc_mb_btn#altasib_geobase_yc_none{ margin:10px 28%; } #altasib_geobase_mb_close_kr{ position:absolute; z-index:1200; background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.your.city/.default/images/close.png") no-repeat; display:inline-block; height:30px; width:30px; right:13px; top:10px; } *{ outline:medium none; } #altasib_geobase_mb_close_kr:hover{ background:url("/local/templates/galereyasacvoyage/components/altasib/geobase.your.city/.default/images/close.png") no-repeat 0 -30px; } #altasib_geobase_mb_page{ margin-top:20px; padding:0 8px; overflow-y:auto; position:relative; z-index:750; max-height:212px; } #altasib_geobase_yc_mb_backg{ display:none; position:fixed; -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; top:0; left:0; width:100%; height:100%; z-index:9999; transition:opacity 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition:opacity 400ms; -moz-transition:opacity 400ms; -o-transition:opacity 400ms; transition:opacity 400ms; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); WIDTH:100%; background:none repeat scroll 0 0 #000000; } @media screen and (max-width:600px) { #altasib_geobase_mb_window { top:25%; } #altasib_geobase_mb_close_kr{ right:10px; top:8px; } #altasib_geobase_mb_page{ padding:0; margin-top:4px; } .altasib_geobase_yc_mb_ttl{ font-size:16px!important; padding-left:6px; } .altasib_geobase_mb_your_city_block{ padding-left:6px; padding-top:12px; } .altasib_geobase_mb_your_city{ font-size:16px; } .altasib_geobase_mb_your_city_2{ font-weight:normal; } .altasib_geobase_yc_mb_btn, .altasib_geobase_yc_mb_btn:hover{ width:118px; height:33px; margin:28px 8px 2px 4px; color:#fff!important; font:bold 14px 'Proxima Nova Lt', sans-serif; text-shadow:0 -1px #643600; } } @media screen and (max-width:320px) and (orientation:landscape){ #altasib_geobase_mb_window{ top:5%; } } .altasib_geobase_yc_btn{ background-color:#581838; } .altasib_geobase_yc_btn:hover{ background-color:#230003; } a#altasib_geobase_yc_n.altasib_geobase_yc_btn{ color:#581838 !important; } a#altasib_geobase_yc_n.altasib_geobase_yc_btn:hover{ color:#230003 !important; } .altasib_geobase_yc_mb_btn{ background-color:#581838 !important; } .altasib_geobase_yc_mb_btn:hover{ background-color:#230003 !important; } /* End */ /* Start:/local/templates/galereyasacvoyage/styles.css?16427138804438*/ .ajax-preloader { height: 50px; width: 100px; margin: 0 auto; margin-top: -125px; display: none; } .c-header__center__husbandwife li a.gender{ font-size: 17px !important; } .c-header__center__husbandwife li a.active, .c-header__center__husbandwife li span.active{ border-bottom: 1px solid #fff; } .c-header__center__husbandwife li a.active:hover, .c-header__center__husbandwife li span.active:hover{ border-bottom: 1px solid #cab0b2; } .c-product__detail__info__price i span { font-size: 16px; color: #a9a9a9; } .u-table__cart .u-table__cart__name__section ul li span.value { display: inline-block; color: #000; margin-right: 10px; } .c-product__detail__info__price__list > ul > li span{ font-size: 16px; } .c-product__detail__info-company{ margin-top: 0px; } .c-product__detail__info__price .price-old{ margin-left: 5px; position: relative; display: inline-block; font-size: 30px; line-height: 40px; font-weight: 300; color: #959595; letter-spacing: 0.08em; text-decoration: line-through; } .c-product__detail__info__price .price-old svg{ color: #959595; } .c-header__center__cart-photo{ height: 70px; } .u-btn-catalog-filter-reset{ border: 0; text-decoration: underline; } .c-product__detail__info__other-colors li label { position: relative; display: block; padding: 5px; width: 67px; height: 62px; overflow: hidden; border: 1px solid #ebebeb; } .c-product__detail__info__other-colors li label:hover { border-color: #581838; } .c-product__detail__info__other-colors .radio{ } .c-product__detail__info__other-colors li input:checked + label { border-color: #581838; } .c-product__detail__info__other-colors li input{ opacity: 0; } .hide{ display: none; } .u-slider__article:hover .u-slider__article__btn-quick-view { opacity: 1; visibility: visible; z-index: 1; top: 0; } .u-slider__article__top:hover .u-slider__article__photo__row { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .c-checkout-success.u-padding-bottom{ padding-bottom: 0; } @media only screen and (max-width: 855px){ .c-header__center__husbandwife li{ margin-right: 15px; } } @media only screen and (max-width: 767px){ .c-product__detail__info__desktop { display: block; } .c-product__detail__info__desktop .u-price-list__list__more__color { display: block; } .c-product__detail__info__desktop .c-product__detail__info-company, .c-product__detail__info__desktop .c-product__detail__info-name, .c-product__detail__info__desktop .c-product__detail__info__price{ display: none; } /*li.u-price-list__list__artukyl, li.u-price-list__list__color{ display: none !important; }*/ .u-price-list__list__more__color{ text-align: center; } .c-product__detail__info__desktop .c-product__detail__info__other-colors{ margin: 0; } } .u-checkbox-radio-style-label.disabled .u-checkbox-radio-style-name{ color: #cbccce; } .fx-search-dropdown-item{ display: block; } .u-btn-catalog-filter-reset{ background-color: #fff; } /* * order */ .sale_order_full_table [type="submit"]{ position: relative; display: inline-block; vertical-align: middle; margin: 0; padding: 13px 15px; border: none; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 50px; font-size: 14px; line-height: 24px; letter-spacing: 0.05em; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; text-align: center; text-transform: uppercase; width: 248px; background-color: #5c6684; color: #ffffff; } .sale_order_full_table [type="submit"]:hover, .sale_order_full_table [type="submit"]:focus, .sale_order_full_table [type="submit"]:active{ background-color: #581838; color: #ffffff; } .c-footer__social { margin-bottom: 10px !important; } .hiddencontact {display:none !important} .u-menu-fixed .hiddencontact {display: inline-block !important;} a.howto { color: #581838; border-bottom: 1px solid #581838; } a.howto:hover { border-bottom: 0; } @media(max-width: 480px) { .shop-popup { max-width: 100%; padding: 20px; } .shop-popup img { max-width: 100%; display: block; width: auto; height: auto; } } /* End */ /* /local/templates/galereyasacvoyage/css/lib/animate.min.css?164271387356048 */ /* /local/templates/galereyasacvoyage/css/lib/slick.css?16427138736984 */ /* /local/templates/galereyasacvoyage/css/lib/video-js.css?164271387344338 */ /* /local/templates/galereyasacvoyage/css/lib/jquery.mThumbnailScroller.css?16427138737631 */ /* /local/templates/galereyasacvoyage/css/lib/select2.css?164271387317604 */ /* /local/templates/galereyasacvoyage/css/lib/magnific-popup.min.css?16427138735259 */ /* /local/templates/galereyasacvoyage/css/lib/nouislider.min.css?16427138743843 */ /* /local/templates/galereyasacvoyage/css/lib/jquery.mCustomScrollbar.css?164271387453559 */ /* /local/templates/galereyasacvoyage/css/lib/jquery-ui.css?164271387336189 */ /* /local/templates/galereyasacvoyage/css/global.css?1670851699324653 */ /* /local/templates/galereyasacvoyage/css/composit.css?16937652411426 */ /* /local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header/style.css?164271387014729 */ /* /local/templates/galereyasacvoyage/components/bitrix/sale.basket.basket.line/head_custom/style.min.css?16427138443712 */ /* /local/templates/galereyasacvoyage/components/altasib/geobase.select.city/header_mobile_new/style.css?164271387015129 */ /* /local/templates/galereyasacvoyage/components/bitrix/menu/bottom_menu/style.css?1642713846542 */ /* /local/templates/galereyasacvoyage/components/bitrix/socserv.auth.form/.default/style.css?1642713837451 */ /* /local/templates/galereyasacvoyage/components/bitrix/main.register/register/style.css?1660048924463 */ /* /local/templates/galereyasacvoyage/components/altasib/geobase.your.city/.default/style.css?16427138716665 */ /* /local/templates/galereyasacvoyage/styles.css?16427138804438 */