/* Start:/local/templates/infosystems/css/bootstrap.css?174300966819581*/
/*!
 * Bootstrap Grid v4.1.2 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */@-ms-viewport{width: device-width}html{-webkit-box-sizing: border-box;box-sizing: border-box;-ms-overflow-style: scrollbar}*,*:before,*:after{-webkit-box-sizing: inherit;box-sizing: inherit}@media (max-width: 575px) {.nearest-courses-items-prise {padding: 10px 3px;}}@media (max-width: 567px) {.nearest-courses-items-prise {
        padding: 10px 3px;}.nearest-courses-items-click {margin-left:100px;margin-top:20px;}}@media (min-width: 768px) and (max-width: 991px) {.nearest-courses-items-click {margin-left: 35px;margin-top: 20px;}}@media (min-width: 495px) and (max-width: 575px) {.nearest-courses-items-click {margin-left: 75px;margin-top: 20px;}}@media (min-width: 439px) and (max-width: 495px) {.nearest-courses-items-click {margin-left: 55px;margin-top: 20px;}}@media (min-width: 366px) and (max-width: 438px) {.nearest-courses-items-click {margin-left: 35px;margin-top: 20px;}}@media (min-width: 0px) and (max-width: 366px) {.nearest-courses-items-click {margin-left: 25px;margin-top: 20px;}}.container{width: 100%;margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px}.container-fluid{width: 100%;margin-right: auto;margin-left: auto;padding-right: 15px;padding-left: 15px}.row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-right: -15px;margin-left: -15px;-js-display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap}.no-gutters{margin-right: 0;margin-left: 0}.no-gutters > .col,.no-gutters > [class*='col-']{padding-right: 0;padding-left: 0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px}.col{max-width: 100%;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1}.col-auto{width: auto;max-width: none;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto}.col-1{max-width: 8.33333%;-webkit-box-flex: 0;-webkit-flex: 0 0 8.33333%;-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%}.col-2{max-width: 16.66667%;-webkit-box-flex: 0;-webkit-flex: 0 0 16.66667%;-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%}.col-3{max-width: 25%;-webkit-box-flex: 0;-webkit-flex: 0 0 25%;-ms-flex: 0 0 25%;flex: 0 0 25%}.col-4{max-width: 33.33333%;-webkit-box-flex: 0;-webkit-flex: 0 0 33.33333%;-ms-flex: 0 0 33.33333%;flex: 0 0 33.33333%}.col-5{max-width: 41.66667%;-webkit-box-flex: 0;-webkit-flex: 0 0 41.66667%;-ms-flex: 0 0 41.66667%;flex: 0 0 41.66667%}.col-6{max-width: 50%;-webkit-box-flex: 0;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%}.col-7{max-width: 58.33333%;-webkit-box-flex: 0;-webkit-flex: 0 0 58.33333%;-ms-flex: 0 0 58.33333%;flex: 0 0 58.33333%}.col-8{max-width: 66.66667%;-webkit-box-flex: 0;-webkit-flex: 0 0 66.66667%;-ms-flex: 0 0 66.66667%;flex: 0 0 66.66667%}.col-9{max-width: 75%;-webkit-box-flex: 0;-webkit-flex: 0 0 75%;-ms-flex: 0 0 75%;flex: 0 0 75%}.col-10{max-width: 83.33333%;-webkit-box-flex: 0;-webkit-flex: 0 0 83.33333%;-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%}.col-11{max-width: 91.66667%;-webkit-box-flex: 0;-webkit-flex: 0 0 91.66667%;-ms-flex: 0 0 91.66667%;flex: 0 0 91.66667%}.col-12{max-width: 100%;-webkit-box-flex: 0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%}.order-first{-webkit-box-ordinal-group: 0;-webkit-order: -1;-ms-flex-order: -1;order: -1}.order-last{-webkit-box-ordinal-group: 14;-webkit-order: 13;-ms-flex-order: 13;order: 13}.order-0{-webkit-box-ordinal-group: 1;-webkit-order: 0;-ms-flex-order: 0;order: 0}.order-1{-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1}.order-2{-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2}.order-3{-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3}.order-4{-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4}.order-5{-webkit-box-ordinal-group: 6;-webkit-order: 5;-ms-flex-order: 5;order: 5}.order-6{-webkit-box-ordinal-group: 7;-webkit-order: 6;-ms-flex-order: 6;order: 6}.order-7{-webkit-box-ordinal-group: 8;-webkit-order: 7;-ms-flex-order: 7;order: 7}.order-8{-webkit-box-ordinal-group: 9;-webkit-order: 8;-ms-flex-order: 8;order: 8}.order-9{-webkit-box-ordinal-group: 10;-webkit-order: 9;-ms-flex-order: 9;order: 9}.order-10{-webkit-box-ordinal-group: 11;-webkit-order: 10;-ms-flex-order: 10;order: 10}.order-11{-webkit-box-ordinal-group: 12;-webkit-order: 11;-ms-flex-order: 11;order: 11}.order-12{-webkit-box-ordinal-group: 13;-webkit-order: 12;-ms-flex-order: 12;order: 12}.offset-1{margin-left: 8.33333%}.offset-2{margin-left: 16.66667%}.offset-3{margin-left: 25%}.offset-4{margin-left: 33.33333%}.offset-5{margin-left: 41.66667%}.offset-6{margin-left: 50%}.offset-7{margin-left: 58.33333%}.offset-8{margin-left: 66.66667%}.offset-9{margin-left: 75%}.offset-10{margin-left: 83.33333%}.offset-11{margin-left: 91.66667%}.d-none{display: none !important}.d-inline{display: inline !important}.d-inline-block{display: inline-block !important}.d-block{display: block !important}.d-table{display: table !important}.d-table-row{display: table-row !important}.d-table-cell{display: table-cell !important}.d-flex{display: -webkit-box !important;display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-js-display: flex !important}.d-inline-flex{display: -webkit-inline-box !important;display: -webkit-inline-flex !important;display: -ms-inline-flexbox !important;display: inline-flex !important;-js-display: inline-flex !important}.flex-row{flex-direction: row !important;-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-webkit-flex-direction: row !important;-ms-flex-direction: row !important}.flex-column{flex-direction: column !important;-webkit-box-orient: vertical !important;-webkit-box-direction: normal !important;-webkit-flex-direction: column !important;-ms-flex-direction: column !important}.flex-row-reverse{flex-direction: row-reverse !important;-webkit-box-orient: horizontal !important;-webkit-box-direction: reverse !important;-webkit-flex-direction: row-reverse !important;-ms-flex-direction: row-reverse !important}.flex-column-reverse{flex-direction: column-reverse !important;-webkit-box-orient: vertical !important;-webkit-box-direction: reverse !important;-webkit-flex-direction: column-reverse !important;-ms-flex-direction: column-reverse !important}.flex-wrap{-webkit-flex-wrap: wrap !important;-ms-flex-wrap: wrap !important;flex-wrap: wrap !important}.flex-nowrap{-webkit-flex-wrap: nowrap !important;-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important}.flex-wrap-reverse{-webkit-flex-wrap: wrap-reverse !important;-ms-flex-wrap: wrap-reverse !important;flex-wrap: wrap-reverse !important}.flex-fill{-webkit-box-flex: 1 !important;-webkit-flex: 1 1 auto !important;-ms-flex: 1 1 auto !important;flex: 1 1 auto !important}.flex-grow-0{-webkit-box-flex: 0 !important;-webkit-flex-grow: 0 !important;-ms-flex-positive: 0 !important;flex-grow: 0 !important}.flex-grow-1{-webkit-box-flex: 1 !important;-webkit-flex-grow: 1 !important;-ms-flex-positive: 1 !important;flex-grow: 1 !important}.flex-shrink-0{-webkit-flex-shrink: 0 !important;-ms-flex-negative: 0 !important;flex-shrink: 0 !important}.flex-shrink-1{-webkit-flex-shrink: 1 !important;-ms-flex-negative: 1 !important;flex-shrink: 1 !important}.justify-content-start{-webkit-box-pack: start !important;-webkit-justify-content: flex-start !important;-ms-flex-pack: start !important;justify-content: flex-start !important}.justify-content-end{-webkit-box-pack: end !important;-webkit-justify-content: flex-end !important;-ms-flex-pack: end !important;justify-content: flex-end !important}.justify-content-center{-webkit-box-pack: center !important;-webkit-justify-content: center !important;-ms-flex-pack: center !important;justify-content: center !important}.justify-content-between{-webkit-box-pack: justify !important;-webkit-justify-content: space-between !important;-ms-flex-pack: justify !important;justify-content: space-between !important}.justify-content-around{-webkit-justify-content: space-around !important;-ms-flex-pack: distribute !important;justify-content: space-around !important}.align-items-start{-webkit-box-align: start !important;-webkit-align-items: flex-start !important;-ms-flex-align: start !important;align-items: flex-start !important}.align-items-end{-webkit-box-align: end !important;-webkit-align-items: flex-end !important;-ms-flex-align: end !important;align-items: flex-end !important}.align-items-center{-webkit-box-align: center !important;-webkit-align-items: center !important;-ms-flex-align: center !important;align-items: center !important}.align-items-baseline{-webkit-box-align: baseline !important;-webkit-align-items: baseline !important;-ms-flex-align: baseline !important;align-items: baseline !important}.align-items-stretch{-webkit-box-align: stretch !important;-webkit-align-items: stretch !important;-ms-flex-align: stretch !important;align-items: stretch !important}.align-content-start{-webkit-align-content: flex-start !important;-ms-flex-line-pack: start !important;align-content: flex-start !important}.align-content-end{-webkit-align-content: flex-end !important;-ms-flex-line-pack: end !important;align-content: flex-end !important}.align-content-center{-webkit-align-content: center !important;-ms-flex-line-pack: center !important;align-content: center !important}.align-content-between{-webkit-align-content: space-between !important;-ms-flex-line-pack: justify !important;align-content: space-between !important}.align-content-around{-webkit-align-content: space-around !important;-ms-flex-line-pack: distribute !important;align-content: space-around !important}.align-content-stretch{-webkit-align-content: stretch !important;-ms-flex-line-pack: stretch !important;align-content: stretch !important}.align-self-auto{-webkit-align-self: auto !important;-ms-flex-item-align: auto !important;align-self: auto !important}.align-self-start{-webkit-align-self: flex-start !important;-ms-flex-item-align: start !important;align-self: flex-start !important}.align-self-end{-webkit-align-self: flex-end !important;-ms-flex-item-align: end !important;align-self: flex-end !important}.align-self-center{-webkit-align-self: center !important;-ms-flex-item-align: center !important;align-self: center !important}.align-self-baseline{-webkit-align-self: baseline !important;-ms-flex-item-align: baseline !important;align-self: baseline !important}.align-self-stretch{-webkit-align-self: stretch !important;-ms-flex-item-align: stretch !important;align-self: stretch !important}.owl-carousel{position: relative;z-index: 1;display: none;width: 100%;-webkit-tap-highlight-color: transparent}.owl-carousel .owl-stage{position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden}.owl-carousel .owl-stage:after{line-height: 0;display: block;visibility: hidden;clear: both;height: 0;content: '.'}.owl-carousel .owl-stage-outer{position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden}.owl-carousel .owl-item{position: relative;float: left;min-height: 1px;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none}.owl-carousel .owl-item img{display: block;max-width: 100%}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display: none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{font: inherit;padding: 0 !important;color: inherit;border: none;background: none}.owl-carousel.owl-loaded{display: block}.owl-carousel.owl-loading{display: block;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'}.owl-carousel.owl-hidden{opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'}.owl-carousel.owl-refresh .owl-item{visibility: hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y}.owl-carousel.owl-grab{cursor: move;cursor: -webkit-grab;cursor: grab}.owl-carousel.owl-rtl{direction: rtl}.owl-carousel.owl-rtl .owl-item{float: right}.no-js .owl-carousel{display: block}.owl-carousel .animated{-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both}.owl-carousel .owl-animated-in{z-index: 0}.owl-carousel .owl-animated-out{z-index: 1}.owl-carousel .fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut}.owl-height{-webkit-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{-webkit-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'}.owl-carousel .owl-item .owl-lazy[src^=''],.owl-carousel .owl-item .owl-lazy:not([src]){max-height: 0}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style: preserve-3d;transform-style: preserve-3d}.owl-carousel .owl-video-wrapper{position: relative;height: 100%;background: #000}.owl-carousel .owl-video-play-icon{position: absolute;z-index: 1;top: 50%;left: 50%;width: 80px;height: 80px;margin-top: -40px;margin-left: -40px;cursor: pointer;-webkit-transition: -webkit-transform 100ms ease;-o-transition: transform 100ms ease;transition: -webkit-transform 100ms ease;transition: transform 100ms ease;transition: transform 100ms ease, -webkit-transform 100ms ease;background: url('/local/templates/infosystems/css/owl.video.play.png') no-repeat;-webkit-backface-visibility: hidden}.owl-carousel .owl-video-play-icon:hover{-webkit-transform: scale(1.3, 1.3);-ms-transform: scale(1.3, 1.3);transform: scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display: none}.owl-carousel .owl-video-tn{height: 100%;-webkit-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;opacity: 0;background-repeat: no-repeat;background-position: center center;-webkit-background-size: contain;background-size: contain;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'}.owl-carousel .owl-video-frame{position: relative;z-index: 1;width: 100%;height: 100%}.owl-theme .owl-nav{margin-top: 10px;text-align: center;-webkit-tap-highlight-color: transparent}.owl-theme .owl-nav [class*='owl-']{font-size: 14px;display: inline-block;margin: 5px;padding: 4px 7px;cursor: pointer;color: #fff;-webkit-border-radius: 3px;border-radius: 3px;background: #d6d6d6}.owl-theme .owl-nav [class*='owl-']:hover{text-decoration: none;color: #fff;background: #869791}.owl-theme .owl-nav .disabled{cursor: default;opacity: .5;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'}.owl-theme .owl-nav.disabled + .owl-dots{margin-top: 10px}.owl-theme .owl-dots{text-align: center;-webkit-tap-highlight-color: transparent}.owl-theme .owl-dots .owl-dot{display: inline-block;zoom: 1;*display: inline}.owl-theme .owl-dots .owl-dot span{display: block;width: 10px;height: 10px;margin: 5px 7px;-webkit-transition: opacity 200ms ease;-o-transition: opacity 200ms ease;transition: opacity 200ms ease;-webkit-border-radius: 30px;border-radius: 30px;background: #d6d6d6;-webkit-backface-visibility: visible}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background: #869791}.modal-open{overflow: hidden}.modal-open .modal{overflow-x: hidden;overflow-y: auto}.modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;outline: 0}.modal-dialog{position: relative;width: auto;margin: 0.5rem;pointer-events: none}.modal.fade .modal-dialog{transition: -webkit-transform .3s ease-out;transition: transform .3s ease-out;transition: transform .3s ease-out, -webkit-transform .3s ease-out;-webkit-transform: translate(0, -25%);transform: translate(0, -25%)}@media screen and (prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition: none}}.modal.show .modal-dialog{-webkit-transform: translate(0, 0);transform: translate(0, 0)}.modal-dialog-centered{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;min-height: calc(99%)}.modal-dialog-centered::before{display: block;height: calc(99vh);content: ""}.modal-content{position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;pointer-events: auto;background-color: #fff;background-clip: padding-box;/*border: 1px solid rgba(0,0,0,0.2);*/border-radius: 6px;outline: 0}.modal-backdrop{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000}.modal-backdrop.fade{opacity: 0}.modal-backdrop.show{opacity: 0.5}.modal-header{display: -ms-flexbox;display: flex;-ms-flex-align: start;align-items: flex-start;-ms-flex-pack: justify;justify-content: space-between;padding: 1rem;border-bottom: 0px solid #e9ecef;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem}.modal-header .close{padding: 1rem;margin: -1rem -1rem -1rem auto;background-color: transparent;border: 0;-webkit-appearance: none;cursor: pointer;outline: none;float: right;font-size: 1.5rem;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .5}.modal-title{margin-bottom: 0;line-height: 1.5;padding: 0px 0px;margin: 0px 0px}.modal-body{    border-radius: 0px 0px 8px 8px;position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1rem}.modal-footer{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-pack: end;justify-content: flex-end;padding: 1rem;border-top: 0px solid #e9ecef}.modal-footer > :not(:first-child){margin-left: .25rem}.modal-footer > :not(:last-child){margin-right: .25rem}.modal-scrollbar-measure{position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll}@media (min-width: 576px){.modal-dialog{max-width: 500px;margin: 1.75rem auto}.modal-dialog-centered{min-height: calc(96.5%)}.modal-dialog-centered::before{height: calc(96.5vh)}.modal-sm{max-width: 300px}}@media (min-width: 992px){.modal-lg{max-width: 800px}}
/* End */


/* Start:/local/templates/infosystems/css/styles.css?1743009669360383*/
@font-face {
    font-family: 'ais-font';
    font-weight: normal;
    font-style: normal;
    src: url('/local/templates/infosystems/css/fonts/ais-font.eot?n0ijba');
    src: url('/local/templates/infosystems/css/fonts/ais-font.eot?n0ijba#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/ais-font.ttf?n0ijba') format('truetype'), url('/local/templates/infosystems/css/fonts/ais-font.woff?n0ijba') format('woff'), url('/local/templates/infosystems/css/fonts/ais-font.svg?n0ijba#ais') format('svg')
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/infosystems/css/fonts/montserrat-regular.eot');
    src: url('/local/templates/infosystems/css/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/montserrat-regular.woff') format('woff'), url('/local/templates/infosystems/css/fonts/montserrat-regular.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/montserrat-regular.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('/local/templates/infosystems/css/fonts/montserrat-black.eot');
    src: url('/local/templates/infosystems/css/fonts/montserrat-black.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/montserrat-black.woff') format('woff'), url('/local/templates/infosystems/css/fonts/montserrat-black.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/montserrat-black.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('/local/templates/infosystems/css/fonts/montserrat-bold.eot');
    src: url('/local/templates/infosystems/css/fonts/montserrat-bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/montserrat-bold.woff') format('woff'), url('/local/templates/infosystems/css/fonts/montserrat-bold.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/montserrat-bold.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('/local/templates/infosystems/css/fonts/montserrat-extrabold.eot');
    src: url('/local/templates/infosystems/css/fonts/montserrat-extrabold.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/montserrat-extrabold.woff') format('woff'), url('/local/templates/infosystems/css/fonts/montserrat-extrabold.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/montserrat-extrabold.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/local/templates/infosystems/css/fonts/montserrat-semibold.eot');
    src: url('/local/templates/infosystems/css/fonts/montserrat-semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/montserrat-semibold.woff') format('woff'), url('/local/templates/infosystems/css/fonts/montserrat-semibold.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/montserrat-semibold.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/local/templates/infosystems/css/fonts/glyphicons-halflings-regular.eot');
    src: url('/local/templates/infosystems/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/local/templates/infosystems/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/glyphicons-halflings-regular.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-regular.eot');
    src: local("OpenSans-Regular"), local("OpenSans-Regular"), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-regular.woff2') format('woff2'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-regular.woff') format('woff'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-regular.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-regular.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-bold.eot');
    src: local("OpenSans-Bold"), local("OpenSans-Bold"), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-bold.woff2') format('woff2'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-bold.woff') format('woff'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-bold.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-bold.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-ExtraBold';
    src: url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-extrabold.eot');
    src: local("OpenSans-ExtraBold"), local("OpenSans-ExtraBold"), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-extrabold.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-extrabold.woff2') format('woff2'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-extrabold.woff') format('woff'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-extrabold.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-extrabold.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-semibold.eot');
    src: local("OpenSans-Semibold"), local("OpenSans-Semibold"), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-semibold.woff2') format('woff2'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-semibold.woff') format('woff'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-semibold.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/opensansfonts/opensans-semibold.svg#pf_highway_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/infosystems/css/fonts/Roboto-Medium.eot');
    src: url('/local/templates/infosystems/css/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/fonts/Roboto-Medium.woff2') format('woff2'), url('/local/templates/infosystems/css/fonts/Roboto-Medium.woff') format('woff'), url('/local/templates/infosystems/css/fonts/Roboto-Medium.ttf') format('truetype'), url('/local/templates/infosystems/css/fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

/* Modal Center */

.modal-dialog-vah {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.modal-dialog-vac {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
}

/* Modal Center */

#SitAtHome .modal-dialog .modal-content {
    border: 2px solid #8cd50b;
}

.custom-detail-course img {
    max-width: 100%;
    height: auto;
}

.personal-user-button.button.button--common.button--primary, form.form-horizontal .button.button--common.button--primary, #registration .button.button--common.button--primary, #authorization .button.button--common.button--primary {
    background: rgb(124, 189, 10);
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}

input.asctestin {
    display: none !important;
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none;
    -webkit-text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

@media (max-width: 768px) {
    .courses-sections sup {
        top: -3px
    }
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none
}

button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type='checkbox'], [type='radio'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
    height: auto
}

[type='search'] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 /* /* */

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

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

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

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

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

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

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

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

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

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

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

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

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

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

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

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

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

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[class^='icon-']:before, [class*=' icon-']:before {
    font-family: 'ais-font' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-agent:before {
    content: '\e900'
}

.icon-arrow_down:before {
    content: '\e901'
}

.icon-calendar:before {
    /* content: '\e902' */
}

ul.simple_list>li:before {
    content: '•';
    color: #8cd50b;
    margin-right: 10px;
}

ul.simple_list>li {
    line-height: 18px;
}

.simple_page_button_holder button {
    background: #8CD50B;
    border: none;
    font-size: 13px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    min-height: 58px;
    min-width: 271px;
    cursor: pointer;
    color: #272727;
    transition: all 0.5s;
}

.simple_page_button_holder button:hover {
    background: #7CBD0A;
}

.icon-caret-left:before {
    content: '';
    background: url(/local/templates/infosystems/images/srt_left.png) no-repeat;
    width: 20px;
    height: 34px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

.icon-caret-right:before {
    content: '';
    background: url(/local/templates/infosystems/images/srt-right.png) no-repeat;
    width: 20px;
    height: 34px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.icon-caret-left:hover:before {
    background: url(/local/templates/infosystems/images/srt-left-hover.png) no-repeat;
}

.icon-caret-right:hover:before {
    background: url(/local/templates/infosystems/images/srt-right-hover.png) no-repeat;
}

.banner-slider.owl-carousel.owl-loaded.owl-drag .icon-caret-left:before {
    background: url(/local/templates/infosystems/images/slider-arrow-left.png) no-repeat;
    /* top: -60px; */
}

.banner-slider.owl-carousel.owl-loaded.owl-drag .icon-caret-right:before {
    background: url(/local/templates/infosystems/images/slider-arrow-right.png) no-repeat;
    /* top: -60px; */
}

.partners-slider .slide {
    width: 100%;
    height: 90px;
}

.partners-slider .slide img {
    width: 100%;
    height: 100%;
    max-width: 280px;
    object-position: 50% 50%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.courses-slider.owl-carousel.owl-loaded.owl-drag .icon-caret-left {
    position: absolute;
    left: -43px;
    /* top: -200px; */
}

.courses-slider.owl-carousel.owl-loaded.owl-drag .icon-caret-right {
    position: absolute;
    right: -43px;
    /* top: -200px; */
}

/* .courses-slider.owl-carousel.owl-loaded.owl-drag .icon-caret-left:hover::before ,
.courses-slider.owl-carousel.owl-loaded.owl-drag .icon-caret-right:hover::before {
    background: url(/local/templates/infosystems/images/srt-right-hover.png) no-repeat;
} */

.icon-cart:before {
    content: '\e905'
}

.icon-coins:before {
    content: '\e906'
}

.icon-diagram:before {
    content: '';
    background: url(/local/templates/infosystems/images/import.png) no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    
    /* left: 169px;
    top: 56px; */
}

.icon-facebook:before {
    content: '\e908'
}

.icon-geomark:before {
    content: '';
    background: url(/local/templates/infosystems/images/price.png) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 169px;
    top: 56px;
}

.owl-stage-outer a.button.button--common.button--primary:after {
    background: none;
}

.courses-slider .owl-nav {
    width: 100%!important;
}

.courses-slider .date.icon-calendar::before {
    content: '';
    background: url(/local/templates/infosystems/images/calendar.png) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: -25px;
    top: 0;
}

.courses-slider .place.icon-geomark::before {
    content: '';
    background: url(/local/templates/infosystems/images/price.png) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: -30px;
    top: -1px;
}

/* @media (max-width: 991px) {
    .courses-slider  .date.icon-calendar:before {
        top: 72px;
    }

    .courses-slider .icon-geomark:before {
        top: 72px;
    }
} */

.icon-guard:before {
    content: '\e90a'
}

/*.icon-key:before {
    content: '\e90b'
}*/

.icon-network:before {
    content: '\e90c'
}

.icon-report:before {
    content: '\e90d'
}

.icon-search:before {
    content: '';
    background: url(/local/templates/infosystems/images/poisk.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
}

.icon-security:before {
    content: '\e90f'
}

.icon-speech:before {
    content: '\e910'
}

.icon-vk:before {
    content: '\e911'
}
.icon-workspace:before {
    content: '\e912'
}

.icon-youtube:before {
    content: '\e913'
}
.icon-telegram:before {
    content: '\e914'
}
.icon-ydzen:before {
    content: '\e915'
}
html, body {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 14px;
    color: #000;
    background-color: #fff;
    overflow-x: hidden;
    min-width: 320px;
}

body {
    overflow-x: unset;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    font-weight: normal
}

h5 {
    font-size: 18px;
    line-height: 24px
}

p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

p.small {
    font-size: 12px
}

a {
    text-decoration: none
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.logo-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -js-display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    /*flex-grow: 1;*/
}

.logo-main:active, .logo-main:focus {
    text-decoration: none !important
}

.logo-main .logo-ais {
    width: 76px;
    height: 76px;
    margin-right: 20px;
    background: url('/local/templates/infosystems/images/logo.png') 50% 50% no-repeat;
    /*background: url('/local/templates/infosystems/images/АИС_лого_нг.png') 50% 50% no-repeat;*/
    -webkit-background-size: contain;
    background-size: contain
}

.logo-main p {
    font-size: 16px;
    line-height: 20px;
    max-width: 200px;
    text-transform: uppercase;
    text-decoration: none;
    color: #8cd50b;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    text-decoration: none !important
}

.logo-main p:active, .logo-main p:focus {
    text-decoration: none !important
}

.social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.social-icons .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    text-decoration: none
}

.social-icons .icon:hover, .social-icons .icon:focus {
    text-decoration: none
}

.social-icons .icon:before {
    font-size: 30px;
    width: 100%;
    height: 100%;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    color: #969696
}

.social-icons .icon:hover:before {
    color: #8cd50b
}

.header-inner .social-icons .icon-facebook:hover:before {
    color: #2e458b
}

.header-inner .social-icons .icon-youtube:hover:before {
    color: #ff0000
}

.header-inner .social-icons .icon-vk:hover:before {
    color: #4a76a8
}
.header-inner .social-icons .icon-telegram:hover:before {
    color: #0088CC
}
.header-inner .social-icons .icon-ydzen:hover:before {
    color: #000
}
.header-background-img {
    background: url('/local/templates/infosystems/images/screen-menu-cart.jpg') center center repeat-x !important;
    -webkit-background-size: cover !important;
    background-size: cover !important
}

.header-background-img .screen-menu {
    padding-bottom: 20px;
    background: none !important;
    overflow-x: hidden;
}

.header-background-img .menu-top {
    background-color: rgba(255, 255, 255, 0.1)
}

.header-background-img .header-top {
    position: relative;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3)
}

.header-background-img button.burger-button {
    background-color: rgba(255, 255, 255, 0.3)
}

.header-background-img button.burger-button:hover {
    background-color: #eff3f3 !important
}

.header-background-img button.is-active {
    background-color: #eff3f3 !important
}

.header-background-img .social-icons {
    background: #fff;
    padding: 4px 7px;
    border-radius: 20px
}

.header-background-img .social-icons .icon:last-child {
    margin-right: 0px
}

.header-background-img .social-icons .icon-vk:before {
    color: #4a76a8
}
.header-background-img .social-icons .icon-ydzen:before {
    color: #000;
}
.header-background-img .social-icons .icon-facebook:before {
    color: #2e458b
}

.header-background-img .social-icons .icon-youtube:before {
    color: #ff0000
}

.header-background-img-card {
    background: url('/local/templates/infosystems/images/screen-menu-bg-2.jpg') center center no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important
}

.header-inner .login-button {
    border: 0;
    font-size: 14px;
    line-height: 1.2;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    white-space: nowrap;
    background: #8CD50B;
    outline: none;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    padding: 10px 30px;
    margin-right: 20px;
}

.button {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    color: #fff;
    border: 0;
    background: none
}

.button:hover {
    cursor: pointer
}

.button--common {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 25px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
}

.button--common:before {
    font-size: 12px;
    margin-right: 10px;
    color: #fff
}

.button--round {
    width: auto;
    height: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.button--round:before {
    font-size: 20px
}

.button--primary {
    outline: none;
    color: #272727;
}

a.button.button--common.button--primary:after {
    content: '';
    background: url('/local/templates/infosystems/images/drop.png')no-repeat;
    -webkit-transform: rotate(268deg);
    -moz-transform: rotate(268deg);
    -ms-transform: rotate(268deg);
    -o-transform: rotate(268deg);
    transform: rotate(268deg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 11px;
}

.button--secondary {
    color: #272727;
    outline: none
}

.contacts-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -js-display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    position: relative;
    margin-right: 32px;
}

.contacts-item:before {
    content: '';
    background: url(/local/templates/infosystems/images/tel.png) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -31px;
    top: 5px;
}

.contacts-item .phone {
    font-size: 18px;
    line-height: 24px;
    color: #272727;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
}

.contacts-item .email {
    font-size: 14px;
    line-height: 24px;
    color: #272727;
    text-decoration: underline
}

.burger-button {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    cursor: pointer;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: none;
    background-color: white;
    outline: none
}

.burger-button .burger-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 24px;
    height: 3px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 0;
    background-color: #272727;
}

.burger-button .burger-inner:before, .burger-button .burger-inner:after {
    position: absolute;
    left: 0;
    display: block;
    width: 24px;
    height: 3px;
    content: '';
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background-color: #272727;
}

.burger-button .burger-inner:before {
    top: -8px
}

.burger-button .burger-inner:after {
    bottom: -8px
}

.burger-button.is-active .burger-inner {
    background-color: transparent
}

.burger-button.is-active .burger-inner:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.burger-button.is-active .burger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form {
    margin: 0 auto;
    padding: 35px 40px 40px 40px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.form .heading {
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif;
    margin-top: 0;
    text-align: center;
    text-transform: inherit;
    color: white;
}

.form input[type='text'], .form input[type='email'], .form input[type='num'], .form input[type='tel'] {
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px 14px;
    color: #2c2827;
    border: 0;
    background-color: #fff;
    margin-right: -4px;
}

.banner-slider-body .form input[type='text'] {
    border-radius: 5px 0 0 5px;
}

.banner-slider-body .form-group small {
    color: white;
}

.form input[type='text']::-webkit-input-placeholder, .form input[type='email']::-webkit-input-placeholder, .form input[type='num']::-webkit-input-placeholder, .form input[type='tel']::-webkit-input-placeholder {
    color: #969696
}

.form input[type='text']:-ms-input-placeholder, .form input[type='email']:-ms-input-placeholder, .form input[type='num']:-ms-input-placeholder, .form input[type='tel']:-ms-input-placeholder {
    color: #969696
}

.form input[type='text']::-ms-input-placeholder, .form input[type='email']::-ms-input-placeholder, .form input[type='num']::-ms-input-placeholder, .form input[type='tel']::-ms-input-placeholder {
    color: #969696
}

.form input[type='text']::placeholder, .form input[type='email']::placeholder, .form input[type='num']::placeholder, .form input[type='tel']::placeholder {
    color: #969696
}

.play-button {
    display: block;
    position: relative;
    width: 90px;
    height: 90px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background: url('/local/templates/infosystems/images/video-play.svg') no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.35);
}

.play-button::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('/local/templates/infosystems/images/video-play-hover.svg') no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    opacity: 0;
    z-index: 0;
    transition: all 200ms ease-out;
}

.play-button:hover::before {
    opacity: 1;
    z-index: 5;
}

.play-button.play-button--sm {
    width: 56px;
    height: 56px
}

.news-item, .video-item {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    height: auto;
    background-color: #eff3f3
}

.news-new {
    margin-bottom: 20px;
    padding-bottom: 30px;
    background-color: #eff3f3
}

.news-new .news-item {
    background-color: #fff
}

.news-item .play-button--sm {
    position: absolute;
    top: 40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.news-item .item-pic, .video-item .item-pic {
    width: 100%;
    height: 130px;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover
}

.news-item .item-content, .video-item .item-content {
    /* padding: 6px 20px */
}

.video-item:hover .item-content .title, .video-item:focus .item-content .title {
    color: #8cd50b
}

.news-item:hover .item-content .title, .news-item:focus .item-content .title {
    color: #8cd50b
}

.news-item .item-content .date, .news-item .item-content .title, .video-item .item-content .date, .video-item .item-content .title {
    font-size: 12px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    margin: 0;
    color: #2c2827;
    line-height: normal
}

.news-item .item-content .date, .video-item .item-content .date {
    margin-bottom: 5px
}

.news-item .item-content .date:before, .video-item .item-content .date:before {
    margin-right: 12px
}

.news-item .item-content .title, .video-item .item-content .title {
    height: 54px;
    overflow: hidden
}

.header-top {
    position: relative;
    z-index: 555;
}

.header-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -js-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
}

.burger-menu {
    position: absolute;
    z-index: 0;
    top: 100px;
    left: 0;
    visibility: hidden;
    width: 100%;
    padding: 30px 40px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    opacity: 0;
    background-color: #eff3f3;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
}

.burger-menu .header-menu {
    padding-right: 16px
}

.burger-menu .header-menu .heading {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: uppercase
}

.burger-menu .header-menu .menu-list li {
    margin-bottom: 18px
}

.burger-menu .header-menu .menu-list li::before {
    display: none;
}

.burger-menu .header-menu .menu-list li a {
    font-size: 14px;
    line-height: 18px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    color: #2c2827;
    border-bottom: 1px solid transparent
}

.burger-menu .header-menu .menu-list li a:hover {
    color: #8cd50b;
}

.burger-menu.show {
    z-index: 10;
    border-radius: 0px 0px 8px 8px;
    visibility: visible;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}

.screen-menu {
    position: relative;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 20px;
    background: url('/local/templates/infosystems/images/screen-menu-bg-3.jpg') center center repeat-x;
    -webkit-background-size: cover;
    background-size: cover;
    /*margin-bottom: 25px*/
}

.screen-menu-courses {
    background: url('/local/templates/infosystems/images/screen-menu-courses.jpg') center center repeat-x !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    padding-bottom: 30px !important;
    padding-top: 80px !important
}

.screen-menu-courses-catalog {
    z-index: 99;
    background: url('/local/templates/infosystems/images/screen-menu-bg-2.jpg') top center repeat-x;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    padding-bottom: 30px !important;
    padding-top: 80px !important
}

.screen-menu-card {
    background: url('/local/templates/infosystems/images/screen-menu-cart.jpg') center center no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-top: 75px !important
}

.screen-menu-card-pressa {
    background: url('/local/templates/infosystems/images/screen-menu-cart.jpg') center center no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    padding-top: 125px;
    padding-bottom: 47px
}

.screen-menu-card-pressa .bx-breadcrumb .bx-breadcrumb-item span {
    font-size: 13px
}

.screen-menu-card-pressa .bx-breadcrumb .bx-breadcrumb-item i {
    font-size: 11px
}

.screen-menu-card-pressa .page-header {
    margin-right: 110px
}

.screen-menu-card-pressa .shareYandex .ya-share2__icon_more {
    border-radius: 50% !important;
    height: 40px !important;
    width: 40px !important
}

.screen-menu-card-pressa .shareYandex .ya-share2__icon_more:before {
    padding-top: 9px !important;
    font-size: 25px !important
}

.screen-menu-card-pressa .ya-share2__container_size_m .ya-share2__popup_direction_bottom {
    top: 45px;
    border-radius: 10px
}

.screen-menu-card-pressa .the-cards-date-share {
    position: absolute;
    right: 10px;
    bottom: -40px
}

.screen-menu-card-pressa .shareYandex nobr a {
    position: absolute;
    right: 60px;
    bottom: -40px;
    display: inline-block;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 25px;
    padding: 7px 9px;
    color: #fff;
    background: #77b509;
    border-radius: 20px;
    text-decoration: none
}

.screen-menu-card-pressa .shareYandex nobr a.active, .screen-menu-card-pressa .shareYandex nobr a:hover, .screen-menu-card-pressa .shareYandex nobr a:focus {
    color: #77b509;
    background: #fff
}

.screen-menu-card-element {
    background: url('/local/templates/infosystems/images/screen-menu-bg-2.jpg') top center no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    padding-bottom: 10px;
    margin-bottom: 0px;
    padding-top: 75px !important;
    min-height: 824px
}

.auth-user-block {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
    text-align: center;
    text-transform: uppercase;
    color: #fff
}

.auth-user-block span {
    display: inline-block;
    padding: 20px 5px;
    color: #fff;
    cursor: pointer;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 14px
}

.auth-user-block a {
    display: inline-block;
    padding: 20px 5px;
    color: #fff;
    cursor: pointer;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 14px
}

.auth-user-block a:hover {
    color: #fff;
    text-decoration: underline
}

.menu-top {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #F9F8F6;
}

.menu-top .menu-top-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-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
}

.menu-top .menu-top-list .menu-item {
    position: relative;
    background-image: url('/local/templates/infosystems/images/drop.png');
    background-repeat: no-repeat;
    background-position: 90% 50%;
    /* margin-right:20px; */
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.menu-top .menu-top-list .menu-item::before {
    display: none;
}

.menu-top .menu-top-list .menu-item::after, .menu-top .menu-top-list .menu-item-search::after {
    content: '';
    display: block;
    width: 1px;
    height: 70%;
    background-color: #C4C4C4;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.menu-top .menu-top-list li.menu-item:nth-child(5) {
    background: none;
}

.menu-top .menu-top-list .menu-item:last-item {
    background: transparent!important;
}

.menu-top .menu-top-list .menu-item>a {
    font-size: 13px;
    line-height: 1;
    display: block;
    padding: 19px 30px;
    text-transform: uppercase;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    color: #272727;
    font-family: 'OpenSans-Semibold', Arial, Tahoma, Sans-Serif
}

.menu-top .menu-top-list .menu-item>a:hover, .menu-top .menu-top-list .menu-item>a.root-item-selected:hover {
    color: #272727;
    background-color: #fff;
    /* -webkit-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.15) */
}

.menu-top .menu-top-list .menu-item:last-child>a:after {
    display: none
}

.menu-top .menu-top-list .menu-item.is-active>a {
    color: #8cd50b;
    background-color: #fff;
    -webkit-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.15)
}

.menu-top .menu-top-list .menu-item>a.root-item-selected {
    color: #272727;
    background: url("/local/templates/infosystems/images/menu-bg.gif") bottom left repeat-x;
    -webkit-box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 15px 15px -15px rgba(0, 0, 0, 0.15)
}

.menu-top .menu-top-list .menu-item.is-active .submenu {
    border-radius: 0px 0px 8px 8px;
    z-index: 5;
    visibility: visible;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}

.menu-top .menu-top-list .submenu {
    position: absolute;
    z-index: 6;
    top: 50px;
    left: 0;
    visibility: hidden;
    width: 778px;
    /*376*/
    padding: 32px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    opacity: 0;
    background-color: #fff;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    box-shadow: 4px 7px 5px rgba(0, 0, 0, 0.5);
    -webkit-column-count: 2;
    column-count: 2;
}

.menu-top .menu-top-list .submenu li {
    margin-bottom: 16px;
    z-index: 6
}

.menu-top .menu-top-list .submenu .submenu-item {
    text-align: left;
}

.menu-top .menu-top-list .submenu .submenu-item::before {
    display: none;
}

.menu-top .menu-top-list .submenu .submenu-item a {
    font-size: 16px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    line-height: normal;
    color: #2c2827;
    z-index: 6
}

.menu-top .menu-top-list .submenu .submenu-item a:hover, .menu-top .menu-top-list .submenu .submenu-item a:focus {
    color: #77b509;
    text-decoration: none
}

.menu-item.menu-item-search {
    background: url(/local/templates/infosystems/images/poisk.png)no-repeat;
}

.menu-item-search {
    width: 150px;
    /* margin-left: 20px; */
    padding-top: 0px;
    text-align: center;
}

.menu-item-search::before {
    display: none;
}

.menu-item.menu-item-search a {
    width: 100%;
}

.search-root-item-click {
    padding-top: 13px;
    padding-left: 12px;
    width: 90px;
    /*40px*/
    height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    color: #272727;
    background: url(/local/templates/infosystems/images/poisk.png) left 2px top 12px no-repeat;
    border-radius: 50%;
    padding-left: 30px;
    font-family: 'OpenSans-Semibold', Arial, Tahoma, Sans-Serif
}

.search-root-item-click:hover {
    background: url(/local/templates/infosystems/images/poisk.png) left 2px top 12px no-repeat;
    color: #8cd50b;
}

/*
.search-root-item-click-active {
    padding-top: 10px;
    width: 150px;
    display: inline-block;
     color: #8cd50b;
    margin-right: 10px;
    background: url(/local/templates/infosystems/images/poisk.png) left 2px top 12px no-repeat;
    border-radius: 50%
}
*/

.search-root-item-click-active:hover {
    color: #8cd50b
}

.search-panel-hidden {
    display: none;
    margin-bottom: 20px
}

.search-panel .search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    margin-left: 0px;
    margin-right: 0px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    background-color: #fff;
    -js-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
}

.search-panel .search-form:hover {
    -webkit-box-shadow: 0 0 0 2px #8cd50b;
    box-shadow: 0 0 0 2px #8cd50b
}

.search-panel .search-form .search-input, .search-panel .search-form .search-category-label {
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    color: #2c2827;
    outline: none;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.search-panel .search-form .search-input {
    font-size: 17px;
    width: 100%;
    padding: 10px 10px 10px 30px;
    border: 0;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.search-panel .search-form button.button--round {
    float: right;
    margin-right: -4px
}

.search-panel .search-form .search-input::-webkit-input-placeholder {
    color: #969696
}

.search-panel .search-form .search-input:-ms-input-placeholder {
    color: #969696
}

.search-panel .search-form .search-input::-ms-input-placeholder {
    color: #969696
}

.search-panel .search-form .search-input::placeholder {
    color: #969696
}

.search-panel .search-form .search-category-label {
    margin-right: 10px
}

.search-panel .search-form .search-category {
    font-size: 14px;
    color: #77b509;
    outline: none;
    border: 1px solid #fff;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    float: right;
    margin-right: 10px
}

.search-panel .search-form .nice-select .list {
    border-radius: 20px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #2c2827;
    font-size: 14px;
    margin-top: 20px
}

.search-panel .search-form .nice-select:after {
    border-bottom: 4px solid #8cd50b;
    border-right: 4px solid #8cd50b;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    right: 0px
}

.search-panel .search-form .search-category option {
    color: #2c2827
}

.net-menu {
    position: relative;
    width: 500px;
    height: 500px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 70px;
    background: url('/local/templates/infosystems/images/net.svg') no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain
}

.bx-ie .net-menu, .bx-edge .net-menu {
    background: url('/local/templates/infosystems/images/net-static.svg') no-repeat 50% 50%;
}

.net-menu .net-menu-item.net-menu-item--lg .menu-icon {
    width: 90px;
    height: 90px
}

.net-menu .net-menu-item.net-menu-item--lg .menu-icon:before {
    font-size: 50px
}

.net-menu .net-menu-item.net-menu-item--lg .menu-item-title {
    font-size: 15px;
    line-height: 18px;
    position: absolute;
    width: 180px
}

.net-menu .net-menu-item.net-menu-item--md .menu-icon {
    width: 65px;
    height: 65px
}

.net-menu .net-menu-item.net-menu-item--md .menu-icon:before {
    font-size: 45px
}

.net-menu .net-menu-item.net-menu-item--md .menu-item-title {
    font-size: 15px;
    line-height: 14px;
    position: absolute;
    width: 180px
}

.net-menu .net-menu-item.net-menu-item--sm .menu-icon {
    width: 65px;
    height: 65px
}

.net-menu .net-menu-item.net-menu-item--sm .menu-icon:before {
    font-size: 40px
}

.net-menu .net-menu-item.net-menu-item--sm .menu-item-title {
    font-size: 15px;
    line-height: 14px;
    position: absolute;
    width: 180px
}

.net-menu .net-menu-item.title-position--left .menu-item-title {
    top: 50%;
    left: -190px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: right
}

.net-menu .net-menu-item.title-position--right .menu-item-title {
    top: 50%;
    right: -190px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left
}

.net-menu .net-menu-item.title-position--top .menu-item-title {
    top: 30px;
    left: 25%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    text-align: left
}

.net-menu .net-menu-item.title-position--bottom .menu-item-title {
    bottom: 50px;
    left: -100%;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%);
    text-align: right
}

.net-menu .net-menu-item {
    position: absolute;
    display: inline-block
}

.net-menu .net-menu-item .menu-icon {
    position: relative;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #8cd50b
}

.net-menu .net-menu-item .menu-icon:before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}

.net-menu .net-menu-item .menu-icon:after {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    opacity: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-linear-gradient(45deg, #6cc21f, #85d110);
    background: -o-linear-gradient(45deg, #6cc21f, #85d110);
    background: linear-gradient(45deg, #6cc21f, #85d110);
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
}

.net-menu .net-menu-item .menu-item-title {
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif;
    display: inline;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-decoration: underline;
    color: #fff;
    text-decoration: none
}

.net-menu .net-menu-item:hover .menu-icon {
    -webkit-box-shadow: 0 0 50px 0 rgba(140, 213, 11, 0.5);
    box-shadow: 0 0 50px 0 rgba(140, 213, 11, 0.5);
    background-color: #8cd50b
}

.net-menu .net-menu-item:hover .menu-item-title {
    color: #8cd50b
}

.net-menu .net-menu-item.item-1 {
    top: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.net-menu .net-menu-item.item-2 {
    top: 40px;
    right: 45px
}

.net-menu .net-menu-item.item-2 .icon-bsi:before {
    font-family: Arial !important;
    font-size: 0;
    font-weight: 700;
    content: '';
    background: url('/local/templates/infosystems/images/certificate.svg') no-repeat 50% 50%;
    background-size: contain;
    width: 40px;
    height: 40px;
}

.net-menu .net-menu-item.item-3 {
    top: 150px;
    right: -50px
}

.net-menu .net-menu-item.item-4 {
    right: -16px;
    bottom: 145px;
}

.net-menu .net-menu-item.item-5 {
    right: 44px;
    bottom: 24px
}

.net-menu .net-menu-item.item-6 {
    bottom: -45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.net-menu .net-menu-item.item-7 {
    bottom: 40px;
    left: 35px
}

.net-menu .net-menu-item.item-8 {
    bottom: 130px;
    left: -50px
}

.net-menu .net-menu-item.item-9 {
    top: 150px;
    left: -40px
}

.net-menu .net-menu-item.item-10 {
    top: 50px;
    left: 50px
}

.net-menu .net-menu-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 400px;
    height: 400px
}

.net-menu .net-menu-logo .logo-bg {
    width: 200px;
    height: 200px;
    background: url('/local/templates/infosystems/images/logo-bg.svg') no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer
}

.net-menu .net-menu-logo .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url('/local/templates/infosystems/images/logo.svg') no-repeat 50% 50%;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer
}

.net-menu .grey .menu-icon {
    background: #e0dfdd;
}

.net-menu .grey:hover .menu-icon:after {
    background: #e0dfdd!important;
}

.net-menu .net-menu-item.grey:hover .menu-icon {
    background: #e0dfdd;
    box-shadow: unset;
}

.net-menu .net-menu-item.grey:hover .menu-item-title {
    color: #fff;
}

.net-menu .net-menu-item.grey {
    cursor: unset;
}

@media (min-width: 1750px) {
    .net-menu {
        width: 650px;
        height: 650px
    }
    .net-menu .net-menu-item.item-2 {
        top: 55px;
        right: 75px
    }
    /* .net-menu .net-menu-item.item-2 .icon-bsi:before {
        font-family: Arial !important;
        font-size: 24px;
        font-weight: 700;
        content: 'bsi.'
    } */
    .net-menu .net-menu-item.item-3 {
        top: 190px;
        right: -30px
    }
    .net-menu .net-menu-item.item-4 {
        bottom: 200px;
        right: -50px
    }
    .net-menu .net-menu-item.item-5 {
        bottom: 50px;
        right: 65px
    }
    .net-menu .net-menu-item.item-7 {
        bottom: 60px;
        left: 65px
    }
    .net-menu .net-menu-item.item-8 {
        bottom: 200px;
        left: -50px
    }
    .net-menu .net-menu-item.item-9 {
        top: 190px;
        left: -30px
    }
    .net-menu .net-menu-item.item-10 {
        top: 70px;
        left: 70px
    }
    .net-menu .net-menu-logo .logo-bg {
        width: 250px;
        height: 250px
    }
    .net-menu .net-menu-logo .logo {
        width: 180px;
        height: 180px
    }
}

.banner-slider-body {
    /* margin-top: -25px; */
    background-color: transparent;
}

.banner-slider {
    position: relative;
    width: 100%;
    margin-bottom: 0px
}

.banner-slider .banner-slider-text {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.banner-slider .banner-slider-text .banner-slider-img-right {
    margin-left: 50px;
    display: block;
    width: auto;
    height: auto
}

.banner-slider .banner-slider-text .banner-slider-text-right {
    /* margin-left: 60px; */
    /* margin-top: 15px; */
    margin: 0 24px 32px 24px;
    font-size: 32px;
    line-height: 1.2;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #fff;
    text-transform: inherit;
    text-align: center;
    height: 114px;
    overflow: hidden;
}

.banner-slider .banner-slider-text .banner-slider-text-body {
    /* margin-left: 60px; */
    margin: 0 24px 32px 24px;
    font-size: 16px;
    line-height: 24px;
    /* text-shadow: 1px 1px 2px #000; */
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    color: #fff;
    text-align: center;
    height: 96px;
    overflow: hidden;
}

.banner-slider .banner-slider-text .banner-slider-text-body p {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

.banner-slider .slide {
    width: 100%;
    padding: 104px 0 72px 0;
    /* height: 450px */
}

.banner-slider .slide.slide-1 {
    background: transparent;
    -webkit-background-size: cover;
    background-size: cover
}

.banner-slider .owl-nav {
    position: absolute;
    top: 262px;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1170px;
    height: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -js-display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.banner-slider .owl-nav button {
    width: 40px;
    height: 40px
}

@media screen and (max-width: 991px) {
    .banner-slider .banner-slider-text {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden
    }
    .banner-slider .banner-slider-text .banner-slider-img-right {
        display: none
    }
    .banner-slider .banner-slider-text .banner-slider-text-right {
        font-size: 26px;
        height: 93px;
    }
    .banner-slider .banner-slider-text .banner-slider-text-body {
        margin-bottom: 48px;
    }
    .banner-slider .slide {
        width: 100%;
        padding: 56px 0 88px 0;
        height: auto;
        overflow: hidden
    }
}

.banner-slider .owl-nav .owl-prev span, .banner-slider .owl-nav .owl-next span {
    display: none
}

.banner-slider .owl-nav .owl-prev .button, .banner-slider .owl-nav .owl-next .button {
    width: 40px;
    height: 40px
}

.banner-slider .owl-nav .owl-prev .button:before, .banner-slider .owl-nav .owl-next .button:before {
    font-size: 18px;
    line-height: 40px;
    color: #fff
}

.banner-slider .owl-dots {
    position: absolute;
    /* bottom: 250px; */
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.banner-slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #615d5d;
}

.banner-slider .owl-dots .owl-dot:hover {
    background-color: #8CD50B;
}

.banner-slider .owl-dots .owl-dot.active {
    background-color: #FFFFFF;
}

.form-request {
    max-width: 100%;
    padding: 80px 0 10px 0;
    z-index: 999
}

.form-request .form_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 16px;
    position: relative;
}

.form-request .heading {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.3px;
    margin-bottom: 32px;
}

.form-request .form_content input {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: 100%!important;
    margin-bottom: 0;
    margin-right: 0;
    border-right: 1px solid #C4C4C4;
}

.form-request .cbLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-request .cbLabel small {
    display: block;
    margin-left: 24px
}

.form-request .cbLabel small a {
    color: #8cd50b;
}

.form-request .req-notice {
    text-align: center;
    font-size: small;
    color: red;
    font-weight: bold;
    text-shadow: 0px 1px 2px #fff;
    display: block;
}

.banner-slider .form-request .req-notice {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-shadow: unset;
}

/* .form-request .button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
    margin-bottom: 20px;
    -js-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
} */

.form-request .button-wrapper {
    flex-basis: 25%;
}

.form-request .button-wrapper .button {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #8cd50b;
    color: #272727;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
}

.form-request .button-wrapper .button:hover {
    text-decoration: none;
    background-color: #7CBD0A;
}

.form-request input[type='text'], .form-request input[type='email'], .form-request input[type='tel'] {
    outline: none;
    display: inline-block;
    width: 250px;
    /* border: 2px solid white; */
}

/* .form-request input[type='text']:hover,
.form-request input[type='email']:hover,
.form-request input[type='tel']:hover,
.form-request input[type='text']:focus,
.form-request input[type='email']:focus,
.form-request input[type='tel']:focus {
    box-shadow: inset 0 0 10px -2px #8cd50b
} */

@media (max-width: 767px) {
    .burger-menu{
        height: 541px;
    }
    .form-request .heading {
        display: none;
    }
    .form-request .form_content {
        flex-direction: column;
    }
    .banner-slider-body .form-request input[type='text'] {
        border-right: 0;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #C4C4C4;
    }
    .banner-slider-body .form-request input[type='email'] {
        border-right: 0;
        border-radius: 0;
        border-bottom: 1px solid #C4C4C4;
    }
    .banner-slider-body .form-request input[type='tel'] {
        border-right: 0;
        border-radius: 0;
    }
    .form-request .button-wrapper .button {
        height: 58px;
        border-radius: 0 0 5px 5px;
    }
}

.banner-slider-body .button-wrapper {
    padding: 0;
    margin: 0;
}

.custom-slider .test {
    width: 300px;
    height: 150px;
    background: url('/local/templates/infosystems/images/banner-slide.jpg') no-repeat 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.courses {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 120px;
    padding-top: 30px;
}

.courses .button.button--common.button--primary {
    background: #8CD50B;
    border-radius: 4px;
    padding: 14px 35px;
    text-transform: uppercase;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
}

.courses .particles-courses-left, .courses .particles-courses-right {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%
}

.courses .particles-courses-left {
    left: 0
}

.courses .particles-courses-right {
    z-index: 5;
    right: 0
}

.courses-slider {
    width: 100%
}

.courses-slider .slide .slide-content {
    max-width: 520px;
}

.courses-slider .slide .slide-content .slide-heading, .courses-slider .slide .slide-content .title {
    font-size: 25px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    line-height: 35px;
    text-transform: inherit;
    /* width: 64%; */
}

.courses-slider .slide .slide-content .slide-heading {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 13px;
    line-height: 1;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.courses-slider .slide .slide-content .title {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 1.3;
}

.courses-slider .slide .slide-content .slide-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    -js-display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.courses-slider .slide .slide-content .slide-meta .date, .courses-slider .slide .slide-content .slide-meta .place {
    font-size: 16px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    line-height: 24px;
    margin: 0;
    margin-right: 40px;
    margin-left: 27px;
    position: relative;
}

.courses-slider .slide .slide-content .slide-meta .date:before, .courses-slider .slide .slide-content .slide-meta .place:before {
    margin-right: 10px
}

.courses-slider .slide .slide-content .price {
    font-size: 24px;
    font-family: 'Montserrat-Black';
    line-height: 1;
    margin-top: 0;
    margin-bottom: 20px
}

.courses-slider .slide .slide-content .description {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 24px;
}

.courses-slider .slide .slide-content .button {
    display: inline-block;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    letter-spacing: 1px;
}

.courses-slider .slide .slide-content .button:hover {
    text-decoration: none;
    background-color: #7CBD0A;
}

.courses-slider .slide .slide-img {
    width: 100%;
    height: 500px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -o-object-fit: cover;
    object-fit: cover
}

.courses-slider .owl-nav {
    position: absolute;
    bottom: 50%;
    left: 0;
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -js-display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.courses-slider .owl-nav .owl-prev span, .courses-slider .owl-nav .owl-next span {
    display: none
}

.courses-slider .owl-nav .owl-prev .button, .courses-slider .owl-nav .owl-next .button {
    width: 25px;
    height: 35px
}

.courses-slider .owl-nav .owl-prev .button:before, .courses-slider .owl-nav .owl-next .button:before {
    font-size: 12px;
    line-height: 25px;
    color: #fff
}

.courses-slider .owl-nav .owl-prev:hover .button:before:hover, .courses-slider .owl-nav .owl-next:hover .button:before:hover {
    color: #8CD50B
}

.courses-slider .owl-dots {
    position: absolute;
    bottom: -50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.courses-slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #c4c4c4;
}

.courses-slider .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.courses-slider .owl-dots .owl-dot.active {
    background-color: #272727;
}

.button_holder {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.button_holder .button {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
}

.button_holder .button:hover {
    text-decoration: none;
    color: #8CD50B;
}

.button_holder .button::after {
    content: '';
    background: url('/local/templates/infosystems/images/drop.png')no-repeat;
    -webkit-transform: rotate(268deg);
    -moz-transform: rotate(268deg);
    -ms-transform: rotate(268deg);
    -o-transform: rotate(268deg);
    transform: rotate(268deg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 11px;
}

.button_holder .button:hover:after {
    background: url("/local/templates/infosystems/images/srt-right-hover.png") 50% 50% no-repeat!important;
    transform: rotate(0)!important;
    background-size: contain;
    height: 10px!important;
    top: 14px!important;
    right: 3px!important;
}

.heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 0;
    -js-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
}

.heading-wrapper .heading {
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif;
    font-size: 26px;
    margin: 0;
    text-transform: capitalize;
}

.heading-wrapper .button {
    min-width: 200px;
    text-align: right;
    padding-right: 20px;
}

.heading-wrapper .button {
    position: relative;
}

.heading-wrapper .button:hover {
    color: #8CD50B;
}

.heading-wrapper .button:hover {
    text-decoration: none;
}

.heading-wrapper .button:hover::after {
    background: url("/local/templates/infosystems/images/srt-right-hover.png") 50% 50% no-repeat!important;
    transform: rotate(0)!important;
    background-size: contain;
    height: 10px!important;
    top: 14px!important;
}

@media (max-width: 767px) {
    .heading-wrapper {
        justify-content: center;
    }
}

.banner-slider-text .button.button--common.button--primary {
    color: #fff!important;
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.banner-slider-text .button.button--common.button--primary::before {
    content: '';
    display: block;
    width: 5px;
    height: 10px;
    background-image: url("/local/templates/infosystems/images/srt-right-hover.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-left: 8px;
    order: 2;
}

.news {
    position: relative;
    width: 100%;
    background: white;
}

.news .subscribe {
    position: relative;
    z-index: 3;
    padding: 10px 10px;
    text-align: center;
    margin-top: 20px;
    background: #8cd50b url("/local/templates/infosystems/images/subscribe.png") center left no-repeat;
    background-size: contain;
    border-radius: 5px
}

.news .subscribe .label {
    display: inline-block;
    margin-right: 30px;
    color: #fff;
    font-family: 'Montserrat-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 18px
}

.news .subscribe .button--primary {
    background: #fff;
    color: #77b509 !important
}

.video-reviews {
    background: #F8F7F5;
    padding-bottom: 30px;
}

.videogallery .main-video {
    position: relative;
    width: 100%;
    height: 600px;
    padding-top: 130px;
    background: url('/local/templates/infosystems/images/videogallary-bg.jpg') no-repeat 50% 50%;
    -webkit-background-size: cover;
    background-size: cover
}

.videogallery .main-video .title {
    font-size: 24px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    line-height: 30px;
    max-width: 1170px;
    color: white;
    text-align: center;
    text-transform: inherit;
    padding-top: 171px;
    margin: 0px auto;
    /* text-shadow: 2px 2px 3px #fff, 0 0 10px #777; */
}

.videogallery .main-video .play-button {
    position: absolute;
    top: 33%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.videogallery .video-items {
    margin-top: -133px
}

.videogallery .video-items .play-button--sm {
    position: absolute;
    top: 47px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.photogallery {
    overflow: hidden
}

.photogallery .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photogallery .subscribe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    padding: 5px;
    padding-left: 30px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-color: #eff3f3;
    -js-display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.photogallery .subscribe .label {
    font-size: 12px;
    line-height: 18px;
    margin-right: 12px
}

.photogallery-slider {
    padding-bottom: 60px
}

.photogallery-slider .owl-stage-outer {
    overflow: hidden;
    /*visible*/
}

.photogallery-slider .owl-nav {
    position: absolute;
    bottom: 30px;
    left: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -js-display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.photogallery-slider .owl-nav .owl-prev span, .photogallery-slider .owl-nav .owl-next span {
    display: none
}

.photogallery-slider .owl-nav .owl-prev .button, .photogallery-slider .owl-nav .owl-next .button {
    width: 25px;
    height: 25px
}

.photogallery-slider .owl-nav .owl-prev .button:before, .photogallery-slider .owl-nav .owl-next .button:before {
    font-size: 12px;
    line-height: 25px;
    color: #fff
}

.photogallery-slider .owl-dots {
    position: absolute;
    bottom: 34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.photogallery-slider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #2d2d2d;
    outline: none
}

.photogallery-slider .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.photogallery-slider .owl-dots .owl-dot.active {
    background-color: #8cd50b
}

.photo-block {
    width: 100%;
    height: auto
}

.photo-block .album {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}

.photo-block .album .album-pic {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.photo-block .album:hover .title {
    color: #77b509
}

.photo-block .album .title {
    font-size: 13px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    line-height: 18px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    margin: 0;
    color: #000000;
    line-height: 14px
}

.photo-block .album--large {
    height: 380px
}

.photo-block .album--small {
    /* height: 180px */
}

.photo-block .album--small .title {
    padding: 13px 0px;
}

.photo-block .album--small .title p {
    height: 43px;
    overflow: hidden;
    display: block;
    padding: 0px 0px;
    margin: 0px 0px;
    font-size: 13px;
    line-height: 14px
}

.partners {
    overflow: hidden;
    display: block;
    margin-bottom: 40px;
    background: url("/local/templates/infosystems/images/partners_fon.png") top left repeat-x
}

.partners h5 {
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif;
    font-size: 26px;
    text-transform: inherit;
    color: #272727;
}

.partners .owl-nav {
    text-align: center;
    margin-top: 20px;
    width: 100%;
    height: 0;
    position: absolute;
    top: 50px;
    margin-top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.partners .owl-nav .owl-prev {
    position: relative;
    left: -25px;
}

.partners .owl-nav .owl-next {
    position: relative;
    right: -25px;
}

@media (max-width: 575px) {
    .partners .owl-nav .owl-prev {
        left: 0;
    }
    .partners .owl-nav .owl-next {
        right: 0;
    }
}

.partners .owl-nav .button {
    width: 25px;
    height: 25px;
    display: inline-block
}

.partners .owl-nav .button--round:before {
    font-size: 12px !important;
    padding-top: 7px;
    display: inline-block
}

.partners .owl-dots {
    text-align: center;
    margin-top: 0;
    height: auto;
    margin-top: 24px;
}

.partners .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    background-color: #c4c4c4;
    border-radius: 50%;
    margin-right: 10px;
    outline: none
}

.partners .owl-dots .owl-dot:hover {
    background-color: #8cd50b;
}

.partners .owl-dots .active {
    background-color: #272727;
}

.experts {
    overflow: hidden;
    display: block;
    background: url("/local/templates/infosystems/images/partners_fon.png") top left repeat-x
}

.experts .heading-wrapper h5 {
    font-size: 24px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    display: inline-block;
    color: #272727;
    margin: 0px;
    text-transform: inherit;
}

.experts .experts-items {
    margin-bottom: 30px;
    overflow: hidden;
    display: block;
    color: #000
}

.experts .experts-items img {
    float: left;
    border-radius: 50%
}

.experts .experts-items .experts-items-person {
    margin-left: 135px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    text-decoration: underline;
    line-height: 20px;
    margin-bottom: 10px
}

.experts .experts-items .experts-items-person-position {
    margin-left: 135px;
    font-size: 11px;
    text-decoration: none;
    color: #999999;
}

.experts .experts-items:hover .experts-items-person {
    color: #8cd50b;
    text-decoration: none;
}

.experts .experts-items-center {
    margin-bottom: 90px;
    overflow: hidden;
    display: block;
    color: #000;
    text-align: center
}

.experts .experts-items-center img {
    border-radius: 50%;
    margin: 0px auto;
    display: block
}

.experts .experts-items-center .experts-items-person {
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    text-decoration: none;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 20px
}

.experts .experts-items-center .experts-items-person-position {
    font-size: 11px;
    text-decoration: none
}

.experts .experts-items-center:hover .experts-items-person {
    color: #8cd50b
}

.experts-nofon {
    background: none !important;
    margin-top: 0px
}

.experts-nofon .heading-wrapper {
    padding-top: 0px
}

.experts-news-list p {
    font-size: 12px
}

.experts-news-list .experts-news-item {
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    color: #000;
    padding: 15px 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1)
}

.experts-news-list .experts-news-item img {
    float: left;
    border-radius: 50%;
    margin-left: 10px
}

.experts-news-list .experts-news-item .experts-items-person {
    margin-left: 160px;
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px
}

.experts-news-list .experts-news-item .experts-items-person-position {
    margin-left: 160px;
    font-size: 14px;
    text-decoration: none
}

.experts-news-list .experts-news-item:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}

.experts-news-list .experts-news-item:hover .experts-items-person {
    color: #8cd50b
}

.experts-detail .experts-detail-text {
    position: relative;
    font-size: 14px;
    border-radius: 10px;
    padding: 20px 30px;
    background: #eff3f3
}

.experts-detail .experts-detail-text button {
    cursor: pointer;
    cursor: hand;
    color: #77b509;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    position: absolute;
    background: #eff3f3;
    border: none;
    padding: 5px 20px;
    border-radius: 20px;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.experts-detail .experts-detail-text ul {
    margin-bottom: 10px
}

.experts-detail .experts-detail-text ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px
}

.experts-detail .experts-detail-text ul li:before {
    content: '\f061';
    font: normal normal normal 12px/1 FontAwesome;
    transform: translate(0, 0);
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0px
}

.experts-detail .experts-detail-text h2 {
    font-size: 16px
}

.experts-detail .experts-items-person-button {
    overflow: hidden;
    margin-top: 10px;
    padding: 15px 0px
}

.experts-detail .experts-items-person-button .button {
    display: inline
}

.experts-detail .experts-detail-item {
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
    color: #000;
    text-align: center
}

.experts-detail .experts-detail-item img {
    border-radius: 50%;
    margin: 0px auto;
    display: block
}

.experts-detail .experts-detail-item .experts-items-person {
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 20px
}

.experts-detail .experts-detail-item .experts-items-person-position {
    text-align: center;
    font-size: 14px;
    text-decoration: none
}

.experts .sliders .slide {
    width: 100%;
}

.experts .owl-nav {
    /*position: absolute;*/
    top: 50%;
    right: 0;
    margin-top: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.experts .sliders .owl-nav {
    top: -16px;
}

.experts .owl-nav .owl-prev {
    margin-right: 30px;
}

.experts .sliders .owl-prev {
    margin-right: 15px;
}

.experts .owl-nav .owl-next {
    margin-left: 30px;
}

.experts .sliders .owl-next {
    margin-left: 15px;
}

.experts .icon-caret-right::before, .experts .icon-caret-left::before {
    position: static;
}

.academy-container .academy-container-left {
    color: #fff;
    padding-right: 0px;
    padding-left: 0px
}

.academy-container .academy-container-left p {
    font-size: 14px;
    text-align: left
}

.academy-container .academy-container-right {
    background: #fff;
    border-radius: 20px;
    padding: 20px 25px
}

.academy-container .academy-container-right li {
    padding-bottom: 10px;
    font-size: 12px;
    color: #77b509;
    text-decoration: underline
}

.academy-container .academy-container-right h5 {
    font-size: 14px;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 15px
}

.academy-container-about {
    margin-bottom: 30px
}

.academy-container-about h1 {
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 30px
}

.academy-container-about h2 {
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 30px
}

.academy-container-about p {
    line-height: 24px;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 25px
}

.academy-container-about .academy-container-about-item {
    overflow: hidden;
    position: relative;
    padding-left: 90px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 50px
}

.academy-container-about .academy-container-about-item img {
    display: inline-block;
    float: left;
    margin-left: -90px
}

.academy-container-about .academy-container-about-item-href {
    display: block;
    overflow: hidden;
    position: relative;
    padding-left: 50px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #77b509;
    /*text-decoration: underline;*/
}

.academy-container-about .academy-container-about-item-href img {
    display: inline-block;
    float: left;
    margin-left: -40px
}

.academy-container-about .academy-container-about-item-href span {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #77b509;
    text-decoration: underline
}

.academy-container-about .academy-container-about-item-href span:hover {
    text-decoration: none
}

.academy-container-about .academy-container-about-linc {
    color: #77b509;
    display: block;
    overflow: hidden;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.academy-container-about .academy-container-about-linc span {
    padding-left: 10px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #77b509;
    text-decoration: underline
}

.academy-container-about .academy-container-about-linc span:hover {
    text-decoration: none
}

.academy-container-about-partner {
    padding-top: 20px;
    background: url("/local/templates/infosystems/images/partners_fon.png") top left repeat-x;
    overflow: hidden;
    margin-bottom: 30px
}

.academy-container-about-partner h2 {
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 30px
}

.academy-container-about-partner p {
    line-height: 24px;
    font-size: 13px;
    padding-left: 15px;
    margin-bottom: 25px
}

.academy-container-about-fon {
    background: url('/local/templates/infosystems/images/screen-menu-cart.jpg') center center no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    margin-bottom: 30px;
    margin-top: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #fff
}

.academy-container-about-fon h2 {
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 20px;
    color: #fff
}

.academy-container-about-fon p {
    line-height: 24px;
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 25px
}

.academy-partners-line-body {
    /*background: url("/local/templates/infosystems/images/partners_fon.png") top left repeat-x;*/
    height: 50px
}

.academy-partners-line-body .academy-partners-line {
    position: relative;
    height: auto
}

.academy-partners-line-body .academy-partners-line button {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.academy-partners-line-body .academy-partners-line button i {
    font-size: 14px
}

.academy-partners-line {
    position: relative;
    background: url("/local/templates/infosystems/images/partners_fon.png") top left repeat-x;
    height: 50px
}

.academy-partners-line button {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.academy-partners-line button i {
    font-size: 14px
}

.academy-partners {
    padding-bottom: 20px
}

.academy-partners h2 {
    text-align: center;
    background-color: #8cd50b;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    margin-bottom: 40px;
    margin-top: 10px;
    opacity: 0.7;
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: 10px
}

.academy-partners .col-6 {
    margin-bottom: 30px
}

.academy-partners .academy-partners-body {
    display: none
}

.academy-partners .academy-partners-items {
    font-size: 12px;
    color: #77b509;
    /*text-decoration: underline;*/
    height: 100%;
    padding: 10px 10px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)
}

.academy-partners .academy-partners-items img {
    margin: 0px auto;
    margin-bottom: 10px
}

.academy-partners .academy-partners-items p {
    font-size: 12px;
    color: #999999;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.academy-customers-images {
    margin: 0px auto;
    margin-bottom: 20px;
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 1px solid #dcdfdf
}

.academy-customers-font {
    font-size: 14px;
    line-height: 18px;
    text-align: justify
}

.academy-customers-font h3 {
    margin-top: 0px
}

.academy-customers-font .academy-customers-font-price {
    font-size: 16px;
    margin-top: 10px;
    padding: 10px 0px;
    color: #2c2827;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
}

.academy-customers-font .academy-customers-font-price span {
    font-size: 20px
}

.academy-customers-font .academy-customers-button {
    margin-top: 10px;
    margin-bottom: 10px
}

.academy-customers-font .academy-customers-button button.button--primary {
    font-size: 14px
}

.academy-customers {
    margin-bottom: 30px
}

.academy-customers h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px
}

.academy-customers p {
    font-size: 14px;
    line-height: 24px;
    text-align: justify
}

.academy-customers .academy-customers-img {
    min-height: 50px
}

.academy-customers .academy-customers-title {
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 15px;
    text-transform: uppercase;
    background-color: #2d2d2d;
    color: #fff;
    padding: 13px 10px;
    border-radius: 3px;
    margin-bottom: 20px
}

.academy-customers .photogallery-slider {
    overflow: visible;
    /*hidden*/
    padding-bottom: 0px
}

.academy-customers .photogallery-slider .owl-nav {
    position: initial;
    left: 0px;
    margin-bottom: 0px;
    width: auto !important;
    transform: none;
    display: block
}

.academy-customers .photogallery-slider .owl-dots {
    display: none
}

.academy-customers .photogallery-slider .owl-prev {
    position: absolute;
    left: -12px;
    top: 200px
}

.academy-customers .photogallery-slider .owl-next {
    position: absolute;
    right: -12px;
    top: 200px
}

.academy-customers .academy-customers-doc {
    padding: 0px 10px;
    display: block
}

.academy-customers .academy-customers-doc img {
    margin: 0px auto;
    display: block;
    width: 100%;
    cursor: pointer;
    cursor: hand
}

.academy-customers .academy-customers-doc p {
    line-height: normal;
    display: block;
    background: #eff3f3;
    padding: 20px 20px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    text-align: left;
    min-height: 95px;
    overflow: hidden
}

.academy-customers .academy-customers-pdf {
    margin-top: 30px
}

.academy-customers .academy-customers-pdf i {
    margin-right: 15px;
    font-size: 30px;
    vertical-align: middle;
    color: #000;
    text-decoration: none
}

.academy-customers .academy-customers-pdf a {
    text-decoration: underline
}

.academy-customers .academy-customers-pdf a:hover {
    text-decoration: none
}

.academy-customers-list {
    margin-bottom: 30px;
    padding-top: 40px;
    background: url(/local/templates/infosystems/images/partners_fon.png) top left repeat-x;
    overflow: hidden
}

.academy-customers-list .col-6 {
    margin-bottom: 30px
}

.academy-customers-list .academy-customers-items {
    height: 100%;
    padding: 10px 10px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)
}

.academy-customers-list .academy-customers-items img {
    margin: 0px auto
}

.academy-team {
    margin-bottom: 5px
}

.academy-team h2 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center
}

.academy-team .col-6, .academy-team .col-12 {
    margin-bottom: 30px
}

.academy-team .academy-team-items {
    display: block;
    color: #000;
    height: 100%;
    padding: 30px 10px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1)
}

.academy-team .academy-team-items img {
    margin: 0px auto;
    margin-bottom: 20px;
    border-radius: 50%
}

.academy-team .academy-team-items .academy-team-name {
    font-size: 14px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    margin-bottom: 20px
}

.academy-team .academy-team-items .academy-team-position {
    font-size: 14px;
    min-height: 30px;
    margin-bottom: 20px;
    overflow: hidden
}

.academy-team .academy-team-items .academy-team-phones {
    font-size: 14px;
    margin-bottom: 5px;
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif
}

.academy-team .academy-team-items-manager {
    padding: 30px 20px;
    text-align: left
}

.academy-team .academy-team-items-manager img {
    float: left;
    border-radius: 50%
}

.academy-team .academy-team-items-manager .academy-team-name, .academy-team .academy-team-items-manager .academy-team-position, .academy-team .academy-team-items-manager .academy-team-phones {
    margin-left: 150px
}

.academy-team-line {
    background: url(/local/templates/infosystems/images/partners_fon.png) top left repeat-x
}

.academy-team-line h2 {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: center
}

.about-privacy {
    margin-top: -25px;
    padding-top: 10px;
    padding-bottom: 30px;
    background: #f1f3f4
}

.about-privacy h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: initial
}

.about-privacy h2 span {
    background: #77b509;
    border-radius: 50%;
    padding: 5px 12px;
    color: #fff;
    margin-right: 15px
}

.about-privacy p {
    margin-bottom: 24px;
    line-height: 24px;
    text-align: justify
}

.about-privacy .academy-customers-pdf {
    margin-top: 30px
}

.about-privacy .academy-customers-pdf i {
    margin-right: 15px;
    font-size: 30px;
    vertical-align: middle;
    color: #000;
    text-decoration: none
}

.about-privacy .academy-customers-pdf a {
    text-decoration: underline
}

.about-privacy .academy-customers-pdf a:hover {
    text-decoration: none
}

.academy-information {
    /*margin-bottom: 20px*/
}

.academy-information h2 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: initial;
    display: flex;
}

.academy-information h2 strong {
    color: #8cd50b
}

.academy-information h2>span {
    float: left;
}

.academy-information h2>span>span {
    background: #77b509;
    border-radius: 50%;
    padding: 5px 0px;
    color: #fff;
    margin-right: 15px;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center
}

.academy-information .p-gray {
    padding: 10px 20px;
    background: #eff3f3
}

.academy-information p, .academy-information .col-6, .academy-information .col-12 {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 24px
}

.academy-information ul {
    margin-bottom: 30px
}

.academy-information ul li {
    text-align: left;
    padding-left: 30px;
    position: relative;
    margin-bottom: 20px;
    line-height: 24px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 14px
}

.academy-information ul li i {
    position: absolute;
    left: 0px;
    top: 5px
}

.academy-information .academy-information-items img {
    float: left;
    border-radius: 50%
}

.academy-information .academy-information-items .academy-team-name {
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    line-height: 18px;
    margin-bottom: 10px
}

.academy-information .academy-information-items .academy-team-name a {
    color: #2c2827;
    text-decoration: none
}

.academy-information .academy-information-items .academy-team-name a:hover {
    color: #2c2827;
    text-decoration: underline
}

.academy-information .academy-information-items .academy-team-position {
    font-size: 13px;
    line-height: 18px
}

.academy-information .academy-information-items .academy-team-phones {
    margin-top: 10px;
    line-height: normal
}

.academy-information .academy-information-items .academy-team-name, .academy-information .academy-information-items .academy-team-position, .academy-information .academy-information-items .academy-team-phones, .academy-information .academy-information-items .academy-team-phones {
    margin-left: 150px
}

.academy-information-fon {
    padding-top: 20px;
    background: url(/local/templates/infosystems/images/partners_fon.png) top left repeat-x
}

.academy-information-background {
    padding-top: 20px;
    background: #eff3f3
}

.academy-information-background .academy-information-doc {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    height: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 30px 20px
}

.academy-information-background .academy-information-doc img {
    margin: 0px auto;
    display: block;
    width: 100%
}

form.coursers-line-form label {
    display: block;
    margin-top: 7px;
    margin-bottom: 10px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 14px;
    color: #fff
}

form.coursers-line-form .nice-select {
    border-radius: 25px;
    width: 100%;
    border: 2px solid #fff
}

form.coursers-line-form .nice-select .current {
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

form.coursers-line-form .nice-select .list {
    border-radius: 20px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 14px
}

form.coursers-line-form .nice-select:after {
    border-bottom: 4px solid #8cd50b;
    border-right: 4px solid #8cd50b;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    right: 17px
}

form.coursers-line-form .open {
    border: 2px solid #8cd50b !important
}

form.coursers-line-form button.button--round {
    position: absolute;
    right: 10px;
    top: 20px;
    padding: 0px 0px
}

form.coursers-line-form .del_filter {
    position: absolute;
    top: 95px;
    right: 10px;
    color: #2c2827;
    font-size: 10px;
    text-transform: uppercase;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    cursor: hand;
    border-bottom: 1px dashed;
    padding: 2px 0px
}

form.coursers-line-form .coursers-line .current {
    margin-left: 0px;
    display: block;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width: 767px) {
    form.coursers-line-form .bx-filter-button-box {
        padding-top: 10px
    }
    .heading-wrapper .heading {
        margin: 0px 10px 140px;
    }
    form.coursers-line-form button.button--round {
        position: relative;
        right: auto;
        top: auto;
        padding: 0px 0px;
        margin-right: 10px
    }
    form.coursers-line-form .del_filter {
        position: relative;
        top: auto;
        right: auto
    }
    .bx-filter .bx-filter-popup-result {
        right: 15px;
        bottom: 5px
    }
}

.info-block {
    margin-bottom: 20px
}

.catalog-element h5 {
    color: #272727!important;
}

.info-block h5 {
    font-size: 28px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    margin: 0px;
    text-transform: none;
    color: #ffffff;
    margin-bottom: 16px;
}

.info-block p {
    font-size: 16px;
    line-height: 24px;
}

.info-block a.hide-more {
    color: #8cd50b;
    font-size: 13px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 95px
}

.info-block a.hide-more span {
    text-decoration: underline;
    font-size: 12px
}

.info-block .total-hours {
    position: absolute;
    right: 88px;
    top: 38px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    line-height: 1;
    color: #999999;
    margin: 0;
}

.info-block .info-block-menu {
    background: -webkit-linear-gradient(45deg, #8cd50b, #64be23, #8cd50b);
    background: -o-linear-gradient(45deg, #8cd50b, #64be23, #8cd50b);
    background: linear-gradient(45deg, #8cd50b, #64be23, #8cd50b);
    background-position: 100% 50%;
    -webkit-background-size: 200% 200%;
    background-size: 200%;
    outline: none;
    min-height: 60px;
    margin-top: 0px;
    margin-bottom: 30px;
    overflow: hidden;
    /* padding-top: 20px;
    padding-bottom: 20px */
}

.info-block .info-block-menu ul {
    line-height: 24px;
    overflow: hidden;
    margin: 0px 0px;
    margin-left: -15px;
    list-style: none;
    display: block;
    font-size: 17px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    color: #fff;
    white-space: nowrap;
    padding: 32px 0;
}

.info-block .info-block-menu ul li {
    display: inline-block;
    /* float: left; */
    margin-right: 75px;
}

.info-block .info-block-menu ul li:last-child {
    margin-right: 0;
}

.info-block .info-block-menu ul li::before {
    display: none;
}

/* .info-block .info-block-menu ul li:after {
    font-size: 11px;
    content: ' | ';
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px
} */

.info-block .info-block-menu ul li:last-child:after {
    display: none
}

.info-block .info-block-menu a {
    color: #fff;
    text-decoration: none
}

.info-block .info-block-menu a.active {
    text-decoration: underline
}

.info-block .info-block-menu a:hover, .info-block .info-block-menu a:focus {
    color: #fff;
    text-decoration: underline
}

@media (max-width: 991px) {
    .info-block .info-block-menu ul {
        overflow-x: scroll;
    }
    .info-block .info-block-menu ul li:not(:last-child) {
        margin-right: 40px;
    }
}

.screen-menu-courses-catalog .info-block {
    margin-bottom: 0px;
    color: #fff
}

.screen-menu-courses-catalog a.button.button--common.button--primary {
    border: 0;
    border-radius: 20px;
    text-transform: none;
    background: #77b509;
    color: #fff;
}

.screen-menu-courses-catalog .info-block-body img {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.screen-menu-courses-catalog .info-block-body .info-block-body-right {
    margin-left: 80px
}

.screen-menu-courses-catalog #infoBlockHide {
    display: none
}

.popular-coursers {
    margin-bottom: 30px;
    background: url("/local/templates/infosystems/images/partners_fon.png") top left repeat-x;
    overflow: hidden
}

.popular-coursers h5 {
    font-size: 28px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-transform: none;
    margin: 0px
}

.popular-coursers .popular-coursers-filter-click {
    text-decoration: underline;
    font-size: 12px;
    position: relative;
    margin-right: 50px;
    display: inline-block;
    float: right;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #77b509
}

.popular-coursers .popular-coursers-filter-click:after {
    right: -50px;
    top: -15px;
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: '';
    background: url("/local/templates/infosystems/images/filter_ico_40.png") center center no-repeat
}

.popular-coursers .news-item {
    background-color: #fff;
    border: 1px solid #eff3f3;
    color: #2c2827;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)
}

.popular-coursers .news-item .item-content-header {
    background-color: #eff3f3;
    font-size: 12px;
    padding: 10px 15px;
    color: #2c2827;
    line-height: 18px;
    overflow: hidden
}

.popular-coursers .news-item .item-content-header .title {
    margin-bottom: 0px;
    color: #2c2827;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.popular-coursers .news-item .item-content-header .date {
    display: inline-block;
    margin-top: 4px;
    line-height: 13px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.popular-coursers .news-item .item-content-header .date:before {
    margin-right: 10px
}

.popular-coursers .news-item .item-content-header .id-item {
    display: inline-block;
    float: right;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.popular-coursers .news-item .item-pic {
    width: 100%;
    height: 180px;
    -o-object-fit: cover;
    object-fit: cover
}

.popular-coursers .news-item .item-content {
    padding-top: 12px;
    margin-bottom: 10px
}

.popular-coursers .news-item .item-content span.remote_method {
    width: 31px;
    height: 31px;
    display: block;
    margin-top: 3px;
    background: url("/local/templates/infosystems/images/coursers-ico-1.gif") center top no-repeat
}

.popular-coursers .news-item .item-content span.audience_method {
    width: 31px;
    height: 31px;
    display: block;
    margin-top: 3px;
    background: url("/local/templates/infosystems/images/coursers-ico-2.gif") center top no-repeat
}

.popular-coursers .news-item .item-content .title {
    display: block;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    text-transform: none;
    min-height: 68px;
    margin-left: 0;
    display: block;
    font-size: 16px!important;
}

.popular-coursers .news-item .item-content .item-content-prise {
    position: relative;
    margin-top: 10px;
    margin-bottom: 24px;
}

.popular-coursers .news-item .item-content .item-content-prise::before {
    content: '';
    background: url(/local/templates/infosystems/images/price.png) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
}

.popular-coursers .news-item .item-content .item-content-prise small {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    display: none;
}

.popular-coursers .news-item .item-content .item-content-prise span {
    font-size: 16px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    padding-left: 28px;
}

.popular-coursers .news-item .item-content .item-content-prise span b {
    font-family: 'Montserrat-Black';
    display: none;
}

.popular-coursers .news-item .item-content .item-content-click {
    margin-top: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.popular-coursers .news-item .item-content .date.icon-calendar {
    display: block;
    position: relative;
    padding-left: 28px;
}

.popular-coursers .news-item .item-content .date.icon-calendar::before {
    content: '';
    background: url(/local/templates/infosystems/images/calendar.png) no-repeat;
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}

.popular-coursers .news-item .item-content .item-content-click form {
    display: inline-block
}

.popular-coursers .news-item .item-content .item-content-click button {
    background-color: transparent;
    color: #272727!important;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #DFDFDF;
    border-radius: 6px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.popular-coursers .news-item .item-content .item-content-click .item-content-click-more {
    text-align: center;
    color: #77b509;
    padding-top: 10px;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.popular-coursers-nofon {
    margin-bottom: 10px;
    padding-bottom: 20px
}

.popular-coursers-nofon h5 {
    color: #2c2827
}

.popular-coursers-nofon .heading-wrapper {
    padding-top: 25px;
    padding-bottom: 25px
}

.popular-coursers-nofon .popular-coursers-filter-click {
    display: none !important
}

.popular-coursers-nofon .news-item {
    background-color: #fff;
    border: 0px solid #fff;
    box-shadow: none
}

.popular-coursers-nofon .news-item .id-item {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    line-height: 16px;
    color: #999999;
    margin-bottom: 8px;
}

.popular-coursers-nofon .news-item .item-content-header {
    background-color: #fff
}

.popular-coursers-2 {
    margin-bottom: 0px;
    background: none !important
}

.popular-coursers-2 h5 {
    color: #fff
}

.popular-coursers-2 .news-item .item-content .item-content-prise-click {
    overflow: hidden;
    clear: both;
    height: 5px
}

.popular-coursers-2 .news-item .item-content .item-content-prise {
    float: left;
    margin-top: 10px;
    margin-left: -3px
}

.popular-coursers-2 .news-item .item-content .item-content-prise span {
    font-size: 20px
}

.popular-coursers-2 .news-item .item-content .item-content-click {
    float: right;
    margin-top: 5px;
    margin-right: -7px
}

.popular-coursers-2 .news-item .item-content .item-content-click .button--common {
    padding: 10px 15px
}

.search-panel-2 {
    margin-bottom: 20px
}

.page-header {
    position: relative;
    border: none;
    margin: 0px 0px;
    padding: 0px 0px 28px 0px
}

.page-header h1.courses-filter {
    font-family: "OpenSans-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #ffffff;
    text-transform: none;
    margin: 0;
}

.page-header .page-description {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 32px;
}

.page-header .back-btn {
    position: absolute;
    top: 0;
    left: -40px;
    display: block;
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    transition: all 300ms ease-out;
}

.page-header .back-btn:hover {
    border-color: #8CD50B;
}

.courses-sections {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: row;
    flex-wrap: wrap;
}

.courses-sections__items {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
    margin-bottom: 20px;
}

.courses-sections li:nth-child(2n) {
    flex-basis: 60%;
}

.courses-sections__items a {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.3;
    color: #ffffff;
    letter-spacing: -0.6px;
    position: relative;
    border-bottom: 1px solid #8CD50B;
}

.courses-sections__items a:hover {
    border-bottom: 1px solid transparent;
}

.courses-sections__items a .quantity-courses {
    font-size: 14px;
    margin-left: 4px;
    margin-top: 2px;
}

.heading-wrapper .button {
    text-transform: uppercase;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
}

.news-line-index.owl-carousel.owl-loaded.owl-drag .owl-stage-outer .owl-nav .button--round:before {
    background: none!important;
}

@media screen and (max-width: 1199px) {
    .courses-sections__items {
        min-width: 50%;
        flex-basis: 50%;
        flex-shrink: 0;
        flex-grow: 0;
    }
    .page-header .back-btn {
        width: 28px;
        height: 28px;
        left: -36px;
        top: 5px;
    }
}

@media screen and (max-width: 991px) {
    .courses-sections__items {
        flex-basis: 100%;
        flex-shrink: 0;
        flex-grow: 0;
    }
    .courses-sections li:nth-child(2n) {
        flex-basis: 100%;
    }
}

@media screen and (max-width: 767px) {
    .page-header {
        padding-bottom: 16px;
    }
    .page-header .back-btn {
        width: 18px;
        height: 18px;
        left: -18px;
        top: 4px;
    }
    .info-block .total-hours {
        top: 15px;
        right: 15px;
    }
    .page-header .page-description {
        margin-top: 16px;
        font-size: 14px;
        line-height: 20px;
    }
    .popular-coursers .news-item .item-content .item-content-click .item-content-click-more {
        display: none
    }
    .search-panel-2 {
        margin-bottom: 0;
    }
    .page-header h1.courses-filter {
        font-size: 20px;
    }
    .courses-sections__items {
        margin-bottom: 16px;
    }
    .courses-sections__items a {
        font-size: 16px;
        line-height: 1.5;
    }
}

.nearest-courses {
    padding-top: 24px;
    /* margin-bottom: 30px; */
    position: relative;
    height: auto;
    background-color: #E5E5E5;
}

.nearest-courses .heading-wrapper {
    padding-top: 0px
}

.nearest-courses .heading-wrapper h5 {
    font-size: 18px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    margin: 0px
}

.nearest-courses .heading-wrapper-oll {
    padding: 10px 0px 30px 0px
}

.nearest-courses .nearest-courses-items {
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #E8E8E8;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    padding: 18px 24px;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-title {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 24px;
    color: #999999;
    margin-bottom: 0;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-title .icon-calendar {
    display: inline-block
}

.nearest-courses .nearest-courses-items .nearest-courses-items-title .icon-calendar:before {
    margin-right: 15px
}

.nearest-courses-items-title li {
    position: relative;
}

.nearest-courses-items-title li:not(:last-child)::after {
    content: '';
    font-size: 10px;
    width: 3px;
    height: 3px;
    background-color: #999999;
    border-radius: 50%;
    display: inline-block;
    margin: 0 4px;
    margin-bottom: 3px;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-body {
    line-height: 26px;
    font-size: 18px;
    font-family: "OpenSans-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform: uppercase;
    color: #272727;
    display: block;
    text-transform: none;
    padding: 18px 0 0 0;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-body:hover, .nearest-courses .nearest-courses-items .nearest-courses-items-body:focus {
    color: #8cd50b;
    text-decoration: underline
}

.nearest-courses-items-details * {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 24px;
    color: #272727;
}

.nearest-courses-items-details a {
    line-height: 1;
    text-decoration: underline;
}

.nearest-courses-items-details .form-study {
    margin-bottom: 14px;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-prise .button.free {
    font-size: 16px;
    line-height: 26px;
    padding: 4px 22px;
    color: #ffffff;
    background-color: #8CD50B;
    border-radius: 20px;
}

/* .nearest-courses .nearest-courses-items .nearest-courses-items-prise {
    padding: 20px 5px 20px 30px
} */

.nearest-courses .nearest-courses-items .nearest-courses-items-prise small {
    display: block;
    margin-bottom: 3px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.nearest-courses .nearest-courses-items .nearest-courses-items-prise span {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 18px;
    line-height: 26px;
    color: #272727;
    display: inline-block;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-prise span b {
    font-size: 18px;
    font-family: 'Montserrat-Black'
}

.nearest-courses .nearest-courses-items .nearest-courses-items-prise .currency {
    font-family: 'Roboto', Arial, Tahoma, Sans-Serif;
    font-size: 18px;
    line-height: 26px;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-click {
    padding: 10px 15px
}

.nearest-courses .nearest-courses-items .nearest-courses-items-click .button--primary {
    padding: 10px 0px;
    text-align: center;
    display: block;
    margin-bottom: 7px;
    width: 100%
}

.nearest-courses .nearest-courses-items .nearest-courses-items-click .item-content-click-more {
    text-align: center;
    display: block;
    color: #77b509;
    font-size: 12px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    width: 100%;
    height: 100%;
}

.nearest-courses-items-click button, .nearest-courses-items-click div {
    width: 28px;
    height: 28px;
    background-color: #D9D8D6;
    border-radius: 50%;
    position: relative;
    transition: all 0.2s ease-out;
    cursor: pointer;
    margin-bottom: 0;
}

.nearest-courses-items-click div::before {
    content: '';
    width: 8px;
    height: 8px;
    box-sizing: border-box;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%) rotate(45deg);
}

.nearest-courses-items-click div:hover {
    background-color: #81C212;
}

.nearest-courses .nearest-courses-items .nearest-courses-items-line {
    border-left: 1px solid #dcdfdf
}

.nearest-courses .nearest-courses-items .nearest-courses-icon {
    border-right: 1px solid #dcdfdf;
    text-align: center;
    padding: 7px 2px 10px 15px
}

.nearest-courses .nearest-courses-items .nearest-courses-icon span {
    width: 31px;
    height: 31px;
    display: block;
    margin: 0px auto;
    margin-top: 3px
}

.nearest-courses .nearest-courses-items .nearest-courses-icon span.remote_method {
    background: url("/local/templates/infosystems/images/coursers-ico-1.gif") center top no-repeat
}

.nearest-courses .nearest-courses-items .nearest-courses-icon span.audience_method {
    background: url("/local/templates/infosystems/images/coursers-ico-2.gif") center top no-repeat
}

@media (max-width: 1199px) {
    .nearest-courses-items-details .form-study {
        margin-bottom: 8px;
    }
    .nearest-courses-items-details * {
        line-height: 20px;
    }
}

@media (max-width: 991px) {
    .nearest-courses .nearest-courses-items .nearest-courses-items-body {
        margin-bottom: 12px;
    }
}

.particles-bg-2 {
    position: absolute;
    bottom: 20%;
    right: 0px;
    width: 30%;
    height: 40%;
    z-index: 0
}

.particles-bg-3 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 30%;
    height: 40%;
    z-index: 0
}

.particles-bg-4 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 560px;
    z-index: 1
}

.particles-bg-5 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 560px;
    z-index: 0
}

/* .banner-slider-body .button.button--common.button--primary {
    color: white;
} */

@media screen and (max-width: 992px) {
    .nearest-courses .nearest-courses-items .nearest-courses-items-line {
        border-left: 0px solid #dcdfdf !important
    }
    .nearest-courses .nearest-courses-items .nearest-courses-icon {
        border-right: 0px solid #dcdfdf
    }
    .nearest-courses .nearest-courses-items .nearest-courses-icon span {
        margin-left: 15px
    }
    /* .nearest-courses .nearest-courses-items .nearest-courses-items-body {
        margin-left: -7px
    } */
    /* .nearest-courses .nearest-courses-items .nearest-courses-items-prise {
        padding: 20px 5px 20px 15px
    } */
    .nearest-courses .nearest-courses-items .nearest-courses-items-prise small, .nearest-courses .nearest-courses-items .nearest-courses-items-prise span {
        display: inline-block
    }
}

.gradient-style {
    background: linear-gradient(90deg, #fff 50%, #eff3f3 50%)
}

@media screen and (max-width: 767px) {
    .gradient-style {
        background: none
    }
}

.program-event {
    margin-bottom: 0px;
    background: white;
    /* overflow: hidden; */
    padding-bottom: 20px
}

.program-event h5 {
    padding-bottom: 30px;
    font-size: 28px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-transform: none;
    margin: 0px;
    margin-bottom: 16px;
    color: #000;
}

.program-event ul.program-event {
    list-style: none;
    padding: 0px 0px;
    margin: 0px 0px;
    font-size: 14px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.program-event ul.program-event li {
    position: relative;
    /* padding-left: 40px; */
}

.program-event ul.program-event>li::before {
    /* font-family: 'ais-font' !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    margin-left: 0px;
    content: '\e901';
    text-transform: none;
    color: #8cd50b;
    speak: none;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    margin-right: 30px;
    transform: rotate(11rad);
    position: absolute;
    top: 2px;
    left: 0px */
    content: '';
    display: block;
    position: absolute;
    right: 24px;
    top: 42px;
    width: 14px;
    height: 7px;
    background: url("/local/templates/infosystems/images/arrow-down-gray.svg") no-repeat 50% 50%;
    background-size: contain;
}

.reviews {
    margin-bottom: 30px;
    background: #ffffff;
    position: relative;
    z-index: 5;
    padding-top: 16px;
}

.reviews h5 {
    font-size: 28px;
    line-height: 1;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-transform: none;
    margin: 0px;
}

.reviews .count {
    margin-left: 16px;
}

.reviews .small-total {
    font-family: 'OpenSans-Semibold', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    line-height: 1;
    color: #999999;
}

.reviews .reviews-items {
    margin-bottom: 20px;
    z-index: 5;
    overflow: visible;
    position: relative;
}

.reviews .reviews-items .slick-list {
    margin: 0 -51px;
}

.reviews .reviews-items .slide {
    margin-bottom: 24px;
    box-sizing: border-box;
}

.reviews .reviews-items .slick-slide {
    opacity: 0;
    pointer-events: none;
}

.reviews .reviews-items .slick-slide.slick-active {
    opacity: 1;
    pointer-events: auto;
}

.reviews .reviews-items .reviews-items-body {
    background: #fff;
    position: relative;
    padding: 40px 240px;
    line-height: 32px;
    font-size: 22px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-style: italic;
    box-sizing: border-box;
}

/* .reviews .reviews-items .reviews-items-body:before {
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: -24px;
    background: url('/local/templates/infosystems/images/review-dec.svg') no-repeat 50% 50%;
    background-size: cover;
} */

.reviews #review-content {
    padding-bottom: 16px;
}

.reviews #review-content:before {
    content: '';
    display: block;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('/local/templates/infosystems/images/review-dec.svg') no-repeat 50% 50%;
    background-size: cover;
}

.reviews .reviews-items-person img {
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 20px;
    border-radius: 50%
}

.reviews .reviews-items-person {
    margin: 8px auto 0 auto;
    max-width: 150px;
    padding: 0 2px;
}

.reviews .reviews-items-person .reviews-items-person-date {
    font-size: 12px;
    color: #999999;
    margin-bottom: 7px;
    text-align: center;
    text-align: left;
}

.reviews .reviews-items-person .reviews-items-person-name {
    font-size: 16px;
    line-height: 20px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    max-width: 150px;
    text-align: left;
}

.reviews .reviews-items-person .reviews-items-person-company {
    margin-top: 10px;
    font-size: 12px;
    color: #999999;
}

.reviews .slick .reviews-items-person {
    margin-top: 0;
    pointer-events: none;
}

.reviews .slick-current .reviews-items-person .reviews-items-person-name {
    color: #4680C2;
}

.reviews-items .slick-next::before {
    content: '';
    background: url(/local/templates/infosystems/images/srt-right.png) no-repeat;
    width: 20px;
    height: 34px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.reviews-items .slick-next:hover::before {
    background: url(/local/templates/infosystems/images/srt-right-hover.png) no-repeat;
}

.reviews-items .slick-disabled.slick-next:hover::before {
    background: url(/local/templates/infosystems/images/srt-right.png) no-repeat;
}

.reviews-items .slick-prev::before {
    content: '';
    background: url(/local/templates/infosystems/images/srt_left.png) no-repeat;
    width: 20px;
    height: 34px;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}

.reviews-items .slick-prev:hover::before {
    background: url(/local/templates/infosystems/images/srt-left-hover.png) no-repeat;
}

.reviews-items .slick-disabled.slick-prev:hover::before {
    background: url(/local/templates/infosystems/images/srt_left.png) no-repeat;
}

.reviews-items .slick-prev, .reviews-items .slick-next {
    top: 10px;
    transform: translate(0, 0);
    z-index: 99;
}

@media (max-width: 575px) {
    .reviews-items .slick-prev {
        left: 0;
        bottom: -72px;
    }
    .reviews-items .slick-next {
        right: 0;
        bottom: -72px;
    }
    .reviews .reviews-items-person {
        margin: 16px auto 0 auto;
    }
}

.reviews .owl-nav, .video-reviews .owl-nav {
    text-align: center;
    margin-top: 0;
    width: auto !important;
    height: 0;
    position: relative;
}

.video-reviews .owl-nav {
    position: static;
    height: 30px;
    margin-top: 20px;
}

.video-reviews .owl-nav .icon-caret-right::before {
    right: -40px;
    top: 100px;
}

.video-reviews .owl-nav .icon-caret-left::before {
    left: -40px;
    top: 100px;
}

.reviews .owl-nav .owl-prev {
    margin-right: 100px
}

.reviews .owl-nav .owl-next {
    margin-left: 100px
}

.reviews .owl-nav .button {
    width: 25px;
    height: 25px;
    display: inline-block
}

.reviews .owl-nav .button--round::before {
    font-size: 12px !important;
    padding-top: 7px;
    display: inline-block;
    top: 30px;
}

.reviews .owl-nav .icon-caret-right::before {
    right: -40px;
}

.reviews .owl-nav .icon-caret-left::before {
    left: -40px;
}

.reviews .owl-dots, .video-reviews .owl-dots {
    text-align: center;
    margin-top: -27px;
    height: 30px
}

.reviews .owl-dots .owl-dot, .video-reviews .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #2d2d2d;
    border-radius: 50%;
    margin-right: 10px;
    outline: none
}

.reviews .owl-dots .owl-dot {
    border-radius: 0;
    background-color: #fff;
}

.reviews .owl-dots .active {
    background-color: #fff;
}

.video-reviews .owl-dots .active {
    background-color: #8cd50b
}

.reviews .reviews-facebook {
    bottom: 50px;
    left: 30px;
    position: absolute;
    display: inline-block;
    font-size: 12px;
    z-index: 99;
    color: #000
}

.reviews .reviews-facebook:hover {
    color: #77b509
}

.reviews .reviews-facebook i {
    font-size: 30px;
    color: #2e458b;
    vertical-align: middle;
    margin-left: 10px
}

.reviews-nofon {
    margin-bottom: 0px !important
}

.news-line-index button.owl-prev, .news-line-index button.owl-next {
    display: none;
}

.video-items .item-content {
    padding: 2px 20px 22px 20px;
}

@media screen and (max-width: 1199px) {
    .reviews .reviews-items .reviews-items-body {
        padding: 20px 100px;
    }
}

@media screen and (max-width: 991px) {
    .reviews .reviews-items .slick-list {
        margin: 0;
    }
    .reviews .reviews-items .reviews-items-body {
        font-size: 18px;
        line-height: 28px;
        padding: 20px 60px;
    }
}

@media screen and (max-width: 768px) {
    .reviews .reviews-facebook {
        display: none
    }
    .reviews .reviews-items .reviews-items-body {
        font-size: 16px;
        line-height: 24px;
        padding: 20px 0px;
    }
    .video-items .button_holder, .photoLine .button_holder {
        justify-content: center;
    }
}

.video-reviews .heading {
    font-size: 28px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
}

.video-reviews .news-item {
    background-color: transparent;
}

.video-reviews .news-item .play-button--sm {
    top: 96px;
}

.video-reviews .news-item .item-pic {
    height: 246px;
}

.video-reviews .news-item .item-content .title {
    height: auto;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif !important;
    font-size: 16px !important;
}

.photoLine {
    margin-bottom: 15px
}

.photoLine .owl-nav {
    text-align: center;
    margin-top: 0px;
    width: auto !important;
    height: 0
}

.photoLine .owl-nav .owl-prev {
    margin-right: 70px
}

.photoLine .owl-nav .owl-next {
    margin-left: 70px
}

.photoLine .owl-nav .button {
    width: 25px;
    height: 25px;
    display: inline-block
}

.photoLine .owl-nav .button--round:before {
    font-size: 12px !important;
    padding-top: 7px;
    display: inline-block;
    margin-right: -38px;
    margin-top: 65px;
    margin-left: -38px;
}

.photoLine .owl-dots {
    text-align: center;
    margin-top: -26px;
    height: 0;
    width: 100%;
    position: absolute;
    bottom: -10px;
}

.photoLine .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #c4c4c4;
    border-radius: 50%;
    margin-right: 10px;
    outline: none
}

.photoLine .owl-dots .active {
    background-color: #272727;
}

@media screen and (max-width: 768px) {
    .photoLine .photo-block .album--small {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .photoLine .owl-dots {
        margin-top: 0;
        height: auto;
        width: 100%;
        position: static;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 575px) {
    .photoLine .owl-nav {
        display: none;
    }
}

.handout {
    background: #eff3f3;
    margin-bottom: 10px;
    padding-bottom: 20px
}

.handout h5 {
    font-size: 18px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    margin: 0px
}

.handout .handout-item {
    display: block;
    background: url("/local/templates/infosystems/images/handout_ico.png") top left no-repeat;
    padding-left: 60px;
    padding-right: 20px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    min-height: 70px;
    line-height: 18px;
    margin-bottom: 20px;
    color: #2c2827;
    text-decoration: none;
    cursor: initial
}

.received-document {
    /* margin-bottom: 30px; */
    background-color: #F8F7F5;
    padding: 72px 0 58px 0;
}

.received-document .heading-wrapper {
    padding: 16px 0 0 0;
}

.received-document h5 {
    font-size: 28px;
    line-height: 32px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-transform: none;
    margin: 0px auto;
    margin-bottom: 40px;
}

.received-document .received-document__description {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    line-height: 24px;
    color: #272727;
    margin-bottom: 32px;
}
.received-document .received-document__pic img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    max-width: 400px;
    /*box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.08);*/
}

.received-document .received-document-item {
    margin-bottom: 20px;
    overflow: hidden
}

/* .received-document .received-document-item img {
    float: left;
    width: 120px;
    height: auto
} */

.received-document .received-document-item .received-document-item-text {
    font-size: 13px;
    line-height: 24px;
    margin-left: 170px;
    padding-right: 20px
}

@media (max-width: 991px) {
    .received-document {
        padding: 48px 0 32px 0;
    }
}

@media (max-width: 575px) {
    .received-document {
        padding: 24px 0 32px 0;
    }
}

.the-cards {
    margin-top: 28px;
    margin-bottom: 0px
}

.the-cards .the-cards-video {
    padding-top: 0px
}

.the-cards .the-cards-video .button--primary {
    font-size: 16px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    color: #999999;
    padding: 10px;
}

.the-cards .the-cards-video .button--primary:hover {
    text-decoration: none;
    color: #8CD50B;
}

.the-cards .the-cards-video .button--primary::after {
    display: none!important;
}

.the-cards .the-cards-video .button--primary .fa-youtube-play {
    background-color: #999999;
    border-radius: 50%;
    overflow: hidden;
    transition: all 300ms ease;
}

.the-cards .the-cards-video .button--primary:hover .fa-youtube-play {
    background-color: #8CD50B;
}

.the-cards .the-cards-video .button--primary .fa-youtube-play::before {
    position: relative;
    z-index: 5;
}

.the-cards .the-cards-video .button--primary .fa-youtube-play::after {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.the-cards .the-cards-date {
    text-align: right;
    position: relative;
    line-height: 20px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 22px;
    padding-top: 10px;
}

.the-cards .the-cards-date .the-cards-date__title {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-left: 10px;
}

.the-cards-date .ya-share2__item::before {
    display: none;
}

.the-cards .the-cards-date small {
    display: inline-block;
    margin-right: 0px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 15px
}

.the-cards .the-cards-date nobr a {
    display: inline-block;
    margin-right: 10px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 25px;
    padding: 7px 9px;
    color: #fff;
    background: #77b509;
    border-radius: 20px;
    text-decoration: none
}

.the-cards .the-cards-date nobr a:hover, .the-cards .the-cards-date nobr a:focus {
    color: #fff;
    text-decoration: none
}

.the-cards .the-cards-date nobr a.active {
    color: #77b509;
    background: #fff
}

.the-cards .the-cards-date nobr a.active:hover, .the-cards .the-cards-date nobr a.active:focus {
    color: #77b509;
    background: #fff
}

.the-cards .the-cards-date small {
    display: block;
    padding: 10px 0px
}

.the-cards .the-cards-date .the-cards-date-share {
    text-align: left;
    padding: 0px 0px;
    vertical-align: bottom;
    position: relative;
    display: inline-block
}

.the-cards .the-cards-date .the-cards-date-share .ya-share2__icon_more {
    height: 40px;
    width: 40px;
    background-size: 27px 27px;
    border: none;
    border-radius: 50%;
    background: transparent
}

.the-cards .the-cards-date .the-cards-date-share .ya-share2__icon_more:before {
    padding-top: 9px;
    content: '\f1e0';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 25px
}

.the-cards .the-cards-date .the-cards-date-share .ya-share2__container_size_m .ya-share2__popup_direction_bottom {
    top: 45px
}

.the-cards .the-cards-date .the-cards-date-share .ya-share2__popup {
    border-radius: 10px
}

.the-cards .the-cards-date .fancybox-media {
    text-align: center;
    line-height: 9px;
    clear: both;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px
}

.the-cards .the-cards-date .fancybox-media i {
    font-size: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.the-cards h1, .the-cards h2 {
    margin-top: 22px;
    margin-bottom: 32px;
    padding-top: 0px;
    font-size: 32px;
    color: #fff;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    text-transform: none;
}

.the-cards .the-cards-url {
    font-size: 13px;
    color: #fff;
    overflow: hidden;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    letter-spacing: 0.5px;
}

.the-cards .the-cards-url a {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

.the-cards .the-cards-url a:hover, .the-cards .the-cards-url a:focus {
    color: #8CD50B;
    text-decoration: none
}

.the-cards .the-cards-url a:after {
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    content: ' • '
}

.the-cards .the-cards-url a:last-child:after {
    display: inline-block;
    margin-right: 0px;
    margin-left: 20px;
    content: ''
}
.reg_message{
    font-size: 18px;
    line-height: 0em;
}

.the-cards .the-cards-body {
    color: #2c2827;
    background: #fff;
    padding: 0px 0px;
    border-radius: 12px;
    height: 101%;
    /*border: 1px solid #77b509*/
}

.the-cards .the-cards-body .form_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px 44px;
    padding-bottom: 0;
}
.the-card-body-items-dates-key{
    overflow: hidden;
    height: 75px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .the-cards .the-cards-date .the-cards-date__title {
        margin-left: -4px;
    }
}

@media (max-width: 767px) {
    .reg_message{
        font-size: 18px;
        line-height: 1em;
    }
    .the-cards .the-cards-date {
        margin-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 575px) {
    .the-cards .the-cards-body .form_container .the-cards-benefits, .the-cards .the-cards-body .form_container .the-cards-body-items, .the-cards .the-cards-body .form_container .the-cards-body-prise {
        flex-basis: 100%!important;
        margin-bottom: 20px;
    }
}

.the-cards .the-cards-body .form_container .the-cards-benefits, .the-cards .the-cards-body .form_container .the-cards-body-items, .the-cards .the-cards-body .form_container .the-cards-body-prise {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.the-cards .the-cards-body .form_container .the-cards-body-prise {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 24px;
}

.the-cards .the-cards-body .form_container .the-cards-body-prise span {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
}

.the-cards .the-cards-body .form_container .the-cards-body-prise small {
    margin-bottom: 8px;
}

.the-cards .the-cards-body .form_container .the-cards-benefits {
    padding: 0;
}

.the-cards .the-cards-body .the-cards-body-items {
    padding: 23px 23px 0 23px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    line-height: 24px;
}

.the-cards .the-cards-body .the-cards-body-items div {
    margin: 0px 0px;
    padding: 0px 0px;
    line-height: 23px;
    font-size: 14px
}

.the-cards .the-cards-body .the-cards-body-items h5 {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px;
    font-size: 14px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase
}

.the-cards .the-cards-body .the-cards-body-prise {
    /* padding: 18px 20px 22px 20px; */
    display: block;
    text-align: center
}

.the-cards .the-cards-body .form_container .the-cards-body-prise .the-cards .the-cards-body .the-cards-body-prise i {
    font-size: 50px;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-right: 10px
}

.the-cards .the-cards-body .the-cards-body-prise b {
    font-size: 30px;
    font-family: 'Montserrat-Black'
}

/* .the-cards .the-cards-body .the-cards-body-prise small {
    margin-left: 6px;
    font-size: 14px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    position: relative;
    text-transform: uppercase
} */

/* .the-cards .the-cards-body .the-cards-body-prise span {
    font-size: 30px;
    white-space: nowrap;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
} */

.the-cards .the-cards-body .the-cards-body-click {
    border-top: 1px solid #77b509;
    overflow: hidden;
    margin-top: 20px;
}

.the-cards .the-cards-body .the-cards-body-click .the-cards-body-click-body {
    padding: 20px 20px;
    padding-top: 30px
}

.the-cards .the-cards-body .the-cards-body-click form.SubmitFormAjax {
    display: inline;
    overflow: hidden
}

.the-cards .the-cards-body .the-cards-body-click .button--common {
    font-size: 18px;
    padding: 15px 5px;
    width: 45%;
    text-align: center;
    display: inline-block;
    line-height: 30px;
    border-radius: 30px
}

.the-cards .the-cards-body .the-cards-body-click .commercial-offer {
    padding-top: 5px;
    float: right;
    width: 50%;
    display: inline-block;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    text-align: center;
    font-size: 17px;
    color: #77b509;
    text-decoration: underline
}

.the-cards .the-cards-body .the-cards-body-click .commercial-offer:hover, .the-cards .the-cards-body .the-cards-body-click .commercial-offer:focus {
    color: #77b509;
    text-decoration: none
}

.the-cards .the-cards-body .the-cards-benefits-line {
    border-left: 1px solid #77b509
}

.the-cards .the-cards-body .the-cards-benefits {
    padding: 20px 16px 0 8px;
}

.the-cards .the-cards-body .the-cards-benefits h5 {
    font-size: 13px;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px;
    margin-left: 12px;
}

.the-cards .the-cards-body .the-cards-benefits .the-cards-benefits-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.the-cards .the-cards-body .the-cards-benefits .benefits-item {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px;
}

.the-cards .the-cards-body .the-cards-benefits .benefits-title {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    max-width: 90px;
}

.the-cards .the-cards-body .the-cards-benefits.received-document-item .the-cards-benefits-block {
    padding-left: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 575px) {
    .the-cards .the-cards-body .the-cards-benefits.received-document-item .the-cards-benefits-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.the-cards .the-cards-body .the-cards-benefits.received-document-item .benefits-item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    /* margin-left: 10px; */
    margin: 0;
}

.the-cards .the-cards-body .the-cards-benefits.received-document-item .benefits-title {
    text-align: left;
    font-size: 11px;
}

.the-cards .the-cards-body .the-cards-benefits span {
    display: inline-block;
    width: 40px;
    height: 40px
}

.the-cards .the-cards-body .the-cards-benefits span.BENEFITS_1 {
    background: url("/local/templates/infosystems/images/cours/BENEFITS_1.png") bottom center no-repeat
}

.the-cards .the-cards-body .the-cards-benefits span.BENEFITS_2 {
    background: url("/local/templates/infosystems/images/cours/BENEFITS_2.png") bottom center no-repeat
}

.the-cards .the-cards-body .the-cards-benefits span.BENEFITS_3 {
    background: url("/local/templates/infosystems/images/cours/BENEFITS_3.png") bottom center no-repeat
}

.the-cards .the-cards-body .the-cards-benefits span.BENEFITS_4 {
    background: url("/local/templates/infosystems/images/cours/BENEFITS_4.png") bottom center no-repeat
}

.the-cards .the-cards-body .the-cards-benefits span.BENEFITS_5 {
    background: url("/local/templates/infosystems/images/cours/BENEFITS_5.png") bottom center no-repeat
}

.the-cards .the-cards-body .the-cards-benefits.forms_and_time strong, .the-cards .the-cards-body .the-cards-body-items.dates strong, .the-cards .the-cards-body .the-cards-body-prise small {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    opacity: 0.5;
    letter-spacing: 0.5px;
    font-size: 13px;
    font-weight: normal;
    display: block;
    line-height: 1;
    text-align: left;
    margin-left: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.the-cards .the-cards-body .the-cards-benefits.forms_and_time div, .the-cards .the-cards-body .the-cards-benefits.forms_and_time, .the-cards .the-cards-body .the-cards-body-items.dates div {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    color: #272727;
    font-size: 16px;
    line-height: 24px;
}

.the-cards .the-cards-body .the-cards-body-prise span {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #272727;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
}

.the-cards .the-cards-body .the-cards-body-items.dates {
    margin-bottom: 16px;
    padding: 0;
    padding-left: 24px;
}

.bx-ie .the-cards .the-cards-body .the-cards-body-items.dates, .bx-ie .the-cards .the-cards-body .form_container .the-cards-body-prise {
    padding-left: 0;
    display: block;
    text-align: left;
}

.the-cards .the-cards-body .the-cards-body-prise {
    padding: 0;
}

.the-cards .the-cards-body .the-cards-line-top {
    border-left: 1px solid #77b509
}

.the-cards .the-cards-body .the-cards-line {
    margin-left: -30px !important;
    margin-right: -15px !important;
    padding-left: 30px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid #77b509
}

.the-cards .the-cards-manager-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 24px;
    margin-bottom: 30px;
    position: relative;
}

.the-cards .the-cards-manager-wrapper div:nth-child(2) {
    flex-grow: 1;
}
.the-cards-body-items-free{
    padding: 23px 23px 0 23px;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    line-height: 24px;
    margin-left: -10px;
    width: 500px;
}
@media (max-width: 506px) {
    .the-cards-body-items-free{
        width: 350px;
    }
}
@media (max-width: 360px) {
    .the-cards-body-items-free{
        width: 250px;
    }
}
@media (max-width: 991px) {
    .the-cards .the-cards-manager-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
    }
    .the-cards-manager small.pos {
        padding-left: 0!important;
    }
    .the-cards .the-cards-body-click-body {
        margin-top: 24px;
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {
    .the-cards .the-cards-body-click-body.the-cards-manager {
        flex-basis: 100%!important;
        padding-left: 0;
        width: 100%;
    }
    .the-cards .the-cards-body-click-body {
        margin-top: 0;
    }
    .the-cards-manager .b24-web-form-popup-btn-35 {
        position: absolute;
        bottom: -100px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
    }
    .the-cards .the-cards-manager {
        min-width: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 575px) {
    .the-cards .the-cards-manager .contacts a {
        display: block!important;
        margin-left: 0!important;
        margin-top: 8px!important;
        margin-bottom: 8px!important;
    }
    .the-cards .the-cards-manager .contacts a::before {
        display: none;
    }
    .the-cards .the-cards-body .the-cards-body-items.dates, .the-cards .the-cards-body .form_container .the-cards-body-prise {
        padding-left: 0;
    }
    .the-cards-body .the-cards-body-items.dates {
        order: 2;
    }
    .the-cards-body .the-cards-body-prise {
        order: 3;
    }
}

.the-cards .the-cards-manager {
    flex-basis: 33.33%;
    padding-right: 16px;
}

.the-cards .the-cards-body-click-body.the-cards-manager {
    flex-basis: 35%;
}

.the-cards .the-cards-manager {
    padding-top: 20px;
    padding-bottom: 20px;
    /* overflow: hidden; */
    color: #fff
}

.the-cards .the-cards-manager span {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    line-height: 24px;
    display: block;
    padding: 0;
    margin-bottom: 8px;
}

.the-cards .the-cards-manager img {
    float: left;
    margin-right: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -5px;
}

.the-cards .the-cards-manager small {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 12px;
    line-height: 16px;
    display: block
}

.the-cards .the-cards-manager .contacts {
    font-family: 'OpenSans-Semibold', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    margin-bottom: 8px;
}

.the-cards .the-cards-manager .contacts a {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-decoration: underline;
    display: inline-block;
    margin-left: 16px;
    position: relative;
}

.the-cards .the-cards-manager .contacts a::before {
    position: absolute;
    left: -16px;
}

.the-cards .the-cards-manager .contacts a:hover {
    text-decoration: none;
}

.item-content .date.icon-calendar {
    color: #999999!important;
    font-family: 'OpenSans-Normal', Arial, Tahoma, Sans-Serif;
    padding: 16px 0 4px 0;
}

.item-content .title {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif!important;
    font-size: 13px!important;
}

.heading-wrapper.all-news-button {
    justify-content: flex-end;
    padding: 0;
    margin: 0;
}

.heading-wrapper.all-news-button .button.button--common.button--primary:after {
    top: 11px;
}

.col-custom {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    text-align: center;
    padding: 0 15px;
}

.bx-ie .col-custom {
    padding: 0;
}

@media screen and (max-width: 991px) {
    .the-cards h2 {
        font-size: 18px
    }
    .the-cards .the-cards-body {
        min-height: auto !important
    }
    /* .the-cards .the-cards-body .the-cards-body-prise {
        padding: 30px 20px;
        display: block;
        text-align: center
    } */
    .the-cards .the-cards-body .the-cards-body-prise i {
        font-size: 35px
    }
    .the-cards .the-cards-body .the-cards-body-prise b {
        font-size: 25px;
        font-family: 'Montserrat-Black'
    }
    /* .the-cards .the-cards-body .the-cards-body-prise small {
        position: relative;
        font-size: 10px;
        text-transform: uppercase
    } */
    /* .the-cards .the-cards-body .the-cards-body-prise span {
        font-size: 25px;
        font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
    } */
    .the-cards .the-cards-manager {
        position: relative;
        padding-left: 90px
    }
    .the-cards .the-cards-manager img {
        position: absolute;
        top: 5px;
        left: 0px;
        width: 65px;
        height: 65px;
        border-radius: 50%
    }
    .the-cards .the-cards-manager {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* .the-cards .the-cards-manager span {
        font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
        font-size: 13px;
        display: inline-block;
        padding: 10px 0px
    } */
    /* .the-cards .the-cards-manager small {
        font-size: 13px;
        display: block
    } */
    .the-cards .the-cards-date {
        text-align: right
    }
    .the-cards .the-cards-date .fancybox-media {
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .the-cards h2 {
        font-size: 18px
    }
    .the-cards .the-cards-body {
        min-height: auto !important
    }
    .the-cards .the-cards-body .the-cards-line {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 15px !important
    }
    .the-cards .the-cards-body .the-cards-line-top {
        border-left: none
    }
    .the-cards .the-cards-body .the-cards-line-top h5 {
        margin-left: -15px !important;
        margin-right: -15px !important;
        padding-left: 15px !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
        border-top: 1px solid #77b509
    }
    /* .the-cards .the-cards-body .the-cards-body-prise {
        padding: 30px 20px;
        display: block;
        text-align: center
    } */
    .the-cards .the-cards-body .the-cards-body-prise i {
        display: none
    }
    .the-cards .the-cards-body .the-cards-body-prise b {
        font-size: 25px;
        font-family: 'Montserrat-Black'
    }
    /* .the-cards .the-cards-body .the-cards-body-prise small {
        position: relative;
        font-size: 10px;
        text-transform: uppercase;
        display: block;
        clear: both;
        margin-bottom: 5px
    } */
    /* .the-cards .the-cards-body .the-cards-body-prise span {
        font-size: 25px;
        font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
    } */
    .heading-wrapper.all-news-button {
        justify-content: center;
    }
    .heading-wrapper.all-news-button .button {
        text-align: center;
        min-width: auto;
    }
}

.cards-manager-modal {
    text-align: center
}

.cards-manager-modal img {
    border-radius: 50%
}

.cards-manager-modal h4 {
    font-size: 16px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    margin: 20px 0px
}

.cards-manager-modal span {
    font-size: 14px;
    display: block;
    margin-bottom: 20px
}

.cards-manager-modal strong {
    font-size: 14px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    display: block;
    margin-bottom: 5px
}

footer {
    position: relative;
    z-index: 5
}

.footer-menu-section {
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px
}

.footer-menu-section .particles-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #2d2d2d
}

.footer-menu-section .footer-menu {
    padding-right: 16px
}

.footer-menu-section .footer-menu .heading {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #7A7E82;
    font-size: 13px;
}

.footer-menu-section .footer-menu .menu-list li {
    margin-bottom: 18px
}

.footer-menu-section .footer-menu .menu-list li::before {
    display: none;
}

.footer-menu-section .logo-main {
    left: 0;
}

.footer-menu-section .logo-main .logo-ais {
    flex-basis: 56px;
    flex-shrink: 0;
}

.footer-menu-section .logo-main p {
    font-size: 14px;
}

.footer-menu-section .contacts-item {
    margin-bottom: 24px;
}

.footer-menu-section .contacts-item::before {
    display: none;
}

.footer-menu-section .contacts-item .phone, .footer-menu-section .contacts-item .email {
    color: #F8F7F5;
}

.footer-menu-section .social-icons .icon {
    width: 26px;
    height: 26px;
    margin-right: 18px;
}

.footer-menu-section .social-icons .icon::before {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.footer-menu-section .social-icons .icon-facebook::before {
    content: '';
    background-image: url('/local/templates/infosystems/images/icon-fb.svg');
}

.footer-menu-section .social-icons .icon-vk::before {
    content: '';
    background-image: url('/local/templates/infosystems/images/icon-vk.svg');
}
.footer-menu-section .social-icons .icon-telegram::before {
    content: '';
    background-image: url('/local/templates/infosystems/images/icon-telegram.svg');
}
.footer-menu-section .social-icons .icon-ydzen::before {
    content: '';
    background-image: url('/local/templates/infosystems/images/ydzen.png');
}

.footer-menu-section .social-icons .icon-youtube {
    width: 34px;
}

.footer-menu-section .social-icons .icon-youtube::before {
    content: '';
    background-image: url('/local/templates/infosystems/images/icon-yt.svg');
}
.reg_btn{
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    width: 275px;
    margin: auto;
    text-align: center;
    padding: 8px 10px;
    background: #8cd50b;
    color: black;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 56px;
    vertical-align: middle;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, sans-serif;
    color: #272727;
}
@media screen and (max-width: 768px) {
    .footer-menu-section .footer-menu .heading {
        font-size: 14px;
        cursor: pointer;
        cursor: hand;
        text-decoration: underline
    }
    .footer-menu-section .footer-menu .heading:hover {
        text-decoration: none
    }
    .footer-menu-section .footer-menu .menu-list {
        display: none
    }
    .footer-menu-section .footer-menu .menu-list li {
        display: inline-block
    }
    /* .footer-menu-section .footer-menu .menu-list li:after {
        font-size: 9px;
        content: ' / ';
        color: #fff;
        display: inline-block;
        margin-left: 7px;
        margin-right: 7px
    } */
    /* .footer-menu-section .logo-ais.icon-ais {
        display: none
    } */
    .footer-menu-section .contacts-wrapper .button {
        display: none
    }
    .footer-menu-section .contacts-item .phone {
        font-size: 14px
    }
    .footer-menu-section .contacts-item .email {
        font-size: 12px
    }
}

.footer-menu-section .footer-menu .menu-list li a {
    font-size: 13px;
    line-height: 18px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    color: #F8F7F5;
    border-bottom: 1px solid transparent
}

.footer-menu-section .footer-menu .menu-list li a:hover {
    color: #8cd50b
}

.footer-menu-section .wrapper-bottom {
    width: 100%
}

.footer-menu-section .wrapper-bottom .footer-menu {
    margin-top: 0px
}

.footer-menu-section .contacts-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    -js-display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px
}

.footer-menu-section .contacts-wrapper .contacts-item {
    width: 47%
}

.footer-menu-section .contacts-wrapper .contacts-item .phone {
    width: 168px;
    margin-right: 10px
}

.footer-menu-section .contacts-wrapper .social-icons {
    margin-right: 15px;
    background: #fff;
    padding: 4px 7px;
    border-radius: 20px;
    position: relative;
}

.footer-menu-section .contacts-wrapper .social-icons .icon:last-child {
    margin-right: 0px
}

/* .footer-menu-section .contacts-wrapper .social-icons .icon-vk:before {
    color: #4a76a8
}

.footer-menu-section .contacts-wrapper .social-icons .icon-facebook:before {
    color: #2e458b
}

.footer-menu-section .contacts-wrapper .social-icons .icon-youtube:before {
    color: #ff0000
} */

.footer-menu-section .contacts-address {
    font-family: "OpenSans-Light", Arial, Tahoma, sans-serif;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    color: #F8F7F5;
    margin-bottom: 32px;
}

.footer-menu-section .contacts-address .route {
    font-family: "OpenSans-Light", Arial, Tahoma, sans-serif;
    display: block;
    color: #F8F7F5;
    font-size: 10px;
    text-decoration: underline;
}

.contacts-address+form {
    position: relative;
}

.contacts-address+form input {
    display: block;
    width: 100%;
    border: 1px solid #4A4A4A;
    border-radius: 100px;
    box-sizing: border-box;
    background-color: transparent;
    font-family: "OpenSans-Regular", Arial, Tahoma, sans-serif;
    font-size: 13px;
    line-height: 16px;
    color: #999999;
    padding: 14px 24px 14px 44px;
}

.contacts-address+form button {
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url('/local/templates/infosystems/images/poisk-white.svg') no-repeat 50% 50%;
    background-size: contain;
    border: none;
    cursor: pointer;
}

.copyright {
    padding: 16px 0;
    background-color: #1A1A1A;
}

.copyright .copyright-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -js-display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.copyright .copyright-inner .logo-main {
    margin-right: 24px
}

.copyright .copyright-inner .copyright-content p {
    margin: 0
}

.copyright .copyright-inner .copyright-content {
    font-size: 10px;
    color: #ffffff;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
    .col-sm {
        max-width: 100%;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .col-sm-auto {
        width: auto;
        max-width: none;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col-sm-1 {
        max-width: 8.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }
    .col-sm-2 {
        max-width: 16.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }
    .col-sm-3 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .col-sm-4 {
        max-width: 33.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }
    .col-sm-5 {
        max-width: 41.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }
    .col-sm-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .col-sm-7 {
        max-width: 58.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }
    .col-sm-8 {
        max-width: 66.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }
    .col-sm-9 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .col-sm-10 {
        max-width: 83.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }
    .col-sm-11 {
        max-width: 91.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }
    .col-sm-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.33333%
    }
    .offset-sm-2 {
        margin-left: 16.66667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.33333%
    }
    .offset-sm-5 {
        margin-left: 41.66667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.33333%
    }
    .offset-sm-8 {
        margin-left: 66.66667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.33333%
    }
    .offset-sm-11 {
        margin-left: 91.66667%
    }
    .d-sm-none {
        display: none !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-table {
        display: table !important
    }
    .d-sm-table-row {
        display: table-row !important
    }
    .d-sm-table-cell {
        display: table-cell !important
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -js-display: flex !important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -js-display: inline-flex !important
    }
    .flex-sm-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important
    }
    .flex-sm-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important
    }
    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important
    }
    .flex-sm-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-sm-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-sm-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-sm-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-sm-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-sm-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-sm-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-sm-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-sm-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-sm-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-sm-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-sm-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-sm-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-sm-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-sm-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
    .col-md {
        max-width: 100%;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .col-md-auto {
        width: auto;
        max-width: none;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col-md-1 {
        max-width: 8.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }
    .col-md-2 {
        max-width: 16.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }
    .col-md-3 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .col-md-4 {
        max-width: 33.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }
    .col-md-5 {
        max-width: 41.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }
    .col-md-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .col-md-7 {
        max-width: 58.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }
    .col-md-8 {
        max-width: 66.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }
    .col-md-9 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .col-md-10 {
        max-width: 83.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }
    .col-md-11 {
        max-width: 91.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }
    .col-md-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.33333%
    }
    .offset-md-2 {
        margin-left: 16.66667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.33333%
    }
    .offset-md-5 {
        margin-left: 41.66667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.33333%
    }
    .offset-md-8 {
        margin-left: 66.66667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.33333%
    }
    .offset-md-11 {
        margin-left: 91.66667%
    }
    .d-md-none {
        display: none !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-table {
        display: table !important
    }
    .d-md-table-row {
        display: table-row !important
    }
    .d-md-table-cell {
        display: table-cell !important
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -js-display: flex !important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -js-display: inline-flex !important
    }
    .flex-md-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important
    }
    .flex-md-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important
    }
    .flex-md-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-md-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-md-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-md-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-md-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-md-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-md-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-md-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-md-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-md-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-md-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-md-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-md-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-md-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-md-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
    .col-lg {
        max-width: 100%;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .col-lg-auto {
        width: auto;
        max-width: none;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col-lg-1 {
        max-width: 8.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }
    .col-lg-2 {
        max-width: 16.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }
    .col-lg-3 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .col-lg-4 {
        max-width: 33.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }
    .col-lg-5 {
        max-width: 41.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }
    .col-lg-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .col-lg-7 {
        max-width: 58.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }
    .col-lg-8 {
        max-width: 66.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }
    .col-lg-9 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .col-lg-10 {
        max-width: 83.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }
    .col-lg-11 {
        max-width: 91.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }
    .col-lg-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.33333%
    }
    .offset-lg-2 {
        margin-left: 16.66667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.33333%
    }
    .offset-lg-5 {
        margin-left: 41.66667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.33333%
    }
    .offset-lg-8 {
        margin-left: 66.66667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.33333%
    }
    .offset-lg-11 {
        margin-left: 91.66667%
    }
    .d-lg-none {
        display: none !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-table {
        display: table !important
    }
    .d-lg-table-row {
        display: table-row !important
    }
    .d-lg-table-cell {
        display: table-cell !important
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -js-display: flex !important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -js-display: inline-flex !important
    }
    .flex-lg-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important
    }
    .flex-lg-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important
    }
    .flex-lg-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-lg-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-lg-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-lg-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-lg-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-lg-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-lg-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-lg-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-lg-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-lg-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-lg-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-lg-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-lg-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-lg-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-lg-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px
    }
    .col-xl {
        max-width: 100%;
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .col-xl-auto {
        width: auto;
        max-width: none;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
    .col-xl-1 {
        max-width: 8.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%
    }
    .col-xl-2 {
        max-width: 16.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%
    }
    .col-xl-3 {
        max-width: 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
    .col-xl-4 {
        max-width: 33.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%
    }
    .col-xl-5 {
        max-width: 41.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%
    }
    .col-xl-6 {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .col-xl-7 {
        max-width: 58.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%
    }
    .col-xl-8 {
        max-width: 66.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%
    }
    .col-xl-9 {
        max-width: 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }
    .col-xl-10 {
        max-width: 83.33333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%
    }
    .col-xl-11 {
        max-width: 91.66667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%
    }
    .col-xl-12 {
        max-width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.33333%
    }
    .offset-xl-2 {
        margin-left: 16.66667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.33333%
    }
    .offset-xl-5 {
        margin-left: 41.66667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.33333%
    }
    .offset-xl-8 {
        margin-left: 66.66667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.33333%
    }
    .offset-xl-11 {
        margin-left: 91.66667%
    }
    .d-xl-none {
        display: none !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-table {
        display: table !important
    }
    .d-xl-table-row {
        display: table-row !important
    }
    .d-xl-table-cell {
        display: table-cell !important
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -js-display: flex !important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -js-display: inline-flex !important
    }
    .flex-xl-row {
        flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important
    }
    .flex-xl-column {
        flex-direction: column !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: row-reverse !important;
        -ms-flex-direction: row-reverse !important
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -webkit-flex-direction: column-reverse !important;
        -ms-flex-direction: column-reverse !important
    }
    .flex-xl-wrap {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }
    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse !important;
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }
    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }
    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }
    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }
    .flex-xl-shrink-0 {
        -webkit-flex-shrink: 0 !important;
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }
    .flex-xl-shrink-1 {
        -webkit-flex-shrink: 1 !important;
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -webkit-justify-content: space-around !important;
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -webkit-align-items: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }
    .align-content-xl-start {
        -webkit-align-content: flex-start !important;
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }
    .align-content-xl-end {
        -webkit-align-content: flex-end !important;
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }
    .align-content-xl-center {
        -webkit-align-content: center !important;
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }
    .align-content-xl-between {
        -webkit-align-content: space-between !important;
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }
    .align-content-xl-around {
        -webkit-align-content: space-around !important;
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }
    .align-content-xl-stretch {
        -webkit-align-content: stretch !important;
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }
    .align-self-xl-auto {
        -webkit-align-self: auto !important;
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }
    .align-self-xl-start {
        -webkit-align-self: flex-start !important;
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }
    .align-self-xl-end {
        -webkit-align-self: flex-end !important;
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }
    .align-self-xl-center {
        -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
        align-self: center !important
    }
    .align-self-xl-baseline {
        -webkit-align-self: baseline !important;
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }
    .align-self-xl-stretch {
        -webkit-align-self: stretch !important;
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (max-width: 1199px) {
    .the-card-body-items-dates-key{
        height: 95px;
    }
    .header-inner .social-icons {
        display: none
    }
    /* .menu-top .menu-top-list .menu-item>a {
        font-size: 18px;
        padding: 19px 22px
    } */
    .menu-top .menu-top-list .submenu {
        top: 50px;
        width: 350px;
        padding: 30px
    }
    .menu-top .menu-top-list .submenu .submenu-item a {
        font-size: 12px;
        line-height: 20px
    }
    .net-menu {
        width: 400px;
        height: 400px
    }
    .net-menu .net-menu-item.net-menu-item--lg .menu-icon {
        width: 75px;
        height: 75px
    }
    .net-menu .net-menu-item.net-menu-item--lg .menu-icon:before {
        font-size: 40px
    }
    .net-menu .net-menu-item.net-menu-item--lg .menu-item-title {
        font-size: 14px;
        line-height: 15px;
        width: 180px
    }
    .net-menu .net-menu-item.title-position--bottom .menu-item-title {
        bottom: 40px;
        left: -115%;
        -webkit-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        transform: translateX(-60%)
    }
    .net-menu .net-menu-item.title-position--top .menu-item-title {
        top: 20px;
        left: 10%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
    .net-menu .net-menu-item.net-menu-item--md .menu-icon {
        width: 60px;
        height: 60px
    }
    .net-menu .net-menu-item.net-menu-item--md .menu-icon:before {
        font-size: 40px
    }
    .net-menu .net-menu-item.net-menu-item--md .menu-item-title {
        width: 180px;
        font-size: 12px;
        line-height: 13px
    }
    .net-menu .net-menu-item.net-menu-item--sm .menu-icon {
        width: 60px;
        height: 60px
    }
    .net-menu .net-menu-item.net-menu-item--sm .menu-icon:before {
        font-size: 35px
    }
    .net-menu .net-menu-item.net-menu-item--sm .menu-item-title {
        width: 180px;
        font-size: 12px;
        line-height: 13px
    }
    .net-menu .net-menu-item.title-position--left .menu-item-title {
        left: -190px
    }
    .net-menu .net-menu-item.title-position--right .menu-item-title {
        right: -190px
    }
    .net-menu .net-menu-item.item-2 {
        top: 30px;
        right: 35px
    }
    .net-menu .net-menu-item.item-2 .icon-bsi:before {
        font-size: 20px
    }
    .net-menu .net-menu-item.item-3 {
        top: 110px;
        right: -30px
    }
    .net-menu .net-menu-item.item-4 {
        bottom: 115px;
        right: -15px
    }
    .net-menu .net-menu-item.item-5 {
        right: 44px;
        bottom: 24px
    }
    .net-menu .net-menu-item.item-7 {
        bottom: 25px;
        left: 40px
    }
    .net-menu .net-menu-item.item-8 {
        bottom: 100px;
        left: -43px
    }
    .net-menu .net-menu-item.item-9 {
        top: 120px;
        left: -30px
    }
    .net-menu .net-menu-item.item-10 {
        top: 40px;
        left: 40px
    }
    .net-menu .net-menu-logo {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 300px;
        height: 300px
    }
    .net-menu .net-menu-logo .logo-bg {
        width: 150px;
        height: 150px;
        background: url('/local/templates/infosystems/images/logo-bg.svg') no-repeat 50% 50%;
        -webkit-background-size: contain;
        background-size: contain;
        top: 50%;
        left: 50%;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .net-menu .net-menu-logo .logo {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 100px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: url('/local/templates/infosystems/images/logo.svg') no-repeat 50% 50%;
        -webkit-background-size: contain;
        background-size: contain
    }
    .banner-slider .owl-nav {
        width: 960px
    }
    .videogallery .main-video {
        height: 500px;
        padding-top: 88px
    }
    .footer-menu-section .contacts-wrapper {
        flex-direction: column;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 7px
    }
    .footer-menu-section .contacts-wrapper .social-icons {
        margin-bottom: 10px
    }
    .search-button {
        display: flex;
        justify-content: center;
    }
    .icon-search:before {
        left: 27px;
    }
}

@media (max-width: 991px) {
    .the-card-body-items-dates-key{
        height: 75px;
    }
    p {
        font-size: 12px;
        line-height: 16px
    }
    .logo-main .logo-ais {
        width: 56px;
        height: 56px;
        margin-right: 10px;
        outline: none
    }
    .logo-main p {
        font-size: 12px;
        line-height: 16px;
        max-width: 160px
    }
    .burger-button {
        width: 90px;
        height: 90px
    }
    .news-item, .video-item {
        margin-bottom: 30px
    }
    /* .header-inner .contacts-item {
        display: none
    } */
    .burger-menu {

        top: 90px
    }
    .burger-menu .header-menu .menu-list {
        margin-bottom: 16px
    }
    .burger-menu .header-menu .menu-list li {
        margin-bottom: 10px
    }
    .burger-menu .header-menu .menu-list li a {
        font-size: 12px;
        line-height: 16px
    }
    .screen-menu {
        padding-top: 30px
    }
    .screen-menu-courses {
        padding-top: 30px !important
    }
    .screen-menu-courses-catalog {
        padding-top: 30px !important
    }
    .screen-menu-card {
        padding-top: 10px !important
    }
    .screen-menu-card-element {
        padding-top: 10px !important
    }
    .menu-top {
        display: none
    }
    .net-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        background: none;
        -js-display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .net-menu .net-menu-item {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        width: 50%;
        margin-bottom: 16px;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        -js-display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .net-menu .net-menu-item .menu-icon {
        width: 80px !important;
        height: 80px !important;
        margin-bottom: 10px
    }
    .net-menu .net-menu-item .menu-icon:before {
        font-size: 40px !important
    }
    .net-menu .net-menu-item .menu-item-title {
        font-size: 11px !important;
        line-height: 12px !important;
        position: static !important;
        width: 100% !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        text-align: center !important;
        height: 40px;
        overflow: hidden
    }
    .net-menu .net-menu-item.net-menu-item--lg .menu-item-title {
        position: static
    }
    .net-menu .net-menu-logo {
        display: none
    }
    .banner-slider .slide {
        padding-bottom: 40px
    }
    .banner-slider .owl-nav {
        width: 720px
    }
    .banner-slider .owl-dots {
        bottom: 40px
    }
    .banner-slider .form-request {
        padding: 32px 0 16px 0;
    }
    .form-request .button-wrapper {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column
    }
    .form-request .button-wrapper .button {
        width: 100%;
        margin-bottom: 16px
    }
    .form-request .button-wrapper .button:last-child {
        margin-bottom: 0
    }
    .courses-slider .slide .slide-content .slide-heading {
        margin-top: 24px;
        margin-bottom: 16px
    }
    .courses-slider .slide .slide-content .title {
        font-size: 26px;
        line-height: 34px
    }
    .courses-slider .slide .slide-content .slide-meta {
        margin-bottom: 24px
    }
    .courses-slider .slide .slide-content .price {
        margin-bottom: 16px
    }
    .videogallery .main-video {
        height: 400px;
        padding-top: 48px
    }
    .videogallery .main-video .title {
        font-size: 20px;
        line-height: 28px
    }
    .videogallery .main-video .play-button {
        width: 80px;
        height: 60px
    }
    .photogallery .heading-wrapper .heading {
        margin-bottom: 16px
    }
    .photogallery .subscribe {
        margin-right: 10px;
        padding-left: 20px
    }
    .photo-block .album--large {
        height: 280px
    }
    .photo-block .album--small {
        height: 120px
    }
    .footer-menu-section .footer-menu .menu-list li {
        margin-bottom: 10px
    }
    .footer-menu-section .footer-menu .menu-list li a {
        font-size: 12px;
        line-height: 16px
    }
    .footer-menu-section .contacts-wrapper .button {
        font-size: 11px;
        padding: 10px 20px
    }
    .copyright .copyright-inner .copyright-content p {
        margin-bottom: 5px
    }
}
@media (max-width: 767px) {
    .the-card-body-items-dates-key{
        height: 95px;
    }
    h5 {
        font-size: 14px;
        line-height: 20px
    }
    .header-inner .login-button {
        display: none
    }
    .burger-menu .header-menu .heading {
        margin-bottom: 16px
    }
    .header-inner .contacts-item {
        display: none
    }
    .search-panel {
        display: none
    }
    .screen-menu {
        padding-top: 40px
    }
    .auth-user-block {
        display: block !important
    }
    .net-menu {
        width: -webkit-calc(70%);
        width: calc(70%);
        height: auto;
        margin-top: 0;
        margin-bottom: 0!important;
    }
    .banner-slider .owl-nav {
        width: 540px
    }
    .courses {
        padding-bottom: 70px
    }
    .courses .particles-courses-left {
        width: 100%
    }
    .courses .particles-courses-right {
        display: none
    }
    .courses-slider .slide .slide-content .description {
        margin-bottom: 16px
    }
    .courses-slider .slide .slide-content .button {
        margin-bottom: 16px
    }
    .courses-slider .slide .slide-img {
        height: 400px
    }
    .courses-slider .slide .slide-content .button {
        width: 160px;
        display: block;
        margin: 0 auto 16px auto;
        text-align: center;
    }
    .courses-slider .owl-nav {
        bottom: -50px
    }
    .courses-slider .owl-dots {
        bottom: -43px
    }
    .videogallery .main-video {
        height: 300px;
        padding-top: 40px
    }
    .videogallery .main-video .title {
        font-size: 16px;
        line-height: 20px
    }
    .videogallery .main-video .play-button {
        top: 96px;
        width: 80px;
        height: 60px;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
    .photogallery .subscribe {
        display: none
    }
    .photogallery-slider .owl-stage-outer {
        overflow: hidden
    }
    .photo-block .album--large {
        height: 180px
    }
    .photo-block .album--small {
        display: none
    }
    .footer-menu-section {
        padding-top: 24px;
        padding-bottom: 16px
    }
    .footer-menu-section .footer-menu .heading {
        margin-bottom: 16px
    }
    .copyright .copyright-inner .copyright-content p {
        font-size: 10px;
        line-height: 14px
    }
}

@media (max-width: 575px) {
    .logo-main p {
        font-size: 10px;
        line-height: 14px;
        max-width: 120px
    }
    .button--common {
        padding: 8px 20px
    }
    .burger-button {
        width: 80px;
        height: 80px
    }
    .burger-menu {
        top: 80px
    }
    .net-menu .net-menu-item {
        width: 50%
    }
    .banner-slider .owl-nav {
        width: 100%
    }
    .courses-slider .slide .slide-img {
        height: 300px
    }
    .videogallery .main-video {
        display: none
    }
    .videogallery .video-items {
        margin-top: 0
    }
    .copyright .copyright-inner {
        flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .copyright .copyright-inner .logo-main {
        margin-bottom: 10px
    }
}

/* @media (max-width: 360px) {
    .logo-main .logo-ais {
        display: none
    }
} */

@media print {
    .d-print-none {
        display: none !important
    }
    .d-print-inline {
        display: inline !important
    }
    .d-print-inline-block {
        display: inline-block !important
    }
    .d-print-block {
        display: block !important
    }
    .d-print-table {
        display: table !important
    }
    .d-print-table-row {
        display: table-row !important
    }
    .d-print-table-cell {
        display: table-cell !important
    }
    .d-print-flex {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -js-display: flex !important
    }
    .d-print-inline-flex {
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -js-display: inline-flex !important
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    100% {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    25%, 75% {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    25%, 75% {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-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)
    }
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: 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, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.39063deg) skewY(.39063deg);
        transform: skewX(.39063deg) skewY(.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    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% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    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% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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 bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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)
    }
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    from {
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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)
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes bounceOutLeft {
    20% {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes bounceOutRight {
    20% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInDownBig {
    from {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInDownBig {
    from {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInLeftBig {
    from {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInLeftBig {
    from {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInRightBig {
    from {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInRightBig {
    from {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeInUpBig {
    from {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes fadeInUpBig {
    from {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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)
    }
}

@-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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    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)
    }
}

@-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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(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;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes jackInTheBox {
    from {
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes jackInTheBox {
    from {
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rollIn {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes rollIn {
    from {
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes zoomIn {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    50% {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes zoomIn {
    from {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    50% {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes zoomInDown {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes zoomInDown {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes zoomInLeft {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes zoomInRight {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes zoomInRight {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes zoomInUp {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@keyframes zoomInUp {
    from {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    60% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
    to {
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes zoomOutLeft {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes zoomOutRight {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        opacity: 1;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
    }
    to {
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        opacity: 0;
        -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'
    }
}

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

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

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

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

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

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

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

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

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

@-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)
    }
}

*/ */ p {
    line-height: 24px !important;
}

.ya-share2__link.ya-share2__link_copy:before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMkRFMzZGNjJFQjExMUU5OTM5MkVDQUQwMUVFQzk0RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMkRFMzZGNzJFQjExMUU5OTM5MkVDQUQwMUVFQzk0RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyREUzNkY0MkVCMTExRTk5MzkyRUNBRDAxRUVDOTRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyREUzNkY1MkVCMTExRTk5MzkyRUNBRDAxRUVDOTRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/qoS5gAAAwdJREFUeNq0VktLW1EQ/pKoiRqj+ACpCYoa07ryQdHgToOKioLd1oV7F1246Eq6KgUX7dY/USu4ChEVlYagoMVHNL5BEYwakvh+tDND7sXQJrm1dWA495wz95s5M9+Ze3ULCwsYGhqyA/hE6iK1ILmEST2k78fHxwMpbKHr7Ox00OglzcPfSYi0kZysJzNKI/3I4FVVVejp6UFOTk5S1EgkgrGxMWxsbOTF3n2TzF4fS4smcBa2YduYtKay1ys51wL+2ElMzFocPKs8u4M0LUYnJyfweDzY3NzE9fV13F5XV9fPZDSOO4Hf7/8NPBgMYmRkBCsrK7i6utISD9e0l9RHzh1pj8GHh4cxMDCA2tpa1XpiYkKAbTYbvF4v+vv7UV5enhD98vISk5OT2N/fFxobiP8feOPm5gY7Ozvw+Xy4uLiA1WpFZmamcP7+/l4cbG1tYXFxEbe3t6isrPyjg/T0dHl3aWmJpzY1RfX19aoR53twcBCjo6MIh8N4eHiATqdT92dnZ+F2uxOeggNTaKymyOFwqAYVFRUSLRVJXTs+PpbRbrcjEAhgZmYGBoMBLS0tKWnKVUc0GkVfX58sMnhbWxuqq6tRWFgox767u5O9srIy1NXVyfPU1JTUKJlwDV7T+Iqp2NzcLEDb29uSFu5PpaWlEjXnnOcZGRmwWCzIysrC0dERdnd3UVxcjKKiojjg+fl51cEPGt+SA9Pc3Jy8dH5+jlAoJPnn6M1mM/R6vagiubm56h1hUjxmXpyD7OzsIEX0jZ5fkFoJxMjRsZydneHg4ACnp6fCHKPRKA5ZuA7KvWlvb094AikygawnaLvvSD9zgVmXl5fhcrlweHiItbU15SZLrZ7ai76UlJSgoKAATU1NsrC3t4fV1VV57ujoQENDw783O5PJJHVQUqOkxel0/pduKjTm/KtfmdZW9USJ2kVMolq6KXfGXm563d3dcgnz8/MTGjOjpqenlalbV1NTkxSdavCShu9P/ClwpkwRMYy52Ej6lb/5GoAjMVv+4/D/EmAA5bYr5zQYaD4AAAAASUVORK5CYII=');
    background-size: cover;
    background-repeat: no-repeat;
}

.academy-customers p {
    text-align: left;
}

.program-event-text {
    height: auto;
    transition: all 0.5s;
    margin: 0 52px;
}

.program-event-text.hide {
    height: 0;
    overflow: hidden;
}

.program-event-text ul>li:before {
    content: "•";
    color: rgb(140, 213, 11);
    margin-right: 10px;
}

.program-event li h3 {
    cursor: pointer;
    margin: 0;
    padding: 32px 28px;
    padding-right: 64px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    font-size: 17px;
    line-height: 24px;
    text-transform: none;
}

.program-event .program-event-item {
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    margin-bottom: 18px;
}

.document_container {
    width: 50px;
    overflow: hidden;
    margin-right: 8px
}

.document_container img {
    max-width: 100%;
}

.the-cards-video.the-cards-date-number {
    padding-top: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: right;
    padding-right: 55px;
}

.commercial-offer {
    color: white;
}

/* .the-cards-body-click-body.the-cards-manager {
    padding-top: 40px;
} */

.the-cards .the-cards-body .the-cards-body-prise {
    display: flex;
    justify-content: space-between;
}

.the-cards .the-cards-body .the-cards-body-prise>* {
    flex: 0 1;
    line-height: 30px;
}

.nearest-courses-items-click button a {
    color: #fff !important;
}

/* .nearest-courses-items-click button,
.nearest-courses-items-click div {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;

    color: #fff;
    border: 0;
    font-size: 11px;
    line-height: 36px;

    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    background: #77b509;
    outline: none;
    color: #fff !important;
    text-align: center;
    display: block;
    margin-bottom: 7px;
    width: 100%;
    height: 36px;
} */

.nearest-courses-items-click button .item-content-click-more, .nearest-courses-items-click div .item-content-click-more {
    color: #fff!important;
}

.nearest-courses-items-click button:hover, .nearest-courses-items-click div:hover {
    background: #7CBD0A;
}

.item-content-click button {
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    color: #fff;
    border: 0;
    background: none;
    font-size: 10px;
    line-height: 20px;
    padding: 10px 25px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    background: #77b509;
    outline: none;
    color: #fff !important;
    padding: 8px 4px;
    text-align: center;
    display: block;
    margin-bottom: 7px;
    width: 100%;
}

.button_form button, .button_form .button {
    border: 0;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    padding: 22px 40px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    background: #8CD50B;
    outline: none;
    color: #272727;
    width: 100%;
    cursor: pointer;
}

.button_form a.button{
    display: block;
    text-align: center;
    color: #fff;
    white-space: nowrap;
}

.button_form a.button:after{
    display: none !important;

}
.button_form button:hover , .button_form .button:hover{
    background: #7CBD0A;
}

.program-event-text {
    font-family: 'OpenSans', Arial, Tahoma, Sans-Serif;
    line-height: 20px;
}

#PREVIEW_TEXT+div {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

/* .the-cards .the-cards-manager span {
    margin-top: 0;
    padding-top: 0;
} */

.the-cards-manager small+small {
    font-weight: bold;
}

.the-cards-manager small.pos {
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 90px;
}

.the-cards-manager small a {
    color: #77b509;
}

.the-cards-manager small a:before {
    content: '|';
    color: white;
    padding: 0 6px 0 5px;
}

.the-cards-manager .commercial-offer {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    color: #77b509;
    display: inline-block;
    text-decoration: underline;
}

.the-cards-manager .commercial-offer:hover {
    text-decoration: none;
}

.promo_block a {
    color: #dbebbd;
    text-decoration: underline;
}

.promo_block {
    padding: 35px 0;
    background: #77b509;
}

i.fa.fa-youtube-play {
    font-size: 2em;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;
}

.the-cards-benefits-bt {
    padding-right: 0px;
}

.the-cards-benefits-bt .the-cards-benefits, .received-document-item.the-cards-benefits {
    position: relative;
    /* border-bottom: 1px solid #E8E8E8; */
    /* border-right: 1px solid #77b509; */
}

.the-cards-benefits-bt .the-cards-benefits::after, .received-document-item.the-cards-benefits::after {
    content: '';
    width: calc(100% - 60px);
    height: 1px;
    background-color: #E8E8E8;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.the-cards-benefits-bt-rt {
    padding-left: 0;
}

.received-document-item.the-cards-benefits {
    padding: 10px 16px 6px 16px !important;
}

.received-document-item.the-cards-benefits .document_container img {
    margin-top: 3px;
    height: 40px;
}

.the-cards .the-cards-body .the-cards-benefits-bt .the-cards-benefits h5 {
    padding: 0px 0px 10px 0px;
    margin-left: 20px;
}

.form_container {
    min-height: 196px;
}

.the-cards-benefits strong {
    text-transform: uppercase;
    margin-bottom: 13px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    display: inline-block;
    font-size: 14px;
}

.the-cards-body-items strong {
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
}

.the-cards .the-cards-body .the-cards-body-items strong {
    padding-top: 0;
}

.the-cards-body .top_benefits .the-cards-benefits-bt .the-cards-benefits {
    height: 100%;
}

.the-cards-body .top_benefits h5 {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    color: #272727;
    opacity: 0.5;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.experts .experts-items-center {
    display: inline-block;
    margin-right: 55px;
}

.eperts-pos-desc {
    display: inline-block;
    width: 100%;
}

.experts-items-person {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    font-size: 16px;
    margin-bottom: 8px;
}

.experts-items-person>a {
    color: #272727;
    text-decoration: underline;
}

.experts-items-person-position {
    margin-bottom: 30px;
    text-align: left;
}

.experts-items-person-description {
    text-align: left;
    margin-bottom: 23px;
    font-size: 16px;
    line-height: 24px;
}

/* .experts-items-person-position a {
    background: #77b509;
    color: white;
    padding: 10px 25px;
    border-radius: 23px;
    font-size: 12px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
}

.experts-items-person-position a:hover {
    background: #8cd50b;
} */

.preview-holder {
    min-height: 333px;
}

.the-cards-body-items.dates {
    padding-top: 0px !important;
}

.the-cards-benefits.forms_and_time {
    padding-bottom: 0px !important;
}

.promo_block .promo_block-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.promo_block .promo_block-inner .get_commerse {
    padding-left: 0;
}

.promo_block .promo_block-inner .get_commerse .commercial-offer {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    max-width: 225px;
}

.promo_block .dates {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    color: white;
    font-size: 22px;
}

.promo_block .dates small {
    letter-spacing: 0.3px;
    text-transform: uppercase;
    opacity: 0.5;
    font-size: 13px;
    margin-bottom: 8px;
    display: block;
}

.promo_block .the-cards-body-prise {
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    color: white;
    font-size: 22px;
}

.promo_block .the-cards-body-prise small {
    font-size: 13px;
    text-transform: uppercase;
    opacity: 0.5;
    display: block;
    margin-bottom: 8px;
}

.promo_block .button_form button , .promo_block .button_form .button{
    background: white;
    color: #272727 !important;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    padding: 20px 40px;
    white-space: nowrap;
    cursor: pointer;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
}

.promo_block .button_form button:hover, .promo_block .button_form .button:hover {
    background: #272727;
    color: #ffffff !important;
}

.promo_block .button_form {
    text-align: right;
}

.promo_block .closest-date {
    font-size: 22px;
    /* margin-top: 5px; */
}

/* .promo_block .pirces {
    align-self: flex-end;
    padding-left: 23px;
} */

@media (max-width: 991px) {
    .promo_block .button_form {
        flex-basis: 100%;
        flex-shrink: 0;
        margin: 20px 0;
    }
    .promo_block .promo_block-inner .get_commerse {
        order: 3;
        flex-basis: 100%;
        flex-shrink: 0;
        text-align: center;
    }
}

.get_commerse {
    align-self: center;
    padding-left: 51px;
}

.item-content-click button.button.button--common.button--primary {
    padding: 6px 17px;
}

.academy-container-left p {
    text-align: left !important;
}

.preview-holder .the-cards-body-items ul li {
    line-height: 24px !important;
    font-size: 14px;
}

.experts-items-person-description {
    max-height: 75px;
    overflow: hidden;
    position: relative;
}

/* .experts-items-person-description.more:after{ */

/* content:'...'; */

/* position:absolute; */

/* bottom:0; */

/* left:0; */

/* } */

/* .the-cards-body-click-body.the-cards-manager .button_form {
    text-align: right;
} */

/* .the-cards-body-click-body.the-cards-manager .button_form button {
    font-size: 19px;
} */
@media (max-width:991px) {
    .net-menu {
        width: 550px;
        margin-bottom: 40px;
    }
    .net-menu .net-menu-item {
        display: inline-block;
    }
    .net-menu .net-menu-item .menu-icon {
        float: left;
        margin-right: 10px;
    }
    .net-menu .net-menu-item .menu-item-title {
        display: flex;
        margin-top: 12px;
        width: 157px !important;
        align-items: center;
        text-align: left !important;
    }
    .the-cards-body-click-body.the-cards-manager {
        padding-left: 90px;
    }
    /* .the-cards-body-click-body.the-cards-manager .button_form button {
        padding: 10px 38px;
        font-size: 16px;
    } */
    .promo_block .pirces {
        align-self: center;
    }
    .get_commerse {
        padding-left: 13px;
    }
}
@media (max-width: 590px) {
    .net-menu {
        width: 450px;
    }
}
@media (max-width: 465px) {
    .net-menu {
        width: 350px;
    }
}
@media (max-width: 365px) {
    .net-menu {
        width: 250px;
    }
}

@media (max-width:991px) {
    .button_form a.button{
        margin: 7px 0;
    }
}
@media (min-width:768px) {
    .experts .experts-items-center img {
        width: 120px;
        height: auto;
        margin-right: 10px;
        max-width: 100%;
    }

}

@media (max-width:767px) {
    .experts .experts-items {
        text-align: center;
        padding-top: 16px;
    }
    .experts .experts-items img {
        float: none;
        width: 150px;
        height: 150px;
        margin: 0 auto;
        margin-bottom: 38px;
    }
    .experts .experts-items .experts-items-person {
        margin-left: 0;
    }
    .experts .experts-items .experts-items-person-position {
        margin-left: 0;
        text-align: center;
    }
    /* .experts-slider .owl-nav {
        height: 0;
    } */
    .experts-slider.row {
        margin: 0;
    }
    .experts-slider .owl-dots {
        position: absolute;
        /* bottom: 250px; */
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }
    .experts-slider .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        margin-right: 10px;
        -webkit-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #C4C4C4;
    }
    .experts-slider .owl-dots .owl-dot:hover {
        background-color: #8CD50B;
    }
    .experts-slider .owl-dots .owl-dot.active {
        background-color: #272727;
    }
    .experts-slider .icon-caret-right::before, .experts-slider .icon-caret-left::before {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .experts .button_holder {
        justify-content: center;
    }
    .button_form a.button{
        margin: 7px 0;
    }
}

@media (max-w    .button_form a.button{
        margin: 7px 0;
    }idth:568px) {
    .net-menu {
        width: 100%;
        padding-left: 20px;
    }
}

@media (max-width:500px) {
    .net-menu .net-menu-item {
        width: 80%;
        margin: 0px auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .received-document-item.the-cards-benefits .document_container img {
        height: 37px;
    }
    /* .the-cards .the-cards-body .the-cards-body-prise span {
        margin-right: 150px;
    } */
}

.IE {
    display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .IE {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        background: white !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 99 !important;
        padding: 25px !important;
    }
    .bx-ie .container.topbox.fixet-top {
        position: fixed !important;
    }
}

.bx-ie .header.fixet-top .header-top, .bx-edge .header.fixet-top .header-top {
    position: fixed;
}

.up-btn {
    position: fixed;
    right: 40px;
    bottom: 140px;
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    z-index: 55;
    cursor: pointer;
}

.up-btn::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/local/templates/infosystems/images/arrow-down-gray.svg');
    background-repeat: no-repeat;
    background-position: 50% 55%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
}

.up-btn:active {
    bottom: 42px;
}

@media (max-width: 991px) {
    .up-btn {
        display: none !important;
        right: 20px;
    }
}

@media (max-width: 575px) {
    .up-btn {
        right: 10px;
    }
}

.pic_content {
    text-align: center;
    margin-bottom: 15px;
}

.pic_content img {
    max-width: 100%;
    max-height: 150px;
    margin: 0 auto;
}

.business_table {
    display: flex;
}

.business_table>div {
    flex: 0 1;
    flex-basis: 25%;
    text-align: center;
}

.cookiesAgreement-module-root-2INjMM {
    background: #f5f5f5;
    border-radius: 5px;
    max-width: 363px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 10005000;
}

.cookiesAgreement-module-close-26BEzs {
    display: block;
    width: 30px;
    height: 29px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxMi4zNzRsNi4xODctNi4xODcgMS43NjggMS43NjgtNi4xODcgNi4xODcgNi4xODcgNi4xODctMS43NjggMS43NjhMMTUgMTUuOTFsLTYuMTg3IDYuMTg3LTEuNzY4LTEuNzY4IDYuMTg3LTYuMTg3LTYuMTg3LTYuMTg3IDEuNzY4LTEuNzY4TDE1IDEyLjM3NHoiIGZpbGw9IiNCNEI1QjgiLz48L3N2Zz4=");
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 12px;
}

.cookiesAgreement-module-heading-3ZY2jY {
    line-height: 20px;
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    font-weight: 700;
}

.cookiesAgreement-module-text-2IUAt6 {
    line-height: 18px;
    font-size: 12px;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 19px;
}

.cookiesAgreement-module-text-2IUAt6 a {
    color: #8cd50b;
    text-decoration: none;
    font-weight: 700;
}

.Button-module-button-27Ont_ {
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Circe, sans-serif;
    margin: 0;
    overflow: hidden;
    outline: none;
    padding: 0;
    position: relative;
    text-align: center;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: top;
    white-space: nowrap;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.Button-module-color-blue-17N3OV {
    background: #8cd50b;
    color: #fff;
}

.Button-module-size-s-1mL992 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    min-width: 140px;
    height: 40px;
}

@media screen and (min-width:1240px) {
    .Button-module-size-s-1mL992 {
        padding: 11px 28px;
    }
}

.Button-module-fluid-3NOtLW {
    width: 100%;
}

.Button-module-color-blue-17N3OV.Button-module-opacity-3DmbtQ {
    background: transparent;
    border: 1px solid #8cd50b;
    color: #8cd50b;
}

.Button-module-color-blue-17N3OV:active, .Button-module-color-blue-17N3OV:hover {
    background: #8cd50b;
    color: white;
}

.Button-module-color-blue-17N3OV.Button-module-opacity-3DmbtQ:hover {
    background: transparent;
    color: #8cd50b;
    border: 1px solid #8cd50b;
}

header {
    position: relative;
    z-index: 501;
}
.grecaptcha-badge {
    visibility: hidden;
}
.winter-bg {
    display: none !important;
    background: url("/local/templates/infosystems/images/cristmas_1.png");
    background-size: auto 25px;
    background-repeat: repeat-x;
    width: 100%;
    height: 25px;
    position: absolute;
    z-index: 1002;
    top: 0;
}

.fixet-top .winter-bg {
    position: fixed;
}

/*Правка пересечений в шаблоне*/

.have-margin-top {
    margin-top: 25px;
}

.nearest-courses.custom-nearest-courses {
    background: transparent;
}

.custom-nearest-courses .nearest-courses-items-click div {
    width: 100%;
    height: auto;
}

/*отзывы письма*/

@media (min-width: 992px) {
    .modal-fh {
        max-width: 992px;
    }
}

@media (min-width: 992px) {
    .modal-mid {
        max-width: 570px;
    }
}

.hidden-xs-up {
    display: none;
}

@media(max-width: 768px) {
    .hidden-xs-up {
        display: block;
    }
    .hidden-xs-down {
        display: none;
    }
    .cookiesAgreement-module-root-2INjMM {
        max-width: 100%;
        width: 100%;
        left: 0;
    }
}

/* Spinner*/

body.is-loading:after {
    content: "";
    position: fixed;
    z-index: 1231;
    top: -85px;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    opacity: .5;
}

.page-content-spinner-block {
    position: fixed;
    z-index: 1300;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px;
    pointer-events: none;
}

body.is-loading .ui-spinner {
    opacity: 1;
}

body .ui-spinner {
    opacity: 0;
}

.ui-spinner {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: url(/local/templates/infosystems/images/spinner.svg) no-repeat 0 0;
    background-size: contain;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .2s;
    -webkit-animation: spinner 1.3s linear infinite;
    animation: spinner 1.3s linear infinite;
}

/** Формы **/

.form-container {
    margin: 0 auto;
    max-width: 600px;
}

@media screen and (max-width: 600px) {
    .form-container {
        max-width: 100%;
    }
}

.forms .row {
    padding-bottom: 20px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

.forms input, .forms select, .forms textarea, .forms button {
    -webkit-appearance: none;
}

.forms .row input[type=text], .forms .row input[type=email], .forms .row input[type=url], .forms .row input[type=number], .forms .row input[type=password], .forms .row input[type=tel], .forms .row textarea, .forms .row select {
    height: 50px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: #f6f6f6;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-left: 19px;
    padding-right: 19px;
    font-style: normal;
}

.forms .row input[type=text]:focus-visible, .forms .row input[type=email]:focus-visible, .forms .row input[type=url]:focus-visible, .forms .row input[type=number]:focus-visible, .forms .row input[type=password]:focus-visible, .forms .row input[type=tel]:focus-visible, .forms .row textarea:focus-visible, .forms .row select:focus-visible {
    outline: none;
    border: 1px solid rgba(166, 220, 0, 1);
}

.forms .row input[type=text]::placeholder, .forms .row input[type=email]::placeholder, .forms .row input[type=url]::placeholder, .forms .row input[type=number]::placeholder, .forms .row input[type=password]::placeholder, .forms .row input[type=tel]::placeholder, .forms .row textarea::placeholder {
    opacity: 0.5;
}

.forms .row textarea {
    height: 90px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.forms .row input:-webkit-autofill, .forms .row input:-webkit-autofill:hover, .forms .row input:-webkit-autofill:focus, .forms .row input:-webkit-autofill:active, .forms .row textarea:-webkit-autofill, .forms .row textarea:-webkit-autofill:hover, .forms .row textarea:-webkit-autofill:focus, .forms .row textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.forms .row input::-webkit-input-placeholder, .forms .row textarea::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 500;
}

.forms .row input::-moz-placeholder, .forms .row textarea::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-weight: 500;
}

.forms .row .select {
    position: relative;
    width: 100%;
}

.forms .row .select::after {
    position: absolute;
    width: 10px;
    height: 6px;
    display: block;
    font-size: 0;
    line-height: 0;
    z-index: 2;
    top: 50%;
    margin-top: 14px;
    right: 14px;
    content: ' ';
    background: url(/local/templates/infosystems/images/adown.png) no-repeat 50% 50%;
    background-size: contain;
}

.forms .row .select select {
    padding-right: 38px;
    position: relative;
    z-index: 1;
}

.forms .row .select select::-ms-expand {
    display: none;
}

.forms .row .hint {
    font-size: 12px;
    line-height: 1.3;
    color: #000;
    margin-top: -10px;
}

.forms .row .hint a {
    border-bottom: 1px solid #000;
    color: #000;
    transition: border-bottom-color ease 0.3s;
}

.forms .row .hint a:hover {
    border-bottom-color: transparent;
}

.forms .row input.invalid, .forms .row textarea.invalid {
    border: 1px solid #f13333;
}

.forms .row .invalid_message {
    color: #f13333;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 12px;
    left: 0;
    padding-left: 20px;
}

.forms .row .valid_message {
    display: none;
}

.forms .btn {
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    height: 48px;
    padding: 0 10px;
    background: rgb(124, 189, 10);
    transition: background ease 0.3s;
    cursor: pointer;
    outline: none;
    border: none;
    position: relative;
}

.forms .input-password {
    position: relative;
}

.forms input::-ms-clear {
    display: none;
}

.forms .input-password input {
    position: relative;
    z-index: 1;
    padding-right: 44px;
}

.forms .input-password .eye {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 14px;
    width: 20px;
    height: 100%;
    display: block;
    background: url(/local/templates/infosystems/images/eye.svg) no-repeat 50% 50%;
    background-size: 19px auto;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}

.forms .input-password .eye:hover {
    background-image: url(/local/templates/infosystems/images/eye-on.svg);
    background-size: 19px auto;
}

.forms .input-date {
    position: relative;
}

.forms .input-date::after {
    position: absolute;
    z-index: 1;
    right: 14px;
    display: block;
    height: 100%;
    top: 0;
    width: 20px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/local/templates/infosystems/images/cal.svg);
    content: ' ';
    font-size: 0;
    line-height: 0;
}

.forms .input-date input {
    position: relative;
    background-color: transparent !important;
    z-index: 2;
    padding-right: 44px;
}

.forms .row .label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 10px;
    opacity: 0.5;
}

.form .row-checkbox {
    padding-bottom: 30px;
    position: relative;
}

.forms .row-checkbox .label {
    display: block;
    position: relative;
    padding-left: 38px;
    line-height: 19px;
    font-weight: 500;
    font-size: 12px;
}

.forms .row-checkbox .label input {
    display: block;
    position: absolute;
    z-index: 1;
    width: 19px;
    height: 19px;
    -webkit-box-shadow: 0px 0px 0px 1px rgb(207, 211, 225);
    box-shadow: 0px 0px 0px 1px rgb(207, 211, 225);
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.forms .row-checkbox .label input[type=radio] {
    border-radius: 50%;
}

.forms .row-checkbox .label input[type=checkbox] {
    border-radius: 5px;
}

.forms .row-checkbox .label input[type=checkbox]:checked {
    background: url(/local/templates/infosystems/images/checkbox.svg) no-repeat 50% 50%;
    background-size: 9px auto;
}

.forms .row-checkbox .label input[type=radio]:checked {
    background: url(/local/templates/infosystems/images/dot.png) no-repeat 50% 50%;
    background-size: 7px auto;
}

.forms .file .field {
    height: 40px;
    width: 100%;
    border: 1px solid #cfd3e1;
    border-radius: 5px;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-left: 19px;
    padding-right: 125px;
    position: relative;
    z-index: 1;
}

.forms .file .field .fake-btn {
    background: #000;
    height: 40px;
    position: absolute;
    z-index: 1;
    color: #fff;
    line-height: 40px;
    width: 105px;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.forms .file:hover .field .fake-btn {
    background: #000;
}

.form .file .progress {
    height: 40px;
    overflow: hidden;
    position: relative;
}

.forms .file .progress input {
    position: absolute;
    line-height: 1000px;
    left: 0;
    bottom: 0;
    z-index: 3;
    font-size: 1000px;
    opacity: 0;
}

.forms .file .done {
    display: none;
}

.forms .file.append .progress {
    display: none;
}

.forms .file.append .done {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    padding-right: 20px;
    margin-top: 11px;
    margin-bottom: 11px;
}

.forms .file.append .done .btn-remove-file {
    display: block;
    height: 18px;
    width: 16px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    background: url(/local/templates/infosystems/images/cross.svg) no-repeat 50% 50%;
    background-size: 8px auto;
    cursor: pointer;
}

.forms .file.append .done .btn-remove-file:hover {
    background-image: url(/local/templates/infosystems/images/cross-on.svg);
}

.forms .file.append .done .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.forms .row-checkbox {
    padding-bottom: 10px;
}

/* Popup */

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    transition: opacity .36s, visibility .36s;
    visibility: hidden;
    z-index: 99;
}

.overlay.is-active {
    opacity: 1;
    visibility: visible;
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 95%;
    opacity: 0;
    border: none;
    transition: opacity .36s, visibility .36s;
    visibility: hidden;
    width: 640px;
    border-radius: 15px;
    background-color: white;
    padding: 30px;
    overflow: auto;
    z-index: 100;
}

/* new header */

.header.new-custom .contacts-item {
    flex-direction: row;
    padding-left: 20px;
    padding-right: 80px;
}

.header.new-custom .menu-top .menu-top-list .menu-item {
    background-image: url('/local/templates/infosystems/images/drop-new.png');
    background-size: 8px;
    background-position: 90% 52%;
    background-repeat: no-repeat;
}

.header.new-custom .menu-top .menu-top-list li.menu-item:nth-child(5) {
    background: none;
}

.header.new-custom .menu-top .menu-top-list .menu-item>a {
    text-transform: none;
}

.header.new-custom .menu-top .menu-top-list .menu-item:after {
    display: none;
}

.header.new-custom .contacts-item a.phone {
    margin-right: 25px;
}

@media screen and (max-width: 1240px) {
    .popup {
        padding: 30px;
    }
}

@media screen and (max-width: 600px) {
    .popup {
        width: 90%;
    }
}

@media screen and (max-width: 400px) {
    .popup {
        padding: 30px 25px;
    }
}

.popup.is-active {
    opacity: 1;
    visibility: visible;
}

.popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    display: block;
    width: 25px;
    height: 25px;
    font-size: 25px;
    cursor: pointer;
    transition: color .36s;
    z-index: 9;
    color: #a4a8b5;
}

@media screen and (max-width: 1240px) {
    .popup-close {
        font-size: 16px;
        width: 16px;
        height: 16px;
        right: 15px;
        top: 15px;
    }
}

.icon-close::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background-image: url("/local/templates/infosystems/images/close.svg");
    background-size: contain;
    transform: rotate(45deg);
}

.popup-close:hover {
    transform: rotate(360deg);
    transition: all .3s linear;
}

.popup a {
    color: #77b509;
    text-decoration: underline;
}

.popup-title {
    margin: 0 0 25px;
    text-align: left;
    text-transform: inherit;
    font-size: 20px;
}

@media screen and (max-width: 1240px) {
    .popup-title {
        font-size: 25px;
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .popup-title {
        margin: 0 0 15px;
    }
}

.popup-subtitle {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 30px;
}

@media screen and (max-width: 1240px) {
    .popup-subtitle {
        font-size: 16px;
        margin: 0 0 25px;
    }
}

@media screen and (max-width: 600px) {
    .popup-subtitle {
        margin: 0 0 20px;
    }
}

.form-error {
    color: #f13333;
}

.thank-container {
    margin-top: 100px;
    margin-bottom: 260px;
    text-align: center;
}
.header  .logo-wrap , .eye-wrap{
    display: flex;
    align-items: center;
}
.header  .eye-wrap p{
    color: #272727;
    text-transform: none;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    max-width: 200px;
}
.header  .eye-wrap .eye-ais {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    background: url('/local/templates/infosystems/images/eye.png') 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}
.header .cart-body {
    display: none !important;
}
@media (max-width: 768px) {
    .header  .eye-wrap p{
        font-size: 14px;
        font-weight: 400;
        line-height: 1.2;
    }
}
@media (max-width: 480px) {
    .header  .eye-wrap p{
        font-size: 12px;
    }
}
.list
{
    max-height: 245px;
    overflow: auto !important;
}
.list::-webkit-scrollbar {
    width: 10px; /* в основном для вертикальных полос прокрутки */
    height: 10px; /* в основном для горизонтальных полос прокрутки */
}
.list::-webkit-scrollbar-thumb { /* плашка-бегунок */
    background: #8cd50b;
    border-radius: 10px;
}
.list::-webkit-scrollbar-track { /* фон */
    background-color: transparent;
    height: 10px;
}
/* End */


/* Start:/local/templates/infosystems/css/add.css?174300966840664*/
header.header.fixet-top {
    z-index: 100;
}
.play-button{
	cursor:pointer;
}
.showWait {
    z-index: 1050;
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 60px;
    height: 60px;
    background-color: #eff3f3
}
.custom-detail-course .catalog-element ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.showWait img {
    display: inline-block;
    width: 60px;
    height: 60px
} 
.price-page {
    position: relative;
}
.price-page .top-block{
	padding: 40px 0px;
}
.price-page .top-block a i{
	margin-left:10px;
}
.price-page .top-block a{
    background: #222;
    padding: 10px 25px;
    color: #fff;
    font-size: 18px;
    border-radius: 60px;
}
section.academy-customers a,
section.main a,
section.academy-information a,
section.academy-container-about-fon a,
section.about-privacy a,
section.about-vacancies a,
div.experts-detail-text a,
section.personal-order-make a,
section.user-certificates a,
.academy-container .academy-container-left a {
    color: #77b509;
    text-decoration: underline
}

section.academy-customers a:hover,
section.main a:hover,
section.academy-information a:hover,
section.academy-container-about-fon a:hover,
section.about-privacy a:hover,
section.about-vacancies a:hover,
div.experts-detail-text a:hover,
section.personal-order-make a:hover,
section.user-certificates a:hover,
.academy-container .academy-container-left a:hover,
section.academy-customers a:focus,
section.main a:focus,
section.academy-information a:focus,
section.academy-container-about-fon a:focus,
section.about-privacy a:focus,
section.about-vacancies a:focus,
div.experts-detail-text a:focus,
section.personal-order-make a:focus,
section.user-certificates a:focus,
.academy-container .academy-container-left a:focus {
    color: #8cd50b;
    text-decoration: none
}

.bx-pagination {
    display: block;
    width: 100%
}

.lineWidth {
    margin-top: 20px;
    background: url(/local/templates/infosystems/images/partners_fon_2.png) top left repeat-x;
    z-index: 9;
    margin-left: calc(0vw);
    width: 100vw;
    height: 30px
}

.cart-body span {
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    margin-left: 0px;
    line-height: 12px;
    color: #fff
}

.cart-body span small {
    font-size: 11px;
    color: #fff;
    font-family: 'Montserrat', Arial, Tahoma, Sans-Serif
}

#mycabBody {
    position: relative
}

#mycabBody .dropdown-menu {
    display: none;
    position: absolute;
    background: #8cd50b;
    float: left;
    min-width: 150px;
    padding: 10px 0px 5px 0px;
    margin: 12px 0 0;
    list-style: none;
    z-index: 1000;
    border-radius: 5px;
    font-size: 12px
}

#mycabBody .dropdown-menu:before {
    content: '';
    position: absolute;
    left: 10px;
    top: -18px;
    border: 10px solid transparent;
    border-bottom: 10px solid #8cd50b
}

#mycabBody .dropdown-menu li {
    padding: 2px 10px !important;
    margin-bottom: 5px;
    text-transform: uppercase
}

#mycabBody .dropdown-menu li a {
    padding: 0px 0px;
    outline: none;
    color: #fff;
    text-decoration: none
}

#mycabBody .dropdown-menu li a:hover,
#mycabBody .dropdown-menu li a:focus {
    background: none;
    color: #fff;
    text-decoration: underline
}

#mycabBody #mycab:before {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
    display: block;
    height: 5px;
    margin-top: -3px;
    pointer-events: none;
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}

#mycabBody button.active:before {
    -webkit-transform: rotate(-135deg) !important;
    -ms-transform: rotate(-135deg) !important;
    transform: rotate(-135deg) !important
}

/* .page-header {
    position: relative;
    border: none;
    margin: 0px 0px;
    padding: 0px 0px 20px 0px
} */

 .page-header h1.custom-title-top {
    color: #fff;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 24px;
    text-transform: uppercase;
    margin: 0px 0px
} 

/* .page-header h1.courses-filter {
    display: inline-block;
    margin-right: 55px;
    font-size: 20px
} */

.page-header .popular-coursers-filter-click {
    position: absolute;
    right: 0px;
    top: 5px;
    text-decoration: underline;
    font-size: 12px;
    margin-right: 50px;
    display: inline-block;
    /* float: right; */
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    color: #77b509
}

.page-header .popular-coursers-filter-click:after {
    right: -50px;
    top: -15px;
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    content: '';
    background: url("/local/templates/infosystems/images/filter_ico_40.png") center center no-repeat
}

@media screen and (max-width: 768px) {
    /* .page-header h1 {
        font-size: 20px
    } */

    .about-privacy h2 {
        font-size: 16px
    }
}

.main {
    margin-bottom: 30px
}

.main a {
    color: #77b509;
    text-decoration: none
}

.main a:hover,
.main a:focus {
    color: #8cd50b;
    text-decoration: underline
}

.main a.button {
    text-decoration: none;
    color: #fff
}

.main a.button:hover,
.main a.button a:focus {
    color: #fff;
    text-decoration: underline
}

.main .sale-personal-section-index-block-link {
    color: #fff !important
}

.main .sale-personal-section-index-block.bx-theme-green {
    background: -webkit-linear-gradient(45deg, #8cd50b, #64be23, #8cd50b);
    background: -o-linear-gradient(45deg, #8cd50b, #64be23, #8cd50b);
    background: linear-gradient(45deg, #8cd50b, #64be23, #8cd50b);
    background-position: 100% 50%;
    -webkit-background-size: 200% 200%;
    background-size: 200%;
    outline: none
}

.bx-breadcrumb {
    color: #fff
}

.bx-breadcrumb a {
    color: #fff;
    /* text-decoration: underline */
}

.bx-breadcrumb a:hover,
.bx-breadcrumb a:focus {
    color: #fff;
    text-decoration: none
}

.modal-header .close {
    opacity: 1
}

.modal-header button.close span {
    color: #fff;
    background-color: #8cd50b;
    border-radius: 20px;
    padding: 4px 8px;
    margin: 0px 0px;
    opacity: 1;
    font-size: 20px;
    display: block
}

.modal-body {
    background-color: #eff3f3
}

.modal-body a {
    color: #77b509;
    text-decoration: none
}

.modal-body a:hover,
.modal-body a:focus {
    color: #8cd50b;
    text-decoration: underline
}

.modal-body .starrequired {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    color: #db0000;
    font-size: 18px
}

.modal-footer {
    background-color: #eff3f3
}

.form-group {
    margin-bottom: 10px
}

.form-group label {
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    padding-left: 2px;
    padding-bottom: 5px;
    font-size: 15px;
    display: block
}

.form-group .starrequired {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    color: #db0000;
    font-size: 18px
}

.form-group .req-notice {
    font-size: small;
    color: #db0000;
    display: block
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #2c2827;
    background-clip: padding-box;
    border: 2px solid #fff;
    background-color: #fff;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    outline: none
}

.form-control:hover,
.form-control:focus {
    border-color: #8cd50b
}

section.main .form-control {
    border: 2px solid #ced4da;
    background-color: #ced4da
}

section.main .form-control:hover,
section.main .form-control:focus {
    border-color: #8cd50b
}

label.cbLabel {
    padding-left: 0px
}

label.cbLabel>input[type=checkbox] {
    display: none
}

label.cbLabel>span {
    background: #fff;
    border: solid 3px #ced4da;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    vertical-align: middle;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

label.cbLabel>input[type=checkbox]:checked+span {
    color: #8cd50b !important;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px
}

label>input[type=checkbox]:checked+span:before {
    content: "\e013"
}

.alert {
    padding: 10px 15px;
    margin-bottom: 5px;
    border: 2px solid transparent;
    border-radius: 20px;
    font-size: 14px;
    line-height: normal
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.ADD2BASKETBYPRODUCTID {
    text-align: center;
    margin-bottom: 5px
}

.ADD2BASKETBYPRODUCTID strong {
    display: block;
    margin-bottom: 5px
}

.ADD2BASKETBYPRODUCTID p {
    margin-bottom: 15px;
    font-size: 12px
}

.ADD2BASKETBYPRODUCTID img {
    margin: 0px auto;
    border-radius: 7px;
    width: 100%;
    height: auto;
    margin-bottom: 7px;
    display: inline-block
}

.ADD2BASKETBYPRODUCTID a {
    text-decoration: none
}

.ADD2BASKETBYPRODUCTID a:hover,
.ADD2BASKETBYPRODUCTID a:focus {
    text-decoration: none
}

.bx-filter-calendar-container .input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.bx-filter-calendar-container .input-group .input-group-addon {
    padding: 2px 5px;
    font-size: 25px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #fff;
    border: 0px solid #ccc;
    border-radius: 0px;
    width: 58px;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell !important
}

.bx-filter-calendar-container .input-group .form-control {
    display: table-cell !important
}

.bx-filter-input-checkbox input[type=checkbox] {
    display: none
}

.bx-filter-input-checkbox strong {
    background: #fff;
    border: solid 3px #ced4da;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 1px;
    vertical-align: middle
}

.bx-filter-input-checkbox>input[type=checkbox]:checked+strong {
    color: #8cd50b !important;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px
}

.bx-filter-input-checkbox>input[type=checkbox]:checked+strong:before {
    content: "\e013"
}

.catalog-element #infoBlockHide {
    display: none
}

.catalog-element .hide-more {
    display: block;
    margin-bottom: 20px
}

.catalog-element .hide-detail-text {
    cursor: pointer;
    cursor: hand;
    display: none;
    margin-bottom: 20px;
    color: #8cd50b;
    font-size: 14px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}
.news-block-in .news-detail-text img{
	margin:15px 0;
}
.field_image {
    text-align: center
}

.field_image img {
    margin: 0px auto
}
.about-contacts div.p-gray{
	background: #eff3f3;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px 30px;
}
.center-btn{
	text-align:left;
}
.center-btn button{
    background: #8CD50B;
    border-radius: 4px;
    padding: 14px 35px;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
    letter-spacing: 1px;
    border: 0px;
    font-size: 12px;
    line-height: 20px;
}

.about-contacts {
    margin-bottom: 30px
}

.about-contacts h3 {
    font-size: 18px;
    margin-bottom: 30px
}

.about-contacts p {
    font-size: 14px;
    line-height: 24px
}

.about-contacts p.p-gray {
    background: #eff3f3;
    border-radius: 20px;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 20px
}

.about-contacts .SubmitFormAjax {
    background: #eff3f3;
    padding: 0px 20px 20px 20px;
    border-radius: 20px
}

.about-contacts .SubmitFormAjax h3 {
    padding-left: 5px
}

.about-contacts .SubmitFormAjax .form-group label {
    padding-left: 5px;
    padding-top: 10px;
    font-size: 12px
}

.about-contacts .SubmitFormAjax .form-group .req-notice {
    padding-left: 15px;
    font-size: 11px
}

.about-contacts .SubmitFormAjax .CAPTCHA img {
    margin: 0px auto;
    display: block
}

.SubmitFormAjax .nice-select {
    height: auto;
    line-height: 1.5;
    padding: .375rem .75rem;
    border: 2px solid #e3e7e7;
    background-color: #e3e7e7;
    border-radius: 20px;
    width: 100%
}

.SubmitFormAjax .nice-select .current {
    display: block;
    font-size: 13px;
    width: 95%;
    overflow: hidden
}

.SubmitFormAjax .nice-select .list {
    border-radius: 19px
}

.shareYandex {
    position: relative
}

.shareYandex .ya-share2__list {
    float: right;
    margin-top: 0px
}

.shareYandex .ya-share2__icon_more {
    height: 30px !important;
    width: 30px !important;
    background-size: 30px 30px !important;
    border: none;
    border-radius: 15px;
    background: #77b509
}

.shareYandex .ya-share2__icon_more:before {
    padding-top: 3px !important;
    content: '\f1e0';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 17px !important
}

.shareYandex .ya-share2__icon_more:hover {
    background: #eff3f3
}

.shareYandex .ya-share2__icon_more:hover:before {
    color: #77b509
}

.news-list .news-list-item {
    margin-bottom: 30px;
    padding: 20px 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    display: block
}

.news-list .news-list-item:hover {
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3)
}

.news-list .news-list-item:hover .ya-share2__icon_more {
    background: #77b509
}

.news-list .news-list-item:hover .ya-share2__icon_more:before {
    color: #fff
}

.news-list .news-list-item .ya-share2__list {
    float: right
}

.news-list .news-list-item .ya-share2__icon_more {
    height: 27px;
    width: 27px;
    background-size: 27px 27px;
    border: none;
    border-radius: 15px;
    background: #eff3f3
}

.news-list .news-list-item .ya-share2__icon_more:before {
    padding-top: 2px;
    content: '\f1e0';
    color: #77b509;
    font-family: 'FontAwesome';
    font-size: 15px
}

.news-list .news-list-item .ya-share2__icon_more:hover {
    background: #77b509
}

.news-list .news-list-item .ya-share2__icon_more:hover:before {
    color: #fff
}

.news-list .news-list-item .title {
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    color: #000;
    text-decoration: none
}

.news-list .news-list-item .title:hover {
    color: #77b509;
    text-decoration: underline
}

.news-list .news-list-item .preview-text {
    font-size: 14px;
    line-height: 22px;
    text-align: justify
}

.news-list .news-list-item-pad {
    padding: 0px 0px;
    border-radius: 0px
}

.news-list .news-list-item-pad .title {
    line-height: normal;
    overflow: hidden;
    margin-bottom: 15px
}

.news-list .news-list-item-pad .title i {
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    vertical-align: inherit
}

.news-list .news-list-item-pad .preview-text {
    height: 65px;
    overflow: hidden
}

.news-list .news-list-item .title-pad {
    margin-bottom: 0px;
    display: initial;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 15px;
    right: 15px
}

.news-list .news-list-item-text {
    padding: 15px 15px
}

.news-list .img-responsive-pad {
    height: 100%;
    display: block;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.news-detail-pisc {
    margin-top: -25px;
    position: relative
}

.news-detail-pisc button {
    font-size: 13px;
    cursor: pointer;
    cursor: hand;
    color: #77b509;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    position: absolute;
    background: #eff3f3;
    border: none;
    padding: 5px 20px;
    border-radius: 20px;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.news-detail .ya-share2__list {
    float: right;
    margin-top: 0px
}

.news-detail .ya-share2__icon_more {
    height: 30px !important;
    width: 30px !important;
    background-size: 30px 30px !important;
    border: none;
    border-radius: 15px;
    background: #77b509
}

.news-detail .ya-share2__icon_more:before {
    padding-top: 3px !important;
    content: '\f1e0';
    color: #fff;
    font-family: 'FontAwesome';
    font-size: 17px !important
}

.news-detail .ya-share2__icon_more:hover {
    background: #eff3f3
}

.news-detail .ya-share2__icon_more:hover:before {
    color: #77b509
}

.news-detail .news-detail-text {
    line-height: 24px;
    text-align: justify;
    font-size: 14px
}

.news-detail .news-detail-text p {
    line-height: 24px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 25px
}

.news-detail .news-detail-text-img {
    float: left;
    display: inline-block;
    max-width: 30%;
    height: auto;
    margin-right: 25px;
    margin-bottom: 15px
}

.news-detail .news-detail-active-from {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    margin-bottom: 10px
}

.news-detail .news-source-text {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 13px
}

@media screen and (max-width: 767px) {
    .news-list .news-list-item .title-pad {
        height: 200px;
        position: relative;
        left: 0px;
        right: 0px
    }

    .news-list .img-responsive-pad {
        max-height: 200px
    }

    .news-detail .news-detail-text-img {
        float: none;
        display: block;
        max-width: none;
        width: 100%;
        height: auto;
        margin: 0px auto;
        margin-bottom: 20px
    }
}

.about-vacancies {
    margin-bottom: 30px
}

.about-vacancies .about-vacancies-list li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
    font-size: 13px;
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif
}

.about-vacancies .about-vacancies-list li i {
    position: absolute;
    left: 0px;
    top: 1px
}

.about-vacancies .about-vacancies-text {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px
}

.about-vacancies .about-vacancies-div {
    font-size: 14px;
    line-height: 24px;
    height: 100%;
    padding: 10px 20px;
    padding-bottom: 30px;
    background: #eff3f3;
    border-radius: 8px
}

.about-vacancies .about-vacancies-div h2 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 20px
}

.about-vacancies .about-vacancies-div h2 span {
    background: #77b509;
    border-radius: 50%;
    padding: 5px 0px;
    color: #fff;
    margin-right: 15px;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center
}

.about-vacancies .about-vacancies-div ul {
    margin-bottom: 10px
}

.about-vacancies .about-vacancies-div ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px
}

.about-vacancies .about-vacancies-div ul li:before {
    content: '\f061';
    font: normal normal normal 12px/1 FontAwesome;
    transform: translate(0, 0);
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0px
}

.about-vacancies .about-vacancies-div .about-vacancies-h2 {
    position: relative;
    padding-left: 50px
}

.about-vacancies .about-vacancies-div .about-vacancies-h2 span {
    position: absolute;
    left: 0px;
    top: 0px
}

.about-vacancies .experts {
    background: none;
    margin-top: 0px;
    padding-top: 0px
}

.about-vacancies .experts .heading-wrapper {
    margin-top: 0px;
    padding-top: 0px
}

.about-vacancies .experts .button--primary {
    text-decoration: none
}

.about-vacancies .about-vacancies-resume {
    text-align: center;
    padding: 20px 20px
}

.about-vacancies .about-vacancies-resume .button--primary {
    text-decoration: none
}

.UF_STATUS {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    font-size: 13px;
    margin-top: 10px;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    background: #eff3f3
}

.user-certificates {
    background: #eff3f3;
    margin-bottom: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px;
    z-index: 9
}

.user-certificates h5 {
    padding: 0px 0px;
    margin: 0px 0px;
    margin-left: 0px;
    margin-bottom: 20px
}

.user-certificates .user-certificates-list {
    padding: 0px 10px
}

.user-certificates .col-6 {
    margin-bottom: 20px
}

.user-certificates .user-certificates-pdf {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
    height: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 30px 20px
}

.user-certificates .user-certificates-pdf img {
    display: block;
    margin: 0px auto;
    width: 100%;
    height: auto
}

.user-certificates .user-certificates-pdf p {
    font-size: 12px;
    display: block;
    padding: 10px 0px
}

.user-certificates .user-certificates-pdf a {
    font-family: 'OpenSans-Bold', Arial, Tahoma, Sans-Serif;
    text-decoration: none
}

#upload-file-info {
    display: block;
    width: 100%;
    color: #869791
}

#upload-file-info ul {
    margin-top: 7px
}

#upload-file-info li {
    margin-bottom: 7px
}

#upload-file-info b {
    color: #4d5457
}

#upload-file-info small {
    color: #869791
}

.commercialOffer .form-group label {
    font-size: 13px
}

.commercialOffer .form-group .starrequired {
    font-size: 12px
}

.commercialOffer .alert {
    font-size: 13px;
    margin-bottom: 10px;
    border-radius: 20px
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: 0.9
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
    padding: .4rem 0
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #cfd1d2
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
    padding: 0 .4rem
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    right: 0;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #cfd1d2
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
    padding: .4rem 0
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    bottom: 0;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #cfd1d2
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
    padding: 0 .4rem
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    left: 0;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #cfd1d2
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #cfd1d2;
    color: #2c2827;
    border-radius: 0.25rem
}

.news-line-index .owl-nav {
    text-align: center;
    margin-top: 15px;
    width: auto !important;
    height: 0;
}

.news-line-index .owl-nav .owl-prev {
    margin-right: 70px
}

.news-line-index .owl-nav .owl-next {
    margin-left: 70px
}

.news-line-index .owl-nav .button {
    width: 25px;
    height: 25px;
    display: inline-block
}

.news-line-index .owl-dots {
    text-align: center;
    margin-top: -28px;
    height: 30px;   
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
}

.news-line-index .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background-color: #c4c4c4;
    border-radius: 50%;
    margin-right: 10px;
    outline: none
}

.news-line-index .owl-dots .owl-dot:hover {
    background-color: #8cd50b;
}

.news-line-index .owl-dots .active {
    background-color: #272727
}

.sale-paysystem-wrapper {
    background-color: #fff
}

.personal-user-orders {
    background: #fff;
    border-radius: 20px;
    color: #8cd50b !important;
    padding: 10px 20px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    right: -15px;
    top: -7px;
    font-size: 14px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
}

.personal-user {
    padding-left: 25px;
    padding-right: 25px
}

.personal-user .personal-user-button {
    width: 100%;
    padding: 10px 5px;
    font-size: 14px
}

.personal-user .personal-user-bottom {
    padding: 10px 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #77b509
}

.personal-user .personal-user-bottom i {
    font-size: 40px;
    margin-left: 20px
}

.personal-user .personal-user-bottom h5 {
    font-size: 14px;
    line-height: normal;
    margin: 0px 0px;
    margin-left: 20px;
    display: inline-block;
    padding: 10px 10px
}

.personal-user .personal-user-work-position {
    margin-bottom: 60px
}

.personal-user .personal-user-work-position label {
    font-size: 14px;
    margin-bottom: 5px;
    display: block
}

.personal-user .personal-user-work-position h5 {
    font-size: 14px;
    margin-top: 0px
}

.personal-user .personal-user-right {
    border-right: 1px solid #77b509
}

.personal-user .personal-user-right-bottom {
    border-bottom: 1px solid #77b509
}

.personal-user .personal-user-right-right {
    border-right: 1px solid #77b509
}

.personal-user .personal-user-button-right {
    padding: 10px 25px;
    margin-bottom: 15px;
    min-width: 210px;
    font-size: 14px
}

.personal-user .personal-user-right-gift {
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 15px
}

.personal-user .personal-user-text {
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
}

.personal-user .personal-user-body {
    text-align: center
}

.personal-user .personal-user-bonuses {
    color: #77b509;
    text-transform: uppercase;
    text-decoration: underline
}

.personal-user .personal-user-bonuses:hover {
    text-decoration: none
}

.personal-user .personal-user-bonuses-url {
    display: inline-block;
    margin: 5px auto;
    margin-bottom: 0px;
    background: #77b509;
    border-radius: 20px;
    padding: 5px 15px;
    color: #fff;
    transform: translateY(-30%);
    font-size: 12px;
    text-align: center;
    text-transform: uppercase
}

.personal-user .personal-user-bonuses-url:hover {
    background: #8cd50b
}

.personal-user .personal-user-status {
    color: #eeae3f
}

.personal-user .gift-catalog-header {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-bottom: 0px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif
}

@media screen and (max-width: 767px) {
    .personal-user-orders {
        display: none !important
    }

    .personal-user .personal-user-right {
        border-right: none
    }

    .personal-user .personal-user-right-right {
        border-right: none
    }

    .personal-user .personal-user-button-right {
        width: 100%
    }

    .personal-user .personal-user-text-left {
        border-bottom: 1px solid #77b509
    }

    .personal-user .personal-user-work-position {
        margin-bottom: 20px
    }

    .personal-user .personal-user-bottom {
        padding: 10px 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #77b509
    }

    .personal-user .personal-user-bottom i {
        font-size: 30px;
        margin-left: 10px
    }

    .personal-user .personal-user-bottom h5 {
        font-size: 14px;
        line-height: normal;
        margin: 0px 0px;
        margin-left: 0px;
        display: inline-block;
        padding: 10px 10px
    }

    .news-line-index .owl-dots {
        bottom: -16px;
    }
}

.gift-catalog {
    display: block;
    padding: 10px 15px;
    margin-bottom: 10px
}

.gift-catalog a {
    width: 70px;
    height: 70px;
    display: inline-block;
    margin-right: 23px
}

.gift-catalog a:last-child {
    margin-right: 0px
}

.gift-catalog .gift-catalog-10 {
    background: url("/local/templates/infosystems/images/ico/10.png") center center no-repeat
}

.gift-catalog .gift-catalog-20 {
    background: url("/local/templates/infosystems/images/ico/20.png") center center no-repeat
}

.gift-catalog .gift-catalog-30 {
    background: url("/local/templates/infosystems/images/ico/30.png") center center no-repeat
}

.gift-catalog .gift-catalog-40 {
    background: url("/local/templates/infosystems/images/ico/40.png") center center no-repeat
}

.gift-catalog .gift-catalog-50 {
    background: url("/local/templates/infosystems/images/ico/50.png") center center no-repeat
}

.gift-current-budget-body {
    position: relative
}

.gift-current-budget {
    padding: 10px 20px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: inline-block;
    background: #fff;
    border-radius: 20px;
    font-family: 'OpenSans-ExtraBold', Arial, Tahoma, Sans-Serif;
    font-size: 18px
}

.gift-current-budget span {
    font-family: 'Montserrat-ExtraBold', Arial, Tahoma, Sans-Serif
}

@media screen and (max-width: 767px) {
    .gift-current-budget-body {
        position: relative;
        overflow: hidden
    }

    .gift-current-budget {
        position: relative;
        float: left;
        bottom: auto;
        margin-left: 30px;
        margin-top: 5px;
        font-size: 16px;
        margin-bottom: 10px
    }
}

.errorTextModal {
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 5px 3px;
    font-size: 14px
}

/* courses new 
TODO: перенести
*/ 

/* .courses-new .screen-menu-courses-catalog {
    background-image: none;
    background: #324144;
} */
/* .courses-new .bx-breadcrumb {
    margin: 0px 0px; 
    margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-right: 10px;
}
.courses-new .bx-breadcrumb i {
	color: #fff;
	line-height: 13px;
	font-size: 16px;
	vertical-align: middle;
	margin-right: 5px;
} */
/* .courses-new .bx-breadcrumb .bx-breadcrumb-item {
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
} */
/* .courses-new .bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "OpenSans-Semibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
} */
/* .courses-new .bx-breadcrumb .bx-breadcrumb-item i{ font-size: 10px; font-style: normal; }
.courses-new .bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.courses-new .bx-breadcrumb .bx-breadcrumb-item a:hover {} */

/* .courses-new .page-header h1.courses-filter {
    font-family: "OpenSans-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 32px;
    letter-spacing: -0.3px;
    text-transform: none;
} */

/* .courses-sections {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: row;
    flex-wrap: wrap;
}

.courses-sections__items {
    min-width: 40%;
    margin-bottom: 24px;
}

.courses-sections__items a {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #ffffff;
    letter-spacing: -0.5px;
    position: relative;
    border-bottom: 1px solid #8CD50B;
}

.courses-sections__items a:hover { border-bottom: 1px solid transparent;}
.courses-sections__items a .quantity-courses {
    font-size: 14px;
    margin-left: 5px;
    position: absolute;
    top: 0;
} */

/* перенести в компонент*/
.form.coursers-line-form {
    padding: 0;
    border-bottom: 1px solid #C4C4C4;
    border-radius: 0;
    margin-bottom: 30px;
}
.form.coursers-line-form label {
    font-family: "OpenSans-Semibold", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #272727;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    opacity: 0.5;
    letter-spacing: 0.3px;
}
form.coursers-line-form .nice-select {
    border: 1px solid rgba(0,0,0, 0.12);
    margin-bottom: 22px;
}
form.coursers-line-form .open {
    border-width: 1px!important;
}
form.coursers-line-form .coursers-line .current {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    color: #272727;
}
form.coursers-line-form .nice-select .list {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
}
form.coursers-line-form .nice-select::after {
    border-bottom: 1px solid #272727;
    border-right: 1px solid #272727;
    width: 8px;
    height: 8px;
}

.start-month-filter {
    list-style: none;
    padding: 0;
    background-color: transparent;
    position: relative;
    display: flex;
    overflow: hidden;
    margin-bottom: 24px;
}

.start-month-filter::after {
    content: '';
    display: block;
    width: 70px;
    height: 100%;
    background-image: linear-gradient(to right, transparent 0%, #e5e5e5 100%);
    position: absolute;
    right: 0;
    top: 0;
}
.start-month-filter__item.active button{
    background-color: #81C212;
    color: #ffffff;
}
.start-month-filter__item button {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    border: none;
    background-color: #D9D8D6;
    font-size: 13px;
    line-height: 24px;
    color: #272727;
    padding: 2px 20px;
    border-radius: 14px;
    margin-right: 8px;
    cursor: pointer;
    transition: all 300ms ease-out;
}
.courses-sort {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}
.courses-sort .sort-by {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 13px;
    line-height: 24px;
    margin-right: 60px;
    color: #272727;
}

.courses-sort .sort-by button {
    cursor: pointer;
}
.courses-sort .sort-by button.active {
    color: #8CD50B;
}
.courses-sort .sort-by .price-sort {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url('/local/templates/infosystems/images/sort-low.svg') no-repeat 50% 50%;
    background-size: contain;
    margin-left: 4px;
    vertical-align: middle;
}
.courses-sort .sort-by button.sort-by--low .price-sort {
    background: url('/local/templates/infosystems/images/price-high.svg') no-repeat 50% 50%;transform: scale(1, -1);
}
.courses-sort .sort-by button.sort-by--high .price-sort {
    background: url('/local/templates/infosystems/images/price-high.svg') no-repeat 50% 50%;
    background-size: contain; 
}
/* .courses-sort .sort-by button.sort-by--high {
    color: #8CD50B;
} */
.courses-sort .sort-by button {
    border: none;
    background-color: transparent;
}
.courses-sort .input-wrapper {
    margin-right: 20px;
}
.courses-sort .input-wrapper input {
    width: 0;
    opacity: 0;
    position: absolute;
}
.courses-sort .input-wrapper label {
    font-family: "OpenSans-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #272727;
    font-size: 13px;
    line-height: 24px;
    text-transform: none;
    letter-spacing: 0;
    opacity: 1;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    margin: 0;
}
.courses-sort .input-wrapper label::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #C4C3C2;
    box-sizing: border-box;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.courses-sort .input-wrapper label::after {
    content: '';
    display: none;
    width: 8px;
    height: 5px;
    border-left: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 4px;
    transform: translateY(-50%) rotate(-45deg);
}
.courses-sort .input-wrapper input:checked + label::before {
    background-color: #8CD50B;
    border: 1px solid rgba(0, 0, 0, 0.22);
}
.courses-sort .input-wrapper input:checked + label::after {
    display: block;
}

@media (max-width: 768px) {
    .courses-sort .sort-by {
        flex-basis: 100%;
        flex-shrink: 0;
        flex-grow: 0;
    }
}
/* === */


.experts-multyslider .slide img {
    float: none;
    display: inline-block;
    margin: 0 auto 14px auto;
}

.experts .slide .experts-items {
    text-align: center;
}

.experts .slide .experts-items .experts-items-person {
    margin: 0;
    margin-bottom: 10px;
}

.experts .slide .experts-items .experts-items-person-position {
    margin-left: 0;
    text-align: center;
}

.experts-multyslider .owl-dots {
    position: absolute;
    bottom: 250px;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.experts-multyslider .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #C4C4C4;
}

.experts-multyslider .owl-dots .owl-dot:hover {
    background-color: #8CD50B;
}

.experts-multyslider .owl-dots .owl-dot.active {
    background-color: #272727;
}

.experts .experts-multyslider .owl-nav {
    top: 40%;
}

.experts .experts-multyslider .owl-nav button{
    position: relative;
}

.experts .experts-multyslider .owl-nav .owl-prev {
    left: -38px;
}

.experts .experts-multyslider .owl-nav .owl-next {
    right: -38px;
}
.poup-btn-b24-form .heading{
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.3px;
    margin-bottom: 32px;
	margin-top: 0;
    text-align: center;
    text-transform: inherit;
    color: white;
}

.poup-btn-b24-form .b24-web-form-popup-btn-45,.poup-btn-b24-form a, .poup-btn-b24-form button{
	cursor:pointer;
	width:285px;
	text-align: center;
    background-color: #8cd50b;
    color: #272727;
    font-family: 'OpenSans-Regular', Arial, Tahoma, Sans-Serif;
    text-transform: uppercase;
    border-radius: 5px;
	padding:20px;
	border:0px;
}
.poup-btn-b24-form b24-web-form-popup-btn-45:hover,
.poup-btn-b24-form a:hover,
.poup-btn-b24-form button:hover {
    text-decoration: none;
    background-color: #7CBD0A;
}
.poup-btn-b24-form {
    text-align: center;
    margin-bottom: 20px;
}
/* END: courses new */
/* End */


/* Start:/local/templates/infosystems/css/dynamic.css?174300966813144*/
/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

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

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

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

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

    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

    content: '';
}

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

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

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

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

.slick-slide img {
    display: block;
}

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

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

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

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

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

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


@charset 'UTF-8';

/* Slider */
.slick-loading .slick-list {
    background: #fff url('/local/templates/infosystems/css/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/infosystems/css/./fonts/slick.eot');
    src: url('/local/templates/infosystems/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/infosystems/css/./fonts/slick.woff') format('woff'), url('/local/templates/infosystems/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/infosystems/css/./fonts/slick.svg#slick') format('svg');
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

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

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

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

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -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: '←';
}

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

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

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

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

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}


/**/
.container.topbox.fixet-top {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 101;
    background-color: #fff;
    width: 100%;
}

@media (min-width: 901px) {
    .container.topbox.fixet-top::after {
        content: '';
        background-color: #fff;
        display: block;
        position: fixed;
        height: 100px;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: -1;
    }

    /* .header-inner {
        display: block !important;
        height: 100px;
    } */
}

.bx-ie .container.topbox.fixet-top,
.bx-edge .container.topbox.fixet-top {
    position: static;
}

.header.fixet-top {
    padding-top: 104px;
}

.bx-ie .header.fixet-top,
.bx-edge .header.fixet-top {
    padding-top: 0;
}

/* .burger-button {
    display: none;
} */
.fixet-top .burger-button {
    display: block;
}

.burger-menu.show {
    overflow-y: auto;
}


@media (max-width: 900px) {
    .container.topbox.fixet-top::after {
        content: '';
        background-color: #fff;
        display: block;
        position: fixed;
        height: 90px;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: -1;
    }

    /* .header-inner {
        display: block !important;
        height: 90px;
    } */
}

@media (max-width: 575px) {
    .container.topbox.fixet-top::after {
        content: '';
        background-color: #fff;
        display: block;
        position: fixed;
        height: 80px;
        top: 0px;
        left: 0px;
        right: 0px;
        z-index: -1;
    }

    /* .header-inner {
        display: block !important;
        height: 100px;
    } */
}

/* .logo-main { */
/* position: absolute; */
/* top: 50%; */
/* transform: translateY(-50%); */
/* left: 120px; */
/* } */

/* .social-icons {
    position: absolute;
    top: 50%;
    left: 50%;
} */

/* .contacts-item {
    position: relative;
    top: 50%;
    left: 23%;
} */

/* @media (max-width: 1199px) {
    .footer-menu-section .contacts-item {
        right: -80px;
    }
	.contacts-item{
		left: 17%;
	}
} */
/* @media (max-width: 1199px) {
	.contacts-item{
		left: 15%;
	}
} */
@media (max-width: 767px) {
    .logo-main {
        position: static;
        transform: translate(0, 0);
    }

    /* .social-icons {
        top: -100px;
        transform: translate(0,0);
        left: auto;
        right: 0;
    } */

    /* .footer-menu-section .contacts-item {
        right: -40px;
    } */
}

/* @media (max-width: 575px) {
    .contacts-item {
        position: static;
        margin-top: 16px;
    }
} */

/*
@media (max-width: 575px) {
    .net-menu .net-menu-item {
        width: 100%;
        display: block;
        position: relative;
        left: initial;
    }
    .net-menu .net-menu-item .menu-icon {
        float: left;
        width: 60px !important;
        height: 60px !important;
    }
    .net-menu .net-menu-item .menu-item-title {
        left: 90px;
        display: inline-block;
        line-height: normal;
        display: inline-block;
        position: absolute !important;
        top: 50%;
        right: 0px;
        transform: translateY(-55%) !important;
        font-size: 18px !important;
        width: auto !important;
        line-height: 20px !important;
    }
}
*/
.forms-container {
    margin-top: 50px;
}

.forms-container p.text {
    padding-bottom: 25px;
}

.forms-container .form-box {
    background: #ffffff;
    border-top: 3px solid #8cd50b;
    border-bottom: 3px solid #8cd50b;
    padding-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.forms-vid{
    margin-top: 43px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
}





.forms-title{
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 150%;
    text-align: center;
}
.froms-box{
    padding-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}
.forms{
    margin-bottom: 112px;
    margin-top: 70px;
}


.forms-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 25px;
    margin: 0px auto;
    /* margin-left: 50px; */
}

.forms-type{
    display: flex;
    margin-top: 9px;
}

.forms .forms-row-checkbox {
    padding-bottom: 30px;
    position: relative;
}

.forms .forms-row-checkbox .label {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #231F20;
    margin-left: 39px;
}

.forms .forms-row-checkbox .label input {
    border-radius: 50%;
    display: block;
    position: absolute;
    z-index: 1;
    width: 24px;
    height: 24px;
    top: 0;
    background: #FFFFFF;
    border: 2px solid #7AD10A;
    left: 0;
    box-sizing: border-box;
}
.forms_con{
    margin: 0 auto;
    max-width: 700px;
    width: 66%;
    margin-top: 51px;
}
.forms .forms-row-checkbox .label input[type=checkbox]:checked {
    background: url(/local/templates/infosystems/images/checkbox_new.svg) no-repeat 50% 50%;
    background-size: 10px auto;
}

.forms .forms-row-checkbox .label input[type=radio]:checked {
    background: url(/local/templates/infosystems/images/checkbox_new.svg) no-repeat 50% 50%;
    background-size: 10px auto;
}

.forms_con_{
    margin-top: 40px;
}

















.form-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
    margin-bottom: 25px
}

.form-row > * {
    min-width: 0
}

.form-row__column {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
}

.form-row__column_select {
    max-width:50%;
    width: 100%;
    padding-right: 30px;
}
.form-row__column_p50 {
    width: 50%
}
.form-row__column_p33 {
    width: 33.3%
}
.form-row__column_p25 {
    width: 25%
}
.form-row__column_p20 {
    width: 20%
}

@media (max-width: 767px) {
    .form-row__column_select{
        max-width: 100%;
        width: 100%;
    }
    .form-row__column_p50 {
        width: 100%
    }
    .form-row__column_p33 {
        width: 100%
    }
    .form-row__column_p25 {
        width: 100%
    }
    .form-row__column_p20 {
        width: 100%
    }

}


.form-field__title {
    color: #231f20;
    min-height: 29px;
    padding-bottom: 6px;
    padding-left: 10px
}

.form-field__input {
    padding-right: 30px
}

.form-field__input .add-row {
    margin-top: 20px;
    margin-bottom: 15px
}

.form-box input[type=text],
.form-box textarea {
    border-radius: 4px
}

.form-field__input input[type=text],
.form-field__input input[type=email],
.form-field__input input[type=url],
.form-field__input input[type=number],
.form-field__input input[type=password],
.form-field__input input[type=tel],
.form-field__input textarea,
.form-field__input .row select {
    height: 50px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    background: #f6f6f6;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding-left: 19px;
    padding-right: 19px;
    font-style: normal;
}

.form-field__input input[type=text]:focus-visible,
.form-field__input input[type=email]:focus-visible,
.form-field__input input[type=url]:focus-visible,
.form-field__input input[type=number]:focus-visible,
.form-field__input input[type=password]:focus-visible,
.form-field__input input[type=tel]:focus-visible,
.form-field__input textarea:focus-visible,
.form-field__input select:focus-visible {
    outline: none;
    border: 1px solid rgba(166, 220, 0, 1);
}

.add-row {
    display: inline-block;
    padding-left: 33px;
    text-transform: uppercase;
    color: #1d7684;
    position: relative;
    cursor: pointer
}

.add-row:before {
    content: '';
    background: url(/local/templates/infosystems/images/icon-add-row.png) left center no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    left: 0px;
}

.form-row .btn {
    margin: 0 auto;
}
.error-block {
    margin-bottom: 40px;
}
.error-block .error-text {
    color: red
}

@media screen and (max-width: 768px) {
    .form-field__title {
        padding-top: 6px;
    }
}
/* End */


/* Start:/local/templates/infosystems/css/style.css?17596731054076*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}
.the-cards .the-cards-date{float:right;}
.experts .owl-nav{
	    text-align: center;
    margin-top: 20px;
    /*width: auto !important;*/
    height: 30px;

}
.experts .owl-nav .owl-prev{
	    margin-right: 100px;
		border:0;
		background:none;
		outline: none;
}
.experts .owl-nav .owl-next{
	    margin-left: 100px;
					border:0;
		background:none;
		outline: none;
}
.experts .owl-nav .button{
	width: 25px;
    height: 25px;
    display: inline-block;
}
.experts .owl-dots .owl-dot{
width: 10px;
    height: 10px;
    background-color: #2d2d2d;
    border-radius: 50%;
    margin-right: 10px;
    outline: none;
    box-sizing: border-box;
    width: 10px;
    max-width: 10px;
    overflow: hidden;
    padding: 0;
    border: 0;
}
.experts .owl-nav .button--round:before {
    font-size: 12px !important;
    padding-top: 7px;
    display: inline-block;
}
.experts .owl-dots{    text-align: center;
    margin-top: -27px;
    height: 30px;}
.experts .owl-dots .active{    background-color: #8cd50b;}
.experts.experts-nofon .slider_ .sliders{margin-bottom:20px;}

/** UL FORM **/

.list
{
	max-height: 245px;
	overflow: auto !important;
}
.list::-webkit-scrollbar {
	width: 10px; /* в основном для вертикальных полос прокрутки */
	height: 10px; /* в основном для горизонтальных полос прокрутки */
}
.list::-webkit-scrollbar-thumb { /* плашка-бегунок */
	background: #8cd50b;
	border-radius: 10px;
}
.list::-webkit-scrollbar-track { /* фон */
	background-color: transparent;
	height: 10px;
}

.svedeniya-section h1
{
	text-align: center;
	text-transform: none;
	font-size: 32px;
	font-weight: 600;

}

.svedeniya-section h4 {
	text-transform: none;
	font-size: 20px;
	font-weight: 600;
	line-height: 100%;
	font-family: 'OpenSans-SemiBold', Arial, Tahoma, Sans-Serif;
}

.svedeniya-section-list li {
	margin-bottom: 16px;
}

.svedeniya-section-list li a,
.spoiler-list-text a {
	color: #000!important;
    text-decoration: none!important;
	font-size: 16px;
}

.svedeniya-section .spoiler-list-text ul {
	list-style-type: disc;
    margin-left: 15px;
}

.spoiler-list {
	list-style: none;
}

ul.spoiler-list li  {
	position: relative;
	height: 100%;
	cursor: pointer;
}


ul.spoiler-list>li::before  {
content: '';
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
    background: url("/local/templates/infosystems/images/list-open.svg") no-repeat 100% 100%;
    background-size: contain;
}

ul.spoiler-list>li.is-active::before  {
    display: block;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 18px;
    height: 18px;
	background: url("/local/templates/infosystems/images/list-close.svg") no-repeat 100% 100%;
    background-size: contain;
}

ul.spoiler-list li .spoiler-list-text {
	display: none; 
}

ul.spoiler-list li.is-active .spoiler-list-text  {
  display: block;
}
/* End */


/* Start:/local/templates/infosystems/js/nice-select/nice-select.css?17430096964007*/
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 46px;
  line-height: 46px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

/* End */


/* Start:/local/templates/infosystems/template_styles.css?17430096661280*/
.ya-share2__item_more .ya-share2__icon_more {
    background-image: unset!important;
}
.shareYandex .ya-share2__icon_more:before {
    padding-top: unset!important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-top: -1px;
	margin-left: -1px;
}
.news-list .news-list-item .ya-share2__icon_more:before{
	padding-top: unset!important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
	margin-left: -1px;
}
.screen-menu-card-pressa .shareYandex .ya-share2__icon_more:before{
	width: 40px;
    height: 40px;
	padding-top:4px!important;
}

.top{
    position: fixed!important;
    right: 40px!important;
    bottom: 140px!important;
    width: 44px!important;
    height: 44px!important;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
    z-index: 999;
    cursor: pointer;
}
.top::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/local/templates/infosystems/images/arrow-down-gray.svg);
    background-repeat: no-repeat;
    background-position: 50% 55%;
    transform: rotate(180deg);
    position: absolute;
    top: 0;
    left: 0;
}
/* End */
/* /local/templates/infosystems/css/bootstrap.css?174300966819581 */
/* /local/templates/infosystems/css/styles.css?1743009669360383 */
/* /local/templates/infosystems/css/add.css?174300966840664 */
/* /local/templates/infosystems/css/dynamic.css?174300966813144 */
/* /local/templates/infosystems/css/style.css?17596731054076 */
/* /local/templates/infosystems/js/nice-select/nice-select.css?17430096964007 */
/* /local/templates/infosystems/template_styles.css?17430096661280 */