@charset "utf-8";/*! 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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .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)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.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}.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;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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.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;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.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}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}.ui-controlgroup-vertical .ui-spinner-input{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}.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}.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}.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);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}.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}.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;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}.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 #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,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 #ccc;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;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.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);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/templates/sunny/css/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/templates/sunny/css/images/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(/templates/sunny/css/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/templates/sunny/css/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/templates/sunny/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/templates/sunny/css/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/templates/sunny/css/images/ui-icons_777777_256x240.png)}.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{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}.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}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/templates/sunny/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .r-tabs .r-tabs-panel { padding: 15px; display: none; } .r-tabs .r-tabs-accordion-title { display: none; } .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } /* Accordion responsive breakpoint */ @media only screen and (max-width: 768px) { .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } } /* 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; } [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; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; 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; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .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:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* == 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: 30px; } .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: 30px; } .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: 16px; height: auto; left: auto; top: 0; right: 0; 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: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .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: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; 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: 12px; /* 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: 8px; /* 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: 16px; 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: 12px; /* auto-expanded scrollbar */ margin: 2px 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: 8px; /* auto-expanded scrollbar */ margin: 4px 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: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); 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: #fff; background-color: rgba(255,255,255,0.9); 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(/templates/sunny/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* 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-position: 0 -20px; /* 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: 4px; 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: 4px; 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); } /* ---------------------------------------- */ /* theme: "sunny" */ .mCS-sunny.mCSB_scrollTools .mCSB_draggerRail { width: 6px;background: #fffc5d; border: 1px solid #e3e3e3; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } .mCS-sunny.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #2cbcdd; border: 1px solid #fff; width: 10px; } .mCS-sunny.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-sunny.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-sunny.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #08a2c5; } .sprite:before {content: '';background-image: url(/templates/sunny/images/sprite.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-right: 9px;} /* MENU */ .icon-menu_tours_avia:before {width: 32px;height: 28px;background-position: -370px -71px;} .icon-menu_tours_avia_white:before {width: 32px;height: 28px;background-position: -370px -103px;} .icon-menu_tours_bus:before {width: 32px;height: 28px;background-position: -370px -135px;} .icon-menu_tours_bus_white:before {width: 32px;height: 28px;background-position: -366px -167px;} .icon-menu_tours_christmas:before {width: 32px;height: 28px;background-position: -366px -199px;} .icon-menu_tours_christmas_white:before {width: 32px;height: 28px;background-position: -366px -231px;} .icon-menu_tours_cruize:before {width: 32px;height: 28px;background-position: -366px -263px;} .icon-menu_tours_cruize_white:before {width: 32px;height: 28px;background-position: -370px -295px;} .icon-menu_tours_hot:before {width: 32px;height: 28px;background-position: -370px -327px;} .icon-menu_tours_hot_white:before {width: 32px;height: 28px;background-position: -2px -359px;} .icon-menu_tours_ranee:before {width: 32px;height: 28px;background-position: -38px -359px;} .icon-menu_tours_ranee_white:before {width: 32px;height: 28px;background-position: -74px -359px;} /* CONTACTS */ a[href^="tel:+37533"]::before {content: '';width: 19px;height: 19px;background-position: -149px -359px;background-image: url(/templates/sunny/images/sprite.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-right: 9px;} a[href^="tel:+37529"]::before {content: '';width: 19px;height: 19px;background-position: -2px -2px;background-image: url(/templates/sunny/images/sprite.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-right: 9px;} a[href^="tel:+37517"]::before {content: '';width: 19px;height: 19px;background-position: -149px -382px;background-image: url(/templates/sunny/images/sprite.png);background-repeat: no-repeat;display: inline-block;vertical-align: middle;margin-right: 9px;} .icon-tel:before {width: 19px;height: 19px;background-position: -364px -359px;} .icon-tel19:before {width: 19px;height: 19px;background-position: -149px -382px;} .icon-tel24:before {width: 24px;height: 24px;background-position: -404px -2px;} .icon-A119:before {width: 19px;height: 19px;background-position: -2px -2px;} .icon-A124:before {width: 24px;height: 24px;background-position: -25px -2px;} .icon-mts19:before {width: 19px;height: 19px;background-position: -149px -359px;} .icon-mts24:before {width: 24px;height: 24px;background-position: -172px -359px;} .icon-life24:before {width: 24px;height: 24px;background-position: -342px -330px;} .icon-mail22:before {width: 22px;height: 22px;background-position: -364px -2px;} .icon-map:before {width: 27px;height: 39px;background-position: -364px -28px;} .icon-mobile:before {width: 35px;height: 35px;background-position: -110px -358px;} .icon-viber24:before {width: 24px;height: 24px;background-position: -406px -78px;} .icon-whatsapp24:before {width: 24px;height: 24px;background-position: -406px -134px;} /* SOCIALS */ .icon-inst24:before {width: 24px;height: 24px;background-position: -314px -330px;} .icon-ok24:before {width: 24px;height: 24px;background-position: -250px -359px;} .icon-facebook24:before {width: 24px;height: 24px;background-position: -203px -2px;} .icon-vk24:before {width: 24px;height: 24px;background-position: -406px -106px;} /* OTHERS */ .icon-airline:before {width: 20px;height: 20px;background-position: -53px -2px;} .icon-btn_more_tour2:before {width: 20px;height: 20px;background-position: -77px -2px;} .icon-btn_order_tour:before {width: 26px;height: 30px;background-position: -101px -2px;} .icon-calendar:before {width: 20px;height: 20px;background-position: -131px -2px;} .icon-calendar2:before {width: 20px;height: 20px;background-position: -155px -2px;} .icon-country:before {width: 20px;height: 20px;background-position: -179px -2px;} .icon-food:before {width: 20px;height: 20px;background-position: -314px -296px;} .icon-hot_tour:before {width: 28px;height: 30px;background-position: -338px -296px;} .icon-news_titile_line:before {width: 46px;height: 11px;background-position: -200px -358px;} .icon-poisk_poputchika:before {width: 58px;height: 37px;background-position: -278px -359px;} .icon-read_more:before {width: 10px;height: 9px;background-position: -390px -2px;} .icon-sity:before {width: 20px;height: 20px;background-position: -340px -359px;} .icon-user:before {width: 20px;height: 20px;background-position: -395px -30px;} .icon-user2:before {width: 20px;height: 20px;background-position: -406px -54px;} /* FLAGS */ .icon-flag_15_albania:before {width: 15px;height: 15px;background-position: -231px -2px;} .icon-flag_15_bulgaria:before {width: 15px;height: 15px;background-position: -250px -2px;} .icon-flag_15_china:before {width: 15px;height: 15px;background-position: -269px -2px;} .icon-flag_15_croatia:before {width: 15px;height: 15px;background-position: -288px -2px;} .icon-flag_15_cuba:before {width: 15px;height: 15px;background-position: -307px -2px;} .icon-flag_15_cyprus:before {width: 15px;height: 15px;background-position: -326px -2px;} .icon-flag_15_dominica:before {width: 15px;height: 15px;background-position: -345px -2px;} .icon-flag_15_egypt:before {width: 15px;height: 15px;background-position: -231px -21px;} .icon-flag_15_greece:before {width: 15px;height: 15px;background-position: -250px -21px;} .icon-flag_15_india:before {width: 15px;height: 15px;background-position: -269px -21px;} .icon-flag_15_israel:before {width: 15px;height: 15px;background-position: -288px -21px;} .icon-flag_15_italy:before {width: 15px;height: 15px;background-position: -307px -21px;} .icon-flag_15_jordan:before {width: 15px;height: 15px;background-position: -326px -21px;} .icon-flag_15_maledives:before {width: 15px;height: 15px;background-position: -345px -21px;} .icon-flag_15_mauritius:before {width: 15px;height: 15px;background-position: -2px -40px;} .icon-flag_15_mexico:before {width: 15px;height: 15px;background-position: -21px -40px;} .icon-flag_15_montenegro:before {width: 15px;height: 15px;background-position: -40px -40px;} .icon-flag_15_morocco:before {width: 15px;height: 15px;background-position: -59px -40px;} .icon-flag_15_portugal:before {width: 15px;height: 15px;background-position: -78px -40px;} .icon-flag_15_seychelles:before {width: 15px;height: 15px;background-position: -97px -40px;} .icon-flag_15_singapore:before {width: 15px;height: 15px;background-position: -116px -40px;} .icon-flag_15_spain:before {width: 15px;height: 15px;background-position: -135px -40px;} .icon-flag_15_sri_lanka:before {width: 15px;height: 15px;background-position: -154px -40px;} .icon-flag_15_tanzania:before {width: 15px;height: 15px;background-position: -173px -40px;} .icon-flag_15_thailand:before {width: 15px;height: 15px;background-position: -192px -40px;} .icon-flag_15_tunisia:before {width: 15px;height: 15px;background-position: -211px -40px;} .icon-flag_15_turkey:before {width: 15px;height: 15px;background-position: -230px -40px;} .icon-flag_15_united_arab_emirates:before {width: 15px;height: 15px;background-position: -249px -40px;} .icon-flag_15_vietnam:before {width: 15px;height: 15px;background-position: -268px -40px;} .icon-flag_20_albania:before {width: 20px;height: 20px;background-position: -287px -40px;} .icon-flag_20_bulgaria:before {width: 20px;height: 20px;background-position: -311px -40px;} .icon-flag_20_china:before {width: 20px;height: 20px;background-position: -335px -40px;} .icon-flag_20_croatia:before {width: 20px;height: 20px;background-position: -2px -64px;} .icon-flag_20_cuba:before {width: 20px;height: 20px;background-position: -26px -64px;} .icon-flag_20_cyprus:before {width: 20px;height: 20px;background-position: -50px -64px;} .icon-flag_20_dominica:before {width: 20px;height: 20px;background-position: -74px -64px;} .icon-flag_20_egypt:before {width: 20px;height: 20px;background-position: -98px -64px;} .icon-flag_20_greece:before {width: 20px;height: 20px;background-position: -122px -64px;} .icon-flag_20_india:before {width: 20px;height: 20px;background-position: -146px -64px;} .icon-flag_20_israel:before {width: 20px;height: 20px;background-position: -170px -64px;} .icon-flag_20_italy:before {width: 20px;height: 20px;background-position: -194px -64px;} .icon-flag_20_jordan:before {width: 20px;height: 20px;background-position: -218px -64px;} .icon-flag_20_maledives:before {width: 20px;height: 20px;background-position: -242px -64px;} .icon-flag_20_mauritius:before {width: 20px;height: 20px;background-position: -266px -64px;} .icon-flag_20_mexico:before {width: 20px;height: 20px;background-position: -290px -64px;} .icon-flag_20_montenegro:before {width: 20px;height: 20px;background-position: -314px -64px;} .icon-flag_20_morocco:before {width: 20px;height: 20px;background-position: -338px -64px;} .icon-flag_20_portugal:before {width: 20px;height: 20px;background-position: -2px -88px;} .icon-flag_20_seychelles:before {width: 20px;height: 20px;background-position: -26px -88px;} .icon-flag_20_singapore:before {width: 20px;height: 20px;background-position: -50px -88px;} .icon-flag_20_spain:before {width: 20px;height: 20px;background-position: -74px -88px;} .icon-flag_20_sri_lanka:before {width: 20px;height: 20px;background-position: -98px -88px;} .icon-flag_20_tanzania:before {width: 20px;height: 20px;background-position: -122px -88px;} .icon-flag_20_thailand:before {width: 20px;height: 20px;background-position: -146px -88px;} .icon-flag_20_tunisia:before {width: 20px;height: 20px;background-position: -170px -88px;} .icon-flag_20_turkey:before {width: 20px;height: 20px;background-position: -194px -88px;} .icon-flag_20_united_arab_emirates:before {width: 20px;height: 20px;background-position: -218px -88px;} .icon-flag_20_vietnam:before {width: 20px;height: 20px;background-position: -242px -88px;} .icon-flag_albania:before {width: 48px;height: 48px;background-position: -266px -88px;} .icon-flag_bulgaria:before {width: 48px;height: 48px;background-position: -318px -88px;} .icon-flag_china:before {width: 48px;height: 48px;background-position: -2px -140px;} .icon-flag_croatia:before {width: 48px;height: 48px;background-position: -54px -140px;} .icon-flag_cuba:before {width: 48px;height: 48px;background-position: -106px -140px;} .icon-flag_cyprus:before {width: 48px;height: 48px;background-position: -158px -140px;} .icon-flag_dominica:before {width: 48px;height: 48px;background-position: -210px -140px;} .icon-flag_egypt:before {width: 48px;height: 48px;background-position: -262px -140px;} .icon-flag_greece:before {width: 48px;height: 48px;background-position: -314px -140px;} .icon-flag_india:before {width: 48px;height: 48px;background-position: -2px -192px;} .icon-flag_israel:before {width: 48px;height: 48px;background-position: -54px -192px;} .icon-flag_italy:before {width: 48px;height: 48px;background-position: -106px -192px;} .icon-flag_jordan:before {width: 48px;height: 48px;background-position: -158px -192px;} .icon-flag_maledives:before {width: 48px;height: 48px;background-position: -210px -192px;} .icon-flag_mauritius:before {width: 48px;height: 48px;background-position: -262px -192px;} .icon-flag_mexico:before {width: 48px;height: 48px;background-position: -314px -192px;} .icon-flag_montenegro:before {width: 48px;height: 48px;background-position: -2px -244px;} .icon-flag_morocco:before {width: 48px;height: 48px;background-position: -54px -244px;} .icon-flag_portugal:before {width: 48px;height: 48px;background-position: -106px -244px;} .icon-flag_seychelles:before {width: 48px;height: 48px;background-position: -158px -244px;} .icon-flag_singapore:before {width: 48px;height: 48px;background-position: -210px -244px;} .icon-flag_spain:before {width: 48px;height: 48px;background-position: -262px -244px;} .icon-flag_sri_lanka:before {width: 48px;height: 48px;background-position: -314px -244px;} .icon-flag_tanzania:before {width: 48px;height: 48px;background-position: -2px -296px;} .icon-flag_thailand:before {width: 48px;height: 48px;background-position: -54px -296px;} .icon-flag_tunisia:before {width: 48px;height: 48px;background-position: -106px -296px;} .icon-flag_turkey:before {width: 48px;height: 48px;background-position: -158px -296px;} .icon-flag_united_arab_emirates:before {width: 48px;height: 48px;background-position: -210px -296px;} .icon-flag_vietnam:before {width: 48px;height: 48px;background-position: -262px -296px;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} body{font-family: 'Segoe UI Regular',Arial,sans-serif;font-size:16px;line-height:normal;color:#060606;background: url(/templates/sunny/images/bg.jpg) center;background-size: cover;background-attachment: fixed;} .container{margin:auto;width:90%;} .clr {clear: both;height: 0;} a[href^="tel:"]{color:inherit;text-decoration:none;outline:none;} *{-webkit-text-size-adjust:none;} h1,h2,h3{color:#000;font-size:20px;line-height: normal;font-weight: bold;text-align: center;margin-bottom: 15px;} h1 {font-family: 'Segoe UI Bold',Arial,sans-serif;color: #005b8d;font-size:24px;margin-top: 10px;font-weight: normal;} h4 {font-size: 20px;color: #05b302;margin-top: 20px;} img {max-width: 100%;height: auto;} strong {font-weight: bold;} em {font-style: italic;} button, .btn {cursor: pointer;outline: none;font-family: 'Segoe UI Bold',Arial,sans-serif;text-transform: uppercase;font-weight: normal;font-size: 18px;position: relative;padding: 0 0 0 20px;text-shadow: 1px 1px 4px #59b3c7;border-radius: 30px;border: 1px solid #fff;color: #ff0;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66d0ed+0,65cce9+50,92dbef+50,73cde5+100 */ background: rgb(102,208,237); /* Old browsers */ background: -moz-linear-gradient(top, rgba(102,208,237,1) 0%, rgba(101,204,233,1) 50%, rgba(146,219,239,1) 50%, rgba(115,205,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(102,208,237,1) 0%,rgba(101,204,233,1) 50%,rgba(146,219,239,1) 50%,rgba(115,205,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(102,208,237,1) 0%,rgba(101,204,233,1) 50%,rgba(146,219,239,1) 50%,rgba(115,205,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d0ed', endColorstr='#73cde5',GradientType=0 ); /* IE6-9 */} button:hover, .btn:hover {opacity: .9;} a {color: #f90;} @font-face { font-family: 'Segoe UI Regular'; src: url(/templates/sunny/fonts/segoeuiregular.eot); src: url(/templates/sunny/fonts/segoeuiregular.eot#iefix) format('embedded-opentype'), url(/templates/sunny/fonts/segoeuiregular.woff) format('woff'), url(/templates/sunny/fonts/segoeuiregular.ttf) format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Segoe UI Bold'; src: url(/templates/sunny/fonts/segoeuibold.eot); src: url(/templates/sunny/fonts/segoeuibold.eot#iefix) format('embedded-opentype'), url(/templates/sunny/fonts/segoeuibold.woff) format('woff'), url(/templates/sunny/fonts/segoeuibold.ttf) format('truetype'); font-weight: normal; font-style: normal; } .body {margin-top: 10px;} .header {background: #fff;-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);} .header_mobile {padding: 10px 15px;position: relative;} .open_menu {position: absolute;top: 0;right: 0;background-color: #ffa302;display: block;overflow: hidden;margin: 0;padding: 0;width: 45px;height: 45px;font-size: 0;text-indent: -9999px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;} .open_menu span {-webkit-transition: background 0 0.3s;transition: background 0 0.3s;display: block;position: absolute;top: 50%;left: 10px;right: 10px;height: 4px;margin-top: -2px;background: white;} .open_menu span::before, .open_menu span::after {-webkit-transition-duration: 0.3s, 0.3s;transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0;transition-delay: 0.3s, 0;position: absolute;display: block;left: 0;width: 100%;height: 4px;background-color: #fff;content: "";} .open_menu span::before {-webkit-transition-property: top, -webkit-transform;transition-property: top, transform;top: -10px;} .open_menu span::after {-webkit-transition-property: bottom, -webkit-transform;transition-property: bottom, transform;bottom: -10px;} .open_menu.active span {background: none;} .open_menu.active span::before, .open_menu.active span::after {-webkit-transition-delay: 0, 0.3s;transition-delay: 0, 0.3s;} .open_menu.active span::before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .open_menu.active span::after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);} .open_contact {position: absolute;top: 45px;right: 0;background-color: #009fc5;display: block;overflow: hidden;margin: 0;padding: 5px;box-sizing: border-box;width: 45px;height: 45px;-webkit-appearance: none;-moz-appearance: none;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;-webkit-transition: background 0.3s;transition: background 0.3s;} .time_work h5 {color: #009fc5;font-size: 16px;font-weight: bold;padding-bottom: 6px;} .time_work p {color: #004b73;font-weight: bold;font-size: 14px;} .time_work span {color: #000;font-weight: normal;min-width: 50px;display: inline-block;} .address {background: url(/templates/sunny/images/map.png) no-repeat center left;padding: 0 0 0 40px;font-style: 14px;font-size: 14px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .order_popup_top {position: relative;} .order_popup_top .order_popup {border: 1px dashed #ffa302;border-radius: 30px;padding: 6px;display: inline-block;} .order_popup button {width: 220px;height: 50px;line-height: 1.2em;} .order_popup button:after {content: '';position: absolute;top: 8px;left: 20px;background: url(/templates/sunny/images/sprite.png) no-repeat;background-position: -101px -2px;width: 26px;height: 30px;} .phones {color: #005b8d;font-weight: bold;font-size: 18px;} .phones img {vertical-align: middle;} .mainmenu {background: #fff;} .mainmenu ul {background: #ffa300;border-bottom: 2px solid #d07900;border-radius: 5px;text-align: center;padding: 0 10px;} .mainmenu ul li {position: relative;} .mainmenu ul li a {font-size: 18px;text-transform: uppercase;text-decoration: none;color: #000;font-weight: bold;display: block;padding: 13px 0;} .mainmenu ul li a.red {color: #f00;} .mainmenu img {width: 20px;margin-right: 5px;} .mainmenu ul li.active > a, .mainmenu ul li a:hover {color: #fff;} .mainmenu ul ul {display: none;top: 45px;left: 25px;position: absolute;z-index: 100;background: #f8f8f8;border: 1px solid #24b3d6;border-radius: 3px;width: 490px;-webkit-columns: 150px;columns: 150px;padding: 3px 13px 6px 13px;} .mainmenu ul ul a {font-size: 14px;color: #000;padding: 4px 0;text-align: left;display: block;} .mainmenu ul ul li.active > a, .mainmenu ul ul a:hover {color: #005f82;} .mainmenu ul li > ul:before {position: absolute;width: 12px;height: 12px;left: 20px;background: #f8f8f8;border: 1px solid #23b3d6;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: -7px;content: "";} .mainmenu ul li > ul:after {position: absolute;background: #f8f8f8;top: 0;left: 10px;content: "";width: 30px;height: 10px;} .main_content {background: #fff;padding: 10px 15px;} .sidebar_left > div, .sidebar_right > div {margin-bottom: 15px;} .slide_img {background-image: url(/images/slider/slide1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;min-height: 290px;} .slide_desc {font-family: 'Segoe UI Bold',Arial,sans-serif;background: rgba(253, 255, 2, 0.75);color: #000;text-align: center;padding: 12px 0;position: absolute;bottom: 25px;left: 25px;} .slide_desc > div:first-child {color: #005f82;font-size: 24px;font-weight: bold;text-transform: uppercase;} .slide_desc > div:last-child {font-size: 20px;} .slider .owl-nav {position: absolute;bottom: 55%;width: 100%;left: 0;} .slider .owl-prev, .slider .owl-next {background-repeat: no-repeat;width: 20px;height: 37px;position: absolute;top: 0;} .slider .owl-prev {background-image: url(/templates/sunny/images/arrow_left.png);left: 15px;} .slider .owl-next {background-image: url(/templates/sunny/images/arrow_right.png);right: 15px;} .slider .owl-dots {display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 5px;} .slider .owl-dot {background: #5acae7;height: 5px;margin: 2px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .slider .owl-dot.active {background: #005f82;height: 5px;margin: 2px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .game_keys {background: #72cbf9 url(/templates/sunny/images/bg_keys.jpg) no-repeat;background-size: cover;border: 2px dashed #fff200;border-radius: 7px;} .game_keys_title {margin: 0;position: relative;} .game_keys_title h3 {background: #fffe64;font-size: 18px;display: inline-block;margin: 10px;padding: 10px 5px 10px 60px;border-radius: 40px;-webkit-box-shadow: 2px 2px 1px #0d7ed2;box-shadow: 2px 2px 1px #0d7ed2;} .game_keys_title img {position: absolute;top: -25px;left: 5px;} .game_keys_body {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 10px;} .game_keys_form {text-align: center;} .game_keys_form input {border: 1px solid #02b2f6;border-radius: 4px;margin: 3px 1px;padding: 7px 10px;} .game_keys_form button {background: url(/templates/sunny/images/bg_button2.png) no-repeat center top;width: 255px;height: 40px;margin: 15px 0 0 0;border: 0;border-radius: 60px;text-transform: uppercase;font-weight: bold;font-size: 15px;-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);text-shadow: none;padding: 0;} .game_keys_form button span {color: #f00;} .calendar_tours h3 {font-family: 'Segoe UI Bold',Arial,sans-serif;font-weight: normal;color: #005b8d;font-size:24px;margin-top: 10px;overflow: hidden;} .calendar_tours h3:before, .calendar_tours h3:after {content: "";display: inline-block;vertical-align: middle;width: 50%;height: 2px;background: #ffa300;position: relative;} .calendar_tours h3:before {margin-left: -100%;left: -14px;} .calendar_tours h3:after {margin-right: -100%;right: -14px;} .calendar {-webkit-column-count: 4;column-count: 4;} .calendar, .calendar a {color: #005f82;} .calendar a:hover {color: #00b0d5;} .calendar_mounth {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 5px 0;} .calendar_icon {background: url(/templates/sunny/images/calendar_icon.png) no-repeat center;font-size: 18px;line-height: 56px;width: 46px;height: 46px;margin-right: 10px;display: inline-block;text-align: center;} .menu_tours a {text-decoration: none;} .menu_tours > ul {border-left: 2px dotted #f89e32;margin-left: 24px;} .menu_tours > ul > li {background: url(/templates/sunny/images/menu_tours_circle.png) no-repeat center left;margin-left: -27px;min-height: 58px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;} .menu_tours > ul > li > a {font-family: 'Segoe UI Bold',Arial,sans-serif;margin: 0 0 7px 11px;padding: 7px 20px 8px 51px;text-transform: uppercase;background-repeat: no-repeat;background-position: center left;display: block;font-weight: normal;} .menu_tours > ul > li.active > a, .menu_tours > ul > li > a:hover {color: #f00;} .menu_tours > ul > li.item-104 > a {background-image: url(/templates/sunny/images/menu_tours_hot.png);} .menu_tours > ul > li.item-196 > a {background-image: url(/templates/sunny/images/menu_tours_avia.png);} .menu_tours > ul > li.item-197 > a {background-image: url(/templates/sunny/images/menu_tours_cruize.png);} .menu_tours > ul > li.item-105 > a {background-image: url(/templates/sunny/images/menu_tours_ranee.png);} .menu_tours > ul > li.item-198 > a {background-image: url(/templates/sunny/images/menu_tours_bus.png);} .menu_tours > ul > li.item-353 > a {background-image: url(/templates/sunny/images/menu_tours_christmas.png);} .menu_tours > ul > li.item-104 > a:hover {background-image: url(/templates/sunny/images/menu_tours_hot_white.png);} .menu_tours > ul > li.item-196 > a:hover {background-image: url(/templates/sunny/images/menu_tours_avia_white.png);} .menu_tours > ul > li.item-197 > a:hover {background-image: url(/templates/sunny/images/menu_tours_cruize_white.png);} .menu_tours > ul > li.item-105 > a:hover {background-image: url(/templates/sunny/images/menu_tours_ranee_white.png);} .menu_tours > ul > li.item-198 > a:hover {background-image: url(/templates/sunny/images/menu_tours_bus_white.png);} .menu_tours > ul > li.item-353 > a:hover {background-image: url(/templates/sunny/images/menu_tours_christmas_white.png);} .menu_tours > ul > li a {color: #005f82;font-size: 14px;} .menu_tours ul ul {display: none;top: 5px;left: 100%;position: absolute;z-index: 100;background: #f8f8f8;border: 1px solid #24b3d6;border-radius: 3px;width: 650px;-webkit-columns: 100px;columns: 100px;padding: 3px 13px 6px 13px;} .menu_tours ul ul a {color: #000;padding: 4px 0;display: block;} .menu_tours ul ul a:hover {color: #005f82;} .menu_tours ul li ul:before {position: absolute;width: 12px;height: 12px;left: -7px;background: #f8f8f8;border: 1px solid #23b3d6;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 8px;content: "";} .menu_tours ul li ul:after {position: absolute;background: #f8f8f8;top: 2px;left: 0;content: "";width: 10px;height: 30px;} .menu_tours a > img {width: 15px;vertical-align: middle;margin: 0 8px 0 0;} .moduletable.sale_today {background: #ffa300;border: 2px dashed #fff200;} .sale_today_all a {color: #fa1512;font-weight: bold;text-align: center;border-top: 1px solid #fff;border-bottom: 1px solid #fff; display: block;padding: 10px;text-decoration: none;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ddef7+0,35b6d8+100 */ background: rgb(141,222,247); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(141,222,247,1)),to(rgba(53,182,216,1))); background: linear-gradient(to bottom, rgba(141,222,247,1) 0%,rgba(53,182,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ddef7', endColorstr='#35b6d8',GradientType=0 ); /* IE6-9 */} .sale_today_all a img {vertical-align: baseline;} .sale_today_item {background: #fff;border-radius: 5px;margin: 10px;} .sale_today_item_price {padding: 5px 0 5px 5px;} .sale_today_item_price > div {display: inline-block;vertical-align: middle;} .sale_today_price {color: #005f82;font-size: 16px;font-weight: bold;} .sale_today_price_old {color: #b3b3b3;font-size: 14px;text-decoration: line-through;padding: 0 0 0 5px;} .sale_today_present {float: right;background: #fff982;color: #f00;font-size: 18px;line-height: normal;font-weight: bold;padding: 0 6px 0 10px;border-top-left-radius: 15px;border-bottom-left-radius: 15px;} .sale_today_item_info {text-align: center;padding: 10px;} .sale_today_name a {text-decoration: none;font-weight: bold;} .sale_today_name a:hover {color: #00abce;} .hotel_star {width: 0px;height: 15px;margin: 8px auto 0 auto;background: url(/templates/sunny/images/star.png) repeat-x top left;} .hotel_star_1 {width: 15px;} .hotel_star_2 {width: 30px;} .hotel_star_3 {width: 45px;} .hotel_star_4 {width: 60px;} .hotel_star_5 {width: 75px;} .moduletable.viber img {cursor: pointer;} .moduletable.poisk_poputchika {border-radius: 5px;padding: 6px;border: 2px dotted #f89e32;} .moduletable.poisk_poputchika > div {background: #e2f3f3;padding: 15px 18px;} .moduletable.poisk_poputchika img {padding: 5px 12px 0 0;float: left;} .moduletable.poisk_poputchika a {font-family: 'Segoe UI Bold',Arial,sans-serif;color: #004b73;font-size: 18px;font-weight: normal;text-decoration: none;text-transform: uppercase;} .moduletable.poisk_poputchika a:hover {color: #00b0d5;} .moduletable.news h3 {font-family: 'Segoe UI Bold',Arial,sans-serif;font-size: 18px;font-weight: normal;text-align: left;position: relative;text-transform: uppercase;} .moduletable.news h3:after {content: '';position: absolute;top: 6px;right: 6px;background: url(/templates/sunny/images/news_titile_line.png) no-repeat center;width: 46px;height: 11px;} .news_item {border-bottom: 2px dotted #f89e32;margin: 0 0 10px 0;padding: 0 0 10px 0;} .news_item_date {color: #00abce;font-weight: bold;} .news_item_title {font-weight: bold;} .news_item_title a {color: #000;text-decoration: none;} .news_item_title a:hover {color: #005f82;} .news_item_text {font-size: 14px;} .news_item_text img {vertical-align: baseline;} .news_read_more {text-align: center;} .news_read_more a {color: #005f82;font-size: 14px;} .news_read_more a:hover {color: #00b0d5;} .footer {background: #005e8d;color: #fff;padding: 25px 30px 25px 30px;} .footer a {color: #fff;} .footer a:hover {color: #64e4f8;} .footer_col h3 {color: #64e4f8;text-align: left;} .footer_line {background: #004b71;color: #fff;padding: 25px 30px 25px 30px;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;} .footer_line p {display: inline-block;} .footer_line .phones {color: #fff;} .footer_line .phones p {margin-right: 20px;} .footer_line .social p {margin-left: 20px;} .copyright {text-align: center;font-size: 14px;margin: 15px 0;} ul.breadcrumb li {display: inline-block;position: relative;font-size: 12px;padding-right: 8px;} ul.breadcrumb li img {vertical-align: baseline;} /*ul.breadcrumb li:not(:last-child):after {content: '>';position: absolute;top: 0;right: 7px;}*/ ul.breadcrumb li a {color: #000;padding-right: 8px;} ul.breadcrumb li, ul.breadcrumb li a:hover {color: #005b8d;} .page_hotel h1 {text-align: left;margin: 0 0 15px 0;} .hotel_slider {margin: 0 0 15px 0;position: relative;} .hotel_slide_img {min-height: 300px;border-radius: 4px;background-position: center;background-repeat: no-repeat;background-size: cover;} .hotel_slide_thumb {width: 117px;height: 75px;margin: auto;background-position: center;background-repeat: no-repeat;background-size: cover;} .slick-hotel_slider {margin: 0 0 6px 0;} .slick-hotel_thumbs {margin: 0 30px;} .hotel_slider_price {font-family: 'Segoe UI Bold',Arial,sans-serif;font-weight: normal;background: #fffc5d;color: #005b8d;font-size:24px;position: absolute;bottom: 105px;right: 40px;padding: 9px 16px;-webkit-box-shadow: 0 4px 0 #fff;box-shadow: 0 4px 0 #fff;border-radius: 25px;} .price_sale {color: #f00;} .price_sale + div {text-decoration: line-through;font-size: 70%;line-height: 70%;color: #d27a00;} .slick-prev, .slick-next {background: url(/templates/sunny/images/hotel_slider_arrow.png);width: 20px;height: 37px;box-shadow: none;} .slick-prev {background-position: 0 0;} .slick-next {background-position: 100% 0;} .hotel_params {font-size: 15px;margin: 0 0 15px 0;border-top: 1px solid #fffc5d;border-bottom: 1px solid #fffc5d;} .hotel_params ul {margin: 10px 25px;} .hotel_params ul li {margin: 5px 0;} .hotel_params ul li span {font-weight: bold;display: inline-block;min-width: 160px;} .hotel_tabs {margin: 0 0 15px 0;} .r-tabs { position: relative; background-color: #e8f7fc; } .r-tabs .r-tabs-nav {display: -webkit-box;display: -ms-flexbox;display: flex;} .r-tabs .r-tabs-nav .r-tabs-tab { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .r-tabs .r-tabs-nav .r-tabs-anchor { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 18px; font-weight: bold; color: #000; background-color: #005b8d; text-align: center; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; display: block; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ddef7+0,35b6d8+100 */ background: rgb(141,222,247); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(141,222,247,1)),to(rgba(53,182,216,1))); background: linear-gradient(to bottom, rgba(141,222,247,1) 0%,rgba(53,182,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ddef7', endColorstr='#35b6d8',GradientType=0 ); /* IE6-9 */ } .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { color: #005b8d; background: #e8f7fc; border-top: 2px solid #45bcdc; border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .r-tabs .r-tabs-nav .r-tabs-state-active:first-child .r-tabs-anchor {border-left: 2px solid #45bcdc;} .r-tabs .r-tabs-nav .r-tabs-state-active:last-child .r-tabs-anchor {border-right: 2px solid #45bcdc;} .r-tabs .r-tabs-panel {font-size: 14px; border-left: 2px solid #45bcdc; border-bottom: 2px solid #45bcdc; border-right: 2px solid #45bcdc;} .r-tabs .r-tabs-panel p {margin-bottom: 15px;} .r-tabs .r-tabs-panel > div {height: 360px;padding-right: 20px;} .r-tabs-panel ::-webkit-scrollbar { width: 10px; background: #fffc5d; border: 1px solid #e3e3e3; border-radius: 10px; } .r-tabs-panel ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .r-tabs-panel ::-webkit-scrollbar-track-piece {} ::-webkit-scrollbar-track-piece:end {background: rgba(255,255,255,1); border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} .r-tabs-panel ::-webkit-scrollbar-thumb { background: #28bbdd; border: 1px solid #fff; border-radius: 10px; } .r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: block; padding: 10px; background-color: #00c5ad; color: #fff; font-weight: bold; text-decoration: none; } /*.r-tabs button { display:inline-block; margin-top: 10px; margin-right: 10px; padding: 10px 20px; line-height: 100%; color: #fff; font-size: 14px; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.3); vertical-align: middle; font-weight: bold; border: 0; border-radius: 3px; background-color: #00c5ad; -webkit-box-shadow: 0px 3px 0px 0px #00ab94; box-shadow: 0px 3px 0px 0px #00ab94; cursor: pointer; }*/ .r-tabs .info { display:inline-block; margin-top: 10px; margin-right: 10px; padding: 10px 20px; width: 300px; line-height: 100%; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 14px; color: #00c5ad; border: 2px solid #00ab94; border-radius: 3px; background-color: #fff; cursor: pointer; } .hotel_order {text-align: center;position: relative;} .hotel_order .desc {font-size: 12px;margin-top: 10px;} .hotel_order .order_popup button {width: auto;padding: 0 20px 0 60px;} .order_popup_form {text-align: center;display: none;z-index: 1000;position: absolute;top: 70px;left: 50%;width: 210px;margin: 0 0 0 -107px;background: #e8f7fc;border: 2px solid #45bcdc;border-radius: 5px;padding: 10px 0;} .order_popup_form input {font-family: inherit;text-align: center;width: 168px;font-size: 14px;padding: 5px 0;border: 0;margin: 0 0 5px 0;-webkit-box-shadow: inset 0 1px 3px #bdbdbd;box-shadow: inset 0 1px 3px #bdbdbd;border-radius: 5px;} .order_popup_form input::-webkit-input-placeholder {color: #000;} .order_popup_form input:-ms-input-placeholder {color: #000;} .order_popup_form input::-ms-input-placeholder {color: #000;} .order_popup_form input::placeholder {color: #000;} .order_popup_form button {font-family: 'Segoe UI Bold',Arial,sans-serif;font-size: 14px;font-weight: normal;text-transform: uppercase;border: 2px solid #fffc5d;border-radius: 15px;padding: 4px 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa300+0,ffcd82+100 */ background: rgb(255,163,0); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,163,0,1)),to(rgba(255,205,130,1))); background: linear-gradient(to bottom, rgba(255,163,0,1) 0%,rgba(255,205,130,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa300', endColorstr='#ffcd82',GradientType=0 ); /* IE6-9 */} .layout_modal_form {opacity: 0;position: fixed;z-index: 1000000;top: 0;bottom: 0;left: 0;right: 0;overflow-y: auto;} .layout_modal_form.modal_form_show {opacity: 1;} .layout_modal_bg {background: rgba(0, 0, 0, 0.4);position: fixed;top: 0;bottom: 0;left: 0;right: 0;} .layout_modal_form .wrap_form {width: 315px;margin: 100px auto auto auto;position: relative;text-align: center;} .wrap_form {width: 400px;margin: 20px auto;} .wrap_form.podbor_tura {width: 400px;} .layout_modal_form .wrap_form .modal_form_close {position: absolute;background: #e81919 url(/templates/sunny/images/modal_form_close.png) center no-repeat;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;font-size: 14px;top: -8px;right: -8px;z-index: 50;cursor: pointer;transition: .5s;color: #fff;} .layout_modal_form .wrap_form .modal_form_close:hover {background-color: #3aabca;} .layout_modal_form .wrap_form .form {box-shadow: 3px 3px 8px rgb(93, 93, 93);} .wrap_form .form {background: #e8f7fc url(/templates/sunny/images/bg_slider.jpg) center top;border: 3px solid #00abce;border-radius: 5px;padding: 25px;z-index: 10;position: relative;} .form_head {font-size: 22px;margin-bottom: 5px;font-weight: bold;color: #005b8d;} .form_head span {color: #f96332;display: block;font-weight: bold;font-size: 16px;} .form input, .form button, .form select, .form textarea {margin: 6px 0;padding: 10px;width: 100%;box-sizing: border-box;} .form input, .form select, .form textarea {border: 1px solid #939393;background: rgba(255, 255, 255, 0.7);font-family: inherit;} .form input, .form select, .form textarea, .form input::placeholder, .form select::placeholder, .form textarea::placeholder {color: #000;font-size: 20px;} /*.wrap_form button {font-size: 20px;font-weight: normal;border-color: #045791;background: rgb(91,181,245); background: -moz-linear-gradient(top, rgba(91,181,245,1) 0%, rgba(1,129,217,1) 100%); background: -webkit-linear-gradient(top, rgba(91,181,245,1) 0%,rgba(1,129,217,1) 100%); background: linear-gradient(to bottom, rgba(91,181,245,1) 0%,rgba(1,129,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb5f5', endColorstr='#0181d9',GradientType=0 );}*/ .form input.error, .form select.error, .form textarea.error, .have_question_form input.error {border: 2px solid #f00;} .send_message {color: #0a9c0f;font-size: 20px;font-weight: bold;margin-top: 10px;} .send_message_error {color: #f00;font-size: 18px;font-weight: bold;margin-top: 10px;} .hotel_item {border-bottom: 1px solid #ffa302;margin: 0 0 10px 0;padding: 0 0 15px 0;} .hotel_item h3 {text-align: left;} .hotel_item h3 a {color: #00b0d5;text-decoration: none;} .hotel_item h3 a:hover {color: #005f82;} .hotel_item_info {display: flex;justify-content: space-between;align-items: center;} .hotel_item_info_img {display: block;width: 200px;} .hotel_item_info_img img {display: block;width: 100%;height: 130px;border-radius: 4px;object-fit: cover;font-family: 'object-fit: cover';} .hotel_item_info_desc li {margin: 5px 0;} .hotel_item_info_price {font-family: 'Segoe UI Bold',Arial,sans-serif;font-weight: normal;color: #005b8d;font-size: 14px;padding: 10px;border: 2px solid #ffa302;border-radius: 4px;display: flex;flex-direction: column;justify-content: center;align-items: start;align-self: stretch;box-sizing: border-box;} .hotel_item_info_price_title {text-transform: uppercase;font-size: 22px;background: #fec352;margin-bottom: 10px;} .hotel_item_info_btn_more a, .hotel_item_info_btn_order button {font-family: 'Segoe UI Bold',Arial,sans-serif;font-weight: normal;display: inline-block;box-sizing: border-box;margin: 10px 0;padding: 10px 20px 10px 45px;text-decoration: none;text-transform: uppercase;font-size: 14px;color: #000;text-align: left;border-bottom: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;border-radius: 25px;position: relative;text-shadow: 1px 1px 4px rgba(143, 143, 143, 0.4);} .hotel_item_info_btn_more a {color: #ff0!important;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(234, 152, 7);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(234, 152, 7); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa21f+0,ff9f1a+50,ffb246+50,ffa123+100 */ background: rgb(255,162,31); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,162,31,1) 0%, rgba(255,159,26,1) 50%, rgba(255,178,70,1) 50%, rgba(255,161,35,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,162,31,1) 0%,rgba(255,159,26,1) 50%,rgba(255,178,70,1) 50%,rgba(255,161,35,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,162,31,1) 0%,rgba(255,159,26,1) 50%,rgba(255,178,70,1) 50%,rgba(255,161,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa21f', endColorstr='#ffa123',GradientType=0 ); /* IE6-9 */ } .hotel_item_info_btn_more a:hover {opacity: .9;} .hotel_item_info_btn_order button {width: auto;height: auto;color: #ff0;-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66d0ed+0,65cce9+50,92dbef+50,73cde5+100 */ background: rgb(102,208,237); /* Old browsers */ background: -moz-linear-gradient(top, rgba(102,208,237,1) 0%, rgba(101,204,233,1) 50%, rgba(146,219,239,1) 50%, rgba(115,205,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(102,208,237,1) 0%,rgba(101,204,233,1) 50%,rgba(146,219,239,1) 50%,rgba(115,205,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(102,208,237,1) 0%,rgba(101,204,233,1) 50%,rgba(146,219,239,1) 50%,rgba(115,205,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d0ed', endColorstr='#73cde5',GradientType=0 ); /* IE6-9 */} .hotel_item_info_btn_more a:after, .hotel_item_info_btn_order button:after {content: '';position: absolute;top: 9px;left: 15px;width: 20px;height: 20px;} .hotel_item_info_btn_more a:after {background: url(/templates/sunny/images/btn_more_tour2.png) no-repeat center;background-size: contain;} .hotel_item_info_btn_order button:after {background: url(/templates/sunny/images/btn_order_tour.png) no-repeat center;background-size: contain;} /* .hotel_item_info_img {position: relative;} .country_page--hot .hotel_item_info_img:after {content: url(/images/icons/hot_tour.png);position: absolute;bottom: 0;left: 2px;} */ div#comments-form-send button {padding: 8px 20px;} .page_hotel .fishki {position: absolute;top: 5px;left: 10px;} .fishki > div {display: inline-block;font-size: 16px;line-height: normal;background: #fff;border-radius: 3px;margin: 5px 10px 0 0;padding: 1px 9px 3px 9px;text-transform: uppercase;font-weight: bold;color: #fff;} .fishki .new {background: #30d627;} .fishki .hit {background: #ffa302;} .fishki .sale {background: #f00;} .description {margin: 20px 0;/*border-radius: 5px;padding: 6px;border: 2px dotted #f89e32;*/} .description > div {/*background: #e2f3f3;padding: 10px 15px;*/} .description h2, .description h3, .description h4, .description h5 {margin-top: 15px;} .description ol, .item-page ol {list-style-type: decimal;margin-left: 30px;} .description ul, .item-page ul {list-style-type: none;margin-left: 30px;} .description ul li:before, .item-page ul li:before {font-family: sans-serif;font-size: 20px;line-height: normal;font-weight: 900;color: #ffa302;content: "•";position: absolute;top: -3px;left: -20px;} .description li, .item-page li {margin: 10px 0;position: relative;} .content_center p {margin: 10px 0;} .content_center a {color: #00abce;} .content_center a:hover {text-decoration: none;} .content_center td {border: 1px solid #00abce;padding: 3px 10px;} .item-page {text-align: justify;} .country_link_tours {text-align: center;} .country_link_tours a {display: block;color: #ff0;text-decoration: none;padding: 5px 5px 5px 45px;} .country_link_hot, .country_link_early {margin-bottom: 5px;padding: 0; cursor: pointer;outline: none;font-family: 'Segoe UI Bold',Arial,sans-serif; text-transform: uppercase;font-weight: normal;font-size: 16px;position: relative; text-shadow: 1px 1px 4px #59b3c7;border-radius: 30px;border: 1px solid #fff;color: #ff0; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), inset 5px 5px 13px rgb(69, 189, 222); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66d0ed+0,65cce9+50,92dbef+50,73cde5+100 */ background: rgb(102,208,237); /* Old browsers */ background: -moz-linear-gradient(top, rgba(102,208,237,1) 0%, rgba(101,204,233,1) 50%, rgba(146,219,239,1) 50%, rgba(115,205,229,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(102,208,237,1) 0%,rgba(101,204,233,1) 50%,rgba(146,219,239,1) 50%,rgba(115,205,229,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(102,208,237,1) 0%,rgba(101,204,233,1) 50%,rgba(146,219,239,1) 50%,rgba(115,205,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d0ed', endColorstr='#73cde5',GradientType=0 ); /* IE6-9 */} .country_link_hot:hover, .country_link_early:hover {opacity: .9;} .country_link_hot a {background: url(/templates/sunny/images/menu_tours_hot.png) no-repeat 10px 15px;} .country_link_early a {background: url(/templates/sunny/images/menu_tours_ranee.png) no-repeat 10px 15px;} .countries {display: flex;flex-wrap: wrap;justify-content: space-between;} .countries .item, .countries .wrap_last {padding: 10px 20px;width: 32%;box-sizing: border-box;} .countries .item {color: #fff;text-shadow: 1px 1px 2px #000;background-color: #009fc5;background-position: center;background-repeat: no-repeat;background-size: cover;border: 2px solid #ffa302; min-height: 130px;display: inline-block;margin-bottom: 10px;text-align: center;display: flex;align-items: center;justify-content: center;position: relative;} .countries .item:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);transition: .5s;} .countries .item:hover {border-color: #009fc5;} .countries .item:hover:after {background: rgba(0, 0, 0, 0.6);} .countries .item > div {z-index: 1;} .countries .item a {color: #fff;font-size: 24px;font-weight: bold;text-align: center;text-transform: uppercase;text-align: center;text-decoration: none;} .countries .visa {position: absolute;bottom: 8px;left: 8px;text-align: left;line-height: 1em;color: #fdfe62;} .countries .visa .title {font-size: 16px;font-weight: bold;display: block;text-transform: uppercase;} #dynamic_recaptcha_1 {float: right;} .item-page p {margin: 8px 0;} .items-row {display: flex;} .span12 {width: 100%;} .span6 {width: 48%;margin-right: 1%;margin-left: 1%;} /* ФОРМА ПОДБОРА ТУРА */ .steps {display: flex;background: #00abce;border: 1px solid #0699b7;} .step {padding: 8px 6px 8px 18px;color: #fff;font-weight: bold;width: 20%;cursor: pointer;text-align: center;position: relative;} .step:first-child {padding-left: 10px;} .step:not(:last-child):after {content: '';position: absolute;top: 0;right: -10px;bottom: 0;width: 15px;background: url(/templates/sunny/images/step_arrow.png) no-repeat center right;z-index: 100;} .step.done/*, .step.done + .step:hover*/ {background: #ffa302;} .step.done:not(:last-child):after/*, .step.done + .step:hover:after*/ {background-position: center left;} .step_content h4 {font-weight: bold;font-size: 26px;text-align: center;margin-bottom: 10px;} .step_content p {font-size: 18px;text-align: center;} .step_content > div {display: none;} .step_content > div.done {display: block;} .next {text-align: center;} .next button {width: auto;padding-right: 30px;padding-left: 30px;} .ui-widget.ui-widget-content {z-index: 10000000 !important;} /* СТРАНИЦА УСЛУГИ, АКЦИИ */ .itemid-199 .items-row .item, .itemid-200 .items-row .item {position: relative;margin-bottom: 5px;} .itemid-199 .items-row .item .readmore, .itemid-200 .items-row .item .readmore {position: absolute;bottom: 28px;right: 35px;margin: 0;} .readmore .btn {background: #fdfe00;color: #005e86;font-size: 22px;text-transform: uppercase;font-weight: bold;text-decoration: none;padding: 6px 15px 8px 15px;display: inline-block;transition: .5s;} .readmore .btn:hover {background: #63cdea;} /* СТРАНИЦА НОВОСТИ */ .blog.news .items-row .item {background-color: #e2f3f3;background-size: cover;background-position: center;position: relative;} .blog.news .items-row .item:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;left: 0;background: rgba(0, 0, 0, 0.3);transition: .3s;} .blog.news .items-row .item h2 a {min-height: 150px;display: flex;justify-content: center;align-items: center;padding: 12px;box-sizing: border-box;z-index: 1;position: relative;text-shadow: 1px 1px 1px #000;color: #fff;text-decoration: none;} .blog.news .items-row .item:hover:after {background: rgba(0, 0, 0, 0.6);} .blog.news .items-row .item:hover h2 a {color: #f90;} .blog.news .items-row .item .date {position: absolute;right: 10px;bottom: 7px;color: #f90;font-weight: bold;z-index: 1;text-shadow: 1px 1px 1px #000;transition: .3s;} .blog.news .items-row .item:hover .date {color: #fff;} /**/ .itemid-240 .calendar_tours > h3 {display: none;} .our_service > h3 {text-transform: uppercase;} .our_service ul {background: #e2f3f3;padding: 3px 10px 5px 10px;} .our_service ul li {border-bottom: 1px solid #c4d6d6;} .our_service ul li:last-child {border-bottom: none;} .our_service ul li a {text-decoration: none;color: #005b8d;font-size: 18px;display: block;padding: 3px 0;} .our_service ul li a:hover {color: #f39411;} /* Температура */ .minitemp-13,.minitemp-14,.minitemp-15,.minitemp-16,.minitemp-17,.minitemp-18{background:#1176a5;border-bottom: 1px solid #07618c;} .minitemp-10,.minitemp-11,.minitemp-12,.minitemp-6,.minitemp-7,.minitemp-8,.minitemp-9{background:#209cd6;border-bottom: 1px solid #117db1;} .minitemp-1,.minitemp-2,.minitemp-3,.minitemp-4,.minitemp-5,.minitemp0,.minitemp1{background:#48c5ff;border-bottom: 1px solid #258ab9;} .minitemp2,.minitemp3,.minitemp4,.minitemp5,.minitemp6,.minitemp7{background:#82d7fe;border-bottom: 1px solid #53a4ca;} .minitemp10,.minitemp11,.minitemp12,.minitemp13,.minitemp8,.minitemp9{background:#ffd86d;border-bottom: 1px solid #d2a11b;} .minitemp14,.minitemp15,.minitemp16,.minitemp17,.minitemp18,.minitemp19{background:#ffc424;border-bottom: 1px solid #bf8e07;} .minitemp20,.minitemp21,.minitemp22,.minitemp23,.minitemp24,.minitemp25{background:#ffa024;border-bottom: 1px solid #c77810;} .minitemp26,.minitemp27,.minitemp28,.minitemp29,.minitemp30,.minitemp31,.minitemp32{background:#ff7301;border-bottom: 1px solid #c55b04;} .minitemp33,.minitemp34,.minitemp35,.minitemp36,.minitemp37,.minitemp38{background:#f83500;border-bottom: 1px solid #a02200;} .minitemp39,.minitemp40,.minitemp41,.minitemp42,.minitemp43,.minitemp44{background:#d12222;border-bottom: 1px solid #a02200;} .temperature-calendar .month {font-size: 18px;position: relative;} .temperature-calendar .month > div, .temperature-calendar .month > a {padding: 3px 10px;} .temperature-calendar .month a {display: block;cursor: pointer;box-sizing: border-box;color: #000;transition: .5s;} .temperature-calendar .month a:hover {background: rgba(255, 255, 255, 0.5);} .temperature-calendar .month a + div {display: none;} .temperature-calendar .month span {float: right;} button.order {padding: 12px 25px;} .video_reviews > div {margin: 5px 0;} .btn_other_months {display: flex;justify-content: space-between;margin-bottom: 20px;} a.btn {padding: 10px 20px;color: #ff0;text-decoration: none;display: inline-block;} ul.pagination-list {text-align: center;} ul.pagination-list li {background: none;display: inline-block;margin: 0 3px;padding: 0;} ul.pagination-list li a {background: #fff;color: #000;font-weight: bold;text-decoration: none;display: block;padding: 5px 10px;transition: .5s;position: relative;} ul.pagination-list li.active a, ul.pagination-list li a:hover, .content #phocagallery ul.pagination-list li a:hover {background: #ffdc4d;} ul.pagination-list li.disabled, .pagination .counter {display: none;} .icon-first:before {content: '<<';} .icon-previous:before {content: '<';} .icon-next:before {content: '>';} .icon-last:before {content: '>>';} .sitemap ul ul {margin-left: 20px;} /* Рейтинг */ .comment-stars {background: url(/templates/sunny/images/icon_star.png) repeat-x;height: 20px;display: inline-block;vertical-align: top;} .comment-star-1 {width: 20px;} .comment-star-2 {width: 40px;} .comment-star-3 {width: 60px;} .comment-star-4 {width: 80px;} .comment-star-5 {width: 100px;} #review-rate {text-decoration: none;} .comments-form-star {width: 20px;height: 20px;display: inline-block;cursor: pointer;} .comments-form-star.star-empty {background: url(/templates/sunny/images/icon_star_empty.png) no-repeat;} .comments-form-star.star, .comments-form-star.star-hover {background: url(/templates/sunny/images/icon_star.png) no-repeat;} @media (max-width: 560px) { .comment-stars {display: block;} span.comment-date {float: none;} } .form-gorizontal_bg {background: #ccc url(/templates/sunny/images/bg_form.jpg) center;background-size: cover;border: 3px solid #00abce;border-radius: 6px;margin: 20px 0;padding: 20px 25px;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);} .form-gorizontal_bg h3 {text-shadow: 1px 1px 1px #fff;} @media screen and (min-width: 650px) { .form-gorizontal {display: flex;justify-content: space-between;} .form-gorizontal > * {width: 31% !important;} } /* IMAGE CROP */ .image--cover {width: 100%;height: 260px;object-fit: cover;font-family: 'object-fit: cover';} @media screen and (min-width: 1210px) { .container {width: 1200px;} .header .container {flex-wrap: nowrap;} .game_keys_form {width: 400px;padding: 45px 40px 20px 40px;} .footer {display: -webkit-box;display: -ms-flexbox;display: flex;} .footer_col {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} } @media screen and (min-width:1100px) { .main_content {padding: 10px 5px;} .content_center {width: 57%;} .content_center.column2 {width: 78%;} .sidebar_left, .sidebar_right {width: 20%;} .country_columns {display: flex;} .country_column_main {width: 72%;} .country_column_info {width: 27%;margin-left: 1%;} .country_link_tours {display: flex;justify-content: space-around;text-align: center;} .country_link_hot, .country_link_early {width: 45%;font-size: 18px;margin-bottom: 0;} .main_content {display: -webkit-box;display: -ms-flexbox;display: flex;} .content_center {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;margin: 0 0.5%;} .sidebar_left {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;margin: 0 0.5%;} .sidebar_right {-webkit-box-ordinal-group: 4;-ms-flex-order: 3;order: 3;margin: 0 0.5%;} .hotel_item_info_desc {width: 180px;} } @media screen and (min-width:768px) { .header_mobile {display: none;} .body {margin-top: -25px;} .header {padding: 10px 0 35px 0;} .header .container {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;flex-wrap: wrap;} .header.fixed {position: fixed;width: 100%;z-index: 100;padding: 10px 0;} .header.fixed + .body {margin-top: 0;} .mainmenu ul {display: -webkit-box;display: -ms-flexbox;display: flex;} .mainmenu ul li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;} .mainmenu > ul > li:not(:last-child) {border-right: 2px solid #ff0;} .menu_tours ul li:hover ul, .mainmenu ul li.item-166:hover > ul {display: block;} .slide_desc {width: 355px;} .slide_desc > div:first-child {font-size: 26px;} .slide_desc > div:last-child {font-size: 22px;} .game_keys {margin-top: 65px;} .game_keys_title {margin: -35px 0 0 0;} .game_keys_title h3 {margin: 0 5px 0 90px;padding: 10px 40px;font-size: 22px;} .game_keys_form button {width: 318px;font-size: 18px;} } @media (min-width:600px) { .video_reviews {display: flex; flex-wrap: wrap;} .video_reviews > div {width: 48%; padding: 0 1%;} } @media (max-width:767px) { .header .logotip, .header .order_popup_top, .header .time_work, .header .address, .header .phones, .topmenu {display: none;} .header .order_popup_top, .header .time_work, .header .address, .header .phones {padding-top: 5px;padding-bottom: 5px;margin: auto;width: max-content;} .mainmenu ul li a {display: block;padding: 10px;border-bottom: 1px solid #d27a00;} .mainmenu ul li:first-child a {border-top: 1px solid #d27a00;} .slide_desc {right: 25px;} .game_keys_title img {top: 40px;left: 25px;width: 55px;} } @media (max-width:630px) { .calendar {-webkit-column-count: 3;column-count: 3;} .countries .item, .countries .wrap_last {width: 49%;} } @media (max-width:460px) { .calendar {-webkit-column-count: 2;column-count: 2;} } @media (max-width:425px) { .countries .item, .countries .wrap_last {width: 100%;} } .hotel_items--column .hotel_item_info_img {width: 100%;} .hotel_items--column .hotel_item_info {display: block;} .hotel_items--column .hotel_item_info_price {padding: 8px 15px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;min-height: 64px;} .hotel_items--column .hotel_item_info_price_title {margin-bottom: 0;} @media (min-width: 500px) { .hotel_items--column {display: flex;flex-wrap: wrap;} .hotel_items--column .hotel_item {width: 48%;padding: 0 1% 10px 1%;display: flex;flex-direction: column;justify-content: space-between;} } @media (min-width: 720px) { .hotel_items--column .hotel_item {width: 31%;} } @media (min-width: 930px) { .hotel_items--column .hotel_item {width: 23%;} } @media (min-width: 1100px) { .hotel_items--column .hotel_item {width: 48%;} } @media (min-width: 1210px) { .hotel_items--column .hotel_item {width: 31%;} } .hotel_items--row .hotel_item_info {flex-wrap: wrap;} @media (min-width: 1100px) and (max-width: 1210px) { .hotel_items--row .hotel_item_info > * {width: 49%;margin-bottom: 15px;} .hotel_items--row .hotel_item_info_btn_more a, .hotel_items--row .hotel_item_info_btn_order button {margin: 5px 0;} } @media (min-width: 500px) and (max-width: 767px) { .hotel_items--row .hotel_item_info > * {width: 49%;margin-bottom: 15px;} .hotel_items--row .hotel_item_info_btn_more a, .hotel_items--row .hotel_item_info_btn_order button {margin: 5px 0;} } @media (max-width: 449px) { .hotel_items--row .hotel_item_info > * {width: 100%;margin-bottom: 15px;} .hotel_items--row .hotel_item_info_price, .hotel_items--row .hotel_item_info_btn {width: auto;} .hotel_items--row .hotel_item_info_btn_more a, .hotel_items--row .hotel_item_info_btn_order button {margin: 5px 0;} }