@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;z-index:0;box-sizing:border-box}.mm-btn,.mm-menu{box-sizing:border-box}.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-listview .mm-next:before,.mm-listview>li:not(.mm-divider):after,.mm-next:after,.mm-prev:before{content:'';bottom:0}.mm-hidden{display:none!important}.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{padding:0;position:absolute;bottom:0}.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute;bottom:0}.mm-btn,.mm-panel.mm-highest{z-index:1}.mm-panels{overflow:hidden}.mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-panel.mm-opened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel.mm-subopened{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{width:40px;height:40px;position:absolute;top:0}.mm-clear:after,.mm-clear:before,.mm-close:after,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-clear:before,.mm-close:before{border-right:none;border-bottom:none;right:18px}.mm-clear:after,.mm-close:after{border-left:none;border-top:none;right:25px}.mm-next:after,.mm-prev:before{border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0}.mm-prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}.mm-navbar>*{display:block;padding:10px 0}.mm-navbar .mm-btn:first-child{left:0}.mm-navbar .mm-btn:last-child{text-align:right;right:0}.mm-panel .mm-navbar{display:none}.mm-panel.mm-hasnavbar .mm-navbar{display:block}.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}.mm-listview{font:inherit;font-size:14px;line-height:20px}.mm-listview>li{position:relative}.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}.mm-listview>li:not(.mm-divider):after{border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;left:20px}.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}.mm-listview .mm-next:before{border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;left:0}.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}.mm-listview .mm-next.mm-fullsubopen{width:100%}.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}.mm-listview .mm-inset>li{padding:5px 0}.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}.mm-listview .mm-spacer{padding-top:40px}.mm-listview .mm-spacer>.mm-next{top:40px}.mm-listview .mm-spacer.mm-divider{padding-top:25px}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75)}.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}html.mm-opened{overflow-x:hidden;position:relative}html.mm-blocking,html.mm-blocking body{overflow:hidden}html.mm-background .mm-page{background:inherit}#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}html.mm-blocking #mm-blocker{display:block}.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed;width:80%;min-width:140px;max-width:440px}.mm-menu.mm-offcanvas.mm-current{display:block}.mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened{z-index:10}html.mm-opening .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}
.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom,.mm-menu.mm-offcanvas.mm-autoheight.mm-top{max-height:80%}.mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}.mm-menu.mm-offcanvas.mm-measureheight .mm-panel{display:block!important}.mm-menu.mm-offcanvas.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform}.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-columns-0{width:80%;min-width:140px;max-width:0}html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:0px){html.mm-right.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-offcanvas.mm-columns-1{width:80%;min-width:140px;max-width:440px}html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(440px,0);-ms-transform:translate(440px,0);transform:translate(440px,0);-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate(200%,0);-ms-transform:translate(200%,0);transform:translate(200%,0);-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-offcanvas.mm-columns-2{width:80%;min-width:140px;max-width:880px}html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(880px,0);-ms-transform:translate(880px,0);transform:translate(880px,0);-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}}html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1100px){html.mm-right.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate(-880px,0);-ms-transform:translate(-880px,0);transform:translate(-880px,0);-webkit-transform:translate3d(-880px,0,0);transform:translate3d(-880px,0,0)}}.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate(300%,0);-ms-transform:translate(300%,0);transform:translate(300%,0);-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-offcanvas.mm-columns-3{width:80%;min-width:140px;max-width:1320px}html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(1320px,0);-ms-transform:translate(1320px,0);transform:translate(1320px,0);-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}}html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:1650px){html.mm-right.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate(-1320px,0);-ms-transform:translate(-1320px,0);transform:translate(-1320px,0);-webkit-transform:translate3d(-1320px,0,0);transform:translate3d(-1320px,0,0)}}.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate(400%,0);-ms-transform:translate(400%,0);transform:translate(400%,0);-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-offcanvas.mm-columns-4{width:80%;min-width:140px;max-width:1760px}html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(1760px,0);-ms-transform:translate(1760px,0);transform:translate(1760px,0);-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}}html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2200px){html.mm-right.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate(-1760px,0);-ms-transform:translate(-1760px,0);transform:translate(-1760px,0);-webkit-transform:translate3d(-1760px,0,0);transform:translate3d(-1760px,0,0)}}.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate(500%,0);-ms-transform:translate(500%,0);transform:translate(500%,0);-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate(600%,0);-ms-transform:translate(600%,0);transform:translate(600%,0);-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}.mm-menu.mm-offcanvas.mm-columns-5{width:80%;min-width:140px;max-width:2200px}html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(2200px,0);-ms-transform:translate(2200px,0);transform:translate(2200px,0);-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)}}html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:2750px){html.mm-right.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate(-2200px,0);-ms-transform:translate(-2200px,0);transform:translate(-2200px,0);-webkit-transform:translate3d(-2200px,0,0);transform:translate3d(-2200px,0,0)}}.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate(600%,0);-ms-transform:translate(600%,0);transform:translate(600%,0);-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate(700%,0);-ms-transform:translate(700%,0);transform:translate(700%,0);-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)}.mm-menu.mm-offcanvas.mm-columns-6{width:80%;min-width:140px;max-width:2640px}html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(80%,0);-ms-transform:translate(80%,0);transform:translate(80%,0);-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(2640px,0);-ms-transform:translate(2640px,0);transform:translate(2640px,0);-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)}}html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:3300px){html.mm-right.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate(-2640px,0);-ms-transform:translate(-2640px,0);transform:translate(-2640px,0);-webkit-transform:translate3d(-2640px,0,0);transform:translate3d(-2640px,0,0)}}.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}em.mm-counter+a.mm-next{width:90px}em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}em.mm-counter+a.mm-fullsubopen{padding-left:0}.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+a,.mm-listview em.mm-counter+.mm-next.mm-fullsubopen+span,em.mm-counter+a.mm-fullsubopen+a,em.mm-counter+a.mm-fullsubopen+span{padding-right:90px}.mm-vertical>.mm-counter{top:12px;margin-top:0}.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}.mm-nosubresults>.mm-counter{display:none}.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-collapsed:not(.mm-uncollapsed){display:none}.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-fixeddivider:after{content:none!important;display:none!important}.mm-hasdividers .mm-fixeddivider{display:block}.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-dropdown .mm-menu{z-index:2}html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.mm-menu.mm-tipleft:before{left:22px}.mm-menu.mm-tipright:before{right:22px}.mm-menu.mm-tiptop:before{top:-8px}.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}.mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3}
.mm-keyboardfocus a:focus{outline:0}.mm-menu.mm-keyboardfocus a:focus{background:rgba(255,255,255,.5)}
.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}.mm-navbar.mm-hasbtns{padding:0 40px}.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}.mm-navbar-top-1{top:0}.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px}.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px}.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}.mm-hasnavbar-top-4 .mm-panels{top:160px}.mm-navbar-bottom-1{bottom:0}.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}.mm-navbar-size-2{height:80px}.mm-navbar-size-3{height:120px}.mm-navbar-size-4{height:160px}.mm-navbar-content-2>*{width:50%}.mm-navbar-content-3>*{width:33.33%}.mm-navbar-content-4>*{width:25%}.mm-navbar-content-5>*{width:20%}.mm-navbar-content-6>*{width:16.67%}
.mm-menu.mm-rtl{direction:rtl}.mm-menu.mm-rtl.mm-offcanvas{right:auto}.mm-menu.mm-rtl .mm-panel:not(.mm-opened){-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-rtl .mm-panel.mm-subopened{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-menu.mm-rtl .mm-navbar .mm-btn:first-child{left:auto;right:0}.mm-menu.mm-rtl .mm-navbar .mm-btn:last-child{right:auto;left:0}.mm-menu.mm-rtl .mm-navbar .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-navbar .mm-prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-menu.mm-rtl .mm-listview>li:not(.mm-divider)::after{left:0;right:20px}.mm-menu.mm-rtl .mm-listview>li>a:not(.mm-next),.mm-menu.mm-rtl .mm-listview>li>span:not(.mm-next){padding-left:10px;padding-right:20px!important;margin-right:0!important}.mm-menu.mm-rtl .mm-listview .mm-next{right:auto;left:0}.mm-menu.mm-rtl .mm-listview .mm-next:before{left:auto;right:0}.mm-menu.mm-rtl .mm-listview .mm-next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-menu.mm-rtl .mm-listview .mm-next+a,.mm-menu.mm-rtl .mm-listview .mm-next+span{margin-left:50px}.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter{left:45px;right:auto}.mm-menu.mm-rtl em.mm-counter+a.mm-next+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+span{margin-left:90px}.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+a,.mm-menu.mm-rtl .mm-listview em.mm-counter+.mm-fullsubopen+span{padding-left:90px}.mm-menu.mm-rtl label.mm-check,.mm-menu.mm-rtl label.mm-toggle{left:20px;right:auto!important}.mm-menu.mm-rtl label.mm-toggle+a,.mm-menu.mm-rtl label.mm-toggle+span{padding-left:80px}.mm-menu.mm-rtl label.mm-check+a,.mm-menu.mm-rtl label.mm-check+span{padding-left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check,.mm-menu.mm-rtl a.mm-next+label.mm-toggle{left:60px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{margin-left:50px}.mm-menu.mm-rtl a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl a.mm-next+label.mm-toggle+span{padding-left:70px}.mm-menu.mm-rtl a.mm-next+label.mm-check+a,.mm-menu.mm-rtl a.mm-next+label.mm-check+span{padding-left:50px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle{left:100px}.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-check+span,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+a,.mm-menu.mm-rtl em.mm-counter+a.mm-next+label.mm-toggle+span{margin-left:90px}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-]{left:0}.mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-rtl.mm-iconpanel .mm-panel{-webkit-transition-property:right,-webkit-transform;transition-property:right,-webkit-transform;transition-property:transform,right;transition-property:transform,right,-webkit-transform}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0{right:0}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1{right:40px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2{right:80px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3{right:120px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4{right:160px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5{right:200px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6{right:240px}.mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened{border-left:none;border-right:1px solid;border-color:inherit}
.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
.mm-search,.mm-search input{box-sizing:border-box}.mm-search{height:40px;padding:7px 10px 0;position:relative}.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:4px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}.mm-search input::-ms-clear{display:none}.mm-search .mm-clear,.mm-search .mm-next{right:0}.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}.mm-panel.mm-hassearch{padding-top:40px}.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}.mm-noresults .mm-indexer{display:none!important}li.mm-nosubresults>a.mm-next{display:none}li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}.mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.75)}.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-indexer a{text-decoration:none;display:block;height:3.85%}.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}.mm-hasindexer .mm-indexer{right:0}.mm-hasindexer .mm-fixeddivider{right:20px}.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}label.mm-check:before,label.mm-toggle:before{content:'';display:block}label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}input.mm-toggle:checked~label.mm-toggle:before{float:right}label.mm-check{width:30px;height:30px;margin-top:-15px}label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}input.mm-check:checked~label.mm-check:before{opacity:1}li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}label.mm-check+a,label.mm-check+span{padding-right:60px}a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu label.mm-toggle:before{background:#f3f3f3}.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.75)}
.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(-30%,0);-ms-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(30%,0);-ms-transform:translate(30%,0);transform:translate(30%,0);-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}.mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}.mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate(50%,0);-ms-transform:translate(50%,0);transform:translate(50%,0);-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}.mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
.mm-menu.mm-offcanvas.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(140px,0);-ms-transform:translate(140px,0);transform:translate(140px,0);-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}}@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(10000px,0);-ms-transform:translate(10000px,0);transform:translate(10000px,0);-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}}html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate(-10000px,0);-ms-transform:translate(-10000px,0);transform:translate(-10000px,0);-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}}.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom,.mm-menu.mm-offcanvas.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%}.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0}
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}html.mm-pagedim #mm-blocker{background:inherit}html.mm-pagedim-white #mm-blocker{background:#fff}html.mm-pagedim-black #mm-blocker{background:#000}
.mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}html.mm-popup .mm-menu{z-index:2}
.mm-menu.mm-offcanvas.mm-right{left:auto}html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-80%,0);-ms-transform:translate(-80%,0);transform:translate(-80%,0);-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-140px,0);-ms-transform:translate(-140px,0);transform:translate(-140px,0);-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}}@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate(-440px,0);-ms-transform:translate(-440px,0);transform:translate(-440px,0);-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}html.mm-front #mm-blocker{z-index:1}html.mm-front .mm-menu.mm-offcanvas{z-index:2}.mm-menu.mm-offcanvas.mm-front,.mm-menu.mm-offcanvas.mm-next{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu.mm-offcanvas.mm-front.mm-right,.mm-menu.mm-offcanvas.mm-next.mm-right{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);transform:translate(100%,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu.mm-offcanvas.mm-top{-webkit-transform:translate(0,-100%);-ms-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu.mm-offcanvas.mm-bottom{-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu.mm-offcanvas.mm-bottom,.mm-menu.mm-offcanvas.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}html.mm-opening .mm-menu.mm-offcanvas.mm-front,html.mm-opening .mm-menu.mm-offcanvas.mm-next{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-shadow-page:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99}.mm-menu.mm-shadow-page.mm-right:after{left:auto;right:100%}.mm-menu.mm-shadow-page.mm-front:after,.mm-menu.mm-shadow-page.mm-next:after{content:none;display:none}.mm-menu.mm-shadow-page:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.3)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}.mm-menu.mm-shadow-page.mm-theme-dark:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 20px rgba(0,0,0,.5)}.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}.mm-menu.mm-shadow-page.mm-theme-white:after,.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:0 0 10px rgba(0,0,0,.2)}.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-keyboardfocus a:focus,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}.mm-menu.mm-shadow-page.mm-theme-black:after{content:none;display:none}.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2){box-shadow:false}.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}.mm-menu.mm-tileview .mm-listview{margin:0}.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox{ position: relative;
overflow-y: auto;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container{ overflow: hidden;
width: auto;
height: auto;
} .mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } .mCSB_scrollTools{ position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools{ right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer{ 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{ cursor: pointer;
width: 100%;
height: 30px; z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 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; }
.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; }
.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; } .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; } .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; } .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; 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; 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; 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; } .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; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } .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; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } .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{ 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; margin-left: 0;
} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } .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, .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; 
}   .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: $red; background-color: $red;
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(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/css/mCSB_buttons.png); background-repeat: no-repeat;
opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position: 0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position: 0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position: 0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position: 0 -56px; }
.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)"; } .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; }  .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; } .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; }  .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; } .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; }  .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;
} .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; }  .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; 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; }
.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; 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; 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; } .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; } .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; } .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; }  .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%);
} .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; } .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; }  .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; } .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; }  .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; 
} .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);		
}
.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);		
} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background-color: #000; background-color: rgba(0,0,0,0.2);		
}
.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);		
}  .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; } .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; }  .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; } .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; } .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); } .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); }
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}

@font-face {
font-family: 'RalewayExtraBold';
src: local("Raleway Extra Bold"), url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/fonts/Raleway-ExtraBold.ttf) format("truetype");
font-style: normal;
font-weight: normal;
}                             @font-face {
font-family: 'MuseoSansCyrl300';
src: local("Museo Sans Cyrl 300"), url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/fonts/MuseoSansCyrl300.woff) format("woff"), url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/fonts/MuseoSansCyrl300.otf) format("opentype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'MuseoSansCyrl500';
src: local("Museo Sans Cyrl 500"), url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/fonts/MuseoSansCyrl500.woff) format("woff"), url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/fonts/MuseoSansCyrl500.otf) format("opentype");
font-style: normal;
font-weight: normal;
}
* {
box-sizing: border-box;
}
*:before,
*:after {
box-sizing: border-box;
}
html {
min-height: 100vh;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
line-height: 1.5;
}
body {
width: 100%;
min-height: 100vh;
background-color: #f2f2f2;
color: #3d3d3d;
}
small {
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
}
.container {
width: 100%;
max-width: 1432px;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.container--fluid {
max-width: 100%;
}
.container--sm {
max-width: 960px;
}
.wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
.main {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#goTop {
position: fixed;
right: -58px;
bottom: 58px;
width: 57px;
height: 57px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-color: rgba(4, 156, 255, 0.9);
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAANCAMAAACae25RAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////8AAAAIicFMAAAAGXRSTlMABwEKv5W5mgIDpJ+pBa0Gj7OKtwmEtH4sTrcXzgAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAFiS0dEAIgFHUgAAAB8SURBVChTVY5XEoAgDEQDVrAgWHP/i7oZAqPvg+y+oVHFPo/V+OG4mK9DSyXsDPagVQlRLHP8+WWFum8s66IKuBniJDoxZqeSnEdNkhKCVz9OKFvOG+I0SrIDYqdfth3KgFJDpmwybTmWkStbQ9T05ZGM830j0/wsvCF6ARQQCCUjEQvcAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 50%;
background-size: 22px 13px;
z-index: 999;
text-align: center;
transition: all .3s ease;
}
#goTop.visible {
right: 0;
}
#goTop:hover {
background-position-y: 40%;
}
@media only screen and (max-width: 480px) {
#goTop {
width: 40px;
height: 40px;
background-size: 19px 10px;
}
}
.cbalink {
display: none !important;
}
.decor-line:after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: -40px;
width: 96px;
height: 5px;
background-color: #007ed0;
}
@media only screen and (max-width: 450px) {
.decor-line:after {
left: 0;
}
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.mm-navbar {
border-color: rgba(255, 255, 255, 0.5);
}
#mm-1 .mm-listview>li:first-child:after {
border-color: rgba(255, 255, 255, 0.5);
}
#mm-1 .mobile-menu.mm-listview>li:first-child:after {
border-color: rgba(0,0,0,.15);
}
.mm-listview>li:first-child .hf-panel {
padding-top: 15px;
padding-bottom: 20px;
padding-left: 50px;
}
.mm-listview>li:first-child .hf-panel__icon {
fill: rgba(255, 255, 255, 0.8);
}
.mm-listview>li:first-child .hf-panel__icon .svgi {
top: 23px;
}
.mm-listview>li>a {
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
margin: 0 0 20px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
}
h1,
.h1 {
font-size: 2.75rem;
}
h2,
.h2 {
font-size: 2.375rem;
}
h3,
.h3 {
font-size: 2rem;
}
h4,
.h4 {
font-size: 1.625rem;
}
h5,
.h5 {
font-size: 1.375rem;
}
h6,
.h6 {
font-size: 1.125rem;
}
p {
margin: 0 0 15px 0;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
p:last-child {
margin: 0;
}
a {
color: #3d3d3d;
text-decoration: none;
transition: color .3s ease;
}
a:hover {
color: #008dea;
text-decoration: none;
}
hr {
display: block;
width: 100%;
height: 0;
margin: 30px 0;
padding: 0;
border: 0;
border-top: 1px solid #e1e1e1;
}
table {
position: relative;
width: 100%;
max-width: 100%;
margin-top: 20px;
}
@media only screen and (max-width: 1014px) {
table:before {
content: '*таблицу можно двигать';
display: inline-block;
position: absolute;
top: -20px;
left: 0;
z-index: 1;
color: #cecece;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 0.75rem;
}
}
.risks {
margin-top: -150px;
}
.wysiwyg {
position: relative;
margin: 70px 0 40px;
z-index: 2;
text-align: justify;
padding-left: 30px;
padding-right: 15px;
}
@media (max-width: 768px) {
.wysiwyg {
text-align: left;
padding: 0;
}
.wysiwyg ul {
list-style-type: disc;
}
}
.wysiwyg:before,
.wysiwyg:after {
content: '';
display: table;
width: 100%;
clear: both;
}
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
margin: 25px 0 15px 0;
color: #0f75b7;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
line-height: 1.3;
}
.wysiwyg h1:first-child,
.wysiwyg h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child {
margin-top: 0;
}
.wysiwyg h1:first-of-type,
.wysiwyg h2:first-of-type,
.wysiwyg h3:first-of-type,
.wysiwyg h4:first-of-type,
.wysiwyg h5:first-of-type,
.wysiwyg h6:first-of-type {
margin-top: 0;
}
@media only screen and (max-width: 480px) {
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
text-align: left;
}
.wysiwyg h2 {
font-size: 2.0rem;
}
}
.wysiwyg h1 {
font-size: 2.75rem;
}
.wysiwyg h2 {
font-size: 2.375rem;
}
.wysiwyg h3 {
font-size: 2rem;
}
.wysiwyg h4 {
font-size: 1.625rem;
}
.wysiwyg h5 {
font-size: 1.375rem;
}
.wysiwyg h6 {
font-size: 1.125rem;
}
@media only screen and (max-width: 480px) {
.wysiwyg h2 {
font-size: 2.0rem;
}
}
.wysiwyg p {
margin: 0 0 15px 0;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.wysiwyg p:last-child {
margin: 0;
}
.wysiwyg p a,
.wysiwyg2 p a {
text-decoration: underline;
transition: color .3s ease;
color: #0f75b7;
}
.wysiwyg a,
.wysiwyg2 a {
transition: color .3s ease;
}
.wysiwyg a:hover,
.wysiwyg2 a:hover {
color: #fff;
text-decoration: none;
}
.wysiwyg strong {
font-family: "MuseoSansCyrl500", Helvetica, Arial, sans-serif;
}
.wysiwyg img {
display: block; height: auto;
max-width: 100%;
margin: 35px 0 55px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.wysiwyg img[style*="float"] {
width: initial;
}
.wysiwyg img[style*="float:left"],
.wysiwyg img[style*="float: left"] {
margin: 0 50px 50px 0;
}
.wysiwyg img[style*="float:right"],
.wysiwyg img[style*="float: right"] {
margin: 0 0 50px 50px;
}
@media only screen and (max-width: 680px) {
.wysiwyg img {
float: none !important;
width: auto !important;
height: auto !important;
max-width: 100% !important;
margin: 35px auto 55px !important;
}
}
.wysiwyg hr {
display: block;
width: 100%;
height: 0;
margin: 30px 0;
padding: 0;
border: 0;
border-top: 1px solid #e1e1e1;
}
.wysiwyg table {
width: 100%;
max-width: 100%;
margin: 30px 0;
border-collapse: collapse;
}
.wysiwyg table,
.wysiwyg table th,
.wysiwyg table td {
border: 1px solid #d9d9d9;
}
.wysiwyg table th,
.wysiwyg table td {
padding: 10px 20px 7px;
}
.wysiwyg table th:first-child,
.wysiwyg table td:first-child {
text-align: center;
}
.wysiwyg table th:last-child,
.wysiwyg table td:last-child {
width: 268px;
}
.wysiwyg table th:nth-child(2),
.wysiwyg table td:nth-child(2) { }
.wysiwyg table th:not(:first-child),
.wysiwyg table td:not(:first-child) {
text-align: left; }
.wysiwyg table th {
vertical-align: top;
background-color: #007ed0;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 300; white-space: nowrap;
}
.wysiwyg table td {
vertical-align: middle;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.wysiwyg table td:first-child { }
.wysiwyg ul {
margin: 20px 10px 20px;
padding: 0;
overflow: hidden;
}
.wysiwyg ul>li {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
position: relative;
margin-left: 20px;
}
.wysiwyg ul>li+li {
margin-top: 10px;
}
.wysiwyg2 ul {
margin: 20px 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.wysiwyg2 ul>li {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
position: relative;
margin-left: 20px;
}
.wysiwyg2 ul>li+li {
margin-top: 10px;
}
@media only screen and (max-width: 680px) {
.wysiwyg ul>li {
margin-right: 0;
}
}
.wysiwyg ul>li:before {
content: '';
display: inline-block;
width: 10px;
height: 14px;
margin: 0 8px 0 -19px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="32" height="48" viewBox="0 0 32 48"><defs><style>.cls-1 {fill: #007ed0;opacity: 1;fill-rule: evenodd;}</style></defs><path d="M16.000,-0.000 C16.000,-0.000 32.000,23.374 32.000,32.135 C32.000,40.897 24.836,47.999 16.000,47.999 C7.163,47.999 -0.000,40.897 -0.000,32.135 C-0.000,23.374 16.000,-0.000 16.000,-0.000 Z" class="cls-1"/></svg>');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.wysiwyg ol {
margin: 20px 0;
padding: 0;
list-style: none;
counter-reset: ol;
}
.wysiwyg ol>li {
position: relative;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.wysiwyg ol>li+li {
margin-top: 10px;
}
.wysiwyg ol>li:before {
content: counter(ol) ".";
counter-increment: ol;
margin-right: 7px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.wysiwyg dl {
margin: 20px 0 20px 0;
padding: 0;
list-style: none;
}
.wysiwyg dl>dt {
margin: 0 0 5px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.375rem;
}
.wysiwyg dl>dd {
display: inline-block;
margin: 0 0 30px 20px;
border-bottom: 1px solid #ccc;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 75px;
height: 79px;
background-color: #007ed0;
background-repeat: no-repeat;
background-position-y: 50%;
font-size: 0;
transition: background-position-x .2s ease;
}
@media only screen and (max-width: 480px) {
.owl-prev,
.owl-next {
width: 40px;
}
}
.owl-prev {
left: 0;
border-radius: 0 3px 3px 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAMAAAAsJOYWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAABRlN33AAAAHXRSTlMAAQeVvwoCmrkDn6UFqQaus48Jt4qEMn0sfrSFkJ53AiEAAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAAAa0lEQVQY013QSQ7AIAgFUK2tVu08T9z/mqVRNIXdCwkfEIJKFiKXVGWVoA1ATV3rAMDbCI9wEU2LMDqg6xFKBhQDYoyYZsRCs7/OStgQe4o9UGfe6ELeif8pIeGRxF8624xtzS5i17JPhC+9VAoI2/VjmowAAAAASUVORK5CYII=);
background-position-x: 50%;
}
.owl-prev:hover {
background-position-x: 40%;
}
.owl-next {
right: 0;
border-radius: 3px 0 0 3px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAMAAAAsJOYWAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////8AAAAIicFMAAAAGXRSTlMABwEKv5W5mgIDpJ+pBa0Gj7OKtwmEtH4sTrcXzgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAABgSURBVBjTbdBJDoAwCAVQWq2d1Dor97+obEr9iexeQvgAERlLrbreNZqB2YeqmJg5R2UWJmXwwnGqtE44F+UiXJW0CfdDeQqvlnsLn39B53cKJEA6bAZb40V4LX4CvvQC44wIJRXLdO8AAAAASUVORK5CYII=);
background-position-x: 50%;
}
.owl-next:hover {
background-position-x: 60%;
}
.owl-dots {
margin-top: 30px;
text-align: center;
}
.owl-dot {
display: inline-block;
width: 12px;
height: 12px;
border: 3px solid #a1a1a1;
background-color: transparent;
box-shadow: 0 0 0 3px transparent;
border-radius: 50%;
transition: all .5s ease;
}
.owl-dot+.owl-dot {
margin-left: 10px;
}
.owl-dot:hover {
border-color: #fff;
background-color: #007ed0;
box-shadow: 0 0 0 3px #007ed0;
}
.owl-dot.active {
border-color: #fff;
background-color: #007ed0;
box-shadow: 0 0 0 3px #007ed0;
}
@media only screen and (max-width: 1014px) {
.header {
padding-top: 60px;
}
}
.header__mobile {
display: none;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 60px;
padding: 8px 8px;
background-color: #fff;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
.cookie-bar-is-visible .header {
padding-top: 60px;
}
}
@media only screen and (max-width: 718px) {
.cookie-bar-is-visible .header {
padding-top: 79px;
}
}
@media only screen and (max-width: 424px) {
.cookie-bar-is-visible .header {
padding-top: 97px;
}
}
@media only screen and (max-width: 1014px) {
.header__mobile {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
.header__mobile-left .logo {
background-color: #007ed0;
border-radius: 3px;
}
.header__mobile-right {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header__mobile-right>* {
margin-left: 7px;
}
.header__mobile-right .button {
padding: 13px 22px 9px;
font-size: 12px;
}
@media only screen and (max-width: 370px) {
.header__mobile-right .button {
padding: 0;
width: 48px;
height: 42px;
font-size: 0;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/svg/phone.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
}
.header__desktop {
background-color: #fff;
}
@media only screen and (max-width: 1014px) {
.header__desktop {
display: none;
}
}
.header__top {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 13px 0;
}
.header__col {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.header__col:first-child {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}
.header__col:last-child {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
text-align: right;
}
.mm-panels.mm-panel.mm-hidden {
display: block!important;
transition: none!important;
transform: none!important;
}
.footer {
position: relative;
background-color: #464646;
z-index: 2;
}
.footer__top {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 18px 0 16px;
}
@media only screen and (max-width: 1005px) {
.footer__top {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 685px) {
.footer__top {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.footer__bottom {
padding: 10px 0;
border-top: 1px dashed #aaa;
color: #aaa;
}
.footer__bottom a {
color: #aaa;
text-decoration: underline;
transition: color .3s ease;
}
.footer__bottom a:hover {
color: #008dea;
text-decoration: none;
}
.footer__bottom>.container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 450px) {
.footer__bottom>.container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__bottom>.container>* {
margin: 4px 0 8px;
}
}
.footer__col {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.footer__col:first-child {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}
.footer__col:last-child {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
text-align: right;
}
@media only screen and (max-width: 1005px) {
.footer__col:nth-child(1) {
width: 50%;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.footer__col:nth-child(2) {
width: 33%;
margin-bottom: 20px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.footer__col:nth-child(3) {
width: 33%;
margin-bottom: 20px;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.footer__col:nth-child(4) {
width: 33%;
margin-bottom: 20px;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.footer__col:nth-child(4) .hf-panel {
display: block;
}
.footer__col:nth-child(5) {
width: 50%;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
}
@media only screen and (max-width: 685px) {
.footer__col {
text-align: left !important;
}
.footer__col+.footer__col {
margin-top: 20px;
}
.footer__col:nth-child(1) {
width: 280px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.footer__col:nth-child(2) {
width: 280px;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.footer__col:nth-child(3) {
width: 280px;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.footer__col:nth-child(4) {
width: 280px;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.footer__col:nth-child(5) {
width: 280px;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.footer__col:nth-child(2) .hf-panel {
padding-left: 20px;
}
}
.page__title {
margin: 50px 0 40px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2.875rem;
text-transform: uppercase; }
@media only screen and (max-width: 1014px) {
.page__title {
font-size: 2rem;
}
}
@media only screen and (max-width: 540px) {
.page__title {
margin: 35px 0 25px;
font-size: 1.5rem;
}
}
@media only screen and (max-width: 430px) {
.page__title {
margin: 25px 0 15px;
text-align: center;
}
}
.page__desc {
position: relative;
padding: 65px 0 40px;
min-height: 401px;
overflow: hidden;
}
.page__desc:before,
.page__desc:after {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: 100% bottom;
opacity: 1;
}
.page__desc:before {
bottom: -27px;
right: 215px;
width: 349px;
height: 381px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/img/form-balons-right.png);
z-index: 1;
transition: right, opacity 1s, .5s ease, ease;
}
@media only screen and (max-width: 1750px) {
.page__desc:before {
right: 150px;
}
}
@media only screen and (max-width: 1500px) {
.page__desc:before {
right: 50px;
}
}
@media only screen and (max-width: 1366px) {
.page__desc:before {
right: 20px;
}
}
@media only screen and (max-width: 950px) {
.page__desc:before {
width: 289px;
height: 316px;
background-size: cover;
}
}
@media only screen and (max-width: 770px) {
.page__desc:before {
opacity: 0;
}
}
@media only screen and (max-width: 768px) {
.page__desc:before {
display: none;
}
}
.page__desc:after {
bottom: 0;
right: 0;
width: 691px;
height: 393px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/img/water-r-page-desc-top-block.png);
z-index: 0;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1788px) {
.page__desc:after {
opacity: 0;
}
}
@media only screen and (max-width: 1760px) {
.page__desc:after {
display: none;
}
}
.page__desc .wysiwyg {
width: 67%;
margin: 0;
}
@media only screen and (max-width: 1366px) {
.page__desc .wysiwyg {
width: 64%;
}
}
@media only screen and (max-width: 1024px) {
.page__desc .wysiwyg {
width: 60%;
}
}
@media only screen and (max-width: 769px) {
.page__desc .wysiwyg {
width: 100%;
}
}
.page__desc .wysiwyg h1,
.page__desc .wysiwyg h2,
.page__desc .wysiwyg h3,
.page__desc .wysiwyg h4,
.page__desc .wysiwyg h5,
.page__desc .wysiwyg h6 {
margin: 0 0 40px 0;
font-size: 2rem;
line-height: 1.3;
}
.page__desc--bg_white {
background-color: #fff;
}
.page__text {
margin-bottom: 35px;
}
.page__text a {
color: #007ed0;
text-decoration: underline;
transition: color .3s ease;
}
.page__text a:hover {
color: #008dea;
text-decoration: none;
}
.page-product .wysiwyg {
margin: 0;
}
.page-product .wysiwyg h1,
.page-product .wysiwyg h2,
.page-product .wysiwyg h3,
.page-product .wysiwyg h4,
.page-product .wysiwyg h5,
.page-product .wysiwyg h6 {
margin: 30px 0 10px 0;
}
.page-home .section-equipment {
padding-top: 0;
}
.page-product .section-equipment {
padding-top: 79px;
}
.page-product .section-equipment+.section-turnkey-solutions {
padding-top: 0;
margin-top: -160px;
}
.page-product .section-action {
padding-top: 20px;
}
.page-service {
overflow-x: hidden;
}
.page-turnkey-solutions .section-advantages {
padding-bottom: 0;
}
.page-about-us .section-advantages {
padding-bottom: 50px;
}
.page-about-us .section-turnkey-solutions {
padding-bottom: 0;
}
.page-articles .main {
position: relative;
}
.page-articles .main:before,
.page-articles .main:after {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
z-index: 1;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.page-articles .main:before,
.page-articles .main:after {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.page-articles .main:before,
.page-articles .main:after {
display: none;
}
}
.page-articles .main:before {
bottom: 0;
left: 0;
width: 300px;
height: 411px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/page-articles-water-l.png);
background-position: 0 center;
}
.page-articles .main:after {
bottom: 0;
right: 0;
width: 324px;
height: 295px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/page-articles-water-r.png);
background-position: 100% center;
}
.page-articles .pagination {
margin-bottom: 70px;
}
@media only screen and (max-width: 400px) {
.page-articles .pagination {
margin-bottom: 20px;
}
}
.page-article-single .main {
position: relative;
}
.page-article-single .main:before,
.page-article-single .main:after {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
z-index: 1;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.page-article-single .main:before,
.page-article-single .main:after {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.page-article-single .main:before,
.page-article-single .main:after {
display: none;
}
}
.page-article-single .main:before {
bottom: 0;
left: 0;
width: 302px;
height: 580px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/page-article-single-water-l.png);
background-position: 0 center;
}
.page-article-single .main:after {
bottom: 0;
right: 0;
width: 384px;
height: 882px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/page-article-single-water-r.png);
background-position: 100% center;
}
.page-catalog .product {
margin-bottom: -40px;
}
.page-catalog .section-turnkey-solutions {
padding-top: 0;
}
.page-catalog .section-turnkey-solutions:before {
top: 32%;
}
.page-catalog .section-turnkey-solutions:after {
top: 30%;
}
.page-subcategory .section-advantages {
padding-top: 50px;
padding-bottom: 20px;
overflow: hidden;
}
.page-subcategory .section-turnkey-solutions {
padding-top: 20px;
}
.page-documents .section-advantages {
padding-top: 50px;
padding-bottom: 50px;
}
.page-documents .section-contacts {
z-index: 1;
}
.logo img {
display: block;
max-width: 100%;
height: auto;
}
.header__mobile .logo img {
height: 45px;
}
.navbar {
background-color: #007ed0;
}
.navbar ul {
position: relative;
left: -20px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.navbar ul>li {
position: relative;
color: #fff;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
text-align: center;
}
.navbar ul>li+li:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 31px;
width: 1px;
background-color: #dedfe4;
opacity: .3;
}
.navbar ul>li>a,
.navbar ul>li>span {
display: inline-block;
padding: 17px 20px;
color: #fff;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
text-decoration: none;
text-align: center;
cursor: pointer;
transition: background-color, padding .3s, .3s ease, ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@media only screen and (max-width: 1400px) {
.navbar ul>li>a,
.navbar ul>li>span {
padding: 14px 17px;
font-size: 1rem;
}
}
@media only screen and (max-width: 1240px) {
.navbar ul>li>a,
.navbar ul>li>span {
padding: 10px 9px;
font-size: 0.9375rem;
}
}
@media only screen and (max-width: 1088px) {
.navbar ul>li>a,
.navbar ul>li>span {
padding: 9px 10px;
font-size: 0.875rem;
}
}
.navbar ul>li>ul {
display: inline-block;
width: 100%;
min-width: 320px;
position: absolute;
top: 80%;
left: 0;
z-index: 4;
background-color: #fff;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
border-radius: 4px;
visibility: hidden;
opacity: 0;
transition: opacity, top .3s, .3s ease, ease;
}
.navbar ul>li>ul>li {
position: relative;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.navbar ul>li>ul>li+li:before {
content: '';
display: block;
height: 1px;
width: 100%;
background-color: #666;
}
.navbar ul>li>ul>li>a,
.navbar ul>li>ul>li>span {
display: inline-block;
width: 100%;
padding: 12px 15px;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-decoration: none;
text-align: left;
cursor: pointer;
transition: background-color, padding, text-indent .3s, .3s, .3s ease, ease, ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.navbar ul>li>ul>li:hover>a,
.navbar ul>li>ul>li:hover>span {
text-indent: 5px;
color: #fff;
background-color: #007ed0;
}
.navbar ul>li>ul:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
z-index: 3;
top: -5px;
left: 15%;
margin-left: -5px;
border-style: solid;
border-width: 0 10px 5px 10px;
border-color: transparent transparent #fff transparent;
}
.navbar ul>li:hover>a,
.navbar ul>li:hover>span {
background-color: #006aaf;
text-decoration: none;
}
.navbar ul>li:hover>ul {
visibility: visible;
opacity: 1;
top: 100%;
}
.navbar ul>li.active>a,
.navbar ul>li.active>span {
background-color: #006aaf;
text-decoration: none;
}
.navbar ul+.button {
display: none;
}
.navbar--fixed_top {
position: fixed;
top: -70px;
left: 0;
width: 100%;
z-index: 1000;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
transition: top .5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.navbar--fixed_top>.container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.navbar--fixed_top>.container ul {
left: -9px;
}
.navbar--fixed_top>.container ul>li>a,
.navbar--fixed_top>.container ul>li>span {
padding: 9px 16px;
font-size: 1rem;
}
@media only screen and (max-width: 1400px) {
.navbar--fixed_top>.container ul>li>a,
.navbar--fixed_top>.container ul>li>span {
padding: 9px 11px;
}
}
@media only screen and (max-width: 1315px) {
.navbar--fixed_top>.container ul>li>a,
.navbar--fixed_top>.container ul>li>span {
font-size: 0.875rem;
}
}
@media only screen and (max-width: 1200px) {
.navbar--fixed_top>.container ul>li>a,
.navbar--fixed_top>.container ul>li>span {
padding: 9px 8px;
font-size: 0.875rem;
}
}
@media only screen and (max-width: 1150px) {
.navbar--fixed_top>.container ul>li>a,
.navbar--fixed_top>.container ul>li>span {
padding: 12px 11px;
font-size: 0.75rem;
}
}
@media only screen and (max-width: 1070px) {
.navbar--fixed_top>.container ul>li>a,
.navbar--fixed_top>.container ul>li>span {
padding: 11px 8px;
}
}
.navbar--fixed_top>.container ul+.button {
display: block;
padding: 8px 18px 5px;
font-size: 0.75rem;
}
@media only screen and (max-width: 1140px) {
.navbar--fixed_top>.container ul+.button {
padding: 8px 14px 5px;
font-size: 0.625rem;
}
}
.navbar--fixed_animate {
top: 0;
transition: top .5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.hf-panel {
position: relative;
padding-left: 50px;
}
.hf-panel__icon .svgi {
display: block;
position: absolute;
top: -1px;
left: 22px;
fill-rule: evenodd;
}
.hf-panel__icon--blue {
fill: #007ed0;
}
.hf-panel__icon--gray {
fill: #7e7e7e;
}
.hf-panel__title {
margin-bottom: 5px;
color: #ababab;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
}
.hf-panel__content {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1.125rem;
line-height: 1.35;
}
.hf-panel__content--color_white {
color: #fff;
}
.hf-panel__link--color_white {
color: #fff;
}
.hf-panel--schedule .svgi,
.hf-panel--phone .svgi,
.hf-panel--mail .svgi,
.hf-panel--location .svgi {
max-height: 22px;
}
.hf-panel--schedule .svgi-clock-colored-sm {
width: 16px;
}
.hf-panel--phone .svgi-phone-colored-sm {
width: 13px;
}
.hf-panel--phone a {
display: block;
}
.hf-panel--mail .svgi-envelope-colored-sm {
width: 18px;
}
.hf-panel--mail a {
display: block;
}
@media only screen and (max-width: 1176px) {
.header__col .hf-panel--mail,
.footer__col .hf-panel--mail {
display: none;
}
}
.hf-panel--location .svgi-map-marker-colored-sm {
width: 17px;
}
.hf-panel--callback {
min-width: 280px;
}
.hf-panel--b-info {
padding: 15px 10px;
}
.button {
display: inline-block;
vertical-align: middle;
padding: 15px 28px 12px;
margin-bottom: 0;
border: 1px solid transparent;
border-radius: 2px;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-align: center;
text-transform: uppercase;
text-decoration: none; white-space: nowrap;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.button:active,
.button:focus {
outline: none;
}
.button--default {
color: #fff;
background-color: transparent;
border-color: white;
transition: all .3s ease;
}
.button--default:hover {
color: #fff;
background-color: #006aaf;
border-color: rgba(255, 255, 255, 0.7);
}
.button--primary {
color: #fff;
background-color: #007ed0;
border-color: #007ed0;
transition: all .3s ease;
}
.button--primary:hover {
color: #fff;
background-color: #006fb7;
}
.button--bordered {
color: #007ed0;
background-color: transparent;
border-color: #007ed0;
transition: all .3s ease;
}
.button--bordered_white {
color: #fff;
border-color: #fff;
}
.button--bordered:hover {
color: #fff;
background-color: #007ed0;
border-color: #007ed0;
}
.button--block {
display: block;
width: 100%;
}
.pagination {
margin: 30px 0;
padding: 10px 14px;
}
@media only screen and (max-width: 400px) {
.pagination {
margin: 10px 0;
}
}
.pagination ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.pagination ul>li {
margin: 0 6px;
}
@media only screen and (max-width: 787px) {
.pagination ul>li {
margin: 0 1px;
}
}
.pagination ul>li>a {
display: inline-block;
padding: 13px 20px 10px;
background-color: transparent;
border-radius: 3px;
position: relative;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-transform: uppercase;
transition: background-color .3s ease;
}
.pagination ul>li>a:hover {
color: #fff;
background-color: #007ed0;
}
@media only screen and (max-width: 700px) {
.pagination ul>li>a {
padding: 8px 15px 5px;
}
}
@media only screen and (max-width: 610px) {
.pagination ul>li>a {
padding: 13px 20px 10px;
}
}
@media only screen and (max-width: 400px) {
.pagination ul>li>a {
padding: 7px 13px 4px;
}
}
.pagination ul>li.active>a {
color: #fff;
background-color: #007ed0;
}
.pagination ul>li.disabled {
cursor: no-drop;
}
.pagination ul>li.disabled>a {
color: #cecece;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pagination ul>li:nth-last-child(3)>span { pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pagination ul>li:first-child>a {
border-radius: 0 3px 3px 0;
}
@media only screen and (max-width: 610px) {
.pagination ul>li:first-child>a {
display: none;
}
}
.pagination ul>li:first-child>a:before {
content: '';
display: inline-block;
border-style: solid;
border-width: 22px 14px 22px 0;
border-color: transparent #007ed0 transparent transparent;
position: absolute;
top: 0;
left: -14px;
opacity: 0;
transition: opacity .28s ease;
}
@media only screen and (max-width: 700px) {
.pagination ul>li:first-child>a:before {
border-width: 17px 14px 17px 0;
}
}
.pagination ul>li:first-child>a:hover:before {
opacity: 1;
}
.pagination ul>li:last-child>a {
border-radius: 3px 0 0 3px;
}
@media only screen and (max-width: 610px) {
.pagination ul>li:last-child>a {
display: none;
}
}
.pagination ul>li:last-child>a:after {
content: '';
display: inline-block;
border-style: solid;
border-width: 22px 0 22px 14px;
border-color: transparent transparent transparent #007ed0;
position: absolute;
top: 0;
right: -14px;
opacity: 0;
transition: opacity .28s ease;
}
@media only screen and (max-width: 700px) {
.pagination ul>li:last-child>a:after {
border-width: 17px 0 17px 14px;
}
}
.pagination ul>li:last-child>a:hover:after {
opacity: 1;
}
.breadcrumb {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
padding: 11px 0;
}
.breadcrumb>li {
display: inline-block;
max-width: 100%;
white-space: nowrap;
}
.breadcrumb>li+li:before {
content: '/';
display: inline-block;
margin: 0 14px;
}
.breadcrumb>li>a {
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
}
.breadcrumb>li:last-child,
.breadcrumb>li.active {
overflow: hidden;
text-overflow: ellipsis;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
}
@media only screen and (max-width: 600px) {
.breadcrumb>li:first-child>a {
font-size: 0;
}
}
.breadcrumb>li:first-child>a:before {
content: '';
display: none;
width: 25px;
height: 25px;
margin-bottom: 2px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 460.298 460.297" style="enable-background:new 0 0 460.298 460.297;" xml:space="preserve"><g><g><path d="M230.149,120.939L65.986,256.274c0,0.191-0.048,0.472-0.144,0.855c-0.094,0.38-0.144,0.656-0.144,0.852v137.041 c0,4.948,1.809,9.236,5.426,12.847c3.616,3.613,7.898,5.431,12.847,5.431h109.63V303.664h73.097v109.64h109.629 c4.948,0,9.236-1.814,12.847-5.435c3.617-3.607,5.432-7.898,5.432-12.847V257.981c0-0.76-0.104-1.334-0.288-1.707L230.149,120.939 z" fill="#1ba4fe"/><path d="M457.122,225.438L394.6,173.476V56.989c0-2.663-0.856-4.853-2.574-6.567c-1.704-1.712-3.894-2.568-6.563-2.568h-54.816    c-2.666,0-4.855,0.856-6.57,2.568c-1.711,1.714-2.566,3.905-2.566,6.567v55.673l-69.662-58.245    c-6.084-4.949-13.318-7.423-21.694-7.423c-8.375,0-15.608,2.474-21.698,7.423L3.172,225.438c-1.903,1.52-2.946,3.566-3.14,6.136    c-0.193,2.568,0.472,4.811,1.997,6.713l17.701,21.128c1.525,1.712,3.521,2.759,5.996,3.142c2.285,0.192,4.57-0.476,6.855-1.998 L230.149,95.817l197.57,164.741c1.526,1.328,3.521,1.991,5.996,1.991h0.858c2.471-0.376,4.463-1.43,5.996-3.138l17.703-21.125 c1.522-1.906,2.189-4.145,1.991-6.716C460.068,229.007,459.021,226.961,457.122,225.438z" fill="#1ba4fe"/></g></g></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
.breadcrumb>li:first-child>a:before {
display: inline-block;
}
}
.breadcrumb--dark>li, .breadcrumb--dark>span{
color: #3d3d3d;
}
.breadcrumb--dark>li>a, .breadcrumb--dark>span>a {
color: #3d3d3d;
}
.breadcrumb--dark>li>a:hover, .breadcrumb--dark>span>a:hover {
color: #007ed0;
}
.breadcrumb--white>li, .breadcrumb--white>span {
color: #fff;
}
.breadcrumb--white>li>a,  .breadcrumb--white>span>span>a {
color: #fff;
}
.breadcrumb--white>li>a:hover,  .breadcrumb--white>span>span>a:hover {
color: #37b0ff;
}
.form {
padding: 45px 26px;
background-color: #fff;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
}
@media only screen and (max-width: 400px) {
.form {
padding: 45px 26px 56px;
}
}
.form:before,
.form:after {
content: '';
display: none;
position: absolute;
bottom: 20px;
z-index: 0;
background-repeat: no-repeat;
}
.form:before {
left: -220px;
bottom: 19px;
width: 222px;
height: 381px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/form-balons-left.png);
background-position: 0 center;
}
.form:after {
right: -257px;
bottom: 19px;
width: 257px;
height: 381px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/form-balons-right-sm.png);
background-position: 0 center;
}
.modal__content .form {
width: 100%;
max-width: 100%;
}
.form__title,
.form__title p {
margin-bottom: 22px;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2rem;
text-transform: uppercase; line-height: 1.3;
text-align: center;
}
@media only screen and (max-width: 400px) {
.form__title {
font-size: 1.75rem;
}
}
.form__subtitle {
color: #cdcdcd;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-align: center;
}
.form__item {
display: block;
width: 100%;
}
.form__item:not(:last-child) {
margin-bottom: 18px;
}
.form__item:last-child {
margin-top: 33px;
}
.form__item--star-rating {
width: 100px !important;
margin: 0 20px 0 0 !important;
}
.form__item--star-rating+.form__item {
width: calc(100% - 120px) !important;
margin-top: 0;
}
@media only screen and (max-width: 420px) {
.form__item--star-rating {
margin-bottom: 10px !important;
}
.form__item--star-rating+.form__item {
width: 100% !important;
}
}
.form__group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form__group .form__item {
width: 48%;
margin: 0;
}
.form__group .form__item:nth-child(n+3) {
margin-top: 18px;
}
.form__group:not(:last-child) {
margin-bottom: 18px;
}
@media only screen and (max-width: 505px) {
.form__group .form__item {
width: 100%;
margin-bottom: 18px;
}
}
.form__label {
display: block;
margin-bottom: 2px;
color: #ababab;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-align: left;
}
.form__input {
display: block;
width: 100%;
padding: 6px 14px 8px;
border: 1px solid #ededed;
border-radius: 3px;
outline: none;
color: #ababab;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
transition: all .3s ease;
}
.form__input:focus {
color: #fff;
background-color: rgba(4, 156, 255, 0.9);
border-color: #007bcb;
}
.form__input--textarea {
width: 100% !important;
min-height: 127px;
resize: none;
}
@media only screen and (max-width: 505px) {
.form__input--textarea {
min-height: 200px;
}
}
.form--order {
width: 100%;
max-width: 338px;
}
.form--callback {
width: 100%; }
@media only screen and (max-width: 420px) {
.form--callback .form__title {
font-size: 1.1875rem;
}
}
.form--question {
width: 100%;
max-width: 518px;
}
.form--question .form__title {
margin-bottom: 0;
text-align: left;
}
@media only screen and (max-width: 435px) {
.form--question .form__title {
font-size: 1.75rem;
text-align: center;
}
}
.form--question .form__subtitle {
margin-top: -5px;
margin-bottom: 20px;
text-align: left;
}
@media only screen and (max-width: 435px) {
.form--question .form__subtitle {
margin-top: 0;
text-align: center;
}
}
.form--question .form__item:last-child {
margin-top: 0;
}
.form--review {
width: 100%;
max-width: 574px;
}
.form--review .form__title {
text-align: left;
}
@media only screen and (max-width: 400px) {
.form--review {
padding-bottom: 40px;
}
.form--review .form__title {
text-align: center;
}
}
.main-page-form form .wpcf7-response-output {
position: absolute;
max-width: 300px;
right: 30px;
bottom: 115px;
z-index: 9999;
font-size: 14px;
text-align: center;
}
.b-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: justify;
justify-content: center;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
z-index: 2;
width: 800px;
padding: 15px 0;
background-color: #fff;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.b-info.contact-mobile-display {
height: 185px;
top: 360px;
}
@media only screen and (max-width: 1014px) {
.b-info {
width: auto;
height: auto!important;
position: relative;
top: initial!important;
left: initial;
bottom: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
margin-left: -25px;
padding-left: 16px;
padding-right: 16px;
}
}
@media only screen and (max-width: 740px) {
.b-info {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0;
}
.page-home .b-info {
padding-top: 2px;
padding-bottom: 2px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 640px) {
.page-home .b-info {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
.b-info__item {
position: relative;
min-width: 33.33%;
}
.b-info__item+.b-info__item {
border-left: 1px solid #e1e1e1;
}
@media only screen and (max-width: 740px) {
.b-info__item+.b-info__item {
border-left: 0;
border-top: 1px solid #e1e1e1;
}
.page-home .b-info__item+.b-info__item {
border-top: 0;
border-left: 1px solid #e1e1e1;
}
}
@media only screen and (max-width: 640px) {
.page-home .b-info__item+.b-info__item {
border-left: 0;
border-top: 1px solid #e1e1e1;
}
}
@media only screen and (max-width: 1014px) {
.b-info__item {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (max-width: 740px) {
.b-info__item {
width: 100%;
}
}
.section {
position: relative;
padding: 79px 0;
}
@media only screen and (max-width: 1200px) {
.section {
padding: 59px 0;
}
}
.section__title {
position: relative;
margin: 0 0 30px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2.875rem;
text-transform: uppercase;
text-align: center;
}
@media only screen and (max-width: 1150px) {
.section__title {
font-size: 2.375rem;
}
}
@media only screen and (max-width: 600px) {
.section__title {
font-size: 1.75rem;
}
}
@media only screen and (max-width: 360px) {
.section__title {
font-size: 1.625rem;
}
}
.section__title--ghostly:after {
content: attr(data-title-ghostly);
display: block;
width: 100%;
position: absolute;
bottom: -44px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: rgba(61, 61, 61, 0.1);
font-size: 4rem;
}
@media only screen and (max-width: 1150px) {
.section__title--ghostly:after {
bottom: -40px;
font-size: 3.5rem;
}
}
@media only screen and (max-width: 600px) {
.section__title--ghostly:after {
bottom: -35px;
font-size: 2.875rem;
}
}
@media only screen and (max-width: 480px) {
.section__title--ghostly:after {
bottom: -25px;
font-size: 2.25rem;
}
}
@media only screen and (max-width: 360px) {
.section__title--ghostly:after {
bottom: -20px;
font-size: 2.125rem;
}
}
.section__text {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.section-top {
position: relative;
padding: 0;
}
@media only screen and (max-width: 580px) {
.section-top .form__title {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 370px) {
.section-top .form .button {
font-size: 0.6875rem;
}
}
.section-top>.container {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.section-top__item {
position: relative;
padding-bottom: 80px;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.section-top__item:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
z-index: 1;
pointer-events: none;
transition: all .3s ease;
}
.section-top__item>.container {
z-index: 2;
}
.section-top__title {
display: inline-block;
width: auto;
position: relative;
z-index: 2;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 40px;
text-transform: uppercase;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-filter: drop-shadow(0 0 10px #007ed0);
filter: drop-shadow(0 0 10px #007ed0);
text-shadow: 0 0 40px #007ed0;
line-height: 1.5;
transition: all 1s ease .5s;
}
@media only screen and (max-width: 1280px) {
.section-top__title {
font-size: 3.375rem;
}
}
@media only screen and (max-width: 1150px) {
.section-top__title {
font-size: 2.75rem;
}
}
@media only screen and (max-width: 666px) {
.section-top__title {
font-size: 1.75rem;
}
}
.section-top .form--order {
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%);
z-index: 2;
}
@media only screen and (max-width: 1014px) {
.section-top .form--order {
position: static;
max-width: 100%;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
}
.section-top--slider+.container {
min-height: 647px;
}
@media only screen and (max-width: 1150px) {
.section-top--slider+.container {
min-height: 570px;
}
}
@media only screen and (max-width: 1014px) {
.section-top--slider+.container {
min-height: auto;
margin-top: -180px;
position: relative;
top: initial;
left: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
}
}
.section-top--slider .section-top__item {
min-height: 647px;
padding-top: 275px;
}
@media only screen and (max-width: 1150px) {
.section-top--slider .section-top__item {
min-height: 570px;
}
}
@media only screen and (max-width: 1014px) {
.section-top--slider .section-top__item {
min-height: 420px;
padding-top: 50px;
padding-bottom: 240px;
}
.section-top--slider .section-top__item>.container {
margin-top: 50px;
}
}
@media only screen and (max-width: 500px) {
.section-top--slider .section-top__item {
padding-bottom: 200px;
}
.section-top--slider .section-top__item>.container {
margin-top: 0;
}
}
.section-top--slider .section-top__title {
max-width: 69%;
left: 200px;
opacity: 0;
word-break: break-word;
word-wrap: break-word;
}
@media only screen and (max-width: 1150px) {
.section-top--slider .section-top__title {
max-width: 63%;
}
}
@media only screen and (max-width: 1014px) {
.section-top--slider .section-top__title {
max-width: 100%;
text-align: center;
}
}
@media only screen and (max-width: 580px) {
.section-top--slider .section-top__title {
font-size: 2.125rem;
}
}
@media only screen and (max-width: 500px) {
.section-top--slider .section-top__title {
font-size: 1.625rem;
}
}
.section-top--slider .owl-item.active .section-top__title {
left: 0;
opacity: 1;
}
.section-top--static:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
box-shadow: inset 0 100px 100px -60px rgba(0, 0, 0, 0.5);
}
.section-top--static+.container {
min-height: 380px;
}
@media only screen and (max-width: 1014px) {
.section-top--static+.container {
min-height: auto;
}
}
.section-top--static .section-top__item {
min-height: 380px;
max-height: 400px;
padding-top: 150px;
}
@media only screen and (max-width: 1014px) {
.section-top--static .section-top__item {
min-height: auto;
padding-top: 100px;
}
}
.section-top--static .section-top__title {
max-width: 80%;
}
@media only screen and (max-width: 1014px) {
.section-top--static .section-top__title {
max-width: 100%;
}
}
.section-equipment { }
@media only screen and (max-width: 1014px) {
.section-equipment {
padding-top: 80px;
}
}
@media only screen and (max-width: 390px) {
.section-equipment>.container:nth-child(2) {
padding: 0;
}
}
.section-equipment:after,
.section-equipment:before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
z-index: 1;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.section-equipment:after,
.section-equipment:before {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.section-equipment:after,
.section-equipment:before {
display: none;
}
}
.section-equipment:before {
top: 20%;
left: 0;
width: 240px;
height: 410px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/equipment-water-l.png);
background-position: 0 center;
}
.section-equipment:after {
top: 20%;
right: 0;
width: 245px;
height: 335px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/equipment-water-r.png);
background-position: 100% center;
}
@media only screen and (max-width: 600px) {
.section-service {
padding: 39px 0 19px;
}
}
.section-action {
padding-top: 20px;
max-width: 100%;
padding-bottom: 100px;
overflow-x: hidden;
}
.section-action.mobile {
display: none;
}
@media only screen and (max-width: 767px) {
.section-action.mobile {
display: block;
}
}
.section-action>.container--fluid {
min-height: 400px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.section-action .form {
margin-top: -20px;
margin-bottom: -20px;
}
.section-action .form:before,
.section-action .form:after {
display: block;
}
.section-action .form--order {
display: inline-block;
left: 58%;
}
@media only screen and (max-width: 1000px) {
.section-action .form--order {
left: 38%;
}
.section-action .form--order:before {
display: none !important;
}
}
@media only screen and (max-width: 640px) {
.section-action .form--order {
left: 28%;
}
.section-action .form--order:before {
display: block !important;
}
}
@media only screen and (max-width: 590px) {
.section-action .form--order {
left: 13px;
}
.section-action .form--order:before {
background-image: none;
left: -222px;
height: 400px;
background-color: #007ed0;
}
}
@media only screen and (max-width: 380px) {
.section-action .form--order {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.section-action .form--order:after {
background-image: none;
height: 400px;
background-color: #007ed0;
}
}
@media only screen and (max-width: 360px) {
.section-action .form--order {
max-width: 100%;
}
.section-action .form--order:before,
.section-action .form--order:after {
display: none !important;
}
}
.section-action .form--question {
display: inline-block;
left: 48%;
}
@media only screen and (max-width: 1014px) {
.section-action .form--question {
left: 20%;
}
}
@media only screen and (max-width: 650px) {
.section-action .form--question {
left: 0;
}
}
.section-advantages {
padding-top: 30px;
padding-bottom: 160px;
}
@media only screen and (max-width: 1200px) {
.section-advantages {
padding-top: 30px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 768px) {
.section-advantages {
padding-bottom: 50px;
}
}
.section-advantages:after,
.section-advantages:before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
z-index: 1;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.section-advantages:after,
.section-advantages:before {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.section-advantages:after,
.section-advantages:before {
display: none;
}
}
.section-advantages:before {
top: 20%;
left: 0;
width: 280px;
height: 605px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/advantages-water-l.png);
background-position: 0 center;
}
.section-advantages:after {
top: 20%;
right: 0;
width: 244px;
height: 332px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/advantages-water-r.png);
background-position: 100% center;
}
@media only screen and (max-width: 610px) {
.section-stages {
padding-bottom: 0;
}
}
@media only screen and (max-width: 390px) {
.section-stages {
padding-top: 20px;
}
}
.section-stages:after,
.section-stages:before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
z-index: 1;
pointer-events: none;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.section-stages:after,
.section-stages:before {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.section-stages:after,
.section-stages:before {
display: none;
}
}
.section-stages:before {
top: 5%;
left: 0;
width: 303px;
height: 675px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/stages-water-l.png);
background-position: 0 center;
}
.section-stages:after {
top: -30%;
right: 0;
width: 286px;
height: 936px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/stages-water-r.png);
background-position: 100% center;
}
@media only screen and (max-width: 1366px) {
.section-turnkey-solutions {
padding-top: 135px;
}
}
@media only screen and (max-width: 767px) {
.section-turnkey-solutions {
padding-top: 25px;
}
}
.section-turnkey-solutions:after,
.section-turnkey-solutions:before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
z-index: 1;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.section-turnkey-solutions:after,
.section-turnkey-solutions:before {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.section-turnkey-solutions:after,
.section-turnkey-solutions:before {
display: none;
}
}
.section-turnkey-solutions:before {
top: 39%;
left: 0;
width: 240px;
height: 410px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/equipment-water-l.png);
background-position: 0 center;
}
.section-turnkey-solutions:after {
top: 38%;
right: 0;
width: 245px;
height: 335px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/equipment-water-r.png);
background-position: 100% center;
}
.section-partners:after,
.section-partners:before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: 82%;
z-index: 1;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.section-partners:after,
.section-partners:before {
opacity: 0;
}
}
@media only screen and (max-width: 1763px) {
.section-partners:after,
.section-partners:before {
display: none;
}
}
.section-partners:before {
top: 4%;
left: 0;
width: 287px;
height: 403px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/partners-water-l.png);
background-position: 0 center;
}
.section-partners:after {
top: -5%;
right: 0;
width: 330px;
height: 713px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/partners-water-r.png);
background-position: 100% center;
}
.section-contacts {
padding-top: 50px;
}
@media only screen and (max-width: 1280px) {
.section-contacts {
padding-bottom: 20px;
}
}
.section--bg_white {
background-color: #fff;
}
.catalog__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.catalog__item {
display: block;
position: relative;
width: calc(25% - 20px);
min-height: 400px;
margin: 0 10px 50px;
padding: 35px 30px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
transition: box-shadow .4s ease;
}
@media only screen and (max-width: 630px) {
.catalog__item {
min-height: 360px;
}
}
.catalog__item .button {
width: 88%;
position: absolute;
bottom: 20px;
left: 20px;
z-index: 3;
}
.catalog__item-hidden-link {
display: inline-block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.catalog__item:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: inset 0 250px 150px 0 rgba(0, 0, 0, 0.35);
z-index: 0;
transition: box-shadow .4s ease;
}
.catalog__item:hover {
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.catalog__item:hover:before {
box-shadow: inset 0 500px 40px 0 rgba(0, 0, 0, 0.55);
}
.catalog__item-title {
position: relative;
z-index: 1;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.6rem;
text-transform: uppercase;
word-break: break-word;
word-wrap: break-word;
}
@media only screen and (max-width: 1014px) {
.catalog .catalog__item,
.catalog .product-card {
width: calc(33.33% - 20px);
}
}
@media only screen and (max-width: 860px) {
.catalog .catalog__item,
.catalog .product-card {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 620px) {
.catalog .catalog__item,
.catalog .product-card {
width: 75%;
margin-left: auto;
margin-right: auto;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 480px) {
.catalog .catalog__item,
.catalog .product-card {
width: calc(100% - 20px);
margin-left: 10px;
margin-right: 10px;
}
}
.product-index {
position: relative;
}
.product-index__slider {
position: relative;
z-index: 1;
}
.product-index__slider .owl-nav {
display: block !important;
}
.product-index__slider .owl-prev,
.product-index__slider .owl-next {
-webkit-transform: translateY(-160%);
-ms-transform: translateY(-160%);
transform: translateY(-160%);
}
.product-index__slider .owl-stage {
padding-bottom: 185px;
}
.product-index__button {
position: absolute;
top: 420px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
text-align: center;
}
.product-index__text {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.product-index__text .wysiwyg {
margin: 0;
}
@media only screen and (max-width: 390px) {
.product-index__text {
padding: 0 16px;
}
}
.product__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.wysiwyg .product__list {
margin-top: 40px;
margin-bottom: 10px;
}
.product-card {
position: relative;
width: calc(25% - 20px);
z-index: 3;
transition: box-shadow .3s ease;
}
.product-card--slider {
width: 100%;
margin: 0;
}
.product-card--slider:hover .product-card-foot {
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.product-card--static {
margin: 0 10px -30px;
padding-bottom: 90px;
}
.product-card-head {
position: relative;
z-index: 2;
padding: 20px 20px 0 20px;
min-height: 80px;
background-color: #fff;
}
.product-card-body {
position: relative;
z-index: 2;
padding: 5px 20px 35px;
background-color: #fff;
}
.product-card-foot {
position: absolute;
width: 100%;
z-index: 1;
padding: 20px;
background-color: #fff;
-webkit-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
transition: box-shadow .4s, .3s ease, ease, -webkit-transform;
transition: transform, box-shadow .4s, .3s ease, ease;
transition: transform, box-shadow .4s, .3s ease, ease, -webkit-transform;
}
.product-card a {
text-decoration: none;
}
.product-card .button--primary {
color: #fff;
}
.product-card .button--primary:hover {
color: #fff;
}
.product-card__type,
.product-card__name {
display: block;
max-width: 100%;
max-height: 30px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #6d6d6d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.product-card__img {
position: relative;
width: 100%;
height: 230px;   }
@media only screen and (max-width: 400px) {
.product-card__img {
background-position: 0 60%;
}
}
.product-card__img>img {
display: block;
max-width: 100% !important;
width: auto !important;
height: 100%;
margin-right: 0;
margin-left: auto;
}
.wysiwyg .product-card__img>img {
margin-top: 0;
margin-bottom: 0;
box-shadow: none;
}
@media only screen and (max-width: 680px) {
.wysiwyg .product-card__img>img {
height: 100% !important;
margin: 0 0 0 auto !important;
}
}
.product-card__price {
position: absolute;
bottom: 20px;
left: 20px;
}
.product-card__price>span {
display: block;
margin-right: 5px;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.product-card__price>div {
display: block;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.product-card__price>div span {
display: inline-block;
margin-right: 5px;
margin-left: 5px;
}
.product-card__price:before {
content: '';
display: block;
position: absolute;
top: -2px;
left: -20px;
width: 5px;
height: 64px;
background-color: #007ed0;
}
.product-card:hover {
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
z-index: 4;
}
.product-card:hover .product-card-foot {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition: -webkit-transform 0.4s cubic-bezier(0.44, 1.3, 0.74, 1.33);
transition: transform 0.4s cubic-bezier(0.44, 1.3, 0.74, 1.33);
transition: transform 0.4s cubic-bezier(0.44, 1.3, 0.74, 1.33), -webkit-transform 0.4s cubic-bezier(0.44, 1.3, 0.74, 1.33);
}
.product__body {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 1280px) {
.product__body {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.product__content {
width: calc(100% - 385px);
margin-right: 45px;
}
@media only screen and (max-width: 1280px) {
.product__content {
width: 100%;
margin-right: 0;
}
}
.product__aside {
width: 338px;
}
@media only screen and (max-width: 1280px) {
.product__aside {
width: 100%;
}
.product__aside .form {
margin: 30px auto 0;
}
}
.product__title {
margin: 50px 0 40px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2.875rem;
text-transform: uppercase; }
@media only screen and (max-width: 1134px) {
.product__title {
font-size: 2.25rem;
}
}
@media only screen and (max-width: 916px) {
.product__title {
font-size: 1.75rem;
}
}
@media only screen and (max-width: 680px) {
.product__title {
margin: 20px 0 0;
text-align: center;
}
}
@media only screen and (max-width: 450px) {
.product__title {
font-size: 1.5rem;
}
}
.product__price {
display: inline-block;
padding: 30px 40px 25px 40px;
background-color: #007ed0;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
text-align: center;
}
@media only screen and (max-width: 1240px) {
.product__list .product-card {
width: calc(33.33% - 20px);
}
}
@media only screen and (max-width: 1024px) {
.product__list .product-card {
width: calc(50% - 20px);
}
}
@media only screen and (max-width: 620px) {
.product__list .product-card {
width: 75%;
margin-left: auto;
margin-right: auto;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 480px) {
.product__list .product-card {
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px;
}
}
.service {
position: relative;
}
.service-index__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
padding: 20px 0;
}
.service-index__item:nth-child(even) {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.service-index__item:nth-child(even) .service-index__img {
margin-right: 130px;
}
@media only screen and (max-width: 1424px) {
.service-index__item:nth-child(even) .service-index__img {
margin-right: 35px;
}
}
.service-index__item:nth-child(odd) {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.service-index__item:nth-child(odd) .service-index__img {
margin-left: 130px;
}
@media only screen and (max-width: 1424px) {
.service-index__item:nth-child(odd) .service-index__img {
margin-left: 35px;
}
}
@media only screen and (max-width: 1014px) {
.service-index__item:nth-child(odd) {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.service-index__item:first-child {
padding-top: 0;
}
.service-index__item:last-child {
padding-bottom: 0;
}
.service-index__item:nth-child(2):before,
.service-index__item:nth-child(3):before,
.service-index__item:nth-child(4):before,
.service-index__item:nth-child(5):before {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
pointer-events: none;
transition: opacity .3s ease;
}
@media only screen and (max-width: 1765px) {
.service-index__item:nth-child(2):before,
.service-index__item:nth-child(3):before,
.service-index__item:nth-child(4):before,
.service-index__item:nth-child(5):before {
opacity: 0;
}
}
@media only screen and (max-width: 1760px) {
.service-index__item:nth-child(2):before,
.service-index__item:nth-child(3):before,
.service-index__item:nth-child(4):before,
.service-index__item:nth-child(5):before {
display: none;
}
}
.service-index__item:nth-child(2):before {
top: calc(-341px + 20px);
left: 0;
width: 335px;
height: 341px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/service-water-l--view-1.png);
background-position: left bottom;
}
.service-index__item:nth-child(3):before {
top: calc(-341px + 20px);
right: 0;
width: 335px;
height: 341px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/service-water-r--view-1.png);
background-position: right bottom;
}
.service-index__item:nth-child(4):before {
top: calc(-306px + 20px);
left: 0;
width: 362px;
height: 306px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/service-water-l--view-2.png);
background-position: left bottom;
}
.service-index__item:nth-child(5):before {
top: calc(-306px + 20px);
right: 0;
width: 362px;
height: 306px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/service-water-r--view-2.png);
background-position: right bottom;
}
@media only screen and (max-width: 1014px) {
.service-index__item {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
}
.service-index__img {
width: 820px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1424px) {
.service-index__img {
width: 620px;
}
}
@media only screen and (max-width: 1014px) {
.service-index__img {
display: none;
}
}
.service-index__img>img {
display: block;
width: 100%;
height: 100%;
}
.service-index__desc {
width: 570px;
padding: 50px;
}
@media only screen and (max-width: 1424px) {
.service-index__desc {
padding: 0 50px;
}
}
@media only screen and (max-width: 1014px) {
.service-index__desc {
padding: 20px 50px;
width: 95%;
}
}
@media only screen and (max-width: 450px) {
.service-index__desc {
padding: 20px 16px;
}
}
.service-index__title {
position: relative;
margin-bottom: 25px;
padding-bottom: 13px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2rem;
text-transform: uppercase;
line-height: 1.25;
}
@media only screen and (max-width: 1150px) {
.service-index__title {
font-size: 1.6875rem;
}
}
@media only screen and (max-width: 390px) {
.service-index__title {
font-size: 1.3125rem;
}
}
.service-index__text {
margin-bottom: 25px;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-align: justify;
}
.service-index__text .wysiwyg {
margin: 0;
}
.service__aside {
position: absolute;
top: 30px;
left: 0;
width: 220px;
}
@media only screen and (max-width: 1014px) {
.service__aside {
position: relative;
margin: 0 auto;
}
}
@media only screen and (max-width: 910px) {
.service__aside {
top: 0;
}
}
@media only screen and (max-width: 1432px) {
.service__content {
margin-left: 120px;
}
}
@media only screen and (max-width: 1260px) {
.service__content {
margin-left: 200px;
}
}
@media only screen and (max-width: 1190px) {
.service__content {
margin-left: 240px;
}
}
@media only screen and (max-width: 1014px) {
.service__content {
margin-left: 0;
}
}
@media only screen and (max-width: 910px) {
.service__content .wysiwyg {
margin: 0;
}
.service__content .container {
padding: 0;
}
}
.service .wysiwyg img[style*="float:left"] {
margin-left: -52.5%;
}
.service .wysiwyg img[style*="float:right"] {
margin-right: -52.5%;
}
@supports (pointer-events: none) {
.service .stages-index__stage {
pointer-events: none;
}
}
@supports not (pointer-events: none) {
.service .stages-index__stage:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 3;
}
}
.articles__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 70px -8px 0;
}
.articles__item {
display: block;
width: calc(25% - 16px);
margin: 0 8px 40px;
text-align: center;
}
@media only screen and (max-width: 1275px) {
.articles__item {
width: calc(33.3% - 16px);
}
}
@media only screen and (max-width: 900px) {
.articles__item {
width: calc(50% - 16px);
}
}
@media only screen and (max-width: 640px) {
.articles__item {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.articles__img {
overflow: hidden;
}
.articles__img img {
display: block;
width: auto;
height: auto;
max-width: 338px;
max-height: 243px;
margin: 0 auto;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.articles__img:hover img {
-webkit-transform: scale(1.08);
-ms-transform: scale(1.08);
transform: scale(1.08);
}
.articles__desc {
margin-bottom: 10px;
}
.articles__title {
display: block;
margin: 8px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
transition: color .3s ease;
text-align: center;
}
.articles__title:hover {
color: #007ed0;
}
.articles__text {
display: block;
max-width: 100%;
max-height: 120px;
overflow: hidden;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.articles__link {
color: #007ed0;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-decoration: underline;
transition: letter-spacing .3s ease;
}
.articles__link:hover {
letter-spacing: 1px;
text-decoration: none;
}
.article-single {
margin: 0 0 40px;
}
.reviews {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 70px;
}
@media only screen and (max-width: 1220px) {
.reviews {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: -40px;
}
}
.reviews-left {
width: calc(100% - 695px);
margin-right: 120px;
}
@media only screen and (max-width: 1220px) {
.reviews-left {
width: 80%;
margin-right: 0;
}
}
@media only screen and (max-width: 600px) {
.reviews-left {
width: 100%;
}
}
.reviews-right {
width: 574px;
}
@media only screen and (max-width: 1220px) {
.reviews-right {
width: 80%;
margin-bottom: 50px;
}
.reviews-right .form {
max-width: 100%;
}
}
@media only screen and (max-width: 600px) {
.reviews-right {
width: 100%;
}
}
.reviews__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -25px;
padding: 25px 0 20px;
}
@media only screen and (max-width: 400px) {
.reviews__item {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.reviews__item+.reviews__item {
border-top: 1px solid #e1e1e1;
}
.reviews__item-aside {
width: 44px;
margin-right: 40px;
margin-top: -10px;
}
.reviews__item-aside+.reviews__item-right {
width: calc(100% - 85px);
}
.reviews__item-content {
width: 100%;
}
.reviews__item-head {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.reviews__item-head>*:not(:last-child) {
margin-right: 15px;
}
.reviews__item-head:before {
content: '';
display: block;
width: 45px;
height: 38px;
position: absolute;
top: -10px;
left: -25px;
z-index: 0;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="45" height="38" viewBox="0 0 45 38"><defs><style>.cls-1 {fill: #e1e1e1;fill-rule: evenodd;}</style></defs><path d="M44.956,7.040 C45.051,7.398 44.988,7.740 44.765,8.065 C44.543,8.391 44.241,8.586 43.859,8.651 C38.425,9.432 35.675,12.037 35.612,16.464 L40.522,16.464 C40.872,16.464 41.174,16.595 41.428,16.855 C41.682,17.115 41.809,17.425 41.809,17.783 L41.809,36.633 C41.809,37.023 41.682,37.349 41.428,37.609 C41.174,37.870 40.872,38.000 40.522,38.000 L25.124,38.000 C24.774,38.000 24.464,37.870 24.194,37.609 C23.924,37.349 23.789,37.023 23.789,36.633 L23.789,20.322 C23.789,13.876 25.330,8.960 28.413,5.575 C31.496,2.189 36.136,0.333 42.334,0.008 C42.652,-0.025 42.938,0.056 43.192,0.252 C43.446,0.447 43.605,0.708 43.669,1.033 L44.956,7.040 L44.956,7.040 ZM21.167,7.040 C21.262,7.398 21.199,7.740 20.976,8.065 C20.722,8.423 20.420,8.619 20.070,8.651 C14.636,9.432 11.886,12.037 11.823,16.464 L16.733,16.464 C17.083,16.464 17.385,16.595 17.639,16.855 C17.893,17.115 18.020,17.425 18.020,17.783 L18.020,36.633 C18.020,37.023 17.893,37.349 17.639,37.609 C17.385,37.870 17.083,38.000 16.733,38.000 L1.335,38.000 C0.985,38.000 0.675,37.870 0.405,37.609 C0.135,37.349 -0.000,37.023 -0.000,36.633 L-0.000,20.322 C-0.000,13.876 1.541,8.960 4.624,5.575 C7.707,2.189 12.347,0.333 18.545,0.008 C18.863,-0.025 19.149,0.056 19.403,0.252 C19.657,0.447 19.816,0.708 19.880,1.033 L21.167,7.040 Z" class="cls-1"/></svg>');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media only screen and (max-width: 500px) {
.reviews__item-head {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.reviews__item-head>*:not(:last-child) {
margin-right: 0;
margin-bottom: 3px;
}
}
.reviews__item-body {
margin: 10px 0;
}
.reviews__user-pic {
position: relative;
width: 44px;
height: 44px;
margin-bottom: 10px;
border-radius: 50%;
overflow: hidden;
background-color: #007ed0;
}
.reviews__user-pic>img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
}
.reviews__user-name {
position: relative;
z-index: 1;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.reviews__star-rating {
margin-top: -4px;
}
.reviews__date {
-webkit-flex-grow: 2;
-ms-flex-positive: 2;
flex-grow: 2;
color: #cdcdcd;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 0.875rem;
text-align: right;
}
.reviews__text {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.reviews__text p {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.reviews__text a {
color: #007ed0;
text-decoration: underline;
transition: color .3s ease;
}
.reviews__text a:hover {
color: #008dea;
text-decoration: none;
}
.reviews__reply .reviews__item {
margin-top: -10px;
border-top: 0;
}
.stages-index {
position: relative;
margin-top: 150px;
z-index: 2;
}
@media only screen and (max-width: 1315px) {
.stages-index {
position: relative;
left: -10px;
margin-top: 100px;
}
}
@media only screen and (max-width: 910px) {
.stages-index {
margin-top: 30px;
}
}
.stages-index__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 910px) {
.stages-index__list {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
}
.stages-index__stage {
display: block;
position: relative;
padding: 0 50px;
}
.stages-index__stage:after {
position: absolute;
top: -55px;
left: 50%;
-webkit-transform: translateX(-33%);
-ms-transform: translateX(-33%);
transform: translateX(-33%);
z-index: 0;
color: #79b8e1;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 6.25rem;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage:after {
top: -25px;
font-size: 4.75rem;
}
}
.stages-index__stage>.svgi {
position: absolute;
}
@media only screen and (max-width: 953px) {
.stages-index__stage>.svgi {
display: none;
}
}
.stages-index__stage>.svgi-stages-pipe-start,
.stages-index__stage>.svgi-stages-pipe-next,
.stages-index__stage>.svgi-stages-pipe-corner,
.stages-index__stage>.svgi-stages-pipe-end {
stroke: #d9d9d9;
stroke-width: 4px;
fill: none;
fill-rule: evenodd;
}
.stages-index__stage>.svgi-stages-pipe-start {
width: 145px;
height: 89px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage>.svgi-stages-pipe-start {
width: 125px;
height: 69px;
}
}
.stages-index__stage>.svgi-stages-pipe-next {
width: 224px;
height: 29px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage>.svgi-stages-pipe-next {
width: 199px;
height: 24px;
}
}
.stages-index__stage>.svgi-stages-pipe-corner {
width: 340px;
height: 290px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage>.svgi-stages-pipe-corner {
width: 255px;
height: 225px;
}
}
.stages-index__stage>.svgi-stages-pipe-end {
width: 104px;
height: 76px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage>.svgi-stages-pipe-end {
width: 92px;
height: 64px;
}
}
.stages-index__stage>.svgi-water-drop-sm {
width: 22px;
height: 38px;
fill: #007ed0;
fill-rule: evenodd;
opacity: 0.5;
}
@media only screen and (max-width: 910px) {
.stages-index__stage {
margin: 50px 0 0 0;
padding: 0 50px;
}
}
.stages-index__stage--1 {
width: 35%;
margin-bottom: 50px;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.stages-index__stage--1:after {
content: '01';
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--1 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 910px) {
.stages-index__stage--1 {
width: 50%;
-webkit-order: initial;
-ms-flex-order: initial;
order: initial;
margin-bottom: 0;
}
}
@media only screen and (max-width: 610px) {
.stages-index__stage--1 {
width: 100%;
}
}
.stages-index__stage--1 .svgi-water-drop-sm {
top: -70px;
left: -21px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--1 .svgi-water-drop-sm {
top: -30px;
left: -16px;
}
}
.stages-index__stage--1 .svgi-stages-pipe-start {
top: 0;
left: -40px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--1 .svgi-stages-pipe-start {
top: 16px;
}
}
.stages-index__stage--2 {
width: 35%;
margin-bottom: 50px;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.stages-index__stage--2:after {
content: '02';
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--2 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 910px) {
.stages-index__stage--2 {
width: 50%;
-webkit-order: initial;
-ms-flex-order: initial;
order: initial;
margin-bottom: 0;
}
}
@media only screen and (max-width: 610px) {
.stages-index__stage--2 {
width: 100%;
}
}
.stages-index__stage--2 .svgi-stages-pipe-next {
top: 60px;
left: -100px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--2 .svgi-stages-pipe-next {
left: -90px;
}
}
.stages-index__stage--3 {
width: 33%;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
}
.stages-index__stage--3:after {
content: '03';
}
@media only screen and (max-width: 910px) {
.stages-index__stage--3 {
width: 50%;
-webkit-order: initial;
-ms-flex-order: initial;
order: initial;
}
}
@media only screen and (max-width: 610px) {
.stages-index__stage--3 {
width: 100%;
}
}
.stages-index__stage--3 .svgi-stages-pipe-corner {
top: -200px;
left: 100px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--3 .svgi-stages-pipe-corner {
top: -138px;
left: 80px;
}
}
.stages-index__stage--3 .svgi-stages-pipe-next {
top: 60px;
left: -120px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--3 .svgi-stages-pipe-next {
left: -100px;
}
}
.stages-index__stage--4 {
width: 33%;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.stages-index__stage--4:after {
content: '04';
}
@media only screen and (max-width: 910px) {
.stages-index__stage--4 {
width: 50%;
-webkit-order: initial;
-ms-flex-order: initial;
order: initial;
}
}
@media only screen and (max-width: 610px) {
.stages-index__stage--4 {
width: 100%;
}
}
.stages-index__stage--4 .svgi-stages-pipe-next {
top: 60px;
left: -120px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--4 .svgi-stages-pipe-next {
left: -100px;
}
}
.stages-index__stage--5 {
width: 33%;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.stages-index__stage--5:after {
content: '05';
}
@media only screen and (max-width: 910px) {
.stages-index__stage--5 {
width: 50%;
-webkit-order: initial;
-ms-flex-order: initial;
order: initial;
}
}
@media only screen and (max-width: 610px) {
.stages-index__stage--5 {
width: 100%;
}
}
.stages-index__stage--5 .svgi-stages-pipe-end {
top: 43px;
left: 0;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--5 .svgi-stages-pipe-end {
top: 45px;
}
}
.stages-index__stage--5 .svgi-water-drop-sm {
top: 130px;
left: 2px;
}
@media only screen and (max-width: 1315px) {
.stages-index__stage--5 .svgi-water-drop-sm {
top: 120px;
left: 8px;
}
}
.stages-index__stage--in_service-aside {
width: 100%;
padding: 0;
}
.stages-index__stage.active:after {
color: #e0e0e0;
}
@supports (pointer-events: none) {
.stages-index__stage.active {
pointer-events: none;
}
}
@supports not (pointer-events: none) {
.stages-index__stage.active:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 3;
}
}
.stages-index__stage.active .stages-index__item .svgi {
fill: #007ed0;
}
.stages-index__item {
display: block;
position: relative;
text-align: center;
}
.stages-index__item:hover .svgi {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.stages-index__item:hover .stages-index__text {
color: #007ed0;
}
.stages-index__icon {
margin-bottom: 20px;
}
@media only screen and (max-width: 1315px) {
.stages-index__icon {
margin-bottom: 0;
}
}
.stages-index__icon .svgi {
position: relative;
display: inline-block;
vertical-align: middle;
max-height: 128px;
fill: #3d3d3d;
fill-rule: evenodd;
z-index: 2;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.stages-index__icon .svgi-wagon {
width: 124px;
}
@media only screen and (max-width: 1315px) {
.stages-index__icon .svgi-wagon {
width: 100px;
}
}
.stages-index__icon .svgi-test-tube {
width: 102px;
}
@media only screen and (max-width: 1315px) {
.stages-index__icon .svgi-test-tube {
width: 78px;
}
}
.stages-index__icon .svgi-balon {
width: 75px;
}
@media only screen and (max-width: 1315px) {
.stages-index__icon .svgi-balon {
width: 51px;
}
}
.stages-index__icon .svgi-water-filter {
width: 82px;
}
@media only screen and (max-width: 1315px) {
.stages-index__icon .svgi-water-filter {
width: 60px;
}
}
.stages-index__icon .svgi-wrench {
width: 73px;
}
@media only screen and (max-width: 1315px) {
.stages-index__icon .svgi-wrench {
width: 49px;
}
}
.stages-index__icon .svgi.active {
fill: #007ed0;
}
.stages-index__text {
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
transition: color .3s ease;
}
@media only screen and (max-width: 1315px) {
.stages-index__text {
font-size: 1rem;
}
}
.advantages-index__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 20px;
text-align: center;
position: relative;
z-index: 2;
}
.advantages-index__desc {
//margin-top: 70px;
margin-bottom: 50px;
}
.advantages-index__item {
margin: 0 30px;
}
@media only screen and (max-width: 768px) {
.advantages-index__item {
width: calc(50% - 60px);
}
.advantages-index__item:first-child {
width: 100%;
margin-bottom: 50px;
}
}
@media only screen and (max-width: 420px) {
.advantages-index__item {
width: 100%;
}
.advantages-index__item:not(:last-child) {
margin-bottom: 50px;
}
}
.advantages-index__item:hover .svgi {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.advantages-index__item:hover .advantages-index__text {
color: #007ed0;
}
.advantages-index__icon {
position: relative;
}
.advantages-index__icon img {
position: relative;
display: inline-block;
vertical-align: middle;
max-height: 108px;
z-index: 1
}                                    .advantages-index__text {
margin-top: 10px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
transition: color .3s ease;
}
.advantages-index--desc:before {
top: 9%;
}
.advantages-index--desc:after {
top: 9%;
}
.advantages-b-info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 35px;
}
@media only screen and (max-width: 740px) {
.advantages-b-info {
padding-left: 12px;
padding-right: 0;
}
}
@media only screen and (max-width: 640px) {
.advantages-b-info {
padding: 5px 12px 5px 0;
}
.advantages-b-info:nth-child(1) {
padding-left: 15%;
}
.advantages-b-info:nth-child(2) {
padding-left: 25%;
}
.advantages-b-info:nth-child(3) {
padding-left: 38%;
}
.advantages-b-info:before {
content: '';
display: inline-block;
width: 72px;
height: 50px;
position: absolute;
top: 0;
left: -25px;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/product-card-water.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 0 -5px;
}
}
.advantages-b-info__icon {
width: 85px;
height: 90px;
margin-right: 15px;
}
.advantages-b-info__icon .svgi {
display: block;
width: 100%;
height: 100%;
fill: #007ed0;
fill-rule: evenodd;
}
@media only screen and (max-width: 1014px) {
.advantages-b-info__icon {
width: 52px;
height: 50px;
}
}
.advantages-b-info__text {
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
line-height: 1.3;
}
@media only screen and (max-width: 1014px) {
.advantages-b-info__text {
font-size: 0.875rem;
}
}
@media only screen and (max-width: 1014px) {
.documents .wysiwyg {
margin-top: 30px;
}
}
@media only screen and (max-width: 680px) {
.documents .wysiwyg {
margin-top: 0;
}
}
.documents__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.documents__item {
width: calc(25% - 16px);
padding: 0 8px;
text-align: center;
}
@media only screen and (max-width: 1014px) {
.documents__item {
width: calc(50% - 16px);
margin-bottom: 40px;
}
}
@media only screen and (max-width: 490px) {
.documents__item {
width: 100%;
}
.documents__item:last-child {
margin-bottom: 0;
}
}
.documents__item:hover .svgi {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.documents__item:hover .documents__text {
color: #007ed0;
text-decoration: none;
}
.documents__icon {
margin-bottom: 40px;
}
@media only screen and (max-width: 1014px) {
.documents__icon {
margin-bottom: 10px;
}
}
.documents__icon .svgi {
width: 68px;
height: 77px;
fill: #007ed0;
fill-rule: evenodd;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.documents__text {
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
text-decoration: underline;
transition: color .3s ease;
}
.about-us-index {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
padding: 20px 0;
position: relative;
}
@media only screen and (max-width: 1424px) {
.about-us-index {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (max-width: 1200px) {
.about-us-index {
display: block;
padding-bottom: 0;
}
}
.about-us-index .wysiwyg {
margin: 0;
}
.about-us-index__img {
margin-right: 80px;
width: 660px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1200px) {
.about-us-index__img {
width: 460px;
margin: 0 80px 30px 0;
float: left;
}
}
@media only screen and (max-width: 1060px) {
.about-us-index__img {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 881px) {
.about-us-index__img {
width: 100%;
}
}
.about-us-index__img>img {
display: block;
width: 100%;
height: auto;
}
.about-us-index__desc {
width: 50%; overflow-y: auto;
padding: 30px 30px 0 0;
}
.about-us-index__desc .wysiwyg li,
.about-us-index__desc .wysiwyg p {
font-size: 13px;
}
.about-us-index__desc h1 {
font-size: 28px;
}
.about-us-index__desc h2 {
font-family: "PantonBold", Helvetica, Arial, sans-serif;
font-size: 24px;
}
@media only screen and (max-width: 1200px) {
.about-us-index__desc {
padding-top: 0;
width: 100%;
}
}
@media only screen and (max-width: 881px) {
.about-us-index__desc {
padding: 0;
}
.about-us-index__desc h1 {
font-size: 20px;
}
.about-us-index__desc h2 {
font-size: 18px;
}
}
.about-us-index__title {
position: relative;
margin-bottom: 25px;
padding-bottom: 13px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2rem;
text-transform: uppercase;
line-height: 1.25;
}
@media only screen and (max-width: 1200px) {
.about-us-index__title {
margin: 0;
padding: 0;
}
.about-us-index__title.decor-line:after {
position: relative;
bottom: 15px;
}
}
@media only screen and (max-width: 881px) {
.about-us-index__title {
text-align: center;
}
.about-us-index__title.decor-line:after {
left: 0;
}
}
.about-us-index__text {
margin-bottom: 25px;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
@media only screen and (max-width: 1200px) {
.about-us-index__text {
margin-bottom: 0;
}
}
.turnkey-solutions-index__slider {
margin-top: 70px;
margin-bottom: -100px;
z-index: 2;
}
.turnkey-solutions-index__slider .owl-nav {
display: block !important;
}
.turnkey-solutions-index__slider .owl-prev,
.turnkey-solutions-index__slider .owl-next {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.turnkey-solutions-index__item {
position: relative;
min-height: 400px;
margin-bottom: 105px;
padding: 35px 30px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
transition: box-shadow .4s ease;
}
@media only screen and (max-width: 630px) {
.turnkey-solutions-index__item {
min-height: 360px;
}
}
.turnkey-solutions-index__item .button {
width: 88%;
position: absolute;
bottom: 20px;
left: 20px;
z-index: 1;
}
.turnkey-solutions-index__item:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-shadow: inset 0 250px 150px 0 rgba(0, 0, 0, 0.35);
z-index: 0;
transition: box-shadow .4s ease;
}
.turnkey-solutions-index__item:hover {
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.turnkey-solutions-index__item:hover:before {
box-shadow: inset 0 500px 40px 0 rgba(0, 0, 0, 0.55);
}
.turnkey-solutions-index__title {
position: relative;
z-index: 1;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.6rem;
text-transform: uppercase;
word-break: break-word;
word-wrap: break-word;
}
.turnkey-solutions table {
width: 100%;
max-width: 100%;
margin: 20px 0 30px;
border-collapse: collapse;
}
.turnkey-solutions table,
.turnkey-solutions table th,
.turnkey-solutions table td {
border: 1px solid #d9d9d9;
}
.turnkey-solutions table th,
.turnkey-solutions table td {
padding: 10px 20px 7px;
text-align: left;
}
.turnkey-solutions table th {
vertical-align: top;
background-color: #007ed0;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 300; white-space: nowrap;
}
.turnkey-solutions table td {
vertical-align: top;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.turnkey-solutions table td:first-child {
white-space: nowrap;
}
.turnkey-solutions ul {
margin: 20px 0;
padding: 0 0 0 30px;
list-style: none;
}
.turnkey-solutions ul>li {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
position: relative;
}
.turnkey-solutions ul>li+li {
margin-top: 10px;
}
.turnkey-solutions ul>li:before {
content: '';
display: inline-block;
width: 10px;
height: 14px;
position: absolute;
top: 4px;
left: -24px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="32" height="48" viewBox="0 0 32 48"><defs><style>.cls-1 {fill: #007ed0;opacity: 1;fill-rule: evenodd;}</style></defs><path d="M16.000,-0.000 C16.000,-0.000 32.000,23.374 32.000,32.135 C32.000,40.897 24.836,47.999 16.000,47.999 C7.163,47.999 -0.000,40.897 -0.000,32.135 C-0.000,23.374 16.000,-0.000 16.000,-0.000 Z" class="cls-1"/></svg>');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.turnkey-solutions ol {
margin: 20px 0;
padding: 0 0 0 30px;
list-style: none;
counter-reset: ol;
}
.turnkey-solutions ol>li {
position: relative;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.turnkey-solutions ol>li+li {
margin-top: 10px;
}
.turnkey-solutions ol>li:after {
content: counter(ol) ".";
counter-increment: ol;
position: absolute;
top: -3px;
left: -28px;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.25rem;
}
.turnkey-solutions__item {
position: relative;
padding: 50px 0;
z-index: 1;
}
.turnkey-solutions__item:nth-child(odd) {
background-color: #fff;
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__item {
padding: 40px 0 20px;
}
}
.turnkey-solutions__title,
.turnkey-solutions__caption {
margin: 0 0 20px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2rem;
line-height: 1.3;
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__title,
.turnkey-solutions__caption {
font-size: 1.75rem;
}
}
@media only screen and (max-width: 490px) {
.turnkey-solutions__title,
.turnkey-solutions__caption {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 570px) {
.turnkey-solutions__title {
text-align: center;
}
}
.turnkey-solutions__data {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin: 40px 0 50px;
}
@media only screen and (max-width: 1310px) {
.turnkey-solutions__data {
position: relative;
padding-top: 120px;
}
.turnkey-solutions__data .pricing {
position: absolute;
top: 0;
left: 0;
}
}
@media only screen and (max-width: 788px) {
.turnkey-solutions__data .pricing {
width: calc(100% + 32px);
margin-right: -16px;
margin-left: -16px;
}
.turnkey-solutions__data .turnkey-solutions__item {
overflow: hidden;
}
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__data {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 749px) {
.turnkey-solutions__data {
padding-top: 100px;
margin-top: 20px;
}
.turnkey-solutions__data .pricing {
padding-left: 0;
padding-right: 0;
}
.turnkey-solutions__data .pricing__item {
margin: 0 20px;
}
.turnkey-solutions__data .pricing__item-inner {
font-size: 1rem;
}
.turnkey-solutions__data .pricing__item-inner:after {
left: -24px !important;
}
}
@media only screen and (max-width: 520px) {
.turnkey-solutions__data {
padding-top: 170px;
}
.turnkey-solutions__data .pricing {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0;
}
.turnkey-solutions__data .pricing__item-inner {
font-size: 1.25rem;
}
.turnkey-solutions__data .pricing__item:first-child {
display: inline-block;
width: 100%;
margin: 0 0 20px 0;
padding: 10px 0 8px;
text-align: center;
}
.turnkey-solutions__data .pricing__item:first-child .pricing__item-inner {
font-size: 1.75rem;
}
.turnkey-solutions__data .pricing__item:nth-child(2) .pricing__item-inner:after {
content: '';
}
}
@media only screen and (max-width: 438px) {
.turnkey-solutions__data {
padding-top: 140px;
}
.turnkey-solutions__data .pricing__item-inner {
font-size: 0.875rem;
}
.turnkey-solutions__data .pricing__item:first-child .pricing__item-inner {
font-size: 1.25rem;
}
}
@media only screen and (max-width: 365px) {
.turnkey-solutions__data .pricing__item {
margin: 0 15px;
}
.turnkey-solutions__data .pricing__item-inner:after {
left: -18px !important;
}
}
.turnkey-solutions__img {
width: 100%;
max-width: 41%;
min-width: 300px;
margin-right: 45px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.turnkey-solutions__img>img {
display: block;
width: 100%;
height: auto;
max-width: 574px;
max-height: 440px;
margin: 0 auto;
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__img {
max-width: 70%;
margin: 0 auto 40px;
}
}
@media only screen and (max-width: 490px) {
.turnkey-solutions__img {
max-width: 100%;
min-width: auto;
margin: 0 auto 50px;
}
}
.turnkey-solutions__desc {
width: 100%;
max-width: calc(59% - 45px);
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__desc {
max-width: 100%;
}
}
.turnkey-solutions__types-of-sets {
margin-bottom: 55px;
}
.turnkey-solutions__worth {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__worth {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.turnkey-solutions__worth-left {
width: calc(50% - 8px);
margin-right: 8px;
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__worth-left {
width: 100%;
margin-right: 0;
}
}
.turnkey-solutions__worth-right {
width: calc(50% - 8px);
margin-left: 8px;
}
@media only screen and (max-width: 768px) {
.turnkey-solutions__worth-right {
width: 100%;
margin-left: 0;
}
}
.partners-index__slider {
margin-bottom: -50px;
z-index: 2;
}
.partners-index__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 150px;
}
@media only screen and (max-width: 479px) {
.partners-index__item {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.partners-index__item>img {
display: block;
width: auto !important;
max-width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.portfolio-index__slider {
margin-top: 70px;
margin-bottom: -50px;
}
.portfolio-index__slider .owl-nav {
display: block !important;
}
.portfolio-index__slider .owl-prev,
.portfolio-index__slider .owl-next {
height: 120px;
-webkit-transform: translateY(-75%);
-ms-transform: translateY(-75%);
transform: translateY(-75%);
}
.portfolio-index__slider .owl-dots {
display: block !important;
}
.portfolio-index__item {
display: block;
min-height: 480px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: all .3s ease;
}
.portfolio-index__item:hover {
-webkit-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
@media only screen and (max-width: 1014px) {
.portfolio-index__item {
min-height: 350px;
}
}
@media only screen and (max-width: 380px) {
.portfolio-index__item {
min-height: 270px;
}
}
.portfolio__item {
padding: 60px 0 120px;
}
@media only screen and (max-width: 730px) {
.portfolio__item {
padding-top: 20px;
padding-bottom: 60px;
}
}
.portfolio__item>.container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.portfolio__item:nth-child(odd) {
background-color: #fff;
}
.portfolio__item:nth-child(odd)>.container {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
@media only screen and (max-width: 1164px) {
.portfolio__item:nth-child(odd)>.container {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.portfolio__item:nth-child(odd) .portfolio__desc {
margin-left: 75px;
}
@media only screen and (max-width: 1164px) {
.portfolio__item:nth-child(odd) .portfolio__desc {
margin-left: 0;
}
}
.portfolio__item:nth-child(even)>.container {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media only screen and (max-width: 1164px) {
.portfolio__item:nth-child(even)>.container {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.portfolio__item:nth-child(even) .portfolio__desc {
margin-right: 75px;
}
@media only screen and (max-width: 1164px) {
.portfolio__item:nth-child(even) .portfolio__desc {
margin-right: 0;
}
}
.portfolio__gallery {
position: relative;
width: 100%;
max-width: 577px;
}
@media only screen and (max-width: 1164px) {
.portfolio__gallery {
margin: 50px auto 0;
}
}
@media only screen and (max-width: 610px) {
.portfolio__gallery {
width: calc(100% + 32px);
min-height: auto;
margin: 20px 0 0 -16px;
}
}
.portfolio__big-img {
width: 100%;
}
.portfolio__big-img>img {
display: block;
width: 100%;
height: auto;
max-height: 444px;
margin: 0 auto;
}
.portfolio__small-img {
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 710px;
overflow-x: auto;
padding: 0 8px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
background-color: #fff;
}
@media only screen and (max-width: 730px) {
.portfolio__small-img {
position: static;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
display: block;
white-space: nowrap;
overflow-x: auto;
}
}
.portfolio__small-img-container {
padding: 16px 8px;
background-color: #fff;
}
@media only screen and (max-width: 730px) {
.portfolio__small-img-container {
padding-bottom: 8px;
display: inline-block;
}
}
.portfolio__small-img-container a>img {
display: block;
width: auto;
height: auto;
max-width: 105px;
max-height: 76px;
cursor: pointer;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio__small-img-container a>img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio__small-img-container>img {
display: block;
width: auto;
height: auto;
max-width: 105px;
max-height: 76px;
cursor: pointer;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.portfolio__small-img-container>img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio__desc {
width: calc(100% - 577px);
padding-top: 20px;
}
@media only screen and (max-width: 1164px) {
.portfolio__desc {
width: 100%;
}
}
.portfolio__title {
margin: 0 0 35px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2rem;
}
@media only screen and (max-width: 1164px) {
.portfolio__title {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 730px) {
.portfolio__title {
font-size: 1.75rem;
text-align: center;
}
}
.portfolio__text {
margin: 0 0 50px 0;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.portfolio__text .wysiwyg {
margin: 0;
}
@media only screen and (max-width: 1164px) {
.portfolio__text {
margin-bottom: 20px;
}
}
.portfolio__table {
display: table;
border-collapse: collapse;
margin-left: 5px;
}
.portfolio__row {
display: table-row;
}
.portfolio__row+.portfolio__row {
border-top: 1px solid #e5e5e5;
}
@media only screen and (max-width: 580px) {
.portfolio__row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.portfolio__cell {
display: table-cell;
vertical-align: top;
padding: 15px 0 5px;
}
.portfolio__cell:nth-child(1) {
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.portfolio__cell:nth-child(2) {
width: 33%;
padding-left: 15px;
padding-right: 15px;
color: #898989;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
@media only screen and (max-width: 580px) {
.portfolio__cell:nth-child(2) {
width: calc(100% - 40px);
font-size: 0.875rem;
}
}
.portfolio__cell:nth-child(3) {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
@media only screen and (max-width: 580px) {
.portfolio__cell:nth-child(3) {
padding: 0 0 10px 50px;
}
}
.portfolio__cell .svgi {
fill: #007ed0;
fill-rule: evenodd;
max-width: 24px;
max-height: 24px;
}
.contacts-index {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 60px;
}
@media only screen and (max-width: 1280px) {
.contacts-index {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;   }
}
@media only screen and (max-width: 768px) {
.contacts-index {
margin-top: 40px;
}
}
.contacts-index__map {
width: 50%;
min-height: 622px;
margin-right: 70px;
}
@media only screen and (max-width: 1280px) {
.contacts-index__map {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 100%;
min-height: 350px;
margin-right: 0;
}
.contacts-index__map .g-map {
min-height: inherit;
}
}
.contacts-index__desc {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
width: 640px;
padding-right: 16px;
}
@media only screen and (max-width: 1280px) {
.contacts-index__desc {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: 100%;
padding: 0 16px;
}
}
.contacts-index__desc .wysiwyg {
margin-top: 25px;
}
@media only screen and (max-width: 1280px) {
.contacts-index__desc .wysiwyg {
margin-top: 0;
}
}
.contacts-index__text {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.contacts-index__info {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.contacts-index__info--row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 40px;
margin-left: -50px;
}
.contacts-index__info--col {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
height: 100%;
margin-left: -30px;
}
.contacts-index__info--col .hf-panel {
margin: 30px 0;
}
.contacts-index__info--col .hf-panel--location {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.contacts-index__info--col .hf-panel--mail {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.contacts-index__info--col .hf-panel--phone {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
@media only screen and (max-width: 1280px) {
.contacts-index__info {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin: 0 0 40px -30px;
}
.contacts-index__info .hf-panel--location {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.contacts-index__info .hf-panel--mail {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.contacts-index__info .hf-panel--phone {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 620px) {
.contacts-index__info {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 20px -20px;
}
.contacts-index__info .hf-panel {
width: 50%;
margin: 20px 0 30px;
}
.contacts-index__info .hf-panel--location {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.contacts-index__info .hf-panel--mail {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.contacts-index__info .hf-panel--phone {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
}
@media only screen and (max-width: 450px) {
.contacts-index__info .hf-panel {
width: 100%;
}
}
.contacts__map {
min-height: 670px;
}
.contacts__map .g-map {
box-shadow: none;
}
@media only screen and (max-width: 1014px) {
.contacts__map {
min-height: 300px;
}
}
.g-map {
min-height: inherit;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
.modal__content {
position: relative;
width: 100%;
margin: 0 auto;
padding: 0 20px;
}
.modal__content--lg {
max-width: 720px;
}
.modal__content .mfp-close {
right: 20px;
}
.modal-zoom-in .modal-animation {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: all .2s ease-in-out;
}
.modal-zoom-in.mfp-ready .modal-animation {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.modal-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.modal-zoom-in.mfp-removing .modal-animation {
opacity: 0;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.modal-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.share {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 30px 12px 24px;
background-color: #d7d7d7;
}
.share-left {
margin-right: 15px;
}
.share__title {
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.share .pluso-010010010101-04 .pluso-wrap a {
margin-left: 8px;
}
.star-rating {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 5px 0 0;
z-index: 0;
}
.star-rating__wrap {
position: relative;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.star-rating__input {
display: none !important;
}
.star-rating__input:checked~.star-rating__icon {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
.star-rating__icon {
display: block;
width: 20px;
height: 16px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="17" height="17" viewBox="0 0 17 17"><defs><style>.cls-1{stroke: #007ed0;stroke-width: 1px;fill: none;fill-rule: evenodd;}</style></defs><path d="M16.147,7.748 C16.462,7.428 16.573,6.958 16.437,6.520 C16.301,6.084 15.946,5.772 15.511,5.705 L11.640,5.118 C11.475,5.093 11.332,4.985 11.259,4.829 L9.528,1.166 C9.334,0.754 8.939,0.499 8.499,0.499 C8.060,0.499 7.666,0.754 7.471,1.166 L5.740,4.829 C5.667,4.985 5.524,5.093 5.359,5.118 L1.488,5.706 C1.053,5.772 0.698,6.084 0.562,6.521 C0.426,6.958 0.537,7.428 0.852,7.748 L3.653,10.599 C3.772,10.721 3.827,10.896 3.799,11.067 L3.138,15.093 C3.080,15.448 3.169,15.792 3.388,16.064 C3.729,16.488 4.325,16.617 4.802,16.355 L8.264,14.454 C8.409,14.375 8.591,14.376 8.735,14.454 L12.198,16.355 C12.366,16.448 12.546,16.495 12.731,16.495 C13.069,16.495 13.390,16.338 13.611,16.064 C13.831,15.792 13.919,15.447 13.861,15.093 L13.200,11.067 C13.172,10.896 13.226,10.721 13.346,10.599 L16.147,7.748 Z" class="cls-1"/></svg>');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
}
.star-rating__icon:hover,
.star-rating__icon:hover~.star-rating__icon {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
.star-rating__icon--disabled {
position: relative;
z-index: -1;
pointer-events: none;
}
.star-rating--not-editable {
position: relative;
z-index: -1;
pointer-events: none;
}
.star-rating[data-rate="1"] .star-rating__icon:nth-last-of-type(-n+1) {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
.star-rating[data-rate="2"] .star-rating__icon:nth-last-of-type(-n+2) {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
.star-rating[data-rate="3"] .star-rating__icon:nth-last-of-type(-n+3) {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
.star-rating[data-rate="4"] .star-rating__icon:nth-last-of-type(-n+4) {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
.star-rating[data-rate="5"] .star-rating__icon:nth-last-of-type(-n+5) {
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="16" height="16" viewBox="0 0 16 16"><defs><style>.cls-1{fill: #007ed0;fill-rule: evenodd;}</style></defs><path d="M15.647,7.248 C15.962,6.928 16.073,6.458 15.937,6.020 C15.801,5.584 15.446,5.272 15.011,5.205 L11.140,4.618 C10.975,4.593 10.832,4.485 10.759,4.329 L9.028,0.666 C8.833,0.254 8.439,-0.001 7.999,-0.001 C7.560,-0.001 7.166,0.254 6.971,0.666 L5.240,4.329 C5.167,4.485 5.024,4.593 4.859,4.618 L0.988,5.206 C0.553,5.272 0.198,5.584 0.062,6.021 C-0.074,6.458 0.037,6.928 0.352,7.248 L3.153,10.099 C3.272,10.221 3.327,10.396 3.299,10.567 L2.638,14.593 C2.580,14.948 2.669,15.292 2.888,15.564 C3.229,15.988 3.825,16.117 4.302,15.855 L7.764,13.954 C7.909,13.875 8.091,13.876 8.235,13.954 L11.698,15.855 C11.866,15.948 12.046,15.995 12.231,15.995 C12.569,15.995 12.890,15.838 13.111,15.564 C13.331,15.292 13.419,14.947 13.361,14.593 L12.700,10.567 C12.672,10.396 12.726,10.221 12.846,10.099 L15.647,7.248 Z" class="cls-1"/></svg>');
}
[data-tooltip-text] {
position: relative;
z-index: 1;
}
[data-tooltip-text]:before {
content: attr(data-tooltip-text);
display: inline-block;
padding: 20px;
max-width: 170px;
background-color: #fff;
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
@media only screen and (max-width: 438px) {
[data-tooltip-text]:before {
font-size: 0.75rem;
}
}
[data-tooltip-text]:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
}
[data-tooltip-text]:before,
[data-tooltip-text]:after {
position: absolute;
opacity: 0;
pointer-events: none;
z-index: -1;
transition: opacity .2s ease;
}
[data-tooltip-text]:hover:before,
[data-tooltip-text]:hover:after {
opacity: 1;
pointer-events: auto;
z-index: 2;
}
[data-tooltip-text][data-tooltip-placement="top"]:before,
[data-tooltip-text][data-tooltip-placement="top"]:after {
bottom: calc(100% + 5px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-tooltip-text][data-tooltip-placement="top"]:before {
margin-bottom: 10px;
box-shadow: 0 -34px 81px 0 rgba(0, 0, 0, 0.2);
}
[data-tooltip-text][data-tooltip-placement="top"]:after {
border-top-color: #fff;
border-width: 10px 12px 0 12px;
}
[data-tooltip-text][data-tooltip-placement="right"]:before,
[data-tooltip-text][data-tooltip-placement="right"]:after {
top: 50%;
left: calc(100% + 5px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-tooltip-text][data-tooltip-placement="right"]:before {
margin-left: 10px;
box-shadow: 34px 0 81px 0 rgba(0, 0, 0, 0.2);
}
[data-tooltip-text][data-tooltip-placement="right"]:after {
border-right-color: #fff;
border-width: 12px 10px 12px 0;
}
[data-tooltip-text][data-tooltip-placement="bottom"]:before,
[data-tooltip-text][data-tooltip-placement="bottom"]:after {
top: calc(100% + 5px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-tooltip-text][data-tooltip-placement="bottom"]:before {
margin-top: 10px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
[data-tooltip-text][data-tooltip-placement="bottom"]:after {
border-bottom-color: #fff;
border-width: 0 12px 10px 12px;
}
[data-tooltip-text][data-tooltip-placement="left"]:before,
[data-tooltip-text][data-tooltip-placement="left"]:after {
top: 50%;
right: calc(100% + 5px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
[data-tooltip-text][data-tooltip-placement="left"]:before {
margin-right: 10px;
box-shadow: -34px 0 81px 0 rgba(0, 0, 0, 0.2);
}
[data-tooltip-text][data-tooltip-placement="left"]:after {
border-left-color: #fff;
border-width: 12px 0 12px 10px;
}
@media only screen and (max-width: 1680px) {
[data-tooltip-text][data-tooltip-placement]:before,
[data-tooltip-text][data-tooltip-placement]:after {
top: initial;
left: initial;
right: initial;
bottom: initial;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
top: calc(100% + 5px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
[data-tooltip-text][data-tooltip-placement]:before {
margin: initial;
box-shadow: initial;
margin-top: 10px;
box-shadow: 0 34px 81px 0 rgba(0, 0, 0, 0.2);
}
[data-tooltip-text][data-tooltip-placement]:after {
border: initial;
border-style: solid;
border-color: transparent transparent #fff transparent;
border-width: 0 12px 10px 12px;
}
}
@media only screen and (max-width: 768px) {
[data-tooltip-text][data-tooltip-text]:before {
padding: 8px 12px;
}
[data-tooltip-text][data-tooltip-placement]:before,
[data-tooltip-text][data-tooltip-placement]:after {
left: calc(50% - 5px);
}
}
.note {
padding: 50px 0 20px;
}
.note__title {
margin: 0 0 35px 0;
color: #3d3d3d;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 2rem;
}
@media only screen and (max-width: 440px) {
.note__title {
font-size: 1.75rem;
}
}
.note__text {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
}
.note__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px -8px 0;
}
@media only screen and (max-width: 768px) {
.note__list {
margin-top: 0;
}
}
.note__item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: calc(25% - 16px);
padding: 0 8px;
text-align: center;
}
.note__item:hover .note__item-img>img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.note__item:hover .note__item-text {
color: #007ed0;
text-decoration: underline;
}
@media only screen and (max-width: 1014px) {
.note__item {
width: calc(33% - 16px);
}
}
@media only screen and (max-width: 768px) {
.note__item {
width: calc(50% - 16px);
margin-top: 40px;
}
}
@media only screen and (max-width: 480px) {
.note__item {
width: calc(100% - 16px);
margin-top: 40px;
}
}
.note__item-img {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 165px;
margin-bottom: 20px;
}
.note__item-img>img {
display: block;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.note__item-text {
color: #3d3d3d;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
text-decoration: none;
transition: color .3s ease;
}
.pricing {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
padding: 30px 30px 27px;
background-color: #007ed0;
}
.pricing__item {
position: relative;
cursor: help;
margin: 0 30px;
}
.pricing__item-inner {
position: relative;
border-bottom: 1px dashed #fff;
opacity: .6;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 1.5rem;
white-space: nowrap;
}
.pricing__item-inner>span {
display: inline-block;
margin-right: 8px;
}
.pricing__item--piece .pricing__item-inner:after {
content: '+';
color: inherit;
font-family: inherit;
font-size: inherit;
position: absolute;
top: 0;
left: -38px;
pointer-events: none;
cursor: initial;
}
.pricing__item--total .pricing__item-inner {
opacity: 1;
}
.pricing__item:nth-child(2) .pricing__item-inner:after {
content: '=';
}
.sitemap ul li:before,
.sitemap ul li a {
padding: .07143em .7em;
border-radius: .25em;
}
.sitemap ul li:hover>a,
.sitemap ul li:hover:before {
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.sitemap ul li:before,
.sitemap ul li:after,
.sitemap ul li a {
transition: background-color .1s ease, color .1s ease;
}
.sitemap {
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
font-size: 1rem;
margin: 0 0 1.5em;
}
.sitemap>ul {
overflow: hidden;
padding-left: 2em;
}
@media only screen and (max-width: 560px) {
.sitemap>ul {
padding-left: 20px;
}
}
.sitemap ul {
list-style-type: none;
counter-reset: sitemap;
}
.sitemap ul ul {
padding-left: 2em;
}
@media only screen and (max-width: 560px) {
.sitemap ul ul {
padding-left: 20px;
}
}
@media only screen and (max-width: 400px) {
.sitemap ul ul {
padding-left: 10px;
}
}
@media only screen and (max-width: 400px) {
.sitemap ul ul {
padding-left: 0;
}
}
.sitemap ul li {
position: relative;
margin: .5em 0;
white-space: nowrap;
}
.sitemap ul li:before {
float: left;
content: counters(sitemap, ".") " ";
counter-increment: sitemap;
color: #fff;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #4baaf5;
}
.sitemap ul li:after {
position: absolute;
top: 0;
right: 100%;
width: auto;
height: 100%;
margin-right: .5em;
content: '|-';
text-align: right;
white-space: nowrap;
opacity: .3;
border-bottom-left-radius: .5em;
}
.sitemap ul li a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
color: #666;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background-color: #eee;
text-shadow: 0 -1px #fff;
}
.sitemap ul li:hover>a {
text-decoration: underline;
background-color: #71c322;
}
.sitemap ul li:hover:after {
color: transparent;
}
.sitemap ul li:hover:before,
.sitemap ul li:hover:after {
background-color: #0647b3;
}
.sitemap ul li li:hover>a {
background-color: #61a71d;
}
.sitemap ul li li:hover:before,
.sitemap ul li li:hover:after {
background-color: #d34013;
}
.sitemap ul li li li:hover>a {
background-color: #467914;
}
.sitemap ul li li li:hover:before,
.sitemap ul li li li:hover:after {
background-color: #eb4f1f;
}
.sitemap ul li li li li:hover>a {
background-color: #2e4c10;
}
.sitemap ul li li li li:hover:before,
.sitemap ul li li li li:hover:after {
background-color: #ee6940;
}
.sitemap ul li li li li li:hover>a {
background-color: #091002;
}
.sitemap ul li li li li li:hover:before,
.sitemap ul li li li li li:hover:after {
background-color: #f18361;
}
.video-iframe {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -8px;
}
.video-iframe__wrap {
display: block;
cursor: pointer;
}
.video-iframe__wrap--has-sibling {
display: inline-block;
vertical-align: top;
width: calc(50% - 8px);
margin-bottom: 12px;
}
.video-iframe__wrap--has-sibling:nth-child(3n+1) {
display: block;
width: 100%;
margin: 0 auto 15px;
}
@media only screen and (max-width: 1014px) {
.video-iframe__wrap--has-sibling {
display: block;
width: 100%;
margin: 0 auto 15px;
}
}
.video-iframe__wrap--single {
width: 100%;
margin: 0 auto 15px;
}
.video-iframe__holder {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.video-iframe__holder:before,
.video-iframe__holder:after {
position: absolute;
}
.video-iframe__holder:after {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: inline-block;
width: 70px;
height: 49px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/youtube-icon-dark.png);
background-repeat: no-repeat;
background-size: cover;
opacity: 0.85;
}
.video-iframe__holder:hover:after {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/youtube-icon-full_color.png);
opacity: 1;
}
.video-iframe__holder>iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
}
.hamburger {
display: inline-block;
padding: 8px;
background-color: #007ed0;
border: 1px solid #007ed0;
border-radius: 2px;
font-size: 0;
cursor: pointer;
}
.hamburger__box {
position: relative;
display: inline-block;
width: 30px;
height: 24px;
}
.hamburger__inner {
position: absolute;
display: block;
width: 30px;
height: 4px;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -2px;
background-color: #fff;
border-radius: 4px;
}
.hamburger__inner:before,
.hamburger__inner:after {
content: '';
position: inherit;
display: inherit;
width: inherit;
height: inherit;
left: inherit;
margin-left: inherit;
background-color: inherit;
border-radius: inherit;
}
.hamburger__inner:before {
top: -10px;
}
.hamburger__inner:after {
bottom: -10px;
} .cookie-bar {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1001;
padding: 10px 70px 10px 40px;
background-color: rgba(0, 0, 0, .7);
text-align: center;
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
}
.cookie-bar.fixed {
position: fixed;
}
.cookie-bar__close-btn {
position: absolute;
right: 20px;
top: 50%;
z-index: 1;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
height: 25px;
}
.cookie-bar__close-btn:before,
.cookie-bar__close-btn:after {
content: '';
position: relative;
left: 0;
display: block;
width: 25px;
height: 2px;
background-color: #f4f4f4;
-webkit-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
}
.cookie-bar__close-btn:before {
top: 11px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cookie-bar__close-btn:after {
top: 9px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cookie-bar__close-btn:hover {}
.cookie-bar__close-btn:hover:before,
.cookie-bar__close-btn:hover:after {
background-color: #4ba8ff;
}
.cookie-bar__txt {
color: #fff;
font-size: 12px;
}
.cookie-bar__txt a {
display: inline-block;
border-bottom: 1px dotted #4ba8ff;
color: #4ba8ff;
text-decoration: none;
line-height: 12px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.cookie-bar__txt a:hover {
color: #68de34;
text-decoration: none;
border-bottom: 1px dashed #68de34;
}
.cookie-bar-is-visible .cookie-bar {
display: none;
}
.wrapper {
-webkit-transition: padding .3s ease;
-o-transition: padding .3s ease;
transition: padding .3s ease;
}
.cookie-bar-is-visible .wrapper { }
.cookie-bar-is-visible .go-top {
bottom: 70px;
}
.cookie-bar-is-visible .navbar--fixed_animate { } .user-agreement {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.user-agreement__checkbox {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 8px;
cursor: pointer;
}
.user-agreement__checkbox input {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
height: 1px !important;
width: 1px !important;
margin: -1px;
padding: 0 !important;
border: 0 !important;
overflow: hidden
}
.user-agreement__checkbox i {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 4px;
border: 1px solid #afafaf;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .3s ease;
-o-transition: border-color .3s ease;
transition: border-color .3s ease;
}
.user-agreement__checkbox i:after {
content: '';
position: absolute;
top: calc(50% - 5px);
left: calc(50% - 6px);
display: inline-block;
width: 11px;
height: 6px;
border-style: solid;
border-width: 0 0 1px 1px;
border-color: #007ed0;
-webkit-transform: rotate(-20deg) scale(0);
-ms-transform: rotate(-20deg) scale(0);
transform: rotate(-20deg) scale(0);
-webkit-transition: -webkit-transform .15s ease-in-out;
transition: -webkit-transform .15s ease-in-out;
-o-transition: transform .15s ease-in-out;
transition: transform .15s ease-in-out;
transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
}
.user-agreement__checkbox input:checked~i {
border-color: #007ed0;
}
.user-agreement__checkbox input:checked~i:after {
-webkit-transform: rotate(-53deg) scale(1);
-ms-transform: rotate(-53deg) scale(1);
transform: rotate(-53deg) scale(1);
}
.user-agreement span {
font-size: 12px;
}
.user-agreement span a {
color: #008dea;
text-decoration: underline;
}
.user-agreement span a:hover {
text-decoration: none;
}
.treatment-systems {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.treatment-systems__main,
.treatment-systems__secondary {
width: 49%;
}
.treatment-systems__secondary {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.treatment-systems__block {
position: relative;
height: 100%;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/treatment-bg.png);
overflow: hidden;
box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .15);
padding-bottom: 50px;
}
.treatment-systems__block:before {
position: absolute;
z-index: 1;
content: '';
top: 0;
right: 0;
width: 40%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
}
.treatment-systems__bg-1:before {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/treatment-bg-1.png);
}
.treatment-systems__bg-2:before {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/treatment-bg-2.png);
}
.treatment-systems__bg-3:before {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/treatment-bg-3.png);
}
.treatment-systems__block:not(:last-of-type) {
margin-bottom: 25px;
}
.treatment-systems__title {
position: relative;
z-index: 2;
max-width: 50%;
padding: 30px 0 30px 30px;
text-transform: uppercase;
margin-top: 20px;
font-size: 24px;
color: #fff;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
}
.treatment-systems__title:before {
position: absolute;
z-index: -1;
content: '';
top: 0;
left: -80px;
width: calc(100% + 120px);
height: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/treatment-title-bg.png);
}
.treatment-systems__complex {
display: block;
color: #2c74b6;
font-size: 18px;
margin-top: 15px;
padding-left: 30px;
text-decoration: underline;
font-family: "PantonBold", Helvetica, Arial, sans-serif;
}
.treatment-systems__complex:hover {
text-decoration: none;
}
.treatment-systems__complex span {
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
}
.treatment-systems__list {
list-style-type: none;
padding-left: 30px;
margin-top: 15px;
margin-bottom: 0;
}
.treatment-systems__item {
position: relative;
max-width: 350px;
padding-left: 40px;
}
.treatment-systems__item:not(:last-of-type) {
margin-bottom: 20px;
}
.treatment-systems__item img {
position: absolute;
top: 0;
left: 0;
width: auto;
max-height: 23px;
}
.treatment-systems__item span {
font-size: 16px;
color: #333;
line-height: 1.25;
font-family: "PantonRegular", Helvetica, Arial, sans-serif;
}
.treatment-systems__brands {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
grid-gap: 10px 40px;
list-style-type: none;
margin-bottom: -25px;
padding: 15px 40% 15px 30px;
box-shadow: 0 0 2.94px .06px rgba(0, 0, 0, .35);
}
.treatment-systems__brands li {
max-height: 25px;
}
.treatment-systems__brands img {
min-height: 25px;
height: auto;
max-width: 100%;
max-height: 100%;
}
.new-strange-block {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: calc(100% + 15px);
margin-left: -15px;
}
.new-strange-block img {
max-width: 100%;
}
.new-stock,
.new-examples,
.new-consult {
max-width: 100%;
margin-left: 15px;
margin-bottom: 30px;
}
.new-strange-block__title {
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 24px;
color: #007ed0;
line-height: 1;
text-transform: uppercase;
}
.new-strange-block__wrapper {
max-height: 385px;
margin-top: 30px;
box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .15);
}
.new-strange-block__link {
position: relative;
display: inline-block;
color: #333;
font-size: 20px;
margin-top: 20px;
font-family: "PantonBold", Helvetica, Arial, sans-serif;
transition: .3s all;
line-height: 1;
}
.new-strange-block__link:before {
position: absolute;
content: '';
bottom: 3px;
right: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #6c6c6c;
margin: auto;
transition: .3s all;
}
.new-strange-block__link:hover:before {
border-color: transparent transparent transparent #008dea;
}
.new-stock {
position: relative;
width: 575px;
}
.new-stock__text {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
right: 0;
width: 260px;
height: 100px;
display: flex;
align-items: center;
justify-content: flex-end;
margin: auto;
padding: 20px;
text-transform: uppercase;
color: #fff;
font-family: "PantonBold", Helvetica, Arial, sans-serif;
font-size: 50px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/stock-title-bg.png);
}
.new-stock__img {
position: relative;
display: flex;
}
.new-stock__img:before,
.new-stock__img:after {
position: absolute;
content: '';
top: 0;
right: 0;
height: 100%;
background-repeat: no-repeat;
background-size: 100% auto;
}
.new-stock__img:before {
width: 360px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/stock-bg.png);
}
.new-stock__img:after {
width: 250px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/stock-gifts.png);
}
.new-consult__managers {
padding: 15px 20px 10px;
}
.new-consult__managers div {
margin: 20px 0;
}
.new-consult__managers span {
display: block;
font-size: 20px;
color: #333;
line-height: 1;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
text-transform: uppercase;
}
.new-consult__managers a {
display: inline-block;
color: #007ed0;
line-height: 1;
margin-top: 2px;
text-decoration: underline;
font-family: "PantonRegular", Helvetica, Arial, sans-serif;
font-size: 20px;
}
.new-consult__managers a:hover {
text-decoration: none;
}
@media only screen and (max-width: 1366px) {
.treatment-systems__title {
font-size: 18px;
}
.treatment-systems__complex {
font-size: 15px;
}
.treatment-systems__item {
max-width: 50%;
}
.treatment-systems__item span {
font-size: 14px;
}
}
@media only screen and (max-width: 1200px) {
.treatment-systems {
flex-direction: column;
}
.treatment-systems__main,
.treatment-systems__secondary {
width: 100%;
}
.treatment-systems__main {
margin-bottom: 20px;
}
.treatment-systems__block:before {
width: 280px;
}
}
@media only screen and (max-width: 767px) {
.treatment-systems__block:before {
display: none;
}
.treatment-systems__title {
max-width: 100%;
}
.treatment-systems__item {
max-width: 100%;
padding-right: 15px;
}
.treatment-systems__brands {
padding: 15px 30px;
}
.new-strange-block__title {
font-size: 18px;
}
.new-strange-block__link {
font-size: 16px;
}
.new-strange-block__link:before {
bottom: 2px;
}
.section-top>.container {
position: relative;
}
.breadcrumb>li:last-child,
.breadcrumb>li.active {
display: none;
}
.breadcrumb>li:nth-last-child(2) {
display: block;
}
.breadcrumb>li:nth-last-child(2):before {
content: '<';
}
.breadcrumb>li:first-child:before {
content: '';
}
.new-consult__managers a,
.new-consult__managers span {
font-size: 14px;
}
.new-stock__text {
width: 160px;
height: 70px;
font-size: 26px;
}
.advantages-index--desc__left {
display: none;
}
}
@media only screen and (max-width: 400px) {
.new-stock__img:before {
width: 250px;
background-size: auto 100%;
}
.new-stock__img:after {
width: 200px;
background-size: auto 100%;
}
.new-strange-block__link {
font-size: 12px;
}
.new-strange-block__link:before {
bottom: 0;
}
}
.advantages-index--desc__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
}
.advantages-index--desc__left {
width: 100%;
}
.advantages-index--desc__right {
min-width: 450px;
width: 450px;
-webkit-box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .2);
box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .2);
padding: 30px;
}
.advantages-index--desc__title {
text-align: center;
color: #3d3d3d;
text-transform: uppercase;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 22px;
}
.advantages-index--desc__price {
margin-top: 35px;
font-family: "PantonBold", Helvetica, Arial, sans-serif;
font-size: 18px;
text-transform: uppercase;
}
.advantages-index--desc__price b {
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 20px;
}
.advantages-index--desc__see-all {
font-family: "PantonRegular", Helvetica, Arial, sans-serif;
font-size: 16px;
text-decoration: underline;
}
.advantages-index--desc__see-all:hover {
text-decoration: none;
color: #3d3d3d;
}
.advantages-index--desc__text {
margin-top: 30px;
font-size: 18px;
font-family: "PantonRegular", Helvetica, Arial, sans-serif;
}
.advantages-index--desc__text b {
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
}
.advantages-index--desc__payment-title {
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 20px;
}
.advantages-index--desc__payment-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 25px;
}
.advantages-index--desc__payment-item {}
.advantages-index--desc__payment-img {
max-width: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.advantages-index--desc__payment-img img {
max-width: 100%;
max-height: inherit;
}
.advantages-index--desc__payment-text {
color: rgba(61, 61, 61, .5);
font-size: 16px;
margin-top: 10px;
text-align: center;
font-family: "PantonRegular", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1024px) {
.advantages-index--desc__container {
display: block;
}
.advantages-index--desc__right {
width: 100%;
max-width: 450px;
min-width: unset;
margin-top: 30px;
}
}
.super-text {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
//padding: 0 15px;
}
.super-text h1 {
display: inline-block;
padding: 15px;
font-size: 18px;
color: #125c8c;
text-transform: uppercase;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
background-color: #fff;
-webkit-box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .2);
box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .2);
line-height: 1;
margin: 0;
}
.super-text .info {
background-color: #006aaf;
padding: 15px;
margin-bottom: 30px;
text-align: left;
color: #fff;
}
.super-text .info span {
position: relative;
display: block;
padding: 15px;
font-family: "PantonBold", Helvetica, Arial, sans-serif;
font-size: 16px;
color: #fff;
text-align: left;
border: 1px solid rgba(255, 255, 255, .3);
line-height: 1.3;
}
@media only screen and (min-width: 768px) {
.super-text h1 {
font-size: 28px;
padding: 25px 70px;
}
.super-text .info {
padding: 15px 15px 15px 50px;
}
.super-text .info span {
font-size: 20px;
padding: 25px 15px 35px 60px;
}
.super-text .info span:before {
position: absolute;
z-index: 2;
content: '';
top: 0;
bottom: 0;
left: -36px;
width: 71px;
height: 73px;
margin: auto;
background-repeat: no-repeat;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/info.png);
background-size: cover;
background-position: center;
background-color: #006aaf;
}
.super-text .info span:after {
position: absolute;
z-index: 1;
content: '';
top: 0;
bottom: 0;
left: -1px;
width: 1px;
height: 80px;
margin: auto;
background-color: #006aaf;
}
}
.super-text blockquote {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 75px;
padding: 15px 20px 15px 130px;
font-family: "PantonBold", Helvetica, Arial, sans-serif;
margin-bottom: 30px;
background-color: #fff;
line-height: 1.4;
font-size: 16px;
-webkit-box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .2);
box-shadow: 0 0 4.9px .1px rgba(0, 0, 0, .2);
margin: 0 0 15px 0;
}
.super-text blockquote:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 40px;
width: 69px;
height: 61px;
margin: auto;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/icons/blockquote.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.footer__messengers {
display: flex;
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
}
.footer__messengers a {
position: relative;
width: 50%;
}
.footer__messengers a:before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 35px;
height: 35px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: auto;
}
.footer__whatsapp {
background-color: #1bd741;
}
.footer__telegram {
background-color: #0088cc;
}
.footer__whatsapp:before {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/svg/whatsapp.svg);
}
.footer__telegram:before {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/svg/telegram.svg);
}
@media only screen and (max-width: 767px) {
.super-text blockquote {
padding: 15px 20px;
}
.super-text blockquote:before {
display: none;
}
.section-top .b-info,
.section-top .section-top--slider,
.main-page-form {
display: none;
}
.section-top .contact-mobile-display {
display: block;
}
.section-top--static {
display: none;
}
.section-top--static+.container {
background-color: #006aaf;
}
.breadcrumb>li {
display: none;
}
}
.bg-wrapper {
display: none;
position: fixed;
z-index: 1001;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .8);
}
.cool-popup {
display: none;
position: fixed;
z-index: 1002;
top: 50%;
left: 50%;
max-width: 620px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
margin: 20px;
border: 2px solid #007ed0;
}
.popup__close {
position: absolute;
z-index: 1003;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/pic/popup/close.png);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border: none;
background-color: transparent;
cursor: pointer;
}
.popup__logo {
margin-top: 30px;
margin-left: 30px;
}
.popup__container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 20px 30px 30px;
text-align: center;
}
.popup__coupons {
width: 50%;
}
.popup__coupons img {
max-width: 100%;
}
.popup__block {
width: 100%;
padding: 20px;
}
.popup__block img {
padding: 20px 0;
width: 100%;
}
.popup__header {
font-size: 32px;
line-height: 1.4;
margin-bottom: 0;
color: #424242;
text-align: center;
}
.popup__header span {
font-weight: 800;
font-size: 32px;
line-height: 38px;
color: #017ED0;
}
.popup__divider {
max-width: 220px;
height: 1px;
margin: 10px auto;
background-color: rgba(255, 255, 255, .7);
}
.popup__descr {
font-size: 18px;
text-align: center;
font-family: "PantonSemiBold", Helvetica, Arial, sans-serif;
margin-bottom: 0;
position: relative;
}
.popup__descr span {
color: #017ED0;
}
.popup__descr:after { width: 65px;
height: 2px;
background: #017ED0;
position: absolute;
top: 13px;
right: 5px;
}
.popup__descr:before { width: 65px;
height: 2px;
background: #017ED0;
position: absolute;
top: 13px;
left: 5px;
}
.popup__list {
margin-top: 15px;
padding-left: 0;
margin-bottom: 0;
}
.popup__item {
text-align: center;
font-family: "PantonRegular", Helvetica, Arial, sans-serif;
list-style-type: none;
font-size: 20px;
letter-spacing: .3px;
}
.popup__form {
padding-top: 20px;
}
.popup__input {
width: 100%;
height: 46px;
border: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: transparent;
padding: 10px 15px;
color: #fff;
font-size: 16px;
margin-bottom: 15px;
font-family: "MuseoSansCyrl300", Helvetica, Arial, sans-serif;
}
.popup__submit {
width: 100%;
height: 46px;
font-family: "RalewayExtraBold", Helvetica, Arial, sans-serif;
font-size: 14px;
text-transform: uppercase; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: none;
color: #007ed0;
padding: 10px;
cursor: pointer;
background-color: #fff;
-webkit-transition: .2s all;
-o-transition: .2s all;
-moz-transition: .2s all;
transition: .2s all;
line-height: 32px;
}
.popup__submit:hover {
background-color: rgba(255, 255, 255, .9);
}
.popup__thankyou {
display: none;
font-family: "PantonSemiBold", Helvetica, Arial, sans-serif;
font-size: 18px;
color: #fff;
text-align: center;
}
@media only screen and (max-width: 1440px) {
.popup__logo {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100px;
}
.popup__logo img {
max-width: 100%;
}
.popup__header {
font-size: 24px;
}
.popup__descr {
font-size: 14px;
}
.popup__item {
font-size: 14px;
}
.popup__coupons {
width: 30%;
}
}
@media only screen and (max-width: 1200px) {
.popup__coupons {
display: none;
}
.popup__block {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 500px) {
.cool-popup {
top: 0;
left: 0;
max-width: 100%;
margin: 0;
max-height: 100%;
overflow-y: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.popup__header,
.popup__header span {
font-size: 18px;
}
.popup__item {
font-size: 12px;
}
}
.checkbox {
margin-bottom: 30px;
}
.checkbox [type="checkbox"]:checked,
.checkbox [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
}
.checkbox [type="checkbox"]:checked+label,
.checkbox [type="checkbox"]:not(:checked)+label {
position: relative;
padding-left: 35px;
cursor: pointer;
line-height: 23px;
display: inline-block;
margin-right: 30px;
padding-bottom: 20px;
}
.checkbox [type="checkbox"]:checked+label:before,
.checkbox [type="checkbox"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 21px;
height: 21px;
background: #017ED0;
opacity: 0.18;
border-radius: 100%;
}
.checkbox [type="checkbox"]:checked+label:after,
.checkbox [type="checkbox"]:not(:checked)+label:after {
content: '';
width: 21px;
height: 21px;
background: #fff;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 5px solid #017ED0;
border-radius: 100%;
}
.checkbox [type="checkbox"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.checkbox [type="checkbox"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.checkbox [type="radio"]:checked,
.checkbox [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.checkbox [type="radio"]:checked+label,
.checkbox [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 35px;
cursor: pointer;
line-height: 23px;
display: inline-block;
margin-right: 30px;
padding-bottom: 20px;
}
.checkbox [type="radio"]:checked+label:before,
.checkbox [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 21px;
height: 21px;
background: #017ED0;
opacity: 0.18;
border-radius: 100%;
}
.checkbox [type="radio"]:checked+label:after,
.checkbox [type="radio"]:not(:checked)+label:after {
content: '';
width: 21px;
height: 21px;
background: #fff;
position: absolute;
top: 0px;
left: 0px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 5px solid #017ED0;
border-radius: 100%;
}
.checkbox [type="radio"]:not(:checked)+label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.checkbox [type="radio"]:checked+label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.request .title {
font-family: "PantonBold", Helvetica, Arial, sans-serif;
font-size: 24px;
margin-bottom: 25px;
}
.request ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.request .form__item {
max-width: 380px;
}
.request { background-repeat: no-repeat;
background-position: top right;
background-size: 325px;
padding-bottom: 40px;
}
.request .button--link {
color: #424242;
background: rgba(1, 126, 208, 0.18);
margin: 0 20px;
border: none;
text-transform: inherit;
}
.irs--round .irs-handle {
border: none;
background-color: #017ED0;
top: 28px;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
display: none;
}
.irs--round .irs-min,
.irs--round .irs-max {
display: none;
}
.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
background: #017ED0;
}
.irs--round .irs-line {
height: 8px;
background: #017ED0;
opacity: 0.18;
}
.irs--round .irs-bar {
height: 8px;
background: #017ED0;
}
.range-slider.small .range {
max-width: 340px;
}
.irs-grid-text {
line-height: 112px;
color: #424242 !important;
}
.range-labels {
display: none;
justify-content: space-between;
}
.range {
padding: 0 30px;
}
@media (min-width: 768px) {
.range-labels {
display: flex;
display: flex;
}
.range {
padding: 0;
}
}
.callback {
background: rgba(1, 126, 208, 0.08);
padding: 25px;
margin: 35px 0;
padding-bottom: 5px;
}
.button-wrapper {
position: relative;
width: 150px;
text-align: center;
display: inline-block;
margin-left: 20px;
}
.button-wrapper span.label {
position: relative;
z-index: 0;
display: inline-block;
width: 100%;
color: #424242;
background: rgba(1, 126, 208, 0.18);
cursor: pointer;
padding: 10px 0;
font-weight: 600;
font-size: 14px; }
.button-wrapper input {
display: inline-block;
position: absolute;
z-index: 1;
width: 100%;
height: 50px;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.advantages-index--desc__request {
text-align: center;
width: 100%;
}
.advantages-index--desc__request a {
padding: 15px 70px;
background: #2c74b6;
color: #ffffff;
position: inherit;
margin: 0 auto;
}
.advantages-index--desc__request a:hover {
color: #ffffff;
}
.clear {
clear: both;
}
.product-item__buy-button.button2 {
left: auto;
right: 0px;
width: auto;
padding: 15px;
background: #67b4eb;
}.lb-loader,.lightbox{text-align:center;line-height:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/images/prev.png) left 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/images/next.png) right 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/images/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}.icon-phone {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/images/phone.svg);
}html {
font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details, figcaption,
figure,
footer,
header,
main, menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template, [hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
optgroup,
select,
textarea {
font: inherit; margin: 0; } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; } .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y; }
.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(0px, 0px, 0px); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
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-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
display: none; }
.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: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease; }
.owl-carousel .owl-item img {
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(//abcfilter.ru/wp-content/themes/aquatic/micros/layout/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #4DC7A0;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #4DC7A0; }.wpreloader_wraper,
.wpreloader_holder > div,
.wpreloader_holder {
cursor: wait;
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.ie .wpreloader_wraper,
.ie .wpreloader_holder > div,
.ie .wpreloader_holder {
cursor: wait;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
bottom: auto;
right: auto;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.wpreloader_removing.fade_preloader .wpreloader_wraper {
visibility: hidden;
opacity: 0;
-webkit-transition: visibility .3s ease, opacity .3s ease;
transition: visibility .3s ease, opacity .3s ease;
}
.wpreloader_holder {
max-width: 68%;
}
.wpreloader_wraper {
width: 100%;
height: 100%;
background: rgba(255,255,255,0.65);
display: none;
}
.wpreloader_show {
position: relative;
}
.wpreloader_show .wpreloader_wraper {
display: block;
}
.wpreloader_block .wpreloader_wraper {
background: none;
position: fixed;
z-index: 1050;
}
.wpreloader_block .wpreloader_wraper:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.3;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
background-color: #000;
} .wpreloader_logo {
position: relative;
width: 210px;
height: 75px;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.wpreloader_logo > ul,
.wpreloader_logo > ul > li {
padding: 0 !important;
margin: 0 !important;
list-style-type: none !important;
}
.wpreloader_logo > ul {
position: relative;
height: 0;
width: 100%;
padding-top: 36% !important;
background-size: 100%;
}
.wpreloader_logo > ul > li,
.wpreloader_logo > ul > li > span {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wpreloader_logo > ul > li {
width: 57%;
}
.wpreloader_logo > ul > li + li {
left: 43%;
}
.wpreloader_logo > ul > li > span:first-child:before,
.wpreloader_logo > ul > li > span + span:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 77%;
height: 36%;
background-color: #ff1800;
border-radius: 1000px;
}
.wpreloader_logo > ul > li + li span:first-child:before {
width: 75%;
}
.wpreloader_logo > ul > li span:first-child:before { -webkit-animation: wlogo_before ease-in-out infinite;
-moz-animation: wlogo_before ease-in-out infinite;
-ms-animation: wlogo_before ease-in-out infinite;
animation: wlogo_before ease-in-out infinite;
}
.wpreloader_logo > ul > li span + span:after {
width: 76%;
-webkit-animation: wlogo_after ease-in-out infinite;
-moz-animation: wlogo_after ease-in-out infinite;
-ms-animation: wlogo_after ease-in-out infinite;
animation: wlogo_after ease-in-out infinite;
}
.wpreloader_logo > ul > li:first-child span:first-child {
-webkit-animation: wlogo_span_a ease-in-out infinite;
-moz-animation: wlogo_span_a ease-in-out infinite;
-ms-animation: wlogo_span_a ease-in-out infinite;
animation: wlogo_span_a ease-in-out infinite;
}
.wpreloader_logo > ul > li:first-child span + span {
-webkit-animation: wlogo_span_b ease-in-out infinite;
-moz-animation: wlogo_span_b ease-in-out infinite;
-ms-animation: wlogo_span_b ease-in-out infinite;
animation: wlogo_span_b ease-in-out infinite;
}
.wpreloader_logo > ul > li + li span:first-child {
-webkit-animation: wlogo_span_c ease-in-out infinite;
-moz-animation: wlogo_span_c ease-in-out infinite;
-ms-animation: wlogo_span_c ease-in-out infinite;
animation: wlogo_span_c ease-in-out infinite;
}
.wpreloader_logo > ul > li + li span + span {
-webkit-animation: wlogo_span_d ease-in-out infinite;
-moz-animation: wlogo_span_d ease-in-out infinite;
-ms-animation: wlogo_span_d ease-in-out infinite;
animation: wlogo_span_d ease-in-out infinite;
}
.wpreloader_logo > ul > li span:first-child:before,
.wpreloader_logo > ul > li span + span:after,
.wpreloader_logo > ul > li:first-child span:first-child,
.wpreloader_logo > ul > li:first-child span + span,
.wpreloader_logo > ul > li + li span:first-child,
.wpreloader_logo > ul > li + li span + span {
-webkit-animation-duration: .8s;
-moz-animation-duration: .8s;
-ms-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
-ms-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes wlogo_before {
0%, 30% {-webkit-transform: rotate(45.5deg) translate(11%,88%);}
100% {-webkit-transform: rotate(-45.5deg) translate(-26%,37%);}
}
@-moz-keyframes wlogo_before {
0%, 30% {-moz-transform: rotate(45.5deg) translate(11%,88%);}
100% {-moz-transform: rotate(-45.5deg) translate(-26%,37%);}
}
@-ms-keyframes wlogo_before {
0%, 30% {-ms-transform: rotate(45.5deg) translate(11%,88%);}
100% {-ms-transform: rotate(-45.5deg) translate(-26%,37%);}
}
@keyframes wlogo_before {
0%, 30% {transform: rotate(45.5deg) translate(11%,88%);}
100% {transform: rotate(-45.5deg) translate(-26%,37%);}
} @-webkit-keyframes wlogo_after {
0%, 30% {-webkit-transform: rotate(-46deg) translate(8%,156%);}
100% {-webkit-transform: rotate(46deg) translate(46%,-36%);}
}
@-moz-keyframes wlogo_after {
0%, 30% {-moz-transform: rotate(-46deg) translate(8%,156%);}
100% {-moz-transform: rotate(46deg) translate(46%,-36%);}
}
@-ms-keyframes wlogo_after {
0%, 30% {-ms-transform: rotate(-46deg) translate(8%,156%);}
100% {-ms-transform: rotate(46deg) translate(46%,-36%);}
}
@keyframes wlogo_after {
0%, 30% {transform: rotate(-46deg) translate(8%,156%);}
100% {transform: rotate(46deg) translate(46%,-36%);}
} @-webkit-keyframes wlogo_span_a {
0%, 30%, 100% {-webkit-transform: translateX(0%);}
60% {-webkit-transform: translateX(-35%);}
}
@-moz-keyframes wlogo_span_a {
0%, 30%, 100% {-moz-transform: translateX(0%);}
60% {-moz-transform: translateX(-35%);}
}
@-ms-keyframes wlogo_span_a {
0%, 30%, 100% {-ms-transform: translateX(0%);}
60% {-ms-transform: translateX(-35%);}
}
@keyframes wlogo_span_a {
0%, 30%, 100% {transform: translateX(0%);}
60% {transform: translateX(-35%);}
} @-webkit-keyframes wlogo_span_d {
0%, 30%, 100% {-webkit-transform: translateX(0%);}
60% {-webkit-transform: translateX(35%);}
}
@-moz-keyframes wlogo_span_d {
0%, 30%, 100% {-moz-transform: translateX(0%);}
60% {-moz-transform: translateX(35%);}
}
@-ms-keyframes wlogo_span_d {
0%, 30%, 100% {-ms-transform: translateX(0%);}
60% {-ms-transform: translateX(35%);}
}
@keyframes wlogo_span_d {
0%, 30%, 100% {transform: translateX(0%);}
60% {transform: translateX(35%);}
} @-webkit-keyframes wlogo_span_b {
0%, 30%, 100% {-webkit-transform: translateX(0%);}
65% {-webkit-transform: translateX(-5.5%);}
}
@-moz-keyframes wlogo_span_b {
0%, 30%, 100% {-moz-transform: translateX(0%);}
65% {-moz-transform: translateX(-5.5%);}
}
@-ms-keyframes wlogo_span_b {
0%, 30%, 100% {-ms-transform: translateX(0%);}
65% {-ms-transform: translateX(-5.5%);}
}
@keyframes wlogo_span_b {
0%, 30%, 100% {transform: translateX(0%);}
65% {transform: translateX(-5.5%);}
} @-webkit-keyframes wlogo_span_c {
0%, 30%, 100% {-webkit-transform: translateX(0%);}
65% {-webkit-transform: translateX(5.5%);}
}
@-moz-keyframes wlogo_span_c {
0%, 30%, 100% {-moz-transform: translateX(0%);}
65% {-moz-transform: translateX(5.5%);}
}
@-ms-keyframes wlogo_span_c {
0%, 30%, 100% {-ms-transform: translateX(0%);}
65% {-ms-transform: translateX(5.5%);}
}
@keyframes wlogo_span_c {
0%, 30%, 100% {transform: translateX(0%);}
65% {transform: translateX(5.5%);}
} .cssload-loader * {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.cssload-loader {
position: absolute;
left: 50%;
width: 225px;
height: 225px;
margin-top: -113px;
margin-left: -113px;
perspective: 113px;
-o-perspective: 113px;
-ms-perspective: 113px;
-webkit-perspective: 113px;
-moz-perspective: 113px;
transform-type: preserve-3d;
-o-transform-type: preserve-3d;
-ms-transform-type: preserve-3d;
-webkit-transform-type: preserve-3d;
-moz-transform-type: preserve-3d;
animation: cssload-loader 6.9s cubic-bezierrgb(0,0,0) infinite;
-o-animation: cssload-loader 6.9s cubic-bezierrgb(0,0,0) infinite;
-ms-animation: cssload-loader 6.9s cubic-bezierrgb(0,0,0) infinite;
-webkit-animation: cssload-loader 6.9s cubic-bezierrgb(0,0,0) infinite;
-moz-animation: cssload-loader 6.9s cubic-bezierrgb(0,0,0) infinite;
}
.cssload-dot {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
width: 23px;
height: 23px;
margin-top: -101px;
margin-left: -11px;
border-radius: 11px;
background-color: rgb(30,63,87);
transform-type: preserve-3d;
-o-transform-type: preserve-3d;
-ms-transform-type: preserve-3d;
-webkit-transform-type: preserve-3d;
-moz-transform-type: preserve-3d;
transform-origin: 50% 101px;
-o-transform-origin: 50% 101px;
-ms-transform-origin: 50% 101px;
-webkit-transform-origin: 50% 101px;
-moz-transform-origin: 50% 101px;
transform: rotateZ(30deg);
-o-transform: rotateZ(30deg);
-ms-transform: rotateZ(30deg);
-webkit-transform: rotateZ(30deg);
-moz-transform: rotateZ(30deg);
animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
-o-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
-ms-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
-webkit-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
-moz-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
}
.cssload-dot:nth-child(2) {
transform: rotateZ(15deg);
-o-transform: rotateZ(15deg);
-ms-transform: rotateZ(15deg);
-webkit-transform: rotateZ(15deg);
-moz-transform: rotateZ(15deg);
animation-name: cssload-dot2;
-o-animation-name: cssload-dot2;
-ms-animation-name: cssload-dot2;
-webkit-animation-name: cssload-dot2;
-moz-animation-name: cssload-dot2;
animation-delay: 172.5ms;
-o-animation-delay: 172.5ms;
-ms-animation-delay: 172.5ms;
-webkit-animation-delay: 172.5ms;
-moz-animation-delay: 172.5ms;
background-color: rgb(45,85,109);
}
.cssload-dot:nth-child(3) {
transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
animation-name: cssload-dot3;
-o-animation-name: cssload-dot3;
-ms-animation-name: cssload-dot3;
-webkit-animation-name: cssload-dot3;
-moz-animation-name: cssload-dot3;
animation-delay: 345ms;
-o-animation-delay: 345ms;
-ms-animation-delay: 345ms;
-webkit-animation-delay: 345ms;
-moz-animation-delay: 345ms;
background-color: rgb(68,120,145);
}
.cssload-dot:nth-child(4) {
transform: rotateZ(-15deg);
-o-transform: rotateZ(-15deg);
-ms-transform: rotateZ(-15deg);
-webkit-transform: rotateZ(-15deg);
-moz-transform: rotateZ(-15deg);
animation-name: cssload-dot4;
-o-animation-name: cssload-dot4;
-ms-animation-name: cssload-dot4;
-webkit-animation-name: cssload-dot4;
-moz-animation-name: cssload-dot4;
animation-delay: 517.5ms;
-o-animation-delay: 517.5ms;
-ms-animation-delay: 517.5ms;
-webkit-animation-delay: 517.5ms;
-moz-animation-delay: 517.5ms;
background-color: rgb(89,152,178);
}
.cssload-dot:nth-child(5) {
transform: rotateZ(-30deg);
-o-transform: rotateZ(-30deg);
-ms-transform: rotateZ(-30deg);
-webkit-transform: rotateZ(-30deg);
-moz-transform: rotateZ(-30deg);
animation-name: cssload-dot5;
-o-animation-name: cssload-dot5;
-ms-animation-name: cssload-dot5;
-webkit-animation-name: cssload-dot5;
-moz-animation-name: cssload-dot5;
animation-delay: 690ms;
-o-animation-delay: 690ms;
-ms-animation-delay: 690ms;
-webkit-animation-delay: 690ms;
-moz-animation-delay: 690ms;
background-color: rgb(107,178,205);
}
@keyframes cssload-loader {
0% {
transform: rotateX(30deg) rotateZ(0deg);
}
100% {
transform: rotateX(30deg) rotateZ(-360deg);
}
}
@-o-keyframes cssload-loader {
0% {
-o-transform: rotateX(30deg) rotateZ(0deg);
}
100% {
-o-transform: rotateX(30deg) rotateZ(-360deg);
}
}
@-ms-keyframes cssload-loader {
0% {
-ms-transform: rotateX(30deg) rotateZ(0deg);
}
100% {
-ms-transform: rotateX(30deg) rotateZ(-360deg);
}
}
@-webkit-keyframes cssload-loader {
0% {
-webkit-transform: rotateX(30deg) rotateZ(0deg);
}
100% {
-webkit-transform: rotateX(30deg) rotateZ(-360deg);
}
}
@-moz-keyframes cssload-loader {
0% {
-moz-transform: rotateX(30deg) rotateZ(0deg);
}
100% {
-moz-transform: rotateX(30deg) rotateZ(-360deg);
}
}
@keyframes cssload-dot1 {
0% {
transform: rotateZ(30deg) rotateX(10deg);
}
95%, 100% {
transform: rotateZ(390deg) rotateX(10deg);
}
}
@-o-keyframes cssload-dot1 {
0% {
-o-transform: rotateZ(30deg) rotateX(10deg);
}
95%, 100% {
-o-transform: rotateZ(390deg) rotateX(10deg);
}
}
@-ms-keyframes cssload-dot1 {
0% {
-ms-transform: rotateZ(30deg) rotateX(10deg);
}
95%, 100% {
-ms-transform: rotateZ(390deg) rotateX(10deg);
}
}
@-webkit-keyframes cssload-dot1 {
0% {
-webkit-transform: rotateZ(30deg) rotateX(10deg);
}
95%, 100% {
-webkit-transform: rotateZ(390deg) rotateX(10deg);
}
}
@-moz-keyframes cssload-dot1 {
0% {
-moz-transform: rotateZ(30deg) rotateX(10deg);
}
95%, 100% {
-moz-transform: rotateZ(390deg) rotateX(10deg);
}
}
@keyframes cssload-dot2 {
0% {
transform: rotateZ(15deg) rotateX(10deg);
}
95%, 100% {
transform: rotateZ(375deg) rotateX(10deg);
}
}
@-o-keyframes cssload-dot2 {
0% {
-o-transform: rotateZ(15deg) rotateX(10deg);
}
95%, 100% {
-o-transform: rotateZ(375deg) rotateX(10deg);
}
}
@-ms-keyframes cssload-dot2 {
0% {
-ms-transform: rotateZ(15deg) rotateX(10deg);
}
95%, 100% {
-ms-transform: rotateZ(375deg) rotateX(10deg);
}
}
@-webkit-keyframes cssload-dot2 {
0% {
-webkit-transform: rotateZ(15deg) rotateX(10deg);
}
95%, 100% {
-webkit-transform: rotateZ(375deg) rotateX(10deg);
}
}
@-moz-keyframes cssload-dot2 {
0% {
-moz-transform: rotateZ(15deg) rotateX(10deg);
}
95%, 100% {
-moz-transform: rotateZ(375deg) rotateX(10deg);
}
}
@keyframes cssload-dot3 {
0% {
transform: rotateZ(0deg) rotateX(10deg);
}
95%, 100% {
transform: rotateZ(360deg) rotateX(10deg);
}
}
@-o-keyframes cssload-dot3 {
0% {
-o-transform: rotateZ(0deg) rotateX(10deg);
}
95%, 100% {
-o-transform: rotateZ(360deg) rotateX(10deg);
}
}
@-ms-keyframes cssload-dot3 {
0% {
-ms-transform: rotateZ(0deg) rotateX(10deg);
}
95%, 100% {
-ms-transform: rotateZ(360deg) rotateX(10deg);
}
}
@-webkit-keyframes cssload-dot3 {
0% {
-webkit-transform: rotateZ(0deg) rotateX(10deg);
}
95%, 100% {
-webkit-transform: rotateZ(360deg) rotateX(10deg);
}
}
@-moz-keyframes cssload-dot3 {
0% {
-moz-transform: rotateZ(0deg) rotateX(10deg);
}
95%, 100% {
-moz-transform: rotateZ(360deg) rotateX(10deg);
}
}
@keyframes cssload-dot4 {
0% {
transform: rotateZ(-15deg) rotateX(10deg);
}
95%, 100% {
transform: rotateZ(345deg) rotateX(10deg);
}
}
@-o-keyframes cssload-dot4 {
0% {
-o-transform: rotateZ(-15deg) rotateX(10deg);
}
95%, 100% {
-o-transform: rotateZ(345deg) rotateX(10deg);
}
}
@-ms-keyframes cssload-dot4 {
0% {
-ms-transform: rotateZ(-15deg) rotateX(10deg);
}
95%, 100% {
-ms-transform: rotateZ(345deg) rotateX(10deg);
}
}
@-webkit-keyframes cssload-dot4 {
0% {
-webkit-transform: rotateZ(-15deg) rotateX(10deg);
}
95%, 100% {
-webkit-transform: rotateZ(345deg) rotateX(10deg);
}
}
@-moz-keyframes cssload-dot4 {
0% {
-moz-transform: rotateZ(-15deg) rotateX(10deg);
}
95%, 100% {
-moz-transform: rotateZ(345deg) rotateX(10deg);
}
}
@keyframes cssload-dot5 {
0% {
transform: rotateZ(-30deg) rotateX(10deg);
}
95%, 100% {
transform: rotateZ(330deg) rotateX(10deg);
}
}
@-o-keyframes cssload-dot5 {
0% {
-o-transform: rotateZ(-30deg) rotateX(10deg);
}
95%, 100% {
-o-transform: rotateZ(330deg) rotateX(10deg);
}
}
@-ms-keyframes cssload-dot5 {
0% {
-ms-transform: rotateZ(-30deg) rotateX(10deg);
}
95%, 100% {
-ms-transform: rotateZ(330deg) rotateX(10deg);
}
}
@-webkit-keyframes cssload-dot5 {
0% {
-webkit-transform: rotateZ(-30deg) rotateX(10deg);
}
95%, 100% {
-webkit-transform: rotateZ(330deg) rotateX(10deg);
}
}
@-moz-keyframes cssload-dot5 {
0% {
-moz-transform: rotateZ(-30deg) rotateX(10deg);
}
95%, 100% {
-moz-transform: rotateZ(330deg) rotateX(10deg);
}
}.overlay {
display: block;
position: fixed;
height: 100vh;
top: 0;
left: 0;
right: 0;
background-color: #00000080;
z-index: 9999;
}
.modal {
position: fixed;
top: 10%;
left: 0;
right: 0;
display: block;
max-width: 500px;
background: white;
min-height: 300px;
width: 98%;
margin: auto;
padding: 30px;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .1);
z-index: 99991;
color: #171717;
}
.modal .close {
width: 30px;
height: 30px;
color: white;
background-color: white;
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/modal/assets/images/close.png);
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 10px;
right: 10px;
border-radius: 100%;
display: flex;
cursor: pointer;
z-index: 5;
}
.modal .modal-title {
display: flex;
padding: 10px 0;
text-align: left;
position: relative;
align-items: center;
justify-content: space-between;
margin: 0 0 30px;
font-size: 31px;
line-height: 38px;
text-transform: uppercase;
}
.hide {
display: none!important;
}
.loader {
width:45px;
height:40px;
background:
linear-gradient(#0000 calc(1*100%/6), #ebebeb 0 calc(3*100%/6),#0000 0),
linear-gradient(#0000 calc(2*100%/6), #ebebeb 0 calc(4*100%/6),#0000 0),
linear-gradient(#0000 calc(3*100%/6), #ebebeb 0 calc(5*100%/6),#0000 0);
background-size:10px 400%;
background-repeat: no-repeat;
animation:matrix 1s infinite linear;
margin: auto;
}
@keyframes matrix {
0% {background-position: 0% 100%, 50% 100%, 100% 100% }
100% {background-position: 0% 0%, 50% 0%, 100% 0% }
}
@media screen and (max-width: 425px) {
.modal {
padding: 15px;
}
.modal .modal-title {
font-size: 26px;
}
}.tax-product_cat {
background: #fff;
}
.abc-catalog-page {
display: block;
padding: 0;
margin: 0;
}
.abc-catalog-page .wrapper {
display: flex;
align-content: center;
flex-direction: row;
justify-content: space-between;
gap:  20px;
}
.abc-catalog-page .wrapper .left,
.abc-catalog-page .wrapper .right {
display: flex;
width: 100%;
flex-direction: column;
}
.abc-catalog-page .wrapper .left {
max-width: 300px;
}
.abc-catalog-page .wrapper .left .abc-category-list {
display: block;
list-style: none;
padding: 0px;
margin: 0px;
}
.abc-catalog-page .wrapper .left .abc-category-list li {
display: block;
margin-bottom: 10px;
}
.abc-catalog-page .wrapper .left .abc-category-list li a {
display: flex;
text-decoration: none;
border:solid 1px #DADADA;
padding: 15px;
border-radius: 5px;
font-weight: 400;
font-size: 18px;
line-height: 22px;
align-items: center;
align-content: center;
justify-content: space-between;
min-height: 67px;
}
.abc-catalog-page .wrapper .left .abc-category-list li a:after {
content: '';
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/woocommerce/assets/images/arrow-black.svg);
width: 15px;
height: 15px;
background-size: 9px 15px;
background-repeat: no-repeat;
background-position: center;
display: block;
font-weight: 700;
}
.abc-catalog-page .wrapper .left .abc-category-list li a:hover {
background: #007ED0;
color: white;
border-color: #007ED0;
}
.abc-catalog-page .wrapper .left .abc-category-list li.active a {
background: #007ED0;
color: white;
border-color: #007ED0;
}
.abc-catalog-page .wrapper .left .abc-category-list li a:hover:after {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/woocommerce/assets/images/arrow.svg);
}
.abc-product-list {
display: flex;
flex-direction: row;
padding: 0;
margin: 0;
list-style: none;
flex-wrap: wrap;
justify-content: flex-start;
gap: 20px;
}
.abc-product-list li {
display: block;
border-top: 8px solid #007ED0;
border-radius: 15px;
padding: 10px;
width: calc(33% - 15px);
}
.abc-product-list li a .title {
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: black;
margin-bottom: 15px;
min-height: 72px;
}
.abc-product-list li a .title span {
color: #007ED0;
display: block;
}
.abc-product-list li a .img-wrapper {
overflow: hidden;
display: block;
margin: 2px auto;
width: 100%;
max-height: 370px;
border-radius: 10px;
}
.abc-product-list li a .img-wrapper img {
object-fit: cover;
border-radius: 10px;
}
.abc-product-list .two-wrap {
height: 380px;
position: relative;
perspective: 1000px;
}
.abc-product-list .two-wrap img,
.abc-product-list .two-wrap .text-content {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
backface-visibility: hidden;
transition: transform 0.6s;
}
.abc-product-list .two-wrap .text-content {
color: #555555;
padding: 20px;
font-size: 12px;
line-height: 20px;
box-sizing: border-box;
transform: rotateY(180deg);
overflow: auto;
}
.abc-product-list .two-wrap:hover img {
transform: rotateY(180deg);
}
.abc-product-list .two-wrap:hover .text-content {
border: 1px dotted #B7B7B7;
border-radius: 10px;
transform: rotateY(0deg);
}
.abc-product-list .two-wrap .text-content .small-title {
font-size: 16px;
font-weight: 700;
color: #007ED0
}
.abc-product-list .two-wrap .text-content ul {
padding: 10px 10px 0;
}
.abc-product-list .two-wrap .text-content li {
list-style-type: disc;
border: none;
padding: 0;
width: 100%;
}
.abc-product-list li .bottom-block {
display: flex;
padding-top: 15px;
gap: 15px;
flex-direction: row;
align-items: stretch;
justify-content: center;
align-content: center;
border-top: 1px solid #B7B7B7;
}
.abc-product-list li .bottom-block .loop-button {
display: flex;
background-color: #67B4EB;
padding: 10px;
border-radius: 5px;
font-size: 16px;
color:white;
align-items: center;
width: 50%;
line-height: 18px;
cursor: pointer;
transition: .2s ease-in;
}
.abc-product-list li .bottom-block .loop-button:hover {
opacity: 0.7;
}
.abc-product-list li .bottom-block .loop-button .icon {
width: 33px;
height: 35px;
border-radius: 100%;
display: flex; background-color: #2C74B6;
}
.abc-product-list li .bottom-block .loop-button span {
display: block;
padding: 0 10px 0 15px;
min-width: 35px;
width: calc(100% - 35px);
}
.abc-product-list li .bottom-block .by-one-click {
display: flex;
background-color: #2C74B6;
}
.abc-product-list li .bottom-block .loop-button .icon {
background-color: #67B4EB;
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
}
.abc-product-list li .bottom-block .loop-button .icon:hover {
opacity: 0.7;
cursor: pointer;
}
.abc-product-list li .bottom-block .loop-button .phone-icon {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/woocommerce/assets/images/phone.svg);
background-color: #2C74B6;
}
.abc-product-list li .bottom-block .loop-button .bag-icon {
background-image: url(//abcfilter.ru/wp-content/themes/aquatic/micros/woocommerce/assets/images/cart.svg);
background-color: #67B4EB;
}
@media (max-width: 999px) {
.abc-catalog-page .wrapper,
.abc-product-list {
display: block;
}
.abc-catalog-page .wrapper .left {
max-width: 100%;
}
.abc-product-list li {
width: 100%;
}
}
.price-block {
display: flex;
font-size: 20px;
font-weight: 700;
color: #007ED0;
padding: 10px  0;
gap: 10px;
}
.price-block .value {
color: black;
}
.abc-category-list {
display: block;
padding: 15px 0
}
.abc-category-list ul {
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.abc-category-list ul li {
display: flex;
flex-direction: row;
gap: 20px;
width: 33.3%;
position: relative;
justify-content: space-between;
}
.abc-category-list ul li:after {
content: "";
display: block;
width: 1px;
position: absolute;
top: 10px;
bottom: 10px;
right: 0;
border-left: dashed 1px #B7B7B7;
}
.abc-category-list ul li:before {
content: "";
display: block;
height: 1px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-top: dashed 1px #B7B7B7;
}
.abc-category-list ul li:nth-child(3n):after {
content: none;
}
.abc-category-list ul li .left,
.abc-category-list ul li .right {
display: flex;
width: 50%;
flex-direction: column;
justify-content: space-between;
align-content: flex-start;
}
.abc-category-list ul li h2 {
color: #2C74B6;
font-size: 20px;
line-height: 24px;
font-weight: 700;
margin: 25px 0 20px 25px
}
.abc-category-list ul li a {
border: solid 1px #2C74B6;
border-radius: 5px;
font-size: 14px;
color: black;
padding: 10px;
margin: 25px 0 25px 25px;
text-align: center;
max-width: 150px
}
.abc-category-list ul li a:hover {
background-color: #2C74B6;
color: white;
}
.abc-category-list ul li .img-wrapper {
max-width: 191px;
height: 163px;
display: block;
margin: 25px 25px 25px 0;
}
.abc-category-list ul li .img-wrapper img {
object-fit: contain;
width: 100%;
height: 100%;
}
.abc-title {
color: #007ED0;
font-size: 30px;
padding: 15px 0;
}
.single-product .main {
background: #fff;
}
.product-page {
display: block;
margin-top: 100px;
}
.product-page h1 {
padding: 0;
margin: 0;
font-size: 30px;
margin-bottom: 20px;
line-height: 35px;
}
.product-page h1 span {
color: #007ED0;
display: block;
}
.product-page .wrapper {
display: flex;
flex-direction: row;
align-content: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}
.product-page .wrapper .left,
.product-page .wrapper .right {
display: flex;
width: calc(50% - 20px);
gap: 20px;
flex-direction: column;
justify-content: space-between;
}
.product-page .wrapper .left .gallery-wrapper {
display: block;
border-top: 5px solid #0081DA;
border-bottom: 12px solid #0081DA;
border-radius: 20px;
position: relative;
overflow: hidden;
text-align: center;
padding: 20px;
}
.product-page .wrapper .left .gallery-wrapper .img-wrapper {
display: block;
overflow: hidden;
position: relative;
height: 400px;
width: 100%;
}
.product-page .wrapper .left .gallery-wrapper .img-wrapper img {
object-fit: contain;
width: 100%;
height: 100%;
}
.product-page .wrapper .left .gallery-wrapper .thumbs {
display: block;  margin-top: 20px; width: 100%;
}
.product-page .wrapper .left .gallery-wrapper .owl-nav,
.product-page .wrapper .left .gallery-wrapper .owl-dots {
display: none!important;
}
.product-page .wrapper .left .gallery-wrapper .thumbs div {
display: block;
width: 100%;
height: 116px;
border-radius: 5px;
overflow: hidden;
}
.product-page .wrapper .left .gallery-wrapper .thumbs div img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product-page .wrapper .top {
margin-bottom: 20px;
}
.product-page .wrapper .right ul {
display: flex;
padding: 0;
margin: 0;
gap: 17px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
line-height: 20px;
}
.product-page .wrapper .right ul li {
display: block;
background: #F8F8F8;
border: solid 1px #E2E2E2;
padding: 15px 20px;
width: calc(50% - 10px);
border-radius: 10px;
}
.product-page .wrapper .right .life-time {
display: block;
background: #67B4EB;
border: solid 1px #E2E2E2;
padding: 15px 20px;
border-radius: 10px;
color: white;
font-style: italic;
}
.product-page .wrapper .right .bottom .price {
padding-bottom: 20px;
font-size: 35px;
font-weight: 700;
}
.product-page .wrapper .right .bottom .price span:first-child {
color: #007ED0;
}
.product-page .wrapper .right .bottom .price .value,
.product-page .wrapper .right .bottom .price .amount,
.product-page .wrapper .right .bottom .price .woocommerce-Price-currencySymbol
{
color: #000000!important;
}
.product-page .wrapper .right .bottom .buttons {
display: flex;
gap: 20px;
padding: 25px 0;
border-top: 1px solid #E2E2E2
}
.product-page .wrapper .right .bottom .buttons button {
width: 33%;
display: block;
background-color: #67B4EB;
border-radius: 5px;
border: none;
padding: 10px;
color: white;
cursor: pointer;
transition: .2s ease-in;
}
.product-page .wrapper .right .bottom .buttons button:hover {
opacity: 0.7;
}
.product-page .wrapper .right .bottom .buttons button:nth-child(2n) {
background-color: #2C74B6;
}
.product-page .tabs {
margin: 2rem 0;
padding: 1.5rem 0;
}
.product-page .tabs .tab {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.product-page .tabs .tab > input[type="radio"] {
display: none;
}
.product-page .tabs  .tab-content {
display: none;
width: 100%;
margin-top: 1rem;
}
.product-page .tabs #tab-btn-1:checked~#content-1,
.product-page .tabs #tab-btn-2:checked~#content-2,
.product-page .tabs #tab-btn-3:checked~#content-3 {
display: block;
}
.product-page .tabs .tab-attributes {
text-align: left;
}
.product-page .tabs .tab-attributes td{
padding: 4px;
}
.product-page .tabs .tab > label {
display: block;
padding: 1rem 3.3rem;
font-size: 19px;
cursor: pointer;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
text-decoration: none;
color: #000000;
border: 0;
border-radius: 0.375rem;
background: #DEDEDE;
}
.product-page .tabs .tab > input[type="radio"]:checked + label {
cursor: default;
color: #fff;
background-color: #67B4EB;
}
.product-page .product-articles {
width: 100%;
margin: 2rem 0;
}
.product-page .product-articles h2 {
color: #007ED0;
}
.product-page .product-articles .all-articles {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 50px;
gap: 30px;
}
.product-page .product-articles .article {
width: 48%;
display: flex;
position: relative;
align-items: center;
margin: 35px 0;
gap: 55px;
}
.product-page .article .img {
width: 120px;
height: 120px;
background: #2C74B6;
}
.product-page .article .title {
color: #2C74B6;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.product-page .article .text {
margin-top: 20px;
font-size: 16px;
}
.product-page .article .link {
margin-top: 20px;
font-size: 14px;
text-align: right;
}
.product-page .article .link a {
padding: 0.5rem 1rem;
margin-right: 20px;
font-size: 14px;
border: 1px solid #2C74B6;
border-radius: 9px;
}
.product-page .article .link a:after {
content: url(//abcfilter.ru/wp-content/themes/aquatic/micros/woocommerce/assets/images/curve-line.svg);
display: block;
position: absolute;
width: 15px;
height: 15px;
bottom: 163px;
left: 59px;
}
@media (max-width: 768px) {
.product-page {
margin-top: 20px;
}
.product-page .wrapper {
display: block;
}
.product-page .wrapper .left,
.product-page .wrapper .right {
width: 100%;
margin-bottom: 50px;
}
.product-page .wrapper .right ul li {
width: 100%;
padding: 10px;
}
.product-page .wrapper .right .bottom .buttons {
display: block;
padding: 10px 0;
}
.product-page .wrapper .right .bottom .buttons button {
width: 100%;
margin-top: 15px;
}
.product-page .tabs label {
width: 100%;
text-align: center;
}
}