/* Start:/local/templates/pob_template/assets/css/vendor/fancybox.css?166361942512797*/


body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/pob_template/assets/css/vendor/select2.css?166324272316263*/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
/* End */


/* Start:/local/templates/pob_template/assets/css/vendor/swiper.css?166361942515307*/

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/pob_template/assets/css/vendor/animate.css?166361942578113*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -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 {
    0%,
    20%,
    53%,
    80%,
    100% {
        -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 {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%,
    100% {
        -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 {
    0%,
    100% {
        -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 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);
    }
    100% {
        -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);
    }
    100% {
        -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 {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -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);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    11.1% {
        -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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -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);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -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);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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, -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);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    0%,
    60%,
    75%,
    90%,
    100% {
        -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, -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);
    }
    100% {
        -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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) 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;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) 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;
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) 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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) 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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -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);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -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;
    }
    100% {
        -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 {
    0% {
        -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;
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -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;
    }
    100% {
        -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 {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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 {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    100% {
        -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;
    }
    100% {
        -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;
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    100% {
        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 {
    0% {
        opacity: 1;
    }
    100% {
        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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(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 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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);
    }
    100% {
        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 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
/* End */


/* Start:/local/templates/pob_template/assets/css/main.min.css?1664185265213150*/
@charset "UTF-8";

.slick-next,
.slick-prev {
  font-size        : 0;
  line-height      : 0;
  position         : absolute;
  top              : 50%;
  display          : block;
  width            : 20px;
  height           : 20px;
  padding          : 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform    : translate(0, -50%);
  transform        : translate(0, -50%);
  cursor           : pointer;
  color            : transparent;
  border           : none;
  outline          : 0;
  background       : 0 0;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  color     : transparent;
  outline   : 0;
  background: 0 0;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
  font-family            : slick;
  font-size              : 20px;
  line-height            : 1;
  opacity                : 0.75;
  color                  : #fff;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left : auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left : -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position  : absolute;
  bottom    : -25px;
  display   : block;
  width     : 100%;
  padding   : 0;
  margin    : 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display : inline-block;
  width   : 20px;
  height  : 20px;
  margin  : 0 5px;
  padding : 0;
  cursor  : pointer;
}

.slick-dots li button {
  font-size  : 0;
  line-height: 0;
  display    : block;
  width      : 20px;
  height     : 20px;
  padding    : 5px;
  cursor     : pointer;
  color      : transparent;
  border     : 0;
  outline    : 0;
  background : 0 0;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family            : slick;
  font-size              : 6px;
  line-height            : 20px;
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 20px;
  height                 : 20px;
  content                : "•";
  text-align             : center;
  opacity                : 0.25;
  color                  : #000;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color  : #000;
}

.slick-slider {
  position                   : relative;
  display                    : block;
  -webkit-box-sizing         : border-box;
  box-sizing                 : border-box;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-touch-callout      : none;
  -khtml-user-select         : none;
  -ms-touch-action           : pan-y;
  touch-action               : pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display : block;
  overflow: hidden;
  margin  : 0;
  padding : 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform    : translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top     : 0;
  left    : 0;
  display : block;
}

.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display   : none;
  float     : left;
  height    : 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height : auto;
  border : 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated {
  -webkit-animation-duration : 1s;
  animation-duration         : 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode        : both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count        : infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration        : 2s;
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration        : 0.75s;
}

@-webkit-keyframes bounce {

  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform                : translate3d(0, 0, 0);
    transform                        : translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function        : cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform                : translate3d(0, -30px, 0);
    transform                        : translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function        : cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform                : translate3d(0, -15px, 0);
    transform                        : translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform        : translate3d(0, -4px, 0);
  }
}

@keyframes bounce {

  20%,
  53%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform                : translate3d(0, 0, 0);
    transform                        : translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function        : cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform                : translate3d(0, -30px, 0);
    transform                        : translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function        : cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform                : translate3d(0, -15px, 0);
    transform                        : translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform        : translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name  : bounce;
  animation-name          : bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin    : center bottom;
  transform-origin        : center bottom;
}

@-webkit-keyframes flash {

  50%,
  from,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {

  50%,
  from,
  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(0.95, 1.05, 1);
    transform        : scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform        : scale3d(1.05, 0.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(0.95, 1.05, 1);
    transform        : scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform        : scale3d(1.05, 0.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;
  -ms-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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform        : scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform        : scale3d(0.9, 0.9, 0.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 {

  11.1%,
  from,
  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 {

  11.1%,
  from,
  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;
  -ms-transform-origin    : center;
  transform-origin        : center;
}

@-webkit-keyframes bounceIn {

  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity          : 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform        : scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform        : scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform        : scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity          : 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform        : scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {

  20%,
  40%,
  60%,
  80%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity          : 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform        : scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform        : scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform        : scale3d(0.97, 0.97, 0.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 {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity          : 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform        : translate3d(0, -3000px, 0);
  }

  60% {
    opacity          : 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform        : translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform        : translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform        : translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform        : none;
  }
}

@keyframes bounceInDown {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity          : 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform        : translate3d(0, -3000px, 0);
  }

  60% {
    opacity          : 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform        : translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform        : translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform        : translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform        : none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name        : bounceInDown;
}

@-webkit-keyframes bounceInLeft {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity          : 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform        : translate3d(-3000px, 0, 0);
  }

  60% {
    opacity          : 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform        : translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform        : translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform        : translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform        : none;
  }
}

@keyframes bounceInLeft {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity          : 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform        : translate3d(-3000px, 0, 0);
  }

  60% {
    opacity          : 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform        : translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform        : translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform        : translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform        : none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name        : bounceInLeft;
}

@-webkit-keyframes bounceInRight {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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 {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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 {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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 {

  60%,
  75%,
  90%,
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function        : cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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(0.9, 0.9, 0.9);
    transform        : scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform        : scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.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(0.95, 0.95, 0.95);
    transform                        : perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
    transform                        : perspective(400px) scale3d(0.95, 0.95, 0.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 jackInTheBox {
  from {
    opacity                 : 0;
    -webkit-transform       : scale(0.1) rotate(30deg);
    transform               : scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin        : center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform        : rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform        : rotate(3deg);
  }

  to {
    opacity          : 1;
    -webkit-transform: scale(1);
    transform        : scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity                 : 0;
    -webkit-transform       : scale(0.1) rotate(30deg);
    transform               : scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin        : center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform        : rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform        : rotate(3deg);
  }

  to {
    opacity          : 1;
    -webkit-transform: scale(1);
    transform        : scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name        : jackInTheBox;
}

@-webkit-keyframes rollIn {
  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(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity          : 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name        : zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name        : zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name        : zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name        : zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name        : zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity          : 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity          : 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform        : scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name        : zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name        : zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity          : 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform        : scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity                 : 0;
    -webkit-transform       : scale(0.1) translate3d(-2000px, 0, 0);
    transform               : scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin        : left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity          : 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform        : scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity                 : 0;
    -webkit-transform       : scale(0.1) translate3d(-2000px, 0, 0);
    transform               : scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform        : scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity                 : 0;
    -webkit-transform       : scale(0.1) translate3d(2000px, 0, 0);
    transform               : scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin        : right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity          : 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform        : scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity                 : 0;
    -webkit-transform       : scale(0.1) translate3d(2000px, 0, 0);
    transform               : scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity                          : 1;
    -webkit-transform                : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform                        : scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function        : cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity                          : 0;
    -webkit-transform                : scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform                        : scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function        : cubic-bezier(0.175, 0.885, 0.32, 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;
}

.fancybox-enabled {
  overflow: hidden;
}

.fancybox-enabled body {
  overflow: visible;
  height  : 100%;
}

.fancybox-is-hidden {
  position  : absolute;
  top       : -9999px;
  left      : -9999px;
  visibility: hidden;
}

.fancybox-container {
  position                   : fixed;
  top                        : 0;
  left                       : 0;
  width                      : 100%;
  height                     : 100%;
  z-index                    : 99993;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  -webkit-transform          : translateZ(0);
  transform                  : translateZ(0);
}

.fancybox-container~.fancybox-container {
  z-index: 99992;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

.fancybox-outer {
  overflow-y                : auto;
  -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
  background                        : #1e1e1e;
  opacity                           : 0;
  -webkit-transition-duration       : inherit;
  -o-transition-duration            : inherit;
  transition-duration               : inherit;
  -webkit-transition-property       : opacity;
  -o-transition-property            : opacity;
  transition-property               : opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  -o-transition-timing-function     : cubic-bezier(0.47, 0, 0.74, 0.71);
  transition-timing-function        : cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity                           : 0.87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition-timing-function     : cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function        : cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
  position          : absolute;
  direction         : ltr;
  z-index           : 99997;
  opacity           : 0;
  visibility        : hidden;
  -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s;
  -o-transition     : opacity 0.25s, visibility 0s linear 0.25s;
  transition        : opacity 0.25s, visibility 0s linear 0.25s;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity           : 1;
  visibility        : visible;
  -webkit-transition: opacity 0.25s, visibility 0s;
  -o-transition     : opacity 0.25s, visibility 0s;
  transition        : opacity 0.25s, visibility 0s;
}

.fancybox-infobar {
  top        : 0;
  left       : 50%;
  margin-left: -79px;
}

.fancybox-infobar__body {
  display                    : inline-block;
  width                      : 70px;
  line-height                : 44px;
  font-size                  : 13px;
  font-family                : Helvetica Neue, Helvetica, Arial, sans-serif;
  text-align                 : center;
  color                      : #ddd;
  background-color           : rgba(30, 30, 30, 0.7);
  pointer-events             : none;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-touch-callout      : none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing     : subpixel-antialiased;
}

.fancybox-toolbar {
  top  : 0;
  right: 0;
}

.fancybox-stage {
  overflow         : hidden;
  direction        : ltr;
  z-index          : 99994;
  -webkit-transform: translateZ(0);
}

.fancybox-slide {
  position                   : absolute;
  top                        : 0;
  left                       : 0;
  width                      : 100%;
  height                     : 100%;
  margin                     : 0;
  padding                    : 0;
  overflow                   : auto;
  outline                    : 0;
  white-space                : normal;
  -webkit-box-sizing         : border-box;
  box-sizing                 : border-box;
  text-align                 : center;
  z-index                    : 99994;
  -webkit-overflow-scrolling : touch;
  display                    : none;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  transition-property        : opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  -o-transition-property     : transform, opacity;
  transition-property        : transform, opacity;
  transition-property        : transform, opacity, -webkit-transform;
  -webkit-transform-style    : preserve-3d;
  transform-style            : preserve-3d;
}

.fancybox-slide:before {
  content       : "";
  display       : inline-block;
  vertical-align: middle;
  height        : 100%;
  width         : 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: visible;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000;
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #e5e3df;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide>div {
  display           : inline-block;
  position          : relative;
  padding           : 24px;
  margin            : 44px 0;
  border-width      : 0;
  vertical-align    : middle;
  text-align        : left;
  background-color  : #fff;
  overflow          : auto;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

.fancybox-slide .fancybox-image-wrap {
  position                   : absolute;
  top                        : 0;
  left                       : 0;
  margin                     : 0;
  padding                    : 0;
  border                     : 0;
  z-index                    : 99995;
  background                 : 0 0;
  cursor                     : default;
  overflow                   : visible;
  -webkit-transform-origin   : top left;
  -ms-transform-origin       : top left;
  transform-origin           : top left;
  background-size            : 100% 100%;
  background-repeat          : no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-image,
.fancybox-spaceball {
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 100%;
  height             : 100%;
  margin             : 0;
  padding            : 0;
  border             : 0;
  max-width          : none;
  max-height         : none;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
  padding   : 0;
  width     : 80%;
  height    : 80%;
  max-width : calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow  : visible;
  background: #fff;
}

.fancybox-iframe {
  display: block;
  padding: 0;
  border : 0;
  height : 100%;
}

.fancybox-error,
.fancybox-iframe {
  margin    : 0;
  width     : 100%;
  background: #fff;
}

.fancybox-error {
  padding  : 40px;
  max-width: 380px;
  cursor   : default;
}

.fancybox-error p {
  margin : 0;
  padding: 0;
  color  : #444;
  font   : 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
}

.fancybox-close-small {
  position     : absolute;
  top          : 0;
  right        : 0;
  width        : 44px;
  height       : 44px;
  padding      : 0;
  margin       : 0;
  border       : 0;
  border-radius: 0;
  outline      : 0;
  background   : 0 0;
  z-index      : 10;
  cursor       : pointer;
}

.fancybox-close-small:after {
  content           : "×";
  position          : absolute;
  top               : 5px;
  right             : 5px;
  width             : 30px;
  height            : 30px;
  font              : 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
  color             : #888;
  font-weight       : 300;
  text-align        : center;
  border-radius     : 50%;
  border-width      : 0;
  background        : #fff;
  -webkit-transition: background 0.25s;
  -o-transition     : background 0.25s;
  transition        : background 0.25s;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  z-index           : 2;
}

.fancybox-close-small:focus:after {
  outline: 1px dotted #888;
}

.fancybox-close-small:hover:after {
  color     : #555;
  background: #eee;
}

.fancybox-slide--iframe .fancybox-close-small {
  top  : 0;
  right: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:after {
  background: 0 0;
  font-size : 35px;
  color     : #aaa;
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
}

.fancybox-caption-wrap {
  bottom        : 0;
  left          : 0;
  right         : 0;
  padding       : 60px 30px 0;
  background    : -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
  background    : -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  background    : linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  pointer-events: none;
}

.fancybox-caption {
  padding                 : 30px 0;
  border-top              : 1px solid rgba(255, 255, 255, 0.4);
  font-size               : 14px;
  font-family             : Helvetica Neue, Helvetica, Arial, sans-serif;
  color                   : #fff;
  line-height             : 20px;
  -webkit-text-size-adjust: none;
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
}

.fancybox-caption a {
  color          : #fff;
  text-decoration: underline;
}

.fancybox-button {
  display       : inline-block;
  position      : relative;
  margin        : 0;
  padding       : 0;
  border        : 0;
  width         : 44px;
  height        : 44px;
  line-height   : 44px;
  text-align    : center;
  background    : 0 0;
  color         : #ddd;
  border-radius : 0;
  cursor        : pointer;
  vertical-align: top;
  outline       : 0;
}

.fancybox-button[disabled] {
  cursor        : default;
  pointer-events: none;
}

.fancybox-button,
.fancybox-infobar__body {
  background: rgba(30, 30, 30, 0.6);
}

.fancybox-button:hover:not([disabled]) {
  color     : #fff;
  background: rgba(0, 0, 0, 0.8);
}

.fancybox-button:after,
.fancybox-button:before {
  content           : "";
  pointer-events    : none;
  position          : absolute;
  background-color  : currentColor;
  color             : currentColor;
  opacity           : 0.9;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  display           : inline-block;
}

.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before {
  opacity: 0.3;
}

.fancybox-button--left:after,
.fancybox-button--right:after {
  top         : 18px;
  width       : 6px;
  height      : 6px;
  background  : 0 0;
  border-top  : 2px solid currentColor;
  border-right: 2px solid currentColor;
}

.fancybox-button--left:after {
  left             : 20px;
  -webkit-transform: rotate(-135deg);
  -ms-transform    : rotate(-135deg);
  transform        : rotate(-135deg);
}

.fancybox-button--right:after {
  right            : 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}

.fancybox-button--left {
  border-bottom-left-radius: 5px;
}

.fancybox-button--right {
  border-bottom-right-radius: 5px;
}

.fancybox-button--close:after,
.fancybox-button--close:before {
  content : "";
  display : inline-block;
  position: absolute;
  height  : 2px;
  width   : 16px;
  top     : calc(50% - 1px);
  left    : calc(50% - 8px);
}

.fancybox-button--close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}

.fancybox-button--close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform    : rotate(-45deg);
  transform        : rotate(-45deg);
}

.fancybox-arrow {
  position           : absolute;
  top                : 50%;
  margin             : -50px 0 0;
  height             : 100px;
  width              : 54px;
  padding            : 0;
  border             : 0;
  outline            : 0;
  background         : 0 0;
  cursor             : pointer;
  z-index            : 99995;
  opacity            : 0;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  -webkit-transition : opacity 0.25s;
  -o-transition      : opacity 0.25s;
  transition         : opacity 0.25s;
}

.fancybox-arrow:after {
  content            : "";
  position           : absolute;
  top                : 28px;
  width              : 44px;
  height             : 44px;
  background-color   : rgba(30, 30, 30, 0.8);
  background-image   : url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
  background-repeat  : no-repeat;
  background-position: 50%;
  background-size    : 24px 24px;
}

.fancybox-arrow--right {
  right: 0;
}

.fancybox-arrow--left {
  left             : 0;
  -webkit-transform: scaleX(-1);
  -ms-transform    : scaleX(-1);
  transform        : scaleX(-1);
}

.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
  left: 0;
}

.fancybox-show-nav .fancybox-arrow {
  opacity: 0.6;
}

.fancybox-show-nav .fancybox-arrow[disabled] {
  opacity: 0.3;
}

.fancybox-slide>.fancybox-loading {
  border           : 6px solid rgba(99, 99, 99, 0.4);
  border-top       : 6px solid rgba(255, 255, 255, 0.6);
  border-radius    : 100%;
  height           : 50px;
  width            : 50px;
  -webkit-animation: a 0.8s infinite linear;
  animation        : a 0.8s infinite linear;
  background       : 0 0;
  position         : absolute;
  top              : 50%;
  left             : 50%;
  margin-top       : -25px;
  margin-left      : -25px;
  z-index          : 99999;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform        : rotate(359deg);
  }
}

@keyframes a {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  to {
    -webkit-transform: rotate(359deg);
    transform        : rotate(359deg);
  }
}

.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  -o-transition-timing-function     : cubic-bezier(0, 0, 0.25, 1);
  transition-timing-function        : cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform        : translate3d(-100%, 0, 0);
  opacity          : 0;
}

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform        : translate3d(100%, 0, 0);
  opacity          : 0;
}

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translateZ(0);
  transform        : translateZ(0);
  opacity          : 1;
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity                           : 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function     : cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function        : cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform        : scale3d(1.5, 1.5, 1.5);
  opacity          : 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform        : scale3d(0.5, 0.5, 0.5);
  opacity          : 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scaleX(1);
  -ms-transform    : scaleX(1);
  transform        : scaleX(1);
  opacity          : 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-1turn);
  -ms-transform    : rotate(-1turn);
  transform        : rotate(-1turn);
  opacity          : 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(1turn);
  -ms-transform    : rotate(1turn);
  transform        : rotate(1turn);
  opacity          : 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0);
  -ms-transform    : rotate(0);
  transform        : rotate(0);
  opacity          : 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform        : scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity          : 0;
}

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform        : scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity          : 0;
}

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scaleX(1) translateZ(0);
  transform        : scaleX(1) translateZ(0);
  opacity          : 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform        : translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform        : translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform        : translateZ(0) scale(1);
}

@media (max-width: 800px) {
  .fancybox-infobar {
    left       : 0;
    margin-left: 0;
  }

  .fancybox-button--left,
  .fancybox-button--right {
    display: none !important;
  }

  .fancybox-caption {
    padding: 20px 0;
    margin : 0;
  }
}

.fancybox-button--fullscreen:before {
  width     : 15px;
  height    : 11px;
  left      : calc(50% - 7px);
  top       : calc(50% - 6px);
  border    : 2px solid;
  background: 0 0;
}

.fancybox-button--pause:before,
.fancybox-button--play:before {
  top       : calc(50% - 6px);
  left      : calc(50% - 4px);
  background: 0 0;
}

.fancybox-button--play:before {
  width        : 0;
  height       : 0;
  border-top   : 6px inset transparent;
  border-bottom: 6px inset transparent;
  border-left  : 10px solid;
  border-radius: 1px;
}

.fancybox-button--pause:before {
  width       : 7px;
  height      : 11px;
  border-style: solid;
  border-width: 0 2px;
}

.fancybox-button--thumbs,
.fancybox-thumbs {
  display: none;
}

@media (min-width: 800px) {
  .fancybox-button--thumbs {
    display: inline-block;
  }

  .fancybox-button--thumbs span {
    font-size: 23px;
  }

  .fancybox-button--thumbs:before {
    width             : 3px;
    height            : 3px;
    top               : calc(50% - 2px);
    left              : calc(50% - 2px);
    -webkit-box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
    box-shadow        : 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;
  }

  .fancybox-thumbs {
    position                   : absolute;
    top                        : 0;
    right                      : 0;
    bottom                     : 0;
    left                       : auto;
    width                      : 220px;
    margin                     : 0;
    padding                    : 5px 5px 0 0;
    background                 : #fff;
    word-break                 : normal;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling : touch;
    -ms-overflow-style         : -ms-autohiding-scrollbar;
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
    z-index                    : 99995;
  }

  .fancybox-show-thumbs .fancybox-thumbs {
    display: block;
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 220px;
  }

  .fancybox-thumbs>ul {
    list-style: none;
    position  : absolute;
    position  : relative;
    width     : 100%;
    height    : 100%;
    margin    : 0;
    padding   : 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size : 0;
  }

  .fancybox-thumbs>ul>li {
    float                      : left;
    overflow                   : hidden;
    max-width                  : 50%;
    padding                    : 0;
    margin                     : 0;
    width                      : 105px;
    height                     : 75px;
    position                   : relative;
    cursor                     : pointer;
    outline                    : 0;
    border                     : 5px solid transparent;
    border-top-width           : 0;
    border-right-width         : 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility        : hidden;
    -webkit-box-sizing         : border-box;
    box-sizing                 : border-box;
  }

  li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
  }

  .fancybox-thumbs>ul>li>img {
    position             : absolute;
    top                  : 0;
    left                 : 0;
    min-width            : 100%;
    min-height           : 100%;
    max-width            : none;
    max-height           : none;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
  }

  .fancybox-thumbs>ul>li:before {
    content           : "";
    position          : absolute;
    top               : 0;
    right             : 0;
    bottom            : 0;
    left              : 0;
    border-radius     : 2px;
    border            : 4px solid #4ea7f9;
    z-index           : 99991;
    opacity           : 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition     : all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition        : all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
    opacity: 1;
  }
}

/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa.fa-pull-left,
.fa.pull-left {
  margin-right: 0.3em;
}

.fa,
.fa-stack {
  display: inline-block;
}

.fa-fw,
.fa-li {
  text-align: center;
}

.fa {
  font                   : normal normal normal 14px/1 FontAwesome;
  font-size              : inherit;
  text-rendering         : auto;
  -webkit-font-smoothing : antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size     : 1.33333333em;
  line-height   : 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
}

.fa-ul {
  padding-left   : 0;
  margin-left    : 2.14285714em;
  list-style-type: none;
}

.fa.fa-pull-right,
.fa.pull-right {
  margin-left: 0.3em;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  position: absolute;
  left    : -2.14285714em;
  width   : 2.14285714em;
  top     : 0.14285714em;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding      : 0.2em 0.25em 0.15em;
  border       : 0.08em solid #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right,
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation        : fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation        : fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform        : rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0);
    transform        : rotate(0);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform        : rotate(359deg);
  }
}

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform    : rotate(90deg);
  transform        : rotate(90deg);
}

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform    : rotate(180deg);
  transform        : rotate(180deg);
}

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform    : rotate(270deg);
  transform        : rotate(270deg);
}

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform    : scale(-1, 1);
  transform        : scale(-1, 1);
}

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform    : scale(1, -1);
  transform        : scale(1, -1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
  -webkit-filter: none;
  filter        : none;
}

.fa-stack {
  position      : relative;
  width         : 2em;
  height        : 2em;
  line-height   : 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position  : absolute;
  left      : 0;
  width     : 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-cog:before,
.fa-gear:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-repeat:before,
.fa-rotate-right:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-exclamation-triangle:before,
.fa-warning:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-cogs:before,
.fa-gears:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-floppy-o:before,
.fa-save:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-sort:before,
.fa-unsorted:before {
  content: "\f0dc";
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: "\f0dd";
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-gavel:before,
.fa-legal:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-bolt:before,
.fa-flash:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-clipboard:before,
.fa-paste:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-chain-broken:before,
.fa-unlink:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: "\f150";
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: "\f151";
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: "\f152";
}

.fa-eur:before,
.fa-euro:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-inr:before,
.fa-rupee:before {
  content: "\f156";
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: "\f157";
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: "\f158";
}

.fa-krw:before,
.fa-won:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-try:before,
.fa-turkish-lira:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: "\f19c";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: "\f1c5";
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: "\f1c6";
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before,
.fa-resistance:before {
  content: "\f1d0";
}

.fa-empire:before,
.fa-ge:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-paper-plane:before,
.fa-send:before {
  content: "\f1d8";
}

.fa-paper-plane-o:before,
.fa-send-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-bed:before,
.fa-hotel:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-y-combinator:before,
.fa-yc:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery-full:before,
.fa-battery:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-television:before,
.fa-tv:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-american-sign-language-interpreting:before,
.fa-asl-interpreting:before {
  content: "\f2a3";
}

.fa-deaf:before,
.fa-deafness:before,
.fa-hard-of-hearing:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-sign-language:before,
.fa-signing:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-address-card:before,
.fa-vcard:before {
  content: "\f2bb";
}

.fa-address-card-o:before,
.fa-vcard-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer-full:before,
.fa-thermometer:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bath:before,
.fa-bathtub:before,
.fa-s15:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

.sr-only {
  position: absolute;
  width   : 1px;
  height  : 1px;
  padding : 0;
  margin  : -1px;
  overflow: hidden;
  clip    : rect(0, 0, 0, 0);
  border  : 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width   : auto;
  height  : auto;
  margin  : 0;
  overflow: visible;
  clip    : auto;
}

@font-face {
  font-family: "FontAwesome";
  src        : url("/local/templates/pob_template/assets/css/../fonts/fontawesome-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style : normal;
}

@font-face {
  font-family: "Lato";
  src        : url("/local/templates/pob_template/assets/css/../fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style : normal;
}

@font-face {
  font-family: "Lato";
  src        : url("/local/templates/pob_template/assets/css/../fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style : normal;
}

@font-face {
  font-family: "Lato";
  src        : url("/local/templates/pob_template/assets/css/../fonts/Lato-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style : normal;
}

@font-face {
  font-family: "Lato";
  src        : url("/local/templates/pob_template/assets/css/../fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style : normal;
}

@font-face {
  font-family: "Lato";
  src        : url("/local/templates/pob_template/assets/css/../fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style : italic;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

*:after,
*:before {
  display    : block;
  line-height: 1;
}

input:invalid {
  -webkit-box-shadow: none;
  box-shadow        : none;
}

input:moz-submit-invalid {
  -webkit-box-shadow: none;
  box-shadow        : none;
}

textarea:invalid {
  -webkit-box-shadow: none;
  box-shadow        : none;
}

textarea:moz-submit-invalid {
  -webkit-box-shadow: none;
  box-shadow        : none;
}

img {
  border            : 0;
  display           : block;
  -o-object-position: center;
  object-position   : center;
}

ul,
ol {
  padding-left: 0;
}

ul {
  list-style-type: none;
}

ul li+li {
  margin-top: 5px;
}

ol {
  list-style-position: inside;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border : 0;
  padding: 0;
}

.b24-form-control-icon-after .b24-form-control,
.b24-form-control-icon-after .b24-form-control-label {
  display: block;
}

:root {
  font-size: 18px;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  font-size                  : 1rem;
  display                    : -webkit-box;
  display                    : -webkit-flex;
  display                    : -ms-flexbox;
  display                    : flex;
  height                     : 100vh;
  min-width                  : 355px;
  position                   : relative;
  -webkit-box-orient         : vertical;
  -webkit-box-direction      : normal;
  -webkit-flex-direction     : column;
  -ms-flex-direction         : column;
  flex-direction             : column;
  color                      : #090909;
  -webkit-text-size-adjust   : 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  margin                     : 0;
  font-family                : "Lato";
  padding-top                : 87px;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar:horizontal {
  height: 7px;
}

body::-webkit-scrollbar-track {
  background   : rgba(50, 50, 50, 0.1);
  border-radius: 1em;
}

body::-webkit-scrollbar-thumb {
  background   : #335CA4;
  border-radius: 1em;
}

body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media screen and (max-width: 768px) {
  body {
    display: block;
  }
}

.footer {
  margin-top: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color      : #000;
  font-family: "Lato";
  font-weight: 700;
}

h1 {
  font-size     : 64px;
  line-height   : 1;
  letter-spacing: 0.035em;
  margin        : 0 0 10px;
  color         : #fff;
  text-align    : left;
  font-weight   : 600;
  margin-bottom : 20px;
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: calc(2.4rem + 0.9vw);
  }
}

.main .t22 {
  letter-spacing: 0.04em;
}

.page h1.notopblock {
  font-size  : 26px;
  color      : #000;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 1000px) {
  .page h1.notopblock {
    font-size  : calc(1.01rem + 0.9vw);
    line-height: 1.2;
  }
}

.t22 {
  font-size: 22px;
}

.lsp {
  letter-spacing: -0.02em;
}

h2 {
  font-size    : 42px;
  display      : block;
  text-align   : left;
  margin-bottom: 40px;
  margin-top   : 0;
  margin-left  : 0;
  margin-right : 0;
  position     : relative;
  line-height  : 103%;
}

@media screen and (max-width: 1200px) {
  h2 {
    font-size    : calc(1.3rem + 0.9vw);
    margin-bottom: 1.5rem;
  }
}

.page h2 {
  font-size    : 26px;
  margin-bottom: 0.7em;
}

@media screen and (max-width: 1200px) {
  .page h2 {
    font-size    : calc(1rem + 0.4vw);
    margin-bottom: 0.6em;
  }
}

*+h2 {
  margin-top: 40px;
}

h3 {
  font-size: 22px;
}

@media screen and (max-width: 1024px) {
  h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  h3 {
    font-size: 18px;
  }
}

h4 {
  font-size: 22px;
}

@media screen and (max-width: 1024px) {
  h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  margin     : 0 0 0.8rem;
  line-height: 1.4;
}

a {
  color             : #282727;
  -webkit-transition: 300ms ease-out;
  -o-transition     : 300ms ease-out;
  transition        : 300ms ease-out;
  text-decoration   : none;
}

a:hover {
  text-decoration: none;
  color          : #335CA4;
}

textarea,
button,
select,
input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password],
input[type=file],
input[type=submit] {
  -webkit-appearance: none;
}

.wrapper,
.page {
  position        : relative;
  -webkit-box-flex: 1;
  -webkit-flex    : 1 0 auto;
  -ms-flex        : 1 0 auto;
  flex            : 1 0 auto;
}

.wrapper .container {
  padding-top   : 70px;
  padding-bottom: 70px;
}

@media screen and (max-width: 1024px) {
  .wrapper .container {
    padding-top   : 60px;
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .wrapper .container {
    padding-top   : 50px;
    padding-bottom: 30px;
  }
}

textarea,
input[type=text],
input[type=tel],
input[type=email],
input[type=search],
input[type=password] {
  min-height        : 40px;
  width             : 100%;
  background-color  : #fff;
  font-size         : 16px;
  padding           : 5px 15px;
  margin-bottom     : 15px;
  -webkit-box-shadow: none;
  box-shadow        : none;
}

textarea::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
  color  : inherit;
  opacity: 0.8;
}

textarea::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=password]::-moz-placeholder {
  color  : inherit;
  opacity: 0.8;
}

textarea:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder {
  color  : inherit;
  opacity: 0.8;
}

textarea::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder {
  color  : inherit;
  opacity: 0.8;
}

textarea::placeholder,
input[type=text]::placeholder,
input[type=tel]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=password]::placeholder {
  color  : inherit;
  opacity: 0.8;
}

.container {
  width  : 1200px;
  padding: 0 25px;
  margin : 0 auto;
}

@media (max-width: 1200px) {
  .container {
    width: 100%;
  }
}

@media (max-width: 770px) {
  .container {
    padding: 0 15px;
  }
}

.close {
  width   : 25px;
  height  : 25px;
  position: absolute;
  right   : 8px;
  top     : 10px;
  opacity : 1;
  outline : none;
}

.close:before,
.close:after {
  content           : "";
  width             : 25px;
  height            : 2px;
  background-color  : #c74a34;
  position          : absolute;
  top               : 50%;
  left              : 0;
  right             : 0;
  margin            : -1px auto 0;
  -webkit-transition: 300ms;
  -o-transition     : 300ms;
  transition        : 300ms;
}

.close:before {
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}

.close:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform    : rotate(-45deg);
  transform        : rotate(-45deg);
}

.close:hover:before {
  -webkit-transform: rotate(135deg);
  -ms-transform    : rotate(135deg);
  transform        : rotate(135deg);
}

.close:hover:after {
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}

.b24-form .b24-form-btn {
  background: #335CA4;
}

.b24-form .b24-window-close {
  background-color: rgba(51, 92, 164, 0.7);
}

.b24-form .b24-window-popup-wrapper {
  max-width: 400px;
}

.btn {
  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;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
  width                  : auto;
  max-width              : -webkit-max-content;
  max-width              : -moz-max-content;
  max-width              : max-content;
  text-align             : center;
  cursor                 : pointer;
  line-height            : 1;
  -webkit-transition     : 300ms ease-out;
  -o-transition          : 300ms ease-out;
  transition             : 300ms ease-out;
  font-size              : 16px;
  color                  : #fff;
  padding                : 0.87em 0.62em;
  border                 : 0;
  outline                : 0;
  background             : #335CA4;
  -webkit-box-shadow     : 0px 4px 4px rgba(51, 92, 164, 0.1), -1px 3px 4px rgba(0, 0, 0, 0.01);
  box-shadow             : 0px 4px 4px rgba(51, 92, 164, 0.1), -1px 3px 4px rgba(0, 0, 0, 0.01);
  border-radius          : 4px;
  min-width              : 180px;
}

.btn:hover {
  background: #4EA0EC;
  color     : #fff;
}

.btn--lb {
  background: #85C8E5;
}

.btn--lb:hover {
  background: #335CA4;
}

.check--list {
  list-style   : none;
  margin       : 0;
  padding      : 0;
  margin-top   : 5px;
  margin-bottom: 10px;
}

.check--list li {
  display     : block;
  position    : relative;
  padding-left: 15px;
}

.check--list li+li {
  margin-top: 10px;
}

.check--list li:before {
  content      : " ";
  position     : absolute;
  left         : 0;
  top          : 0.5em;
  width        : 5px;
  height       : 5px;
  border-radius: 50%;
  background   : #000;
}

.check--arrs li {
  padding-left: 20px;
}

.check--arrs li::before {
  content            : " ";
  background         : url(/local/templates/pob_template/assets/css/../img/arr.svg);
  background-position: left center;
  background-size    : contain;
  width              : 10px;
  height             : 10px;
  top                : 0.35em;
}

.col--location,
.col--whatsapp,
.col--phone,
.col--email,
.col--time,
.col--inst,
.col--fb,
.col--vk {
  position    : relative;
  padding-left: 25px;
}

.col--location:after,
.col--whatsapp:after,
.col--phone:after,
.col--email:after,
.col--time:after,
.col--inst:after,
.col--fb:after,
.col--vk:after {
  content    : "";
  font-family: "fontAwesome";
  font-size  : 0.9em;
  color      : #fff;
  position   : absolute;
  top        : 0.25em;
  left       : 0;
}

.col--location:after {
  content: "\f041";
}

.col--phone:after {
  content: "\f095";
}

.col--email:after {
  content  : "\f0e0";
  font-size: 16px;
  top      : 0.3em;
}

.col--whatsapp:after {
  content: "\f232";
}

.col--time:after {
  content: "\f017";
}

.col--inst:after {
  content: "\f16d";
}

.col--fb:after {
  content: "\f09a";
}

.col-vk:after {
  content: "\f189";
}

.ham {
  cursor                     : pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition         : -webkit-transform 400ms;
  transition                 : -webkit-transform 400ms;
  -o-transition              : transform 400ms;
  transition                 : transform 400ms;
  transition                 : transform 400ms, -webkit-transform 400ms;
  -moz-user-select           : none;
  -webkit-user-select        : none;
  -ms-user-select            : none;
  user-select                : none;
}

.hamRotate.active {
  -webkit-transform: rotate(45deg);
  -ms-transform    : rotate(45deg);
  transform        : rotate(45deg);
}

.line {
  fill              : none;
  -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  -o-transition     : stroke-dasharray 400ms, stroke-dashoffset 400ms;
  transition        : stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke            : #050505;
  stroke-width      : 5.5;
  stroke-linecap    : round;
}

.ham4 .top {
  stroke-dasharray: 40 121;
}

.ham4 .bottom {
  stroke-dasharray: 40 121;
}

.ham4.active .top {
  stroke-dashoffset: -68px;
}

.ham4.active .bottom {
  stroke-dashoffset: -68px;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.spb {
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
}

.center {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
}

.grid2 {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 30px;
}

.grid3 {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap                  : 30px 15px;
}

.grid3+.grid3 {
  margin-top: 40px;
}

.grid4 {
  display              : grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap                  : 20px;
}

.dd {
  position: relative;
}

.dd-head {
  cursor: pointer;
}

.dd-body {
  display   : none;
  position  : absolute;
  background: rgba(255, 255, 255, 0.9);
}

.dd-body a {
  display: block;
}

.tsm {
  font-size: 0.9rem;
}

.tsmm {
  font-size: 1rem;
}

.tlg {
  font-size: 1.2rem;
}

.lgg {
  font-size: 1.33rem;
}

.it {
  font-style: italic;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.t16 {
  font-size: 16px;
}

.t12 {
  font-size: 12px;
}

.t18 {
  font-size: 18px;
}

.header {
  position: fixed;
  top     : 0;
  left    : 0;
  width   : 100%;
  z-index : 99;
}

.header__upper {
  color     : #fff;
  background: #4EA0EC;
  font-size : 14px;
}

.header__upper .container {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  padding-top            : 0;
  padding-bottom         : 0;
}

.header__upper a {
  display     : block;
  padding     : 8px 10px;
  line-height : 1;
  border-left : 1px solid #fff;
  border-right: 1px solid #fff;
  color       : #fff;
  font-weight: bold;
}

.header__upper a::before,
.header__upper a::after {
  display: none;
}

.header__upper a:hover {
  color     : #fff;
  background: #335CA4;
}

.header__bottom {
  font-size         : 16px;
  color             : #000000;
  background        : #FFFFFF;
  -webkit-box-shadow: 0px 5px 4px rgba(95, 127, 241, 0.05), 0px 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow        : 0px 5px 4px rgba(95, 127, 241, 0.05), 0px 3px 4px rgba(0, 0, 0, 0.1);
}

.header__bottom .container {
  padding-top            : 10px;
  padding-bottom         : 9px;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
}

.header__bottom a {
  font-size  : 16px;
  line-height: 1;
}

.header__logo {
  display           : block;
  width             : 116px;
  height            : 40px;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: left center;
  object-position   : left center;
  -webkit-transform : translateY(-5%);
  -ms-transform     : translateY(-5%);
  transform         : translateY(-5%);
}

.subnav {
  display          : none;
  position         : absolute;
  left             : 0;
  bottom           : 0;
  -webkit-transform: translateY(100%);
  -ms-transform    : translateY(100%);
  transform        : translateY(100%);
  background       : #fff;
  color            : #000000;
  padding-top      : 30px;
  padding-bottom   : 30px;
  width            : 100%;
  z-index          : -1;
  font-size        : 16px;
}

.subnav .grid2 {
  gap: 15px 30px;
}

.nav {
  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;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.nav a {
  margin : 0 0 0 32px;
  display: block;
}

.nav--btn {
  display: none;
}

@media (min-width: 1000px) {
  .hide_desk {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .hidem {
    display: none;
  }

  body .header .hidem {
    display: none;
  }

  .showm {
    display: block;
  }

  .nav--btn {
    display : block;
    width   : 50px;
    height  : 45px;
    position: absolute;
    left    : -2px;
    bottom  : 0px;
    padding : 0;
    margin  : 0;
    outline : none;
    float   : none;
  }

  .header__logo {
    height           : 32px;
    left             : 50%;
    top              : 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform    : translate(-50%, -50%);
    transform        : translate(-50%, -50%);
    position         : absolute;
  }

  .header__bottom {
    position: relative;
  }

  .header__bottom .container {
    height: 46px;
  }

  .nav {
    display          : none;
    position         : absolute;
    left             : 0;
    bottom           : 0;
    -webkit-transform: translateY(100%);
    -ms-transform    : translateY(100%);
    transform        : translateY(100%);
    width            : 100%;
    padding          : 15px;
    background       : white;
    border-top       : 1px solid rgba(102, 102, 102, 0.2);
    -webkit-filter   : drop-shadow(0 2px 3px rgba(60, 60, 60, 0.15));
    filter           : drop-shadow(0 2px 3px rgba(60, 60, 60, 0.15));
  }

  .nav a {
    display: block;
    margin : 0;
    padding: 6px 0;
  }

  .nav .subnav {
    display : block;
    position: static;
  }

  .header__upper .container {
    padding-left : 0;
    padding-right: 0;
  }

  .header__upper a {
    font-size     : 12px;
    padding-top   : 10px;
    padding-bottom: 10px;
  }

  body {
    padding-top: 77px;
  }
}

.topblock {
  position: relative;
  height  : 320px;
  color   : #fff;
}

.topblock__content {
  width: calc(50% + 210px);
}

.topblock__bg {
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
  z-index           : 1;
}

.topblock .container {
  position               : relative;
  z-index                : 5;
  height                 : 100%;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.topblock::before {
  content           : " ";
  z-index           : 2;
  position          : absolute;
  width             : calc(50% - 50px);
  height            : 100%;
  background        : rgba(51, 92, 164, 0.8);
  -webkit-box-shadow: 0px 3px 4px rgba(20, 3, 27, 0.1), -1px 4px 4px rgba(5, 5, 5, 0.15);
  box-shadow        : 0px 3px 4px rgba(20, 3, 27, 0.1), -1px 4px 4px rgba(5, 5, 5, 0.15);
}

.main .topblock__content {
  width: calc(50% - 95px);
}

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.lb {
  color: #6FB1EE;
}

.rectblock {
  position    : relative;
  padding-top : 37px;
  padding-left: 54px;
  border-left : 1px solid #00338D;
  font-size   : 16px;
  line-height : 115%;
}

.rectblock::before,
.rectblock::after {
  content : "";
  position: absolute;
  opacity : 0.8;
}

.rectblock::before {
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow        : 0px 2px 4px rgba(0, 0, 0, 0.1);
  background        : #00338D;
  top               : 0;
  left              : 17px;
  width             : 30px;
  height            : 30px;
}

.rectblock::after {
  background        : #4EA0EC;
  width             : 20px;
  height            : 20px;
  top               : 15px;
  left              : 32px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow        : 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.grid3 .rectblock:first-child {
  padding-left: 37px;
  border-left : 0;
}

.grid3 .rectblock:first-child::before {
  left: 0;
}

.grid3 .rectblock:first-child::after {
  left: 15px;
}

.backpic__block {
  position   : relative;
  color      : #fff;
  font-size  : 24px;
  line-height: 120%;
  font-weight: 400;
}

.backpic__block .container {
  padding-top   : 99px;
  padding-bottom: 99px;
  position      : relative;
  z-index       : 4;
}

.backpic__block::before {
  content           : " ";
  position          : absolute;
  z-index           : 2;
  width             : 100%;
  height            : 100%;
  left              : 0;
  top               : 0;
  background        : -o-linear-gradient(359.99deg, #8FCFF0 29.07%, rgba(51, 92, 164, 0.1) 99.99%);
  background        : linear-gradient(90.01deg, #8FCFF0 29.07%, rgba(51, 92, 164, 0.1) 99.99%);
  -webkit-box-shadow: 0px 3px 4px rgba(20, 3, 27, 0.1), -1px 4px 4px rgba(5, 5, 5, 0.15);
  box-shadow        : 0px 3px 4px rgba(20, 3, 27, 0.1), -1px 4px 4px rgba(5, 5, 5, 0.15);
}

.backpic__block--blue::after {
  background: -o-linear-gradient(359.99deg, #8FCFF0 29.07%, rgba(51, 92, 164, 0.1) 99.99%);
  background: linear-gradient(90.01deg, #8FCFF0 29.07%, rgba(51, 92, 164, 0.1) 99.99%);
}

.backpic__pic {
  position          : absolute;
  top               : 0;
  left              : 0;
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
}

.backpic__content {
  max-width: 590px;
}

.events__section {
  position: relative;
}

.events__section .container,
.members-reestr__section .container {
  position: relative;
  z-index : 2;
}

.members-reestr__section .container {
  padding-top   : 0;
  padding-bottom: 0;
}

.events__bg,
.members-reestr__bg {
  width             : 100%;
  height            : 400px;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
  position          : absolute;
  bottom            : 0;
  left              : 0;
  z-index           : 1;
}

.members-reestr_radius {
  max-width: 70%;
  border-radius: 20px;
}

.events__card,
.members-reestr__card {
  position          : relative;
  background        : -o-linear-gradient(322.12deg, #F2F2F2 25.99%, #F2F2F2 57.98%, #FAFAFA 65.69%, #FAFAFA 70.7%, #F2F2F2 78.24%, #F2F2F2 100%);
  background        : linear-gradient(127.88deg, #F2F2F2 25.99%, #F2F2F2 57.98%, #FAFAFA 65.69%, #FAFAFA 70.7%, #F2F2F2 78.24%, #F2F2F2 100%);
  -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow        : 2px 4px 4px rgba(0, 0, 0, 0.25);
}

.events__card .t12,
.members-reestr__card .t12 {
  display           : -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  -o-text-overflow  : ellipsis;
  text-overflow     : ellipsis;
  margin-bottom     : 0;
  overflow          : hidden;
}

.events__cardate,
.members-reestr__cardate {
  position               : absolute;
  top                    : 0;
  left                   : 0;
  width                  : 80px;
  height                 : 80px;
  background             : #FFFFFF;
  font-size              : 14px;
  line-height            : 1.1;
  text-align             : center;
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.events__cardate .num,
.members-reestr__cardate .num {
  font-size  : 22px;
  font-weight: 700;
}

.events__cardpic,
.members-reestr__cardpic {
  height            : 178px;
  width             : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
}

.events__cardcontent,
.members-reestr__cardcontent {
  padding: 20px 15px 25px;
}

.events__cardtitle,
.members-reestr__cardtitle {
  font-size    : 16px;
  line-height  : 105%;
  color        : #333;
  margin-bottom: 10px;
}

.mauto {
  margin-left : auto;
  margin-right: auto;
}

.short {
  max-width: 825px;
}

.topblock .t16 {
  max-width  : calc(100% - 30px);
  margin-left: auto;
}

.mt40 {
  margin-top: 40px;
}

.mt35 {
  margin-top: 35px;
}

.mt30 {
  margin-top: 30px;
}

.mt25 {
  margin-top: 25px;
}

.mt20 {
  margin-top: 20px;
}

.mt15 {
  margin-top: 15px;
}

.p10 {
  padding: 10px;
}

.swiper {
  padding-left  : 40px;
  padding-right : 40px;
  padding-bottom: 40px;
}

.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  width : 22px;
  height: 22px;
  color : #333;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 28px;
}

.partners__card {
  position: relative;
  height  : 70px;
}

.partners__card img {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center;
  object-position   : center;
  position          : absolute;
  top               : 50%;
  left              : 50%;
  -webkit-transform : translate(-50%, -50%);
  -ms-transform     : translate(-50%, -50%);
  transform         : translate(-50%, -50%);
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background: #335CA4;
}

.f {
  background: -o-linear-gradient(2.95deg, #06004A -50.28%, #90D8EF 106.01%);
  background: linear-gradient(87.05deg, #06004A -50.28%, #90D8EF 106.01%);
  color     : #fff;
}

.f a {
  color      : #fff;
  display    : block;
  line-height: 1.5;
}

.f a:hover {
  color: #4EA0EC;
}

.f__upper {
  padding-top   : 80px;
  padding-bottom: 40px;
  margin-bottom : 30px;
  border-bottom : 1px solid rgba(255, 255, 255, 0.3);
}

.f__bottom {
  font-size: 16px;
}

.f__bottom .container {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  padding-bottom         : 30px;
}

.f__logo {
  width             : 194px;
  height            : auto;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center left;
  object-position   : center left;
}

.f__uppergrid {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 30px;
}

.f__subtitle {
  font-size    : 26px;
  margin-bottom: 9px;
  font-weight  : 700;
}

.f__socrow {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
}

.soclink {
  border       : 2px solid #FFFFFF;
  border-radius: 50%;
  width        : 54px;
  height       : 54px;
  padding      : 13px;
}

.soclink img {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center;
  object-position   : center;
}

.soclink+.soclink {
  margin-left: 15px;
}

@media (max-width: 1200px) {
  .lgg {
    font-size: 1.1rem;
  }

  .partners__card {
    height: 50px;
  }

  .f__subtitle {
    font-size: 1.1rem;
  }

  .f {
    font-size: 16px;
  }
}

@media (max-width: 1000px) {
  :root {
    font-size: 16px;
  }

  .topblock::before,
  .topblock__content {
    width: 100%;
  }

  .topblock {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height    : 200px;
  }

  .t22 {
    font-size: 1.15rem;
  }

  .main .t22 {
    margin-bottom: 4px;
  }

  .topblock .container {
    padding-top   : 30px;
    padding-bottom: 30px;
  }

  .topblock .t16 {
    font-size  : 14px;
    max-width  : calc(100% - 30px);
    margin-left: auto;
  }

  .main .topblock__content {
    width: 100%;
  }

  .rectblock__grid {
    display: block;
  }

  .rectblock__grid+.rectblock__grid {
    margin-top: 20px;
  }

  .rectblock+.rectblock {
    margin-top: 20px;
  }

  .rectblock,
  .grid3 .rectblock:first-child {
    padding-top : 2px;
    padding-left: 28px;
    border-left : 0;
  }

  .rectblock::before {
    width : 20px;
    height: 20px;
    left  : 0;
    top   : 0;
  }

  .rectblock::after,
  .grid3 .rectblock:first-child::after {
    width : 13px;
    height: 13px;
    left  : 10px;
    top   : 10px;
  }

  .grid4 {
    grid-template-columns: 1fr 1fr;
  }

  .events__cardate,
  .members-reestr__cardate {
    width    : 60px;
    height   : 60px;
    font-size: 12px;
  }

  .events__cardate .num,
  .members-reestr__cardate .num {
    font-size: 18px;
  }

  .events__cardpic,
  .members-reestr__cardpic {
    height: 140px;
  }

  .mt40 {
    margin-top: 30px;
  }

  .mt30 {
    margin-top: 20px;
  }

  .backpic__block .container {
    padding-top   : 50px;
    padding-bottom: 50px;
  }

  .backpic__block::before {
    background: -o-linear-gradient(359.99deg, rgba(143, 207, 240, 0.95), 92%, rgba(51, 92, 164, 0.1) 100%);
    background: linear-gradient(90.01deg, rgba(143, 207, 240, 0.95), 92%, rgba(51, 92, 164, 0.1) 100%);
  }

  .f__logo {
    width: 150px;
  }
}

@media screen and (max-width: 600px) {
  .lgg {
    font-size: 16px;
  }

  .f__logo {
    margin-left : auto;
    margin-right: auto;
  }

  .f__bottom .container {
    padding-bottom: 25px;
  }

  .f__upper {
    padding-top   : 40px;
    padding-bottom: 20px;
    margin-bottom : 20px;
  }

  .f__uppergrid {
    grid-template-columns: 1fr;
    gap                  : 25px;
  }

  .f__unit.tar {
    text-align: left;
  }

  .f {
    font-size: 14px;
  }

  .f__subtitle {
    font-size: 16px;
  }

  .f__socrow {
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack          : start;
    justify-content        : flex-start;
  }

  .soclink {
    width  : 40px;
    height : 40px;
    padding: 10px;
  }

  .soclink+.soclink {
    margin-left: 10px;
  }

  .swiper {
    padding-bottom: 20px;
    margin-bottom : 20px;
  }

  .partners__card img {
    height: 50px;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after,
  .swiper-rtl .swiper-button-next:after {
    font-size: 20px;
  }
}

@media screen and (max-width: 500px) {

  .events__grid,
  .members-reestr__grid {
    grid-template-columns: 1fr;
  }

  .rectblock {
    font-size: 14px;
  }
}

.page .topblock::before {
  background        : -webkit-gradient(linear, left top, right top, color-stop(33.48%, #B6B6B6), to(rgba(51, 92, 164, 0)));
  background        : -o-linear-gradient(left, #B6B6B6 33.48%, rgba(51, 92, 164, 0) 100%);
  background        : linear-gradient(90deg, #B6B6B6 33.48%, rgba(51, 92, 164, 0) 100%);
  -webkit-box-shadow: 0px 3px 4px rgba(20, 3, 27, 0.1), -1px 4px 4px rgba(5, 5, 5, 0.15);
  box-shadow        : 0px 3px 4px rgba(20, 3, 27, 0.1), -1px 4px 4px rgba(5, 5, 5, 0.15);
  width             : 100%;
}

.page h1 {
  font-size: 54px;
}

@media screen and (max-width: 1200px) {
  .page h1 {
    font-size: calc(1.5rem + 0.6vw);
  }
}

.breadcrunmbs {
  font-size: 16px;
  color    : #666666;
}

.breadcrunmbs+* {
  margin-top: 40px;
}

.breadcrunmbs a {
  display: inline-block;
}

.breadcrunmbs a+a {
  margin-left: 15px;
  position   : relative;
}

.breadcrunmbs a+a::before {
  content      : "—";
  display      : inline-block;
  padding-right: 15px;
}

.breadcrunmbs__current {
  pointer-events: none;
}

.breadcrunmbs__home img {
  width             : 18px;
  height            : 18px;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: right center;
  object-position   : right center;
}

@media screen and (max-width: 680px) {
  .breadcrunmbs+* {
    margin-top: 20px;
  }

  .grid3 {
    grid-template-columns: 1fr;
    gap                  : 20px;
  }

  .breadcrunmbs {
    font-size: 12px;
  }

  .breadcrunmbs__home img {
    width : 15px;
    height: 15px;
  }

  .breadcrunmbs a+a {
    margin-left: 8px;
  }

  .breadcrunmbs a+a::before {
    padding-right: 8px;
  }

  .page .topblock::before {
    background: -webkit-gradient(linear, left top, right top, from(#b6b6b6), color-stop(80.48%, rgba(182, 182, 182, 0.85)), to(rgba(182, 182, 182, 0.2)));
    background: -o-linear-gradient(left, #b6b6b6 0%, rgba(182, 182, 182, 0.85) 80.48%, rgba(182, 182, 182, 0.2) 100%);
    background: linear-gradient(90deg, #b6b6b6 0%, rgba(182, 182, 182, 0.85) 80.48%, rgba(182, 182, 182, 0.2) 100%);
  }

  .page h1 {
    max-width: calc(100% - 25px);
  }
}

.grid__leftsm {
  display              : grid;
  grid-template-columns: 2fr 3fr;
  gap                  : 20px;
}

.grid__leftsm+* {
  margin-top: 20px;
}

.cover {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
}

.lh115 {
  line-height: 115%;
}

.gallery__grid {
  margin-top           : 40px;
  display              : grid;
  grid-template-columns: repeat(5, 1fr);
  gap                  : 20px;
}

.gallery__item {
  border-radius     : 8px;
  width             : 100%;
  height            : 194px;
  overflow          : hidden;
  -webkit-box-shadow: 0px 2px 5px rgba(37, 38, 40, 0.25);
  box-shadow        : 0px 2px 5px rgba(37, 38, 40, 0.25);
  position          : relative;
}

.gallery__item:hover .gallery__thumb {
  -webkit-transform: scale(1.06);
  -ms-transform    : scale(1.06);
  transform        : scale(1.06);
}

.gallery__loop {
  position: absolute;
  bottom  : 13px;
  right   : 13px;
  width   : 22px;
  height  : 22px;
}

.gallery__thumb {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : cover;
  object-fit        : cover;
  -o-object-position: center;
  object-position   : center;
  -webkit-transition: 300ms ease-out;
  -o-transition     : 300ms ease-out;
  transition        : 300ms ease-out;
}

@media screen and (max-width: 1000px) {
  .gallery__grid {
    margin-top           : 30px;
    grid-template-columns: 1fr 1fr;
    gap                  : 20px 15px;
  }
}

@media screen and (max-width: 780px) {
  .grid__leftsm {
    grid-template-columns: 1fr;
  }

  .grid__leftsm+* {
    margin-top: 0;
  }

  .gallery__item {
    height: 160px;
  }
}

.shadowedpic {
  -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
  filter        : drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1));
}

.blockvertcenter {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : vertical;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : column;
  -ms-flex-direction     : column;
  flex-direction         : column;
  -webkit-box-pack       : center;
  -webkit-justify-content: center;
  -ms-flex-pack          : center;
  justify-content        : center;
}

.miss__docsflex {
  -webkit-box-pack       : end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack          : end;
  justify-content        : flex-end;
}

.miss__docsflex a+a {
  margin-left: 20px;
}

.miss__docsflex img {
  width        : 100%;
  max-height   : 280px;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

@media screen and (max-width: 780px) {
  .rightpic {
    grid-template-columns: 1fr;
    gap                  : 10px;
  }

  .leftpic {
    display               : -webkit-box;
    display               : -webkit-flex;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction    : column-reverse;
    flex-direction        : column-reverse;
    gap                   : 10px;
  }

  .miss__docsflex img {
    max-height: 150px;
  }

  .miss__docsflex {
    -webkit-box-pack       : start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack          : start;
    justify-content        : flex-start;
    -webkit-flex-wrap      : wrap;
    -ms-flex-wrap          : wrap;
    flex-wrap              : wrap;
  }

  .miss__docsflex a {
    margin-right : 10px;
    margin-bottom: 15px;
  }

  .miss__docsflex a+a {
    margin-left: 0;
  }
}

.str__pic {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center;
  object-position   : center;
}

.person__grid {
  display              : grid;
  grid-template-columns: 1fr 1fr;
  gap                  : 35px 40px;
}

.person__card {
  position             : relative;
  font-size            : 14px;
  padding              : 10px 27px 25px;
  display              : grid;
  grid-template-columns: 130px 1fr;
  gap                  : 20px;
  background           : #FFFFFF;
  -webkit-box-shadow   : 0px 4px 4px rgba(0, 0, 0, 0.25), 4px 6px 6px rgba(2, 10, 22, 0.14), -4px -2px 6px rgba(5, 13, 25, 0.13);
  box-shadow           : 0px 4px 4px rgba(0, 0, 0, 0.25), 4px 6px 6px rgba(2, 10, 22, 0.14), -4px -2px 6px rgba(5, 13, 25, 0.13);
  border-radius        : 6px;
}

.person__card ul {
  margin-top: 8px;
}

.person__card li+li {
  margin-top : 6px;
  line-height: 1.3;
}

.person__card::before {
  content           : " ";
  position          : absolute;
  left              : 10px;
  top               : 15px;
  width             : 100%;
  border-radius     : 6px;
  height            : 100%;
  z-index           : -1;
  background        : -o-linear-gradient(5.17deg, #06004A -132.52%, #90CEEF 128.52%);
  background        : linear-gradient(84.83deg, #06004A -132.52%, #90CEEF 128.52%);
  -webkit-box-shadow: 4px 6px 18px rgba(8, 37, 79, 0.1), 3px 4px 4px rgba(5, 13, 26, 0.15);
  box-shadow        : 4px 6px 18px rgba(8, 37, 79, 0.1), 3px 4px 4px rgba(5, 13, 26, 0.15);
}

.person__pic {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: left center;
  object-position   : left center;
}

.person__name {
  font-size    : 16px;
  font-weight  : 700;
  margin-bottom: 8px;
}

@media (max-width: 1000px) {
  .person__card {
    padding: 15px 15px 20px;
  }

  .person__card {
    grid-template-columns: 110px 1fr;
    gap                  : 15px;
  }

  .person__grid {
    gap: 20px;
  }

  .person__card::before {
    top : 10px;
    left: 5px;
  }
}

@media screen and (max-width: 780px) {
  .person__grid {
    grid-template-columns: 1fr;
  }

  .person__card {
    grid-template-columns: 1fr;
    text-align           : center;
  }

  .person__pic {
    max-width   : 130px;
    margin-left : auto;
    margin-right: auto;
  }
}

.com__unit {
  position          : relative;
  background        : #fff;
  padding           : 27px 16px 11px;
  border-radius     : 23px 0px 23px 0;
  font-size         : 23px;
  -webkit-box-shadow: 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
  box-shadow        : 4px 4px 8px 2px rgba(0, 0, 0, 0.25);
  line-height       : 115%;
}

.com__unit .btn {
  font-size: 14px;
  min-width: 123px;
}

.com__unit::before {
  content      : " ";
  top          : 11px;
  left         : 16px;
  position     : absolute;
  z-index      : -1;
  width        : 100%;
  height       : 100%;
  background   : -o-linear-gradient(5.17deg, #06004A -132.52%, #90CEEF 128.52%);
  background   : linear-gradient(84.83deg, #06004A -132.52%, #90CEEF 128.52%);
  border-radius: 20px 0px;
}

.com__pic {
  position          : absolute;
  right             : 0;
  top               : 0;
  width             : auto;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: right center;
  object-position   : right center;
}

.com__content {
  position              : relative;
  z-index               : 2;
  padding-right         : 90px;
  min-height            : 115px;
  height                : 100%;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
}

.com__content .btn {
  margin-top: auto;
}

.com__heading {
  margin-bottom: 15px;
}

.com__grid {
  gap: 40px 30px;
}

@media screen and (max-width: 1200px) {
  .com__unit {
    font-size: 1.1rem;
  }

  .com__unit::before {
    left: 8px;
    top : 5px;
  }

  .com__grid {
    gap: 30px;
  }
}

@media screen and (max-width: 780px) {
  .com__grid {
    gap                  : 20px;
    grid-template-columns: 1fr;
  }

  .com__content {
    padding-right: 60px;
  }

  .com__heading {
    font-size: 16px;
  }

  .com__unit {
    padding: 19px 15px 11px;
    width  : calc(100% - 10px);
  }
}

.com__grid {
  display: grid;
  gap    : 50px;
}

.com__card {
  background        : #FFFFFF;
  -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 4px 6px 6px rgba(2, 10, 22, 0.14), -4px -2px 6px rgba(5, 13, 25, 0.13);
  box-shadow        : 0px 4px 4px rgba(0, 0, 0, 0.25), 4px 6px 6px rgba(2, 10, 22, 0.14), -4px -2px 6px rgba(5, 13, 25, 0.13);
  border-radius     : 6px;
  position          : relative;
}

.com__card+.com__card {
  margin-top: 30px;
}

.com__card::before {
  content           : " ";
  width             : 100%;
  height            : 100%;
  position          : absolute;
  z-index           : -1;
  left              : 10px;
  top               : 14px;
  background        : -o-linear-gradient(5.17deg, #06004A -132.52%, #90CEEF 128.52%);
  background        : linear-gradient(84.83deg, #06004A -132.52%, #90CEEF 128.52%);
  -webkit-box-shadow: 4px 6px 18px rgba(8, 37, 79, 0.1), 3px 4px 4px rgba(5, 13, 26, 0.15);
  box-shadow        : 4px 6px 18px rgba(8, 37, 79, 0.1), 3px 4px 4px rgba(5, 13, 26, 0.15);
  border-radius     : 6px;
}

.com__card ul {
  font-size  : 14px;
  line-height: 140%;
  margin-top : 7px;
}

.com__card ul li+li {
  margin-top: 8px;
}

.com__toprow {
  background   : #98C2E2;
  font-weight  : 600;
  font-size    : 18px;
  line-height  : 140%;
  padding      : 9px 28px 7px;
  border-radius: 7px 7px 0 0;
}

.com__mainflex {
  padding            : 20px 14px 25px;
  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;
}

.com__name {
  font-size                   : 16px;
  line-height                 : 140%;
  -webkit-text-decoration-line: underline;
  text-decoration-line        : underline;
  margin-bottom               : 7px;
}

.com__rcol {
  margin-left: 20px;
}

.com__perspic {
  width             : 120px;
  height            : 120px;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center left;
  object-position   : center left;
}

.com__docrow {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
}

.com__docrow .docpic {
  margin-right: 15px;
}

.com__docrow+.com__docrow {
  margin-top: 15px;
}

.docpic {
  width        : 48px;
  height       : 48px;
  background   : -o-linear-gradient(5.17deg, #06004A -132.52%, #90CEEF 128.52%);
  background   : linear-gradient(84.83deg, #06004A -132.52%, #90CEEF 128.52%);
  border-radius: 50%;
  padding      : 9px;
}

.docpic img {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center;
  object-position   : center;
}

.plashk {
  font-weight  : 600;
  font-size    : 18px;
  background   : #98C2E2;
  padding      : 9px 28px 7px;
  border-radius: 7px 7px;
  line-height  : 140%;
  margin-top   : 35px;
  margin-bottom: 15px;
}

@media (max-width: 1000px) {
  .com__grid {
    gap: 30px;
  }

  .com__perspic {
    width : 100px;
    height: 100px;
  }

  .com__card ul {
    font-size: 12px;
  }

  .com__rcol {
    margin-left: 15px;
  }

  .com__card ul li+li {
    margin-top: 4px;
  }

  .plashk,
  .com__toprow {
    font-size: 16px;
  }

  .docpic {
    width : 40px;
    height: 40px;
  }

  .com__mainflex {
    padding: 15px 10px 20px;
  }

  .com__card::before {
    left: 6px;
    top : 8px;
  }
}

@media (max-width: 780px) {
  .grid__mob1 {
    display: block;
  }

  .com__mainflex {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -webkit-flex-direction: column;
    -ms-flex-direction    : column;
    flex-direction        : column;
    -webkit-box-align     : center;
    -webkit-align-items   : center;
    -ms-flex-align        : center;
    align-items           : center;
  }

  .com__rcol {
    margin-left: 0;
    text-align : center;
  }

  .com__toprow,
  .plashk {
    padding: 7px 15px 6px;
  }

  .com__perspic {
    width        : 90px;
    height       : 90px;
    margin-bottom: 15px;
  }
}

.team__pic {
  width             : 200px;
  height            : 200px;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: right center;
  object-position   : right center;
  margin-left       : 15px;
}

.team__row {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-orient     : horizontal;
  -webkit-box-direction  : normal;
  -webkit-flex-direction : row;
  -ms-flex-direction     : row;
  flex-direction         : row;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
}

.team__row p {
  margin-bottom: 10px;
}

.team__row+.team__row {
  margin-top: 50px;
}

.team__name {
  font-weight: 600;
  font-size  : 1rem;
}

.team__mail {
  font-style: italic;
  font-size : 16px;
  color     : #335CA4;
}

.team__mail:hover {
  color: #A414D8;
}

.zapros__section .events__bg {
  height: 300px;
}

.zapros__section .t18 {
  font-size    : 18px;
  margin-bottom: 20px;
}

.members-reestr.members-reestr__bg {
  height: 545px;
}

.map {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: right center;
  object-position   : right center;
}

@media (max-width: 1000px) {
  .zapros__section .events__bg {
    height: 250px;
  }

  .team__pic {
    width : 120px;
    height: 120px;
  }
}

@media screen and (max-width: 780px) {
  .map__grid {
    grid-template-columns: 1fr;
    gap                  : 10px;
  }
}

@media screen and (max-width: 450px) {
  .team__row {
    -webkit-box-orient    : vertical;
    -webkit-box-direction : reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction    : column-reverse;
    flex-direction        : column-reverse;
    -webkit-box-align     : center;
    -webkit-align-items   : center;
    -ms-flex-align        : center;
    align-items           : center;
    text-align            : center;
  }

  .team__row .t16 {
    font-size: 14px;
  }

  .team__pic {
    margin-left  : 0;
    margin-bottom: 10px;
    width        : 140px;
    height       : 140px;
  }

  .team__row+.team__row {
    margin-top: 30px;
  }
}

.dwn {
  color: #335CA4;
}

.dwn:hover {
  color: #4EA0EC;
}

.plus__grid {
  display              : grid;
  grid-template-columns: repeat(3, 1fr);
  gap                  : 30px;
  font-size            : 16px;
}

.plus__heading {
  font-weight  : bold;
  font-size    : 18px;
  margin-bottom: 15px;
}

.backgrad {
  background        : -o-linear-gradient(322.12deg, #F2F2F2 25.99%, #F2F2F2 57.98%, #FAFAFA 65.69%, #FAFAFA 70.7%, #F2F2F2 78.24%, #F2F2F2 100%);
  background        : linear-gradient(127.88deg, #F2F2F2 25.99%, #F2F2F2 57.98%, #FAFAFA 65.69%, #FAFAFA 70.7%, #F2F2F2 78.24%, #F2F2F2 100%);
  -webkit-box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);
  box-shadow        : 2px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius     : 0px;
  padding           : 25px 15px;
}

.grid__pdf {
  display              : grid;
  grid-template-columns: 3fr 1fr;
  gap                  : 20px;
  margin-top           : 30px;
}

.grid__pdf+.grid__pdf {
  margin-top: 50px;
}

.pdf__col img {
  -webkit-filter    : drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  filter            : drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.15));
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center;
  object-position   : center;
}

.pdf__col .btn {
  margin  : -30px auto 0;
  position: relative;
  z-index : 2;
}

.row {
  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;
}

.row>*+* {
  margin-left: 10px;
}

.tab_head {
  font-weight       : 500;
  font-size         : 18px;
  padding           : 14px 33px;
  border            : 2px solid #5BC5F2;
  -webkit-transition: 200ms ease-out;
  -o-transition     : 200ms ease-out;
  transition        : 200ms ease-out;
  border-radius     : 4px;
  cursor            : pointer;
}

.tab_head.active {
  background        : #5BC5F2;
  color             : #ffff;
  -webkit-box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.05);
  box-shadow        : 1px 1px 1px rgba(51, 51, 51, 0.05);
}

.mb30 {
  margin-bottom: 30px;
}

.learn_grid {
  display              : grid;
  grid-template-columns: repeat(3, 1fr);
  gap                  : 30px;
}

.learn_card {
  background            : #FFFFFF;
  -webkit-box-shadow    : 1px 2px 7px -2px rgba(57, 132, 220, 0.15), 1px 1px 4px 2px rgba(0, 0, 0, 0.08);
  box-shadow            : 1px 2px 7px -2px rgba(57, 132, 220, 0.15), 1px 1px 4px 2px rgba(0, 0, 0, 0.08);
  border-radius         : 8px;
  padding               : 30px 20px;
  display               : -webkit-box;
  display               : -webkit-flex;
  display               : -ms-flexbox;
  display               : flex;
  -webkit-box-orient    : vertical;
  -webkit-box-direction : normal;
  -webkit-flex-direction: column;
  -ms-flex-direction    : column;
  flex-direction        : column;
  min-height            : 365px;
  color                 : #666666;
}

.learn_card a {
  font-weight: 600;
  font-size  : 16px;
}

.learn_card a.greentext {
  margin-top         : 30px;
  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;
  line-height        : 1;
}

.learn_card a:hover {
  color: #3EC300;
}

.learn_bottom {
  margin-top: auto;
}

.learn_spb {
  display                : -webkit-box;
  display                : -webkit-flex;
  display                : -ms-flexbox;
  display                : flex;
  -webkit-box-pack       : justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack          : justify;
  justify-content        : space-between;
  -webkit-box-align      : center;
  -webkit-align-items    : center;
  -ms-flex-align         : center;
  align-items            : center;
  margin-bottom          : 16px;
}

.learn_stat {
  font-weight   : 400;
  font-size     : 12px;
  line-height   : 14px;
  min-width     : 100px;
  color         : #fff;
  text-transform: uppercase;
  background    : #3EC300;
  text-align    : center;
  padding-top   : 7px;
  padding-bottom: 7px;
}

.learn_stat.red {
  background: #E4322F;
}

.learn_stat.blue {
  background: #5BC5F2;
}

.learn_date {
  color      : #666666;
  font-size  : 12px;
  font-weight: 400;
}

.learn_head {
  font-weight  : 600;
  font-size    : 20px;
  color        : #000;
  margin-bottom: 10px;
  line-height  : 1.1;
}

.learn_main {
  line-height: 1.4;
}

.learn_main,
.learn_city {
  font-size: 14px;
  color    : #666666;
}

.learn_city {
  font-style: italic;
  margin-top: 7px;
}

.learn_time,
.learn_money {
  color      : #000000;
  font-weight: 400;
  font-size  : 16px;
}

.learn_money {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  margin-top         : 11px;
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
}

.learn_money .greentext {
  display      : block;
  margin-right : 10px;
  padding-right: 12px;
  position     : relative;
}

.learn_money .greentext::before {
  content   : " ";
  position  : absolute;
  right     : 0;
  top       : 0;
  width     : 1px;
  height    : 100%;
  background: #666666;
}

.greentext {
  color: #3EC300;
}

.webinar_grid {
  display              : grid;
  grid-template-columns: 1fr 400px;
  gap                  : 30px;
}

.webinar_row {
  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;
}

.webinar_row+.webinar_row {
  margin-top: 30px;
}

.webinar_icon {
  width              : 40px;
  height             : 40px;
  -o-object-fit      : contain;
  object-fit         : contain;
  -o-object-position : left center;
  object-position    : left center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative  : 0;
  flex-shrink        : 0;
  margin-right       : 20px;
}

.webinar_sub {
  font-weight  : 600;
  color        : #666666;
  font-size    : 14px;
  margin-bottom: 2px;
}

.t2b {
  font-size    : 20px;
  font-weight  : 600;
  color        : #000;
  margin-bottom: 5px;
}

.mb15 {
  margin-bottom: 15px;
}

.webinar_aside {
  border-left : 1px solid rgba(0, 0, 0, 0.15);
  padding-left: 30px;
}

.webinar_aside .bluelink {
  margin-top: 3px;
}

.bluelink {
  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;
  color              : #3984DC;
  line-height        : 1.4;
}

.bluelink:hover {
  color: #3984DC;
}

.mr8 {
  margin-right: 8px;
}

.evs_row {
  display            : -webkit-box;
  display            : -webkit-flex;
  display            : -ms-flexbox;
  display            : flex;
  -webkit-box-align  : start;
  -webkit-align-items: flex-start;
  -ms-flex-align     : start;
  align-items        : flex-start;
}

.evs_lecturer {
  width             : 40px;
  height            : 40px;
  margin-right      : 12px;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: left center;
  object-position   : left center;
}

.evs_item {
  font-size  : 0.8em;
  color      : #666666;
  line-height: 1.3;
}

.evs_item+.evs_item {
  margin-top : 20px;
  padding-top: 20px;
  border-top : 1px solid rgba(0, 0, 0, 0.15);
}

.evs_item .flex {
  margin-top: 10px;
}

.evs_subitem {
  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;
}

.evs_subitem img {
  margin-right: 8px;
}

.evs_subitem+.evs_subitem {
  margin-left: 15px;
}

@media screen and (max-width: 1000px) {
  .webinar_grid {
    grid-template-columns: 1fr;
  }

  .webinar_row+.webinar_row {
    margin-top: 20px;
  }

  .webinar_icon {
    margin-right: 8px;
  }

  .webinar_aside {
    border-left : 0;
    padding-left: 0;
  }

  .webinar_icon {
    width : 30px;
    height: 30px;
  }

  .plus__grid {
    gap: 15px;
  }

  .tab_head {
    font-size: 16px;
    padding  : 8px 10px;
    border   : 1px solid #5BC5F2;
  }

  .row>*+* {
    margin-left: 0;
    margin-top : 10px;
  }

  .learn_grid {
    grid-template-columns: repeat(1, 1fr);
    gap                  : 20px;
  }

  .mb30 {
    margin-bottom: 25px;
  }

  .learn_card {
    padding   : 25px 15px;
    min-height: 200px;
  }

  .learn_bottom {
    margin-top: 40px;
  }

  .learn_card a.greentext {
    margin-top: 20px;
  }

  .learn_money {
    margin-top: 7px;
  }

  .learn_spb {
    margin-bottom: 12px;
  }

  .row {
    -webkit-box-orient     : vertical;
    -webkit-box-direction  : normal;
    -webkit-flex-direction : column;
    -ms-flex-direction     : column;
    flex-direction         : column;
    -webkit-box-align      : center;
    -webkit-align-items    : center;
    -ms-flex-align         : center;
    align-items            : center;
    -webkit-box-pack       : center;
    -webkit-justify-content: center;
    -ms-flex-pack          : center;
    justify-content        : center;
  }

  .row>* {
    width     : 100%;
    text-align: center;
  }
}

@media screen and (max-width: 780px) {
  .plus__grid {
    grid-template-columns: 1fr;
  }

  .grid__pdf {
    grid-template-columns: 1fr;
    gap                  : 10px;
  }

  .pdf__col img {
    max-width   : 320px;
    margin-left : auto;
    margin-right: auto;
  }
}

.underlined {
  text-decoration: underline;
}

@media screen and (max-width: 700px) {
  .innerdocs__grid {
    display: block;
  }

  .innerdocs__grid ul {
    margin-top   : 5px;
    margin-bottom: 0;
  }

  .b24-form .b24-window-scrollable {
    padding-bottom: 10px !important;
  }

  .b24-form .b24-form-padding-side {
    padding-bottom: 5px;
  }

  .b24-form .b24-window-close {
    width : 20px;
    height: 20px;
  }

  .b24-form .b24-window-popup-wrapper .b24-window-scrollable {
    border-radius: 6px;
  }
}

.reest__form {
  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;
  margin-bottom      : 20px;
}

.reest__form input {
  max-width         : 365px;
  display           : inline-block;
  margin-right      : 20px;
  background        : #FFFFFF;
  border            : 1px solid #B5B5B5;
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
  border-radius     : 4px;
  font-size         : 14px;
  margin-bottom     : 0;
  height            : 44px;
  outline           : 0;
}

.reest__form input:focus {
  border : 1px solid #335CA4;
  outline: 0;
}

.reest__tablecont {
  overflow: auto;
  width   : 100%;
}

.reest__tablecont+* {
  margin-top: 20px;
}

.reest__tablecont::-webkit-scrollbar {
  width: 8px;
}

.reest__tablecont::-webkit-scrollbar:horizontal {
  height: 7px;
}

.reest__tablecont::-webkit-scrollbar-track {
  background   : rgba(50, 50, 50, 0.1);
  border-radius: 1em;
}

.reest__tablecont::-webkit-scrollbar-thumb {
  background   : #335CA4;
  border-radius: 1em;
}

.reest__tablecont::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.reest__table {
  background: #F2F4F7;
  font-size : 16px;
  min-width : 700px;
  width     : 100%;
}

.reest__table th {
  text-align : left;
  color      : #fff;
  font-weight: 600;
  padding    : 10px;
}

.reest__table td {
  padding-top   : 10px;
  padding-bottom: 10px;
}

.th__row {
  background: #335CA4;
}

.td__row {
  padding: 5px 10px;
}

.backbl {
  background   : #61b6e2;
  padding      : 15px 30px 20px 10px;
  border-radius: 10px;
}

.backbl__heading {
  margin-bottom: 10px;
}

*+h3 {
  margin-top: 40px;
}

.ct__row {
  -webkit-box-align  : center;
  -webkit-align-items: center;
  -ms-flex-align     : center;
  align-items        : center;
  font-size          : 16px;
}

.ct__row img {
  width             : 36px;
  height            : 36px;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: left center;
  object-position   : left center;
  margin-right      : 20px;
}

.ct__row+.ct__row {
  margin-top: 20px;
}

@media screen and (max-width: 500px) {
  .reest__form input {
    margin-right: 10px;
  }

  .reest__form .btn {
    min-width: 110px;
  }

  *+h3 {
    margin-top: 30px;
  }

  .reest__table {
    font-size: 13px;
  }

  .t18 {
    font-size: 16px;
  }

  .onemoregrid {
    gap: 15px;
  }

  .ct__row img {
    width       : 30px;
    height      : 30px;
    margin-right: 15px;
  }

  .grid1mob {
    grid-template-columns: 1fr;
    gap                  : 10px;
  }
}

.msfo__link {
  display: block;
  color  : #335CA4;
}

.msfo__link+.msfo__link {
  margin-top: 10px;
}

.msfo__link:hover {
  color: #4EA0EC;
}

.mca__link {
  height   : 233px;
  max-width: 154px;
}

.mca__link+a {
  margin-left: 25px;
}

.mca__link img {
  width             : 100%;
  height            : 100%;
  -o-object-fit     : contain;
  object-fit        : contain;
  -o-object-position: center;
  object-position   : center;
}

@media screen and (max-width: 500px) {
  .mca__link {
    margin-right : 10px;
    margin-bottom: 6px;
    width        : 145px;
  }

  .mca__link+a {
    margin-left: 0px;
  }

  .mca__flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
  }
}

.personal-top-link {
  background: red;
}

.signup-top-link {
  background: #45c0ec;
}
/* End */


/* Start:/local/templates/pob_template/components/bitrix/menu/top_multilevel_menu/style.css?166418526570*/
.header__bottom .nav a {
    font-weight: bold;
    font-size: 16px;
}
/* End */


/* Start:/local/templates/pob_template/template_styles.css?16866286783682*/
nav.nav.active {
    display: block ;
}

.seminar-courses-form-wrapper .h3 {
    color        : #000;
    font-weight  : 700;
    font-size    : 22px;
    margin-bottom: 15px;
}

.seminar-courses-form-wrapper .panel-body {
    margin-top: 30px;
    font-size : 1rem;
}

.seminar-courses-form-wrapper fieldset.form-group {
    border : none;
    margin : 0 0 15px 0;
    padding: 0;
}

.seminar-courses-form-wrapper fieldset label {
    margin-bottom: 8px;
    display      : block;
}

.seminar-courses-form-wrapper fieldset input[type=text] {
    background        : #FFFFFF;
    border            : 1px solid #B5B5B5;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border-radius     : 4px;
    font-size         : 14px;
    margin-bottom     : 0;
    height            : 44px;
    outline           : 0;
}

.seminar-courses-form-wrapper input[type=submit] {
    margin: 0 auto;
}

.whatsapp-text {position: fixed;
    right: 13px;
    bottom: 11px;
    width: 120px;
    font-size: 12px;
    text-align: center;
    background: white;
    padding: 5px;
    z-index: 10;
    border-radius: 10px;
}

@media (max-width: 800px) {
    .whatsapp-text {
        position: fixed;
        left: 13px;
        z-index: 10;
        width: 120px;
        font-size: 12px;
        text-align: center;
        background: white;
        padding: 5px;
        border-radius: 10px;
    }
    .whatsapp-button {
        bottom: 70px!important;
        left: 70px;
    }
}

.fancybox-button.fancybox-close-small {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .seminar-courses-form-wrapper .h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .seminar-courses-form-wrapper .h3 {
        font-size: 18px;
    }
}

.whatsapp-button {
    position     : fixed;
    right        : 13px;
    bottom       : 90px;
    transform    : translate(-50%, -50%);
    background   : #25D366;
    /*цвет кнопки*/
    border-radius: 50%;
    width        : 55px;
    /*ширина кнопки*/
    height       : 55px;
    /*высота кнопки*/
    color        : #fff;
    text-align   : center;
    line-height  : 53px;
    /*центровка иконки в кнопке*/
    font-size    : 35px;
    /*размер иконки*/
    z-index      : 9999;
}

.whatsapp-button a {
    color: #fff;
}

.whatsapp-button:before,
.whatsapp-button:after {
    content            : " ";
    display            : block;
    position           : absolute;
    border             : 50%;
    border             : 1px solid #25D366;
    /*цвет анимированных волн от кнопки*/
    left               : -20px;
    right              : -20px;
    top                : -20px;
    bottom             : -20px;
    border-radius      : 50%;
    animation          : animate 1.5s linear infinite;
    opacity            : 0;
    backface-visibility: hidden;
}

.whatsapp-button:after {
    animation-delay: .5s;
}

@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity  : 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity  : 0;
    }
}

@media (max-width : 800px) {
    .whatsapp-button {
        bottom: 5px;
        /*отступ кнопки снизу от экрана*/
        left  : 70px;
        /*отступ кнопки слева от экрана(right - справа)*/
    }

    .whatsapp-button {
        width      : 100px;
        /*ширина кнопки*/
        height     : 100px;
        /*высота кнопки*/
        line-height: 97px;
        font-size  : 65px;

    }
}
/* End */
/* /local/templates/pob_template/assets/css/vendor/fancybox.css?166361942512797 */
/* /local/templates/pob_template/assets/css/vendor/select2.css?166324272316263 */
/* /local/templates/pob_template/assets/css/vendor/swiper.css?166361942515307 */
/* /local/templates/pob_template/assets/css/vendor/animate.css?166361942578113 */
/* /local/templates/pob_template/assets/css/main.min.css?1664185265213150 */
/* /local/templates/pob_template/components/bitrix/menu/top_multilevel_menu/style.css?166418526570 */
/* /local/templates/pob_template/template_styles.css?16866286783682 */