#header { padding-top: 25px; padding-bottom: 20px;}
#header .row > div {}
#header .mainmenu { text-align: center; position: relative; padding-top: 0px;}
#header .mainmenu ul { padding-left: 0px;}
#header .mainmenu li { display: inline-block; list-style-type: none;}
#header .mainmenu li a { font-weight: bold; color: #0a0a0a; text-decoration: none; border: 1px solid #fff; padding: 8px 14px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
}
#header .mainmenu nav > ul > li > a:hover, #header .mainmenu nav > ul > li.active > a { color: #fff; border-color: #2055a3; background-color: #2055a3;}
#header .login-button { background: #2055a3 url(../img/login-button-bg.png) 80px center no-repeat; display: inline-block; color: #fff !important; font-weight: 700; padding: 8px 34px 8px 18px !important;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
#header .auth { text-align: right; padding-top: 4px;}

h2.header { font-size: 36px; font-family: "Roboto", sans-serif; padding-top: 15px; padding-left: 112px; position: relative; text-align: left; font-weight: bold; margin-top: 0px; margin-bottom: 45px;}
h2.header:before { display: block; content: ""; position: absolute; left: 0px; top: 0px; width: 64px; height: 64px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #2055a3;
}
.button-header { color: #fff !important; padding: 6px 40px 6px 40px; display: inline-block; text-transform: uppercase; background-color: #2055a3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #2055a3;
    font-size: 16px; font-weight: bold;
    cursor: pointer;
}
.button-header-inverted { color: #2055a3 !important; background-color: #fff;
    border: 1px solid #2055a3;
}
.button-header-inverted:hover, .button-header-inverted:focus, .button-header.zeroclipboard-is-hover {cursor: pointer; color: #2055a3 !important; background-color: #fff; text-decoration: none; border-color:#2055a3; }
.button-header-inverted:hover, .button-header-inverted:focus { color: #fff !important; background-color: #2055a3; text-decoration: none; border-color:#fff; }
.button-red { color: #fff !important; padding: 6px 40px 6px 40px; display: inline-block; text-transform: uppercase;
    background-color: #D60000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #D60000;
    font-size: 16px; font-weight: bold;
}

@media (max-width: 1200px){

}
@media (max-width: 992px){

}
@media (max-width: 768px){
    h2.header { font-size: 24px; padding-top: 0px !important; line-height: 28px !important;}
    h2.header:before { top: 0px !important;}
}
@media (max-width: 576px){
    h2.header { padding-left: 0px;}
    h2.header:before  { display: none;}
}

/*new menu*/
#header .row > div.logo {     max-width: 220px;
    width: 100%;
}
#header .row > div.logo img {padding-top: 0px; max-width: 100%}
.menu .toggle { display: block; padding: 25px 10px 20px 20px; z-index: 1000; background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; position: absolute; top:-70px; right: 0;
    -moz-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
    transition: all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
}
.menu .toggle .patty {position: relative; width: 30px; height: 2px; margin: 10px 0; background: #2055a3;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.menu.open .patty {background: none !important;}
.menu .toggle .patty:before {top: -8px;}
.menu .toggle .patty:after, .menu .toggle .patty:before { content: ''; display: block; width: 30px; height: 2px; background: #2055a3; position: absolute; z-index: -1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.menu.open .patty:before { top: 0 !important; background: #2055a3 !important;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menu .toggle .patty:after {top: 8px;}
.menu.open .patty:after {top: 0 !important; background: #2055a3 !important;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#header .menu ul ul { position: absolute; background-color: #fff; z-index: 2; padding: 10px 0px; border: 1px solid #2055a3; overflow:  hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#header .menu ul ul li {display: block; text-align: left; background-color: #fff;}
#header .menu ul ul li a {display: block; color: #2055a3;}
#header .menu ul ul li a:hover {text-decoration: underline;}
@media (min-width:768px) {
    .collapse.show-md {display: block !important;}
    .default-toggler2.hide-md {display: none;}
}
@media (max-width:768px) {
    #header .menu {text-align: right; padding-top:  0px;}
    #header .menu li {display: block; margin-bottom: 10px; margin-left: 0; margin-right: 0;

    }
    #header .menu li a {display: inline-block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    #header .menu ul ul {position: relative; text-align: right; background-color: #fff; border: 1px solid #2055a3; padding:  0px 20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    #header .menu ul ul li {text-align: right;}

    #header .mainmenu nav > ul > li > a:hover, #header .mainmenu nav > ul > li.active > a {

    }
}



.top-panel-wrap {background-color: #5d8dcf;padding-top: 20px;padding-bottom: 20px; margin-bottom: 40px;}
#top-panel {position: relative;}
#top-panel * {color:#fff;}
#top-panel p {margin-bottom: 0;}
#top-panel .row > div:last-child {padding-top: 10px;}
#top-panel .close-button { cursor: pointer; position: absolute; width: 30px; height: 30px; right: 0;top: -20px; background: url(../img/top-panel-close-button.png) center center no-repeat;z-index: 2;}

.search-panel { position: relative;width: 400px;margin-top: 20px;}
.copy-ref-link { border: 1px solid #fff; outline: none; color: #fff !important; padding:8px 18px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
}
.search-panel input.submit, .search-panel input[type="submit"] { width: 36px; height: 36px; border: none; position: absolute; top: 0px; right: 0;outline: none; background: url(../img/search-icon.png) center center no-repeat; cursor: pointer;}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('/templates/navigator4life/header/img/icon_top.png') no-repeat;
    z-index: 999;
}
.scrollup:hover {
    opacity: 0.8;
}
.slide {padding: initial}
.slide-video {padding: 5px}
@media (max-width: 992px){
    .search-panel {width: 200px;margin-top: 0;}
    #top-panel .row > div {margin-bottom: 20px;}
}
@media (max-width: 576px){
    .search-panel {width: 100%;}
    #top-panel .row > div { max-width: 280px; margin:  0 auto;margin-bottom: 20px;}
    #top-panel .row > div:last-child {margin-bottom: 0;}
}
.modal-dialog { pointer-events: auto !important;}
.bigs-modal {max-width: 90%;
    width: 1360px;
    display: block;
    padding: 40px;
}
/*new menu*/

/*reviews partners*/
.reviews-list-wrap.first { padding-top: 100px;}
.reviews-list-wrap.last { padding-bottom: 100px;}
.reviews-list-wrap { padding-top: 30px;}
.reviews-list-wrap.even {background-color: #e5f0f9;}
.reviews-list {}
.reviews-list h2.header { padding-top: 0px; line-height: 38px; margin-bottom: 50px;}
.reviews-list h2.header:before { background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-02.png) center center no-repeat;}
.reviews .top-wrap { background:url(/templates/navigator4life/main/img/homepage-top-bg.jpg) center center no-repeat; background-size: cover;}
.review-img {width: 100%; padding-bottom: 30px; max-width: 316px;}
.review-img img {width: 100%; height: auto; max-width: 316px;}
.review-img div {max-width: 316px;
    -webkit-box-shadow: 14px 14px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    14px 14px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         14px 14px 25px 0px rgba(0, 0, 0, 0.15);
}
.review-img div > p {padding: 15px 35px; background-color: #0067c3; color: #fff;max-width: 316px; margin: 0 auto; margin-bottom:  0px;}
.review-img div > p b { font-weight: bold; color: #fff;}


.review+.review {margin-top: 50px;}
.review-text { padding: 20px 60px !important;}
.review-text p {position: relative; padding: 30px 0px; display: block;}
p.qb, p.qa {position: relative;}
p.qb:before {content: ""; display: block; width: 21px; height: 13px; background: url(/templates/navigator4life/main/img/quote-open.png) center center no-repeat; position: absolute; left: -35px; top: 0px;}
p.qa:after {content: ""; display: block; width: 21px; height: 13px; background: url(/templates/navigator4life/main/img/quote-close.png) center center no-repeat; position: absolute; right: -35px; bottom:0px;}
.review-text h3 {font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 30px;}
.review-text+.review-text, .review-text+.review-text>p {padding-top: 0px !important;}
.review-text+.review-text {padding-left: 0px !important;}
.review-text-new { padding:20px 30px !important;}
.otzivy-text-new {max-width: 990px; margin: 0 auto ; text-align: center}
#reviews-bottom-slider { max-width:  955px;}
#reviews-top-slider { max-width:  926px;}
.carousel-item { text-align:  center;}
.carousel-item img {margin: 0 auto;}
.carousel-control-next, .carousel-control-prev {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.carousel-control-next-icon {width: 65px; height: 65px; background: url(/templates/navigator4life/main/img/slider-nav-next.svg) center center no-repeat;    background-size: contain;}
.carousel-control-prev-icon {width: 65px; height: 65px; background: url(/templates/navigator4life/main/img/slider-nav-prev.svg) center center no-repeat;    background-size: contain;}

#reviews-pre-footer {padding-top: 100px; padding-bottom: 100px;}

.reviews-top-slider-wrap {padding-top: 100px;}
#reviews-top-slider .carousel-item > div {background-color: #0067c3; padding-top: 20px;padding-bottom: 20px; position: relative; top: -6px;}
#reviews-top-slider .carousel-item h3 { font-weight: bold; font-size: 16px; color: #fff;}
#reviews-top-slider .carousel-item p {margin-bottom: 0;}
#reviews-top-slider .carousel-item p a {font-size: 16px; color: #fff;}
#reviews-carousel .carousel-indicators {left: 60px; bottom: 100px;
    z-index: 1;}
#reviews-carousel .carousel-indicators li {    width: 16px;
    height: 16px; background-color: #fff; border: 1px solid #0067c3; }
#reviews-carousel .carousel-indicators li.active {
    background-color: #0067c3; border: 1px solid #0067c3; ;
}
@media (max-width: 768px){
    .review-img {max-width: none;}
    .review-img div {margin: 0 auto;}
    .review-text {padding-left: 0px !important; padding-right: 0px !important;}
    .review-text p.qb:before {left: 0px;}
    .review-text p.qa:after {right: 0px;}
    .carousel-control-next-icon {width: 30px; height: 30px; background-size: cover;}
    .carousel-control-prev-icon {width: 30px; height: 30px; background-size: cover;}
}
/*reviews partners*/

/*reviews clients*/
#reviews-menu {padding-top: 100px;padding-bottom: 60px;}
#reviews-menu h2 {font-weight: bold; font-size: 30px; margin-bottom: 60px;}
#reviews-menu ul { padding-left: 0px; text-align: center;
    -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    -moz-box-shadow:    0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    box-shadow:         0px 3px 25px 0px rgba(35, 0, 70, 0.2);
}
#reviews-menu li { list-style-type: none; height: 75px; padding-top: 25px;}
#reviews-menu li:nth-child(2), #reviews-menu li:nth-child(4), #reviews-menu li:nth-child(6) { background-color: #bfd9f0;}
#reviews-menu a {text-transform: uppercase; text-decoration: none; font-weight: bold; color: #383838;}

.reviews-top-slider-wrap {padding-top: 30px; padding-bottom: 20px;}
.reviews-slider { max-width:  960px !important;    margin: 0 auto;}
.reviews-slider .carousel-item > div {background-color: #000; padding-top: 20px;padding-bottom: 20px; position: relative; top: 0px;height: auto;}
.reviews-slider .carousel-item h3 { font-weight: bold; font-size: 16px; color: #fff;}
.reviews-slider .carousel-item p {margin-bottom: 0; color: #fff;}
.reviews-slider .carousel-item p a {font-size: 16px; color: #fff;}
.reviews-slider-image .carousel-item > div {padding-top: 0px;padding-bottom: 0px; padding-left: 90px;padding-right: 90px; position: relative; top: 0px;height: auto;}
.homepage-new-slider  {background-color: #000; padding-top: 0px;padding-bottom: 0px; position: relative; top: 0px;height: auto; max-height: 337.5px}
.homepage-new-slider .home-slider-img {display: block;
    position: relative;}
.homepage-new-slider .home-slider-blok {
    display: block;
    position: absolute;
    bottom: 70px;
    text-align: center;
    margin: 0 auto;
    width: 100%;}
.homepage-new-slider .home-slider-blok-button {
    display: block;
    position: absolute;
    bottom: 30px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.homepage-slider .slick-dots {bottom: 10px !important;}
.homepage-slider .slick-dotted.slick-slider{margin-bottom: 10px !important;}

.library-sliders  {padding-top: 0px;padding-bottom: 0px; position: relative; top: 0px;height: auto; }
.library-sliders-big img  {max-height: 270px; width: auto; max-width: 270px}
.library-sliders-img img {display: block;    object-fit: none;
    position: relative;}
.library-sliders .library-sliders-blok {
    display: block;
    bottom: 70px;
    text-align: center;
    margin: 0 auto;
    width: 100%;}
.library-sliders .library-sliders-blok-button {
    display: block;
    position: absolute;
    bottom: 30px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.library-sliders-slider {padding: 5px}
.library-sliders-big .slick-dots {bottom: -30px !important;}
.library-sliders-big .slick-dotted.slick-slider{margin-bottom: -30px !important;}
.library-sliders-img:hover {transition: transform .9s;
    transform: scale(1.3);}
.library-sliders-text  {padding-top: 10px}
.library-sliders-text p {
    font-size: 14px; font-weight: 500;
}
.library-sliders-big.slick-next.slick-arrow {
    -webkit-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    -moz-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
}
.library-sliders-big .slick-next.slick-arrow {
    width: 25px;
    right: -25px;
    height: 50px;
    top: 39%;
    background: url(/templates/navigator4life/system/img/arrow-next.png)  center center no-repeat;
    z-index: 3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.library-sliders-big.slick-prev.slick-arrow {
    -webkit-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    -moz-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
}
.library-sliders-big .slick-prev.slick-arrow {
    width: 25px;
    left: -25px;
    height: 50px;
    top: 39%;
    background: url(/templates/navigator4life/system/img/arrow-prev.png)  center center no-repeat;
    z-index: 3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#rc-header-01 {}
#rc-header-02 {padding-top: 20px;}

i.author {font-style: italic; color: #0067c3;}

#duos {padding-bottom: 30px;}
#duos .row {
    -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    -moz-box-shadow:    0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    box-shadow:         0px 3px 25px 0px rgba(35, 0, 70, 0.2);
}
#duos .row > div:last-child { padding: 50px;}
@media (max-width: 576px){
    #duos .row > div:last-child { padding: 20px 10px;}
}
#duos .row+.row {margin-top: 40px;}
#duos img {max-width: 570px; width: 100%; height: auto; margin: 0 auto;}
#duos h3 {font-size: 18px; font-weight: bold;}
#duos h3 a {font-size: 18px; text-decoration: underline;}

.triple {padding-bottom: 50px;}
.triple h3 {padding-top: 20px; padding-bottom: 20px;}
.triple h3 a {font-size: 18px;}
.triple .row > div {padding: 20px;}
.triple .row > div > div {
    -webkit-box-shadow: 0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    -moz-box-shadow:    0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    box-shadow:         0px 3px 25px 0px rgba(35, 0, 70, 0.2);
    padding-bottom: 20px;
}
.triple p {padding: 25px;}
.triple img {width: 100%; height: auto; margin: 0 auto;}
.triple .row > div > div {min-height: 780px;}
.triple.triple-2 .row > div > div {min-height: 800px;}
.triple.triple-img .row > div > div {min-height: 0px; cursor: pointer;}
.triple h3 {font-size: 18px;font-weight: bold;}
.triple p.qb, .triple p.qa {position: relative;}
.triple p.qb:before {content: ""; display: block; width: 21px; height: 13px; background: url(/templates/navigator4life/main/img/quote-open.png) center center no-repeat; position: absolute; left: 10px; top: 0px;}
.triple p.qa:after {content: ""; display: block; width: 21px; height: 13px; background: url(/templates/navigator4life/main/img/quote-close.png) center center no-repeat; position: absolute; right: 10px; bottom:0px;}

.single {padding-top: 40px;padding-bottom: 40px;}
.single img {width: 100%; margin: 0 auto;}

.review-text p+p {padding-top: 10px;padding-bottom: 10px;margin-bottom: 0;}
#rc-header-01 h2.header:before {top: 5px;/*top: 2px;*/ background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-16.png) center center no-repeat;}
#rc-header-02 h2.header:before {top: 5px; background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-02.png) center center no-repeat;}
#rc-header-03 h2.header:before {top: 5px; background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-14.png) center center no-repeat;}
#rc-header-04 h2.header:before {top: 5px;/*top: 45px;*/ background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-15.png) center center no-repeat;}
#rc-header-05 h2.header:before {top: 5px; background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-10.png) center center no-repeat;}
#rc-header-06 h2.header:before {top: 5px; background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-17.png) center center no-repeat;}
/*reviews clients*/

/*products*/
.product-top-wrap { background:url(/templates/navigator4life/main/img/product-top-bg.jpg) center center no-repeat; background-size: cover;}
#product-top { padding-top: 80px; padding-bottom: 80px; text-align: left;}
#product-top h1 { font-size: 48px; font-family: "Roboto", sans-serif; font-weight: bold; margin-bottom: 40px; margin-top: 0px;
    text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;
}
#product-top h2 { font-size: 24px; font-weight: 600; margin-top: 0px; margin-bottom: 0px;    text-shadow: -6px -6px 20px #ffffff, -15px -4px 20px #ffffff, -6px 4px 20px #ffffff, -9px 15px 20px #ffffff, 20px 17px 20px white, -20px -2px 20px white, -20px -17px 20px white;}

.product-video {padding-top: 80px !important;padding-bottom: 80px !important;}
.product-video h2.header {margin-bottom: 60px;}
.product-video h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-05.png) center center no-repeat;}
.product-video-play h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-05.png) center center no-repeat;}

.how-it-works-wrap {background: url(/templates/navigator4life/main/img/how-it-works-bg.jpg) center center no-repeat; background-size: cover;}
#how-it-works {padding-top: 80px;padding-bottom: 80px;}
#how-it-works h3 {font-size: 30px;margin-bottom: 50px;text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;}
#how-it-works p {font-size: 24px;text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;}
#how-it-works p b {font-size: 24px;font-weight: bold;text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;}

#product-list {padding-top: 90px;}
#product-list h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-06.png) center center no-repeat;margin-bottom: 80px;}
#product-list .row > div {text-align: center;margin-bottom: 80px;}
#product-list .row > div > div { margin: 0 auto; max-width: 330px; padding: 20px 20px 40px 20px;
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 25px 0px rgba(0, 0, 0, 0.15);

}
#product-list h3 {font-size: 18px;font-weight: bold; min-height: 60px; margin-bottom: 0; margin-top: 10px}

#base-faq {text-align: center;padding-top: 90px;padding-bottom: 80px;}
#base-faq img {width: 100%;height: auto; max-width: 1140px;margin-top: 30px;margin-bottom: 40px;}
#base-faq p, #base-faq b, #base-faq i, #base-faq a {font-size: 24px !important;}

.blue-bg-wrap { background-color: #d4e1f2; padding-top: 40px;padding-bottom: 40px;}
.blue-bg-wrap p, .blue-bg-wrap p span, .blue-bg-wrap p i {font-size: 28px;}

#certificate {padding-top: 80px;padding-bottom: 80px;}
#certificate img {width: 100%;height: auto; max-width: 1140px;margin-top: 30px;margin-bottom: 40px; margin: 0 auto;}
#certificate h2.header {margin-bottom: 80px;}
#certificate h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-15.png) center center no-repeat;}
.modal.big-modal .modal-dialog {width: 90%;max-width: 100%;}

.reviews-carousel-wrap {padding-bottom: 100px;}
.reviews-carousel-wrap h2.header {margin-bottom: 80px;}
.reviews-carousel-wrap h2.header:before {top:20px;background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-02.png) center center no-repeat;}
#reviews-carousel .carousel-item {text-align: left; padding-bottom: 180px;}
#reviews-carousel .carousel-control-next, #reviews-carousel .carousel-control-prev {height: 100px; bottom: 80px; top: auto;}
#reviews-carousel .carousel-control-prev {left: 35%;}
#reviews-carousel .carousel-control-next {right: 35%;}

#stairs {padding-top: 50px;}
#stairs .stairs-list {height: auto; background: url(/templates/navigator4life/main/img/stairs-img.png) left top no-repeat;}
#stairs .stairs-list.star-small {height: 754px;}
#stairs h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-01.png) center center no-repeat;}
#stairs-transform-1 h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/transform-h2-icon-1.png) center center no-repeat;}
#stairs-transform-2 h2.header:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/transform-h2-icon-2.png) center center no-repeat;}
.stairs-list {padding-left: 100px; padding-top: 34px;}
.stairs-list div { padding-left: 45px; font-size: 18px; }
.stairs-list p {height: 66px; margin-top: 0px; margin-bottom: 0;line-height: 1.2em;}
#stairs > p {font-size: 24px;padding-top: 30px;margin-bottom: 40px;}

@media (max-width: 768px){
    #stairs .stairs-list {height: auto; background: none;}
    #stairs .stairs-list.star-small {height:auto;}
    .stairs-list {padding-left: 0px;}
    .stairs-list div { padding-left: 0px;}
    .stairs-list p {height: auto; margin-bottom: 20px;}
    #reviews-carousel .carousel-control-prev {left: 10px;}
    #reviews-carousel .carousel-control-next {right: 10px;}
    #reviews-carousel .carousel-indicators {left: 25px;}
}
/*products*/

/*tf-classic*/
#contains {padding-top: 50px;}
#contains p {margin-bottom: 0;}
#contains .row {
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 25px 0px rgba(0, 0, 0, 0.15);
}
#contains .row > div { padding: 25px 50px;}
#contains .row > div:last-child {background: #bfd9f0;}

#h2pb1 {padding-bottom: 100px;    padding-top: 50px;}
#h2pb1 h2 { margin-bottom: 70px;}
#h2pb1 h2:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-10.png) center center no-repeat;}
#h2pb2 {padding-bottom: 100px;}
#h2pb2 h2 { margin-bottom: 70px;}
#h2pb2 h2:before {top:20px;background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-13.png) center center no-repeat;}

#tf-block-02 {padding-bottom: 30px;}
#tf-block-02 h2 { margin-bottom: 40px;}
#tf-block-02 h2:before {top: 5px;/*top: 45px;*/background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-16.png) center center no-repeat;}
#tf-block-02 .row > div { padding: 10px;}
#tf-block-02 .row > div:last-child {padding-top: 40px;}
#tf-block-02 img { width:  100%; height: auto; max-width: 555px;}
#tf-block-02 li {list-style-type: none; position: relative; padding-left: 20px;}
#tf-block-02 li:before {position: absolute;display: block;content: "";
    left:5px;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #2055a3;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#tf-block-01 {text-align: center; padding-bottom: 80px; padding-top: 80px;}
#tf-block-01 h3 {font-family: "Roboto"; font-size: 60px; font-weight: bold; color: #0067c3;}
#tf-block-01 h2:before {top:20px;background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-07.png) center center no-repeat;}

#tf-block-04 {padding-bottom: 40px;}
#tf-block-04 h2 { margin-bottom: 40px;}
#tf-block-04 h2:before {top:0px;background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-02.png) center center no-repeat;}
#stairs {}

.blue-half-bg {position: relative;padding-top: 50px;}
.blue-half-bg #product-list {padding-top: 40px;}
.blue-half-bg:before {display: block; content: ""; background-color: #d4e1f2; height: 465px; width: 100%; position: absolute; z-index: -1;top: 50px; left: 0px;}
#product-list .row > div > div {background-color: #fff;}

#buy-product {padding-top: 120px;}
#buy-product .row {
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 25px 0px rgba(0, 0, 0, 0.15);
}
#buy-product .row > div {padding: 20px;}
#buy-product .row > div:last-child {padding-top: 60px;}
#buy-product .row > div:last-child p {margin-bottom: 40px;}
#buy-product .row .col-md-6 img {     max-width: 100%; max-height: 300px;}
#shadow-block .row .col-md-6 img {     max-width: 100%; max-height: 300px;}
.col-lg-3.col-md-6 img {     max-width: 100%; max-height: 250px;}
.product-block img {     max-width: 100%; max-height: 250px;}

#shadow-block .row {
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 25px 0px rgba(0, 0, 0, 0.15);
}

a.video-button2 {display:inline-block; position: relative; line-height: 80px; height: 100px; padding-left: 140px; padding-right: 50px; text-transform: none; color: #2055a3; font-size: 18px;text-transform: uppercase;font-weight: bold;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 40px;
    outline: none;
}

a.video-button2:after {display: block; position: absolute;content: "";left: 0px; top: 0;width: 80px;height: 80px; border:  1px solid #2055a3; background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-05.png) center center no-repeat; z-index: 2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
a.video-button2:hover { text-decoration: none; color: transparent;}
a.video-button2:hover:after {width: 100%;}
.product-desc-short {min-height: 110px}
@media (max-width: 1120px){
    a.video-button2 {padding-left: 70px; padding-right: 25px;line-height: 50px;}
    a.video-button2:after {width: 50px;height: 50px; background-size: 25px;}
    a.video-button2:hover:after { background-size: 25px;}
}

#product-big {padding-bottom: 60px;}
#product-big h1 {    font-size: 30px;
    font-weight: bold;
    margin-bottom: 24px;
    color: #2055a3;}
#product-big p {margin-bottom: 24px; font-weight: 600; font-size: 18px;}
#product-big p  {font-weight: 300; font-size: 18px;}
#product-big p b {font-weight: 700; font-size: 18px;}
#product-big .product-desc a {font-size: 18px;}
#product-big div {font-size: 18px;}
#product-big .row {
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         2px 2px 25px 0px rgba(0, 0, 0, 0.15);
    border-radius: 15px;

}
#product-big .row > div {padding: 50px 20px;}
#product-big img {    max-width: 100%;
    width: auto;
    max-height: 340px;}
#product-big .product-desc+.text-center {padding-top: 40px;padding-bottom: 40px;}
#product-big .product-links a {color: #2055a3; font-size: 18px;}

#product-big .product-links ul {padding-left: 0;}
#product-big .product-links li {list-style-type: none;}
#product-big .product-links li+li {margin-top: 10px;}
#product-big .product-links li a {display: inline-block; position: relative; padding-left: 45px; height: 30px; line-height: 30px;}
#product-big .product-links li:first-child a:before { display: block;position: absolute;content: ""; width: 30px; height: 24px; left: 0;top: 50%; margin-top: -12px; background: url(/templates/navigator4life/main/img/delivery-icon.png) center center no-repeat;     filter: hue-rotate(15deg);;}
#product-big .product-links li:last-child a:before { display: block;position: absolute;content: ""; width: 30px; height: 30px; left: 0;top: 50%; margin-top: -15px; background: url(/templates/navigator4life/main/img/delivery-basket-icon.png) center center no-repeat;     filter: hue-rotate(15deg);;}
#product-big .no-box { box-shadow:none; padding: 0px 20px !important;}
@media (max-width: 576px){
    #product-big .row > div {}
}
#product-video {padding-right: 0px !important;}
#product-video .modal-dialog {
    max-width: 90%;
    width: 1360px;
    display: block;
    padding: 40px;
    background: #fff;
}
#product-video .modal-dialog .close {
    right: 3px;
    top: 3px;
}
#product-video .modal-dialog .close img {
    display: block;
}
/*tf-classic*/

#tf-block-01 .row > div { margin:  0 auto; max-width: 250px;}
#tf-block-01 p b {font-size: 22px;}

#tf-block-02 li+li {margin-top: 20px;}
.reviews-top-slider-wrap h3.text-center {font-weight: bold;font-size: 30px;margin-top: 40px;margin-bottom: 40px;}
.how-it-works-2-wrap {background: url(/templates/navigator4life/main/img/how-it-works-2-bg.jpg) center center no-repeat; background-size: cover;}
#how-it-works-2 {padding-top: 80px;padding-bottom: 80px; margin-bottom: 100px;}
#how-it-works-2 h3 {font-size: 30px;margin-bottom: 50px;text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;}
#how-it-works-2 p {font-size: 24px;text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;}
#how-it-works-2 p b {font-size: 24px;font-weight: bold;text-shadow: 12px 1px 20px #ffffff, 13px -1px 20px #ffffff, 2px 8px 20px #ffffff, -9px 15px 20px #ffffff, 10px 18px 20px white, -20px -2px 20px white, 17px -8px 20px white;}

.carousel-control-next, .carousel-control-prev {
    width: 100px;
    height: 100px;
    top: 40%;
    opacity: 0.8;
}
.container-fluid.area_users {
    display: none !important;
}
.container-fluid.header_log {
    display: none !important;
}
.container_versions {
    display: none !important;
}
.footer_content, .footer_content_log {
    display: none !important;
}
.bodyCon {
    background: #fff;
    min-height: 0px;
}
body > .wrapper {
    background: #fff;
}
.modal.show .modal-dialog span {
    font-size: 50px !important;
    color: #fff !important;
}
.modal.show .modal-dialog span.flags-mini
{
    font-size: 20px !important;
    color: #000 !important;
}
.duo img {
    max-width: 570px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.duo .row > div {
    padding: 10px;
}
#helps.helps-belvi p {
    padding-left: 80px;
    min-height: 96px;
}
#helps.helps-belvi img {
    max-width: 360px;
}
#helps.helps-belvi .item:before {
    top: -10px;
}
@media (max-width: 576px){
    #helps .text-center {
        padding-top: 0;
    }
}

#what-for h2.header:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-16.png) center center no-repeat;
    top: 5px;
}
#what-for .item {
    padding: 30px 30px 10px 30px;
    text-align: center;
}
#what-for .item img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
#what-for .item p {
    font-size: 18px;
    padding: 0px 5% 40px 5%;
}
#what-for .item > div {
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.duo-shadows img {
    max-width: 580px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.duo-shadows .row {
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    margin-bottom: 30px;
}
.duo-shadows .row > div {
    padding-left: 0;
    padding-right: 0;
}
.duo-shadows .ds-img {
    text-align: center;
}
.duo-shadows .ds-text p {
    padding: 10%;
    margin-bottom: 0;
}
.triple.triple-img.protein-triple {
    padding-bottom: 0;
}
.triple.triple-img.protein-triple .row > div > div {
    min-height: auto;
}
.tablets h2.header:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-16.png) center center no-repeat;
    top: 5px;
}
.advantages h2.header:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-16.png) center center no-repeat;
    top: 5px;
}
.advantages .item {
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    background: rgba(255,255,255,0.8);
    position: relative;
    padding: 10px 10px 10px 100px;
    margin-top: 40px;
    margin-bottom: 40px;

}
.advantages .item:before {
    display: block;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -30px;
    color: #0067c3;
    font-size: 60px;
    line-height: 60px;
}
.advantages .item p {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
}

.advantages-bg {
    background: url(/templates/navigator4life/main/img/protein-advantages-bg.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 1px;
    padding-bottom: 1px;
}
.advantages .item-adv-01:before {content: "1.";}
.advantages .item-adv-02:before {content: "2.";}
.advantages .item-adv-03:before {content: "3.";}
.advantages .item-adv-04:before {content: "4.";}
.advantages .item-adv-05:before {content: "5.";}
.advantages .item-adv-06:before {content: "6.";}

@media (max-width: 576px){
    .advantages .item {
        padding-left: 50px;
    }
    .advantages .item:before {
        left: 10px;
        font-size: 40px;
    }
    .advantages .item p {
        font-size: 16px;
        line-height: 22px;
    }
}

.duo h2.header:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-16.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-15:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-15.png) center center no-repeat;
    top: 5px;
}

h2.header.h2-icon-08:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-08.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-05:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-05.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-03:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-03.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-18:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-18.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-14:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-14.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-19:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-19.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-20:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-20.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-21:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-21.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-22:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-22.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-23:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-23.png) center center no-repeat;
    top: 5px;
}
h2.header.h2-icon-24:before {
    background: #2055a3 url(/templates/navigator4life/main/img/h2-icon-24.png) center center no-repeat;
    top: 5px;
}

#tf-block-02 {
    padding-bottom: 30px;
}
#tf-block-02 h2 {
    margin-bottom: 40px;
}
#tf-block-02 .row > div {
    padding: 10px;
}
#tf-block-02 .row > div:last-child {
    padding-top: 40px;
}
#tf-block-02 img {
    width:  100%;
    height: auto;
    max-width: 555px;
}
#tf-block-02 li {
    list-style-type: none;
    position: relative;
    padding-left: 20px;
}
#tf-block-02 li:before {
    position: absolute;
    display: block;
    content: "";
    left:0px;
    top: 9px;
    width: 9px;
    height: 9px;
    background-color: #2055a3;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
#top {
    padding-bottom: 1px;
}
#top h2 {
    margin-bottom: 80px;
}
#modules > p {
    margin-bottom: 50px;
}
#modules .separator p {
    margin-bottom: 50px;
}
#modules h3 {
    margin-bottom: 20px;
}

.wrap .graph {
    padding-top: 100px;
}
.graph .row > div {
    padding: 15px;
    text-align: center;
}
.graph .row img {
    max-width: 501px;
    width: 100%;
    height: auto;
}

.graph > p {
    font-size: 24px;
}
.graph h2.header {
    margin-bottom: 60px;
}
.helps-burn #helps .item {
    min-height: 100px;
}
.graph-markers {
    padding-top: 30px;
}
.graph-markers > div {
    overflow: hidden;
}
.graph-markers div div {
    text-align: left;
    padding-left: 68px;
    position: relative;
    display: inline-block;
    min-width: 340px;
}
.graph-markers div div:before {
    position: absolute;
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 10px;
    left: 0px;
    top: 50%;
    margin-top: -23px;
    background: #2055a3;
}
.graph-markers > div:nth-child(1) div {
    line-height: 45px;
}
.graph-markers > div:nth-child(1) div:before {
    background: #2055a3;
}
.graph-markers > div:nth-child(2) div:before {
    background: #93b3df;
}
.graph-markers > div:nth-child(3) div:before {
    background: #c9d9ef;
}
.wrap .award {
    padding-top: 80px;
    padding-bottom: 80px;
}
.award img {
    margin: 0 auto;
}
.how-it-works-wrap.hiw-bg-4 {background: url(/templates/navigator4life/main/img/how-it-works-4-bg.jpg) center center no-repeat; background-size: cover;}
/*.embed-responsive {
	height: 100%;
}*/
#lending_more_info .modal-dialog{
    max-width: 1130px; padding-left: 10px; padding-right: 10px;
}
.modal.show.registration-new .modal-dialog{
    max-width: 1130px; padding-left: 10px; padding-right: 10px; text-align: center;
}
#lending_more_info button.close {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}
.modal.show.registration-new button.close {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}
.decorate-line {
    width: auto; border-top: solid 2px;
}
.decorate-line-blue {
    width: auto; border-top: solid 2px #2055A3;
}
.pop-up-product-foto {
    max-width: 100%;
    height: 200px;
    object-fit: contain;
}
#cartRegistration .modal-content {border: none}
@media (max-width: 576px){
    .wrap > div > h2.text-center {
        font-size: 18px !important;
    }
    #how-it-works p, #how-it-works p b {
        font-size: 18px;
    }
    .graph > p {
        font-size: 18px;
    }
    .helps-burn #helps .item {
        min-height: 0px;
    }
    #helps .item:before {
        font-size: 24px;
        color: #000;
        margin-top: 0;
        top: 0px;
        line-height: 24px;
    }
    #helps .item {
        padding-left: 30px;
        margin-bottom: 20px;
    }
    h2.header {
        margin-bottom: 40px !important;
    }
    #contains .row > div {
        padding: 20px 15px;
    }
}
/*2018.04.16*/
.fz90 {
    font-size: 90px;
}
.fz56 {
    font-size: 56px;
}
.fz48 {
    font-size: 48px;
}
.fz40 {
    font-size: 40px;
}
.fz36 {
    font-size: 36px;
}
.fz30 {
    font-size: 30px;
}
.fz28 {font-size: 28px;}
.fz24 {
    font-size: 24px;
}
.fz20 {font-size: 20px}
.fz22 {font-size: 22px}
.fz17 {font-size: 17px}
.fz15 {font-size: 15px}
.fz18, .fz18 * 	{
    font-size: 18px;
}
.fz12, .fz12 * 	{
    font-size: 12px;
}
.fz14, .fz14 * 	{
    font-size: 14px;
}
.fz16, .fz16 * 	{
    font-size: 16px;
}
.bold {
    font-weight: bold;
}
.int-115 {line-height: 1.15}
.pading5 {padding: 5px}
.pading10 {padding: 10px}
.pading20 {padding: 20px}
.pl20 {padding-left: 20px}
.pl40 {padding-left: 40px}
.pr20 {padding-right: 20px}
.pr40 {padding-right: 40px}
.pl90 {padding-left: 90px}
.pr90 {padding-right: 90px}
.pt1 {padding-top: 1px}
.pt2 {padding-top: 2px}
.pt5 {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}
.pt50i {padding-top: 50px !important;}
.pt80 {padding-top: 80px;}
.pt100 {padding-top: 100px;}
.pt120 {padding-top: 120px;}

.pb0-i {padding-bottom: 0px !important;}
.pb0 {padding-bottom: 0px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pb30 {padding-bottom: 30px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}
.pb80 {padding-bottom: 80px;}
.pb100 {padding-bottom: 100px;}
.mt30 {margin-top: 30px}
.mt50 {margin-top: 50px}
.mt80 {margin-top: 80px}
.mt100 {margin-top: 100px}
.font-bold {font-weight: 700}


.margin-left20 {margin-left: 20px}
.pading20-right {padding-right: 20px}
.pad-right-slider {padding-right: 90px !important;}
.First__video:before{content:"";display:block;background: rgba(35, 35, 35, 0.65);}
.First__video,.First__video:before{position:absolute;height:100%;width:100%;top:0;bottom:0;}
.First__video.video-bg,.First__video.video-bg:before{ max-height: 785px}
.First__video{right:0;left:0;overflow:hidden}.First__video video{height:100%;width:100%;object-fit:cover;object-position:center;     padding-top: 100px;}
#video-wrap {height: calc(100vh - 100px); /*min-height: 880px;*/ background: #232323}
#video-wrap * {color: #fff}
#homepagenew {background: url(/templates/navigator4life/main/img/homepage2-bg.png) top center no-repeat;padding-top: 10px;padding-bottom: 10px;
}
#homepablock {background: linear-gradient(180deg, #C8D8F9 0%, #fff 30%, #C8D8F9 130%);}
.button-inverted-pink {background-color: #F95D6C !important;}
.button-inverted-pink:hover {background-color: #fff !important;}
.button-inverted-light-blue {background-color: #2E7DFF !important;}
.button-inverted-light-blue:hover {background-color: #fff !important;}
.top-panel-wrap {position: relative; z-index: 1}
.no-margin, .no-margin p {margin-bottom: 0px !important;}
.after-blue-line {position: relative; overflow: hidden}
.after-blue-line:after {content: ""; border-top: 3px solid #2055A3;; position: absolute;
    height: 4px;
    width: 100%;
    max-width: 345px;
    left: 90px;
    right: 10px;
    top: 14px;}
.after-blue-line100:after {max-width: 100%}
.no-li-style {list-style-type: none;}
.li-colors-blue li { background: #F3F3F3; padding: 20px 60px; margin-top: 5px; margin-bottom: 5px }
.li-colors-blue li:nth-child(odd) { background: #D1E2F1; padding: 10px 60px }
.li-colors-blue-revard li { background: #F4FAFF; padding: 20px 60px; margin-top: 5px; margin-bottom: 5px }
.li-colors-blue-revard li:nth-child(odd) { background: #F3F3F3; padding: 10px 60px }
.playBtn {    position: absolute;
    display: block;
    left: 50%;
    margin-left: -49px;
    top: 50%;
    margin-top: -49px;
    cursor: pointer;
    width: 98px !important;
height: 98px !important; }
.slide-video .ytLoader img {width: 100%; height: 200px}
.slide-video .ytLoader-big img {width: 100%; height: 500px; object-fit: cover}
.slide-video .ytLoader-big  {position: relative}
.slide-video .playBtn {left: 50%; margin-left: -37px; display: block;
    top: 35%;
    margin-top: -37px;
    cursor: pointer;
    width: 74px !important;
    height: 74px !important;}
.slide-video .ytLoader-big .playBtn {
    top: 50%;
}
.video-sliders-big .slick-prev.slick-arrow {
    width: 65px;
    height: 65px;
    background: url(/templates/navigator4life/main/img/slider-nav-prev.svg) center center no-repeat;
    background-size: contain;
    box-shadow:none;
    -webkit-box-shadow: none;
    left: 15px;
    top: 55%;
    z-index: 1;
}

.video-sliders-big .slick-next.slick-arrow {
    width: 65px;
    height: 65px;
    background: url(/templates/navigator4life/main/img/slider-nav-next.svg) center center no-repeat;
    background-size: contain;
    box-shadow:none;
    -webkit-box-shadow: none;
    right: 15px;
    top: 55%;
}
.video-sliders-big .slick-dots {bottom: -30px}
.video-sliders-big .slick-track {overflow: hidden}

.sliders-big .slick-prev.slick-arrow {
    width: 65px;
    height: 65px;
    background: url(/templates/navigator4life/main/img/slider-nav-prev.svg) center center no-repeat;
    background-size: contain;
    box-shadow:none;
    -webkit-box-shadow: none;
    left: 15px;
    top: 55%;
    z-index: 1;
}

.sliders-big .slick-next.slick-arrow {
    width: 65px;
    height: 65px;
    background: url(/templates/navigator4life/main/img/slider-nav-next.svg) center center no-repeat;
    background-size: contain;
    box-shadow:none;
    -webkit-box-shadow: none;
    right: 15px;
    top: 55%;
}
.sliders-big .slick-dots {bottom: -30px}
.sliders-big .slick-track {overflow: hidden}
.cover-youtube-big-img {width: 1110px; max-width: 100%; height: auto;}
.adaptive-video {width: 100%; height: 100%; min-height: 600px;
    position: relative !important;}
.max-text540 {max-width: 540px; margin: 0 auto}
@media (min-width:1921px){
    .pt200large {padding-top: 200px}
}

@media (max-width:1920px){
    .many-text#video-wrap {min-height: 840px;}
}
@media (min-width:991px){
    .ptlg30 {padding-top: 30px;}
    .ptlg50 {padding-top: 50px;}
    .ptlg80 {padding-top: 80px;}
    .ptlg100 {padding-top: 100px;}
    .ptlg120 {padding-top: 120px;}
    .ptlg180 {padding-top: 180px;}
    .ptlg220 {padding-top: 200px;}
    .pblg80 {padding-bottom: 80px;}
    .pblg100 {padding-bottom: 100px;}
    .pblg120 {padding-bottom: 120px;}
}
@media (min-width:768px){
    .ptsm30 {padding-top: 30px;}
    .ptsm50 {padding-top: 50px;}
    .ptsm80 {padding-top: 80px;}
    .ptsm100 {padding-top: 100px;}
    .ptsm120 {padding-top: 120px;}
    .ptsm180 {padding-top: 180px;}
    .ptsm220 {padding-top: 200px;}
    .pbsm80 {padding-bottom: 80px;}
    .pbsm120 {padding-bottom: 120px;}
}

@media (max-width:991px){
    .pt30-lg {padding-top: 30px;}
    .pt50-lg {padding-top: 50px;}
    .pt80-lg {padding-top: 80px;}
    .pt100-lg {padding-top: 100px;}
    .pt120-lg {padding-top: 120px;}
}
@media (max-width:767px){
    .pt10-md {padding-top: 10px;}
    .pt30-md {padding-top: 30px;}
    .pt50-md {padding-top: 50px;}
    .pt80-md {padding-top: 80px;}
    .pt100-md {padding-top: 100px;}
    .pt120-md {padding-top: 120px;}
    .fz20 {font-size: 18px;}
    .fz22 {font-size: 18px;}
    .fz24 {
        font-size: 18px;
    }
    /*#video-wrap {height: 100%;}*/
    #video-wrap { min-height: initial;}
    #tops {padding-bottom: 20px}
    .pad-right-slider {padding-right: 25px !important; }
    .product-desc-short {min-height: auto}
    #homepagenew {background: linear-gradient(180deg, #4D95FF 42.22%, #F0E7E2 111.62%);
    padding-top: 10px;padding-bottom: 10px; background-size: cover;
    }
}
@media (max-width:576px){
    .pt50-sm {padding-top: 50px;}
    .pt80-sm {padding-top: 80px;}
    .pt100-sm {padding-top: 100px;}
    .pt120-sm {padding-top: 120px;}
    .fz18, .fz18 * {font-size: 16px;}
}
h2.header.type-step:before {
    text-align: center;
    color: #fff;
    font-family: "Roboto";
    font-size: 36px;
    line-height: 64px;
}
h2.header.type-step-1::before {content: "1";}
h2.header.type-step-2::before {content: "2";}
h2.header.type-step-3::before {content: "3";}
h2.header.type-step-4::before {content: "4";}
h2.header.type-step-5::before {content: "5";}
h2.header.type-step-6::before {content: "6";}
h2.header.type-step-7::before {content: "7";}
h2.header.type-q::before {content:"?";}

.step-img {
    margin-bottom: 80px;
}
.step-text {
    margin-bottom: 40px;
    font-size: 24px;
}
.step-img img {
    width: 100%;
    height: auto;
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         4px 4px 13px 0px rgba(0, 0, 0, 0.2);
}
.blue-bullets {
    padding-left: 0;
}
.blue-bullets li{
    list-style-type: none;
    position: relative;
    padding-left: 35px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.blue-bullets.fz24 li {
    font-size: 24px;
}
.blue-bullets li::before {
    width: 15px;
    height: 15px;
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    background: #2055a3;
    border-radius: 10px;
}
.blue-border-100 {border-radius: 22px;border: solid 2px #2055A3;padding: 10px 20px; width: auto; max-width: 100%; margin: 0 auto}
.blue-border-400 {border-radius: 22px;border: solid 4px #2055A3;padding: 10px 20px; width: auto; max-width: 100%; margin: 0 auto}
.blue-border-700 {border-radius: 22px;border: solid 2px #2055A3;padding: 10px 20px; width: 700px; max-width: 100%; margin: 0 auto}
.blue-border-fat-top-but {border-top: solid 5px #2055A3;border-bottom: solid 5px #2055A3; height: auto}
.step-text>b{
    font-size: 24px;
}
.step-avatar {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}
.step-avatar-img > img {
    width: 100%;
    height: auto;
}
.step-avatar-text {
    background: #2055a3;
    color: #fff;
    text-align: center;
    font-style: italic;
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
}
@media (max-width:768px){
    .step-img {
        margin-bottom: 20px;
    }
    .blue-bullets li {
        padding-left: 25px;
    }
    .blue-bullets li::before {
        top: 6px;
    }
    .fz24, .step-text>b, .blue-bullets.fz24 li, .step-text {
        font-size: 18px;
    }
}
.bluetabs .row {
    -webkit-box-shadow: 4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    4px 4px 13px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         4px 4px 13px 0px rgba(0, 0, 0, 0.2);
}
.bluetabs a {
    color: #000;
}
.bluetabs a.active {
    color: #2055a3;
    font-weight: bold;
}
.bluetabs a:hover {
    color: #2055a3;
}
.bluetabs .row > div {
    background: #c9d9ef;
    padding: 30px;
    text-align: center;
}
.bluetabs .row > li {
    background: #c9d9ef;
    padding: 30px;
    text-align: center;
}
.bluetabs a {
    line-height: 36px;
    padding-left: 15px;
    display: inline-block;
    text-decoration: none;
}
.bluetabs i {
    color: #2055a3;
    font-size: 36px;
    display: block

}
.bluetabs .row > div:nth-child(2n) {
    background: #fff;
}
.bluetabs .row > li:nth-child(2n) {
    background: #fff;
}
/*2018.04.16*/

#product-list .row > div > div > a > img {max-width: 100%;    height: 200px; object-fit:contain;  }

.uppercase {text-transform: uppercase}
#top-new h1.fz56 {font-size: 56px}
h2.headers { text-align: center; text-transform: uppercase }
h2.headers span{ font-size: 36px; font-weight: 500; position: relative; color: #2055A3; display: inline-block; width: 1080px; max-width: 100%}
h2.headers span:before { display: block; content: ""; width: 100%; height: 4px; background-color: #2055A3; left: 100%; top: 50%; margin-top: -1px; position: absolute;}
h2.headers span:after { display: block; content: ""; width: 100%; height: 4px; background-color: #2055A3; right: 100%; top: 50%; margin-top: -1px; position: absolute;}
main {overflow: hidden}

#uspeh .item {
    height: 272px;
    position: relative;
    /*padding: 20px 10px;*/
    overflow: hidden;
    padding-bottom: 0px;
    border-right: solid 4px #fff;
}
#uspeh2 .item-big {
    height: 640px;
    position: relative;
    /*padding: 20px 10px;*/
    overflow: hidden;
    padding-bottom: 0px;
    border-right: solid 4px #fff;
}
.item .item-img span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    background: rgba(0, 103, 255, 0.8);
    text-align: center;
}
.item.item-001 {
    border-left: solid 4px #fff;
}

.item.item-001 > div {
    background: url(/templates/navigator4life/main/img/hom-new-001.png) center center no-repeat;
    background-size: cover; height: 100%;
}
.item.item-002 > div {
    background: url(/templates/navigator4life/main/img/hom-new-002.png) center center no-repeat;
    background-size: cover; height: 100%;
}
.item.item-003 > div {
    background: url(/templates/navigator4life/main/img/hom-new-003.png) center center no-repeat;
    background-size: cover; height: 100%;
}

.item-big .item-img span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 30px 10px 30px 10px;
    color: #fff;
    font-weight: 700;
    background: rgba(20, 83, 176, 0.67);
    text-align: center;
}
.item-big .item-img-blue span {
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 30px 10px 30px 10px;
    color: #fff;
    font-weight: 700;
    background: rgba(36, 125, 255, 0.75);
    text-align: center;
}
.item-big.item-big-001 > div {
    background: url(/templates/navigator4life/main/img/homepage2-img_002.png) center center no-repeat;
    background-size: cover; height: 100%;
}
.item-big.item-big-002 > div {
    background: url(/templates/navigator4life/main/img/homepage2-img_003.png) center center no-repeat;
    background-size: cover; height: 100%;
}
.item-big.item-big-003 > div {
    background: url(/templates/navigator4life/main/img/homepage2-img_004.png) center center no-repeat;
    background-size: cover; height: 100%;
}

.uspeh-wrap {background: #0C5FD9;}
.blue-wrap-site{background: #2055A3;}
.pink-wrap-site{background: #FF717E;}
.red-wrap-site{background: #FF5656;}
.light-blue-wrap-site{background: #E5F0F9;}
.light2-blue-wrap-site{background: #5D8DCF;}
.light3-blue-wrap-site{background: #C0E1FD;}
.light4-blue-wrap-site{background: #F3FBFF;}
.light5-blue-wrap-site{background: #BEE1FF;}
.light6-blue-wrap-site{background: #E1F5FF;}
.violet-wrap-site{background: #B1B9FC;}
.dark-violet-wrap-site{background: #563192;}
.dark-violet2-wrap-site{background: #455ED4;}
.light-violet-wrap-site{background: #B5DCFF;}
.blue-g-wrap-site{background: #2E7DFF;}
.blue-g-light-wrap-site{background: #CAE7FF;}
.blue-g-light-wrap-site2{background: #68A1FF;}
.light-gray-wrap-site {background: #F3F3F3;}
.light2-gray-wrap-site {background: #F7F7F7;}
.dark-gray-wrap-site {background: #727175;}
.gray-wrap-site {background: #EDEDED;}
.green-wrap-site {background: #AECAA8;}
.green-wrap2-site {background: #0099C9;}
.white-wrap-site {background: #fff;}
.dark-blue-wrap-site {background: #354256;}
.blue-wrap {background: rgba(0, 103, 255, 0.7); padding: 20px}
.dark-blue-wrap {background: #2055A3; padding: 20px}

.dark-wrap {background: #232323}
.blue-background-transparent {background: #0067FF5E; padding: 20px 40px;border-radius: 20px; -webkit-border-radius: 20px}
.hope-wrap {background: url(/templates/navigator4life/main/img/hom-new-004.png) center center no-repeat; background-size: cover}
.club-cel-wrap {background: url(/templates/navigator4life/main/img/hom-new-010.png) center center no-repeat; background-size: cover}
.wrap-forall {background: url(/templates/navigator4life/main/img/hom-new-020.png) #232323 center center no-repeat; background-size: cover; padding-top: 450px; padding-bottom: 450px}

.gray-wrap {background: linear-gradient(180deg, rgba(217, 217, 217, 0.010989) 0%, #D9D9D9 26.04%, #fff 68.75%, rgba(217, 217, 217, 0) 100%);
}
.partners-wrap {background: url(/templates/navigator4life/main/img/hom-new-011.png)  no-repeat; background-size: cover; background-position-y: bottom; background-position-x: center}
.comand-wrap {    background: url(/templates/navigator4life/main/img/hom-new-015.png) center bottom no-repeat;
    background-size: cover;
    background-position-y: 300px;
    background-position-x: center;
    padding-bottom: 20px;}
.blue-background-nf {
    background-color: #2055A3;
    border-radius: 27px;
    padding: 20px;
}
.with-image {
    box-shadow: 0px 0px 8px 0px #00000040
}
.with-image .item-text {
    padding: 0px 20px;
}
.with-image img {width: 100%}
.no-padding {padding: 0px !important;}

.border-radius-27 {border-radius: 27px; -webkit-border-radius: 27px; overflow: hidden}
.border-radius-10 {border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden}
.no-border-radius-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.no-border-radius-bottom {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pt500 {padding-top: 500px}
.blue-wrap h2 {color: #fff; text-align: center}
#hope {
    padding-top: 480px;
    padding-bottom: 100px;
}

#hope .stone {
    padding: 20px;
    color: #fff;
    display: block;
    position: relative;
    text-align: right;
    z-index: 1;
}

#hope .stone:before {background: rgba(35, 35, 35, 0.47); content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: -320px;
    z-index: -1}
#hope .stone .item:after { content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 90%;
    top: 18px;
    z-index: 1;
    right: -35px;
    border-right: solid 4px #fff;
}
#club-cel {

}

#club-cel .club-cel-bg {
    padding: 20px;
    color: #fff;
    display: block;
    position: relative;
    text-align: right;
    z-index: 1;
    padding-top: 100px;
    padding-bottom: 50px;
}

#club-cel .club-cel-bg:before {background: rgba(35, 35, 35, 0.47); content: "";
    display: block;
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0px;
    left: 650px;
    z-index: -1}
.border-top {border-top: solid #fff 4px; padding-top: 40px}
.border-bottom {border-bottom: solid #fff 4px; padding-bottom: 40px}
#club-cel .club-cel-bg li+li {
    margin-top: 50px;
}
.club-cel-bg * {color: #fff}
.white-text {color: #fff}
.white-text-i {color: #fff !important;}
.mt10 {margin-top: 6px}
.mt11 {margin-top:11px}
.mt20 {margin-top:20px}
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px !important;}
.img-max-width img {max-width: 100%}
.colors-b-g .item .item-name {padding: 20px}
.text-blue {color: #2055A3}
.text-choko {color: #722E12}
.text-choko-im {color: #722E12 !important;}
.text-blue-dark {color: #0D4393}
.text-pink {color: #F95D6C}
.text-pink2 {color: #FFC3C9}
.text-violet {color: #62428D}
.text-green {color: #517800}
.text-light-blue {color: #95C2FF}
.text-light-blue2 {color: #2E7DFF}
.library-text-green {color: #18846A;}
.library-text-green2 {color: #00805A;}
.library-text-green3 {color: #3F9907;}
.library-text-red {color: #A51A1A;}
.library-text-pink {color: #93256D;}
.library-text-orange {color: #9A3700;}
.library-text-green-gray {color: #00646A;}
.library-text-dark-violet {color: #37599A;}
.library-text-violet {color: #744E92;}
.library-text-violet2 {color: #622BA6;}
.library-text-blue-gray {color: #00818A;}
.library-text-blue {color: #275DB7;}
.library-text-yelow-green {color: #5B7100;}
.library-text-pink2 {color: #9E1870;}
.library-text-gold {color: #9D7C08;}
.library-text-gold2 {color: #B96212;}
.library-text-yelow {color: #817400;}
.library-text-gray {color: #6D7388;}
b {color: inherit; font-size: inherit}
.liner-wrap-w-g {background: linear-gradient(270deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 68.23%);}
.liner-wrap-g-w {background: linear-gradient(90deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 68.23%);}
.item-border-left {padding: 20px; border-left: solid 2px #000}
.item-border-right {padding: 20px; border-right: solid 2px #000}
ul#around-li  { padding-left: 0px;}
ul#around-li.homepadding-left  { padding-left: 20px;}
.homepadding-left  { padding-left: 60px;}
#around-li  li { font-size: 24px; list-style-type: none; position: relative; padding-left: 40px;}
#around-li  li { font-size: 24px; list-style-type: none; position: relative; padding-left: 40px;}
#around-li  li:before { position: absolute; display: block; content: ""; width: 20px; height: 20px; left: 0px; top: 6px; background-color: #2055a3;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
#around-li.light-blue  li:before { position: absolute; display: block; content: ""; width: 20px; height: 20px; left: 0px; top: 6px; background-color: #2E7DFF;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
#around-li  li+li { margin-top: 15px;}
.small-around  li:before { position: absolute; display: block; content: ""; width: 12px !important; height: 12px !important; left: 0px; top: 13px !important; background-color: #2055a3;}
.small-around.text-blue  li {color: #2055a3; font-weight: 500}
.small-around.fz18  li{font-size: 18px !important; }
.wery-small-around  li:before { position: absolute; display: block; content: ""; width: 6px !important; height: 6px !important; left: 0px; top: 12px !important; background-color: #2055a3;}
.wery-small-around.black-li  li:before { position: absolute; display: block; content: ""; width: 6px !important; height: 6px !important; left: 0px; top: 12px !important; background-color: #000 !important;}
.wery-small-around.text-blue  li {color: #2055a3; font-weight: 500}
#around-li.wery-small-around li+li {margin-top: 0px}
ul#around-li-mini  { padding-left: 0px;}
#around-li-mini  li { font-size: 18px; list-style-type: none; position: relative; padding-left: 50px;}
#around-li-mini  li:before { position: absolute; display: block; content: ""; width: 12px; height: 12px; left: 10px; top: 40%; background-color: #2055a3;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
#around-li-mini  li+li { margin-top: 15px;}
.around-li-white * { color: #fff !important; font-weight: bold}
.around-li-white  li:before { position: absolute; display: block; content: ""; width: 12px !important; height: 12px !important; left: 0px; top: 12px !important; background-color: #fff !important;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

ul.decorate {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul.decorate li {
    position: relative;
    padding-left: 1em;
    text-align: center;
    color: #0c3338;
}
ul.decorate li::before {
    content: "";
    position: absolute;
    top: 50%;
    height: 0.2em;
    width: 0.2em;
    transform: translate(-200%, -50%);
    border-radius: 50%;
    background-color: #000;
}

.img-width100 img {width: 100%; max-width: 100%}
.img-width100-large img {width: 100%; max-width: 100%}
.separete-blue
{
    border-top: 3px solid #2055A3; padding-top: 50px;
}
.border-left-md {display: block}
.border-left-md:before {border-left: 2px solid #000; margin-left:-20px; position: absolute; display: block; content: "";     height: 100%;}
.border-left-md.border-left-md-stick:before {height: 100%; min-height: 580px; top: -40px}
.over-hidden {overflow: hidden}
.italic {font-style: italic}
span {font-size: inherit}
.text-underline {text-decoration: underline}
.around-num h4 {
    border-radius: 20px;
    background-color: #2055A3;
    width: 26px;
    margin: 0 auto;
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
}
h2.header.fz30 {font-size: 30px !important;}
#pay-sys .item {max-width: 273px; margin: 0 auto}
.small-img-shop img { max-width:62px}
.small-img-shop2 img { max-width:80px}
@media (min-width:1921px){
    #hope {
        padding-top: 680px;
        padding-bottom: 300px;
    }
}
@media (max-width:1200px) {
    #club-cel .club-cel-bg:before {
        left: 0px;
    }
}
@media (max-width:768px){
    .border-left-md:before {border-left: none}
    #top-new h1.fz56 {font-size: inherit}
    #uspeh .item {border-right: none; border-top: solid 4px #fff}
    .item.item-001 {
        border-left: none; border-top: none !important;
    }
    .hope-wrap {background: url(/templates/navigator4life/main/img/hom-new-004.png) center center no-repeat; background-size: cover}
    #hope {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #hope .stone {
        text-align: center;
    }
    #hope .stone:before {
        left:0px;}
    .fz90 {
        font-size: 56px;
    }
    .fz56 {
        font-size: 36px;
    }
    .fz48 {
        font-size: 36px;
    }
    .fz40 {
        font-size: 30px;
    }
    .fz36 {
        font-size: 24px;
    }
    h2.header.fz30 {font-size: 20px !important;}
    .fz30 {
        font-size: 20px;
    }
    .fz28 {font-size: 22px;}
    .fz24 {
        font-size: 18px;
    }
    #top-new h1.fz36 {font-size: 24px}
    .item-border-left {padding: 20px; border-left: none}
    .item-border-right {padding: 20px; border-right: none}
    .partners-wrap {
        background: url(/templates/navigator4life/main/img/hom-new-011.png) no-repeat;
        background-size: auto;
        background-position-y: bottom;
        background-position-x: center;
    }
    /*.bg-blue {background-color:#3f85f4 }*/
    h2.headers span {font-size: 24px}
    .wrap-forall {
        background: url(/templates/navigator4life/main/img/hom-new-020.png) #232323 center center no-repeat;
        background-size: cover;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #top-new a {
        font-size: 20px;}
    .button {
        color: #fff !important;
        padding: 10px 20px 10px 20px !important;
        display: inline-block;
        width: 100%;}
    .button-small {width:auto; padding: 6px 40px 6px 40px; !important; }
    .pl90 {padding-left: 10px}
    .pr90 {padding-right: 10px}
    .img-width100-large img {width: auto; max-width: 100%}
    .slick-prev.slick-arrow {
        -webkit-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        -moz-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    }
    .slick-next.slick-arrow {
        -webkit-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        -moz-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    }
    .library-sliders-big.slick-next.slick-arrow {
        -webkit-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        -moz-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    }
    .library-sliders-big .slick-next.slick-arrow {
        z-index: 3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .library-sliders-big.slick-prev.slick-arrow {
        -webkit-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        -moz-box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
        box-shadow: 0px -1px 25px 20px rgb(255 255 255 / 95%);
    }
    .library-sliders-big .slick-prev.slick-arrow {
        z-index: 3;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .homepadding-left {padding-left: 30px}
    #around-li li {font-size: 18px}
}
.vp-placeholder {visibility: hidden !important;}
.video-sliders-over-hide {overflow: hidden}


.homepage-new-icon p.busines-icon {color: #e1d191;
    font-size: 20px;
    padding: 8px 15px 10px 20px;}
.shadows {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0 0 0 / 40%);
    -moz-box-shadow:    0px 1px 0px 0px rgba(0 0 0 / 40%);
    box-shadow:         0px 1px 0px 0px rgba(0 0 0 / 40%)
}
.weight500 {font-weight: 500}
.wrap.blue-wrap-site {overflow: hidden}
/*.sidebar-nav li a.busines-icon:before {    display: block;
	position: absolute;
	left: 10px;
	background: url(../img/page-bg-about.png) center center no-repeat ;
	width: 24px;
	content: "";
	height: 24px;
	top: 6px;
	background-size: cover;
	filter: brightness(0) invert(1);}*/

/*анимация*/
@-webkit-keyframes anim-btn {
    35% { transform: rotate(0) translate(0, 0); }
    40% { transform: rotate(5deg) translate(0, -2px); }
    45% { transform: rotate(-3deg) translate(0, -2px); }
    50% { transform: rotate(5deg) translate(0, -2px); }
    55% { transform: rotate(-3deg) translate(0, -2px); }
    60% { transform: rotate(5deg) translate(0, -2px); }
    65% { transform: rotate(-3deg) translate(0, -2px); }
    70% { transform: rotate(0) translate(0, 0); }
}
@keyframes anim-btn {
    35% { -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); }
    40% { -ms-transform: rotate(5deg) translate(0, -2px); transform: rotate(5deg) translate(0, -2px); }
    45% { -ms-transform: rotate(-3deg) translate(0, -2px); transform: rotate(-3deg) translate(0, -2px); }
    50% { -ms-transform: rotate(5deg) translate(0, -2px); transform: rotate(5deg) translate(0, -2px); }
    55% { -ms-transform: rotate(-3deg) translate(0, -2px); transform: rotate(-3deg) translate(0, -2px); }
    60% { -ms-transform: rotate(5deg) translate(0, -2px); transform: rotate(5deg) translate(0, -2px); }
    65% { -ms-transform: rotate(-3deg) translate(0, -2px); transform: rotate(-3deg) translate(0, -2px); }
    70% { -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); }
}

@-webkit-keyframes scrol-image {
    35% { transform: rotate(0) translate(0, 0); }
    40% { transform: rotate(0deg) translate(0, -10px); }
    45% { transform: rotate(0deg) translate(0, -20px); }
    50% { transform: rotate(0deg) translate(0, -30px); }
    55% { transform: rotate(0deg) translate(0, -40px); }
    60% { transform: rotate(0deg) translate(0, -30px); }
    65% { transform: rotate(0deg) translate(0, -20px); }
    70% { transform: rotate(0deg) translate(0, -10px); }
    75% { transform: rotate(0deg) translate(0, -1px); }
    75% { transform: rotate(0) translate(0, 0); }
}
@keyframes scrol-image {
    35% { -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); }
    40% { -ms-transform: rotate(0deg) translate(0, -10px); transform: rotate(0deg) translate(0, -20px); }
    45% { -ms-transform: rotate(0deg) translate(0, -20px); transform: rotate(0deg) translate(0, -40px); }
    50% { -ms-transform: rotate(0deg) translate(0, -30px); transform: rotate(0deg) translate(0, -60px); }
    55% { -ms-transform: rotate(0deg) translate(0, -40px); transform: rotate(0deg) translate(0, -80px); }
    60% { -ms-transform: rotate(0deg) translate(0, -30px); transform: rotate(0deg) translate(0, -60px); }
    65% { -ms-transform: rotate(0deg) translate(0, -20px); transform: rotate(0deg) translate(0, -40px); }
    75% { -ms-transform: rotate(0deg) translate(0, -10px); transform: rotate(0deg) translate(0, -20px); }
    80% { -ms-transform: rotate(0deg) translate(0, -1px); transform: rotate(0deg) translate(0, -1px); }
    85% { -ms-transform: rotate(0) translate(0, 0); transform: rotate(0) translate(0, 0); }
}

.scrolimage { -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-animation: anim-btn 5s infinite; animation: scrol-image 2s infinite; }