@font-face { 
    font-family: 'HelveticaNeueDeskInterface-Thin';  
    src: local('.HelveticaNeueDeskInterface-Thin'), 
    url('https://nomail.com.ua/files/woff/1cd50fa78f6cca321bed7dc4b72de162.woff') 
    format('woff'); 
}

@font-face { 
    font-family: 'HelveticaNeueDeskInterface-Regular';  
    src: local('.HelveticaNeueDeskInterface-Regular'), 
    url('https://nomail.com.ua/files/woff/00ec2cab9730fab6347dca578d06a2fc.woff') 
    format('woff'); 
}

@font-face { 
    font-family: 'HelveticaNeueDeskInterface-Bold';  
    src: local('.HelveticaNeueDeskInterface-Bold'), 
    url('https://nomail.com.ua/files/woff/66148859155bd69d108a25a74af0733f.woff') 
    format('woff'); 
}

body {
    font-family: 'HelveticaNeueDeskInterface', sans-serif; 
}

.main-nav li a {
    color: #fff;
    font-weight: 300!important;
}

.main-nav li:hover > .sub-menu {
    background: #413950;
    border: none;
}

.pix-submenu .sub-menu li a {
    color: #fff;
}


.mobile-menu-nav .sub-menu {
	display: block;
}

.mobile-menu-inner .pix-dropdown-arrow {
	display: none !important;
}


.main-nav li:last-child ul li a {
    pointer-events: inherit;
    cursor: pointer;
}

.stuck.sticky-light .main-nav > ul > li > a {
    color: #fff;
}

.post a {
    font-weight: 400;
    color: #00a9d1;
}

#logo img {
    width: 200px;
}

/*#logo, .main-nav {
    height: 65px;
    line-height: 70px;
}
*/

.main-nav {
    height: 65px;
    line-height: 60px;
}

#logo {
    height: 65px;
    line-height: 60px;
}


.button_row {
    padding-right: 70px;
}

.right-arrow.cross-arrow .main-nav ul.menu > li:before {
    display: none;
}

/*.header-wrap {
    z-index: 0!important;
}*/

/*#tag_cloud-2 {
	display: none;
}*/

.header-con {
    background: #413950!important;
    height: 65px!important;
}

.header-con #logo img {
    vertical-align: text-bottom!important;
    margin-top: 5px;
    width: 200px;
}

.header-con #logo .sticky-logo {
    width: 200px!important;
    height: 50px;
    max-height: inherit!important;
    margin-top: 5px;
}

.header-con a {
    transition: inherit!important;
}

.search-btn {
    display: none;
}

#firstScreen {
    position: relative;
    color: #654772;
    background: -webkit-gradient(linear, left top, left bottom, from(#CAD3CC), to(#87AFB5))!important;
    background: -webkit-linear-gradient(#CAD3CC, #87AFB5)!important;
    background: -o-linear-gradient(#CAD3CC, #87AFB5)!important;
    background: linear-gradient(#CAD3CC, #87AFB5)!important;
    background-size: contain!important;
    background-position: center!important;
}

#firstScreen:before {
    content: "";
    position: absolute;
    display: block;
    background: url(https://bankaroo.com/wp-content/uploads/2018/04/bg-lights.png);
    background-size: contain!important;
    background-position: center!important;
    width: 100%;
    height: 100%;

}




#firstScreen .button_login a {
    width: 240px;
    height: 62px;
    font-weight: 400;
    font-size: 20px!important;
    line-height: 1.8em!important;
    background: #4BDDBC!important;
    -webkit-box-shadow: 0 2px 8px 0 #494949;
            box-shadow: 0 2px 8px 0 #494949;   
}

#firstScreen .button_login a:hover {
    -webkit-box-shadow: 0px 0px 20px 0px #494949!important;
            box-shadow: 0px 0px 20px 0px #494949!important;
}

#firstScreen .button_login_sign a {
    width: 240px;
    height: 62px;
    font-weight: 400;
    font-size: 20px!important;
    line-height: 1.8em!important;
    -webkit-box-shadow: 0 2px 8px 0 #494949;
            box-shadow: 0 2px 8px 0 #494949;
    background: #654772!important;
}

#firstScreen .button_login_sign a:hover {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(65,57,80,1)!important;
            box-shadow: 0px 0px 20px 0px rgba(65,57,80,1)!important;
}

#firstScreen .main_title {
    font-size: 44px;
    margin: 5px 0!important;
}

#firstScreen .firstScreen_textdecor {
    font-size: 22px;
}

#firstScreen .vc_parallax-inner {
    background-size: contain!important;
}

#testimonials, #GolaAchived  {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #89a9ae),to(#d7e2d9));
    background: -webkit-linear-gradient(top, #89a9ae 1%,#d7e2d9 100%);
    background: -o-linear-gradient(top, #89a9ae 1%,#d7e2d9 100%);
    background: linear-gradient(to bottom, #89a9ae 1%,#d7e2d9 100%);
}

.row_mobile {
    -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
            justify-content: center!important;
}

#faq_page {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #89a9ae),to(#d7e2d9));
    background: -webkit-linear-gradient(top, #89a9ae 1%,#d7e2d9 100%);
    background: -o-linear-gradient(top, #89a9ae 1%,#d7e2d9 100%);
    background: linear-gradient(to bottom, #89a9ae 1%,#d7e2d9 100%);
}

.title_blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
}

.title_blog img {
    width: 75px;
}

.title_blog h1 {
    text-align: center;
    font-weight: 400;
    color: #413950;
    font-size: 38px;
    margin-bottom: 0;
    margin-left: 20px;
}

.blog-page > .container > .row {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 2em;
}


.blog-page .sidebar.col-md-3 {
    width: 100%!important;
    -webkit-box-flex: 0!important;
        -ms-flex: 0 0 100%!important;
            flex: 0 0 100%!important;
    max-width: 100%!important;
    margin-bottom: 60px;
}

.blog-page .blog.col-md-9 {
    width: 100%!important;
    -webkit-box-flex: 0!important;
        -ms-flex: 0 0 100%!important;
            flex: 0 0 100%!important;
    max-width: 100%!important;
}

.blog-page .tagcloud a {
    border-radius: 20px;
    padding: 2px 17px;
    background: #654672;
    margin: 7px 1px;
}

#tag_cloud-2 {
    display: none;
}

.blog-page .sidebar .widgettitle {
    display: none;
}

.blog .post-container {
    margin-bottom: 30px;
}

.blog-page .post-standard {
    float: left;
    margin-right: 20px;
    border: none;
    overflow: hidden;
    border-radius: 20px;
    max-width: 310px;
    min-height: 225px;
}

.blog-page .category {
    display: none;
}

.blog-page .entry-content {
    padding: 0;
    border: none;
}

.blog-page .entry-content .caption{
    display: none;
}

.blog-page .entry-content .title {
    font-weight: 400;
    font-size: 28px;
    color: #6B6E71;
    margin-bottom: 10px;
}

.blog-page .entry-content p {
    color: #565656;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 5px;
}

.blog-page .entry-content  .link-btn {
    margin-top: 0;
}

.blog-page .entry-content .link-btn a {
    color: #654672;
}

.blog-page .entry-content .tagsInPost a {
    background: #654672;
    color: #fff;
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 15px;
}

.newsection .banner.no-feature-image {
    height: 200px;
}

.rocket_abs {position: absolute; display: block; width: 121px; height: 203px; top: -7em; left: -2em; -webkit-transform: rotate(20deg) scale(-1, 1); -ms-transform: rotate(20deg) scale(-1, 1); transform: rotate(20deg) scale(-1, 1); /*z-index: 9999;*/}

.tutorial-widget .nav {background: #ffffff1f;}
.tutorial-widget .nav-link.active {background-color: #ffffff2e; border-radius: 0; border-left: 3px solid #DEDDE1;}
.tutorial-widget a {padding: .3rem 1rem; color: #DEDDE1;}
.tutorial-widget iframe {width: 100%; height: -webkit-fill-available;}
.tutorial-widget img {text-align: center; margin: auto; height: 100%;}
.tutorial-widget .carousel-control-prev-icon {background-image: url(https://image.ibb.co/ji6OEH/Back.png); width: 40px; height: 40px;}
.tutorial-widget .carousel-control-next-icon {background-image: url(https://image.ibb.co/eDpJEH/Forward.png); width: 40px; height: 40px;}
.slick-prev {left: 30px;}
.slick-prev:before {content: ""; display: block; background-image: url(https://image.ibb.co/ji6OEH/Back.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px;}
.slick-next {right: 30px;}
.slick-next:before  {content: ""; display: block; background-image: url(https://image.ibb.co/eDpJEH/Forward.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px;}
.slick-prev {top: -250px!important; left: 8px!important;}
.slick-next {top: -250px!important; right: 50px!important;}

.slick-slider .slider-for {height: 400px; margin-bottom: 3em;}     
.slick-slider .slider-for item {border: 4px solid #D9D9D9;}
.slick-slider .slider-for item:nth-child(1) {background-image: url(https://image.ibb.co/fjGquH/1_slick.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 400px;}
.slick-slider .slider-for item:nth-child(2) {background-image: url(https://image.ibb.co/npMvTc/2_slick.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 400px;}
.slick-slider .slider-for item:nth-child(3) {background-image: url(https://image.ibb.co/fjGquH/1_slick.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 400px;}
.slick-slider .slider-for item:nth-child(4) {background-image: url(https://image.ibb.co/npMvTc/2_slick.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 400px;}
.slick-slider .slider-for item:nth-child(5) {background-image: url(https://image.ibb.co/fjGquH/1_slick.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 400px;}
.slick-slider .slider-for item:nth-child(6) {background-image: url(https://image.ibb.co/npMvTc/2_slick.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 400px;}
.slick-slider .slider-nav .slick-slide {margin: 0 0.4em; height: 167px; border: 4px solid #D9D9D9;}

.footer-bottom {
    color: #fff!important;
    background: #413950!important;
    position: relative;
    z-index: 2;
}

.footer-bottom .social-icons a {
    font-size: 26px;
    margin: 0 40px;
    color: #fff;
}

.footer-bottom .social-icons {
    margin: 20px 0;
}

.footer-bottom .social-icons a:nth-child(1) {
    background: #39579A;
    width: 50px;
    padding: 10px 0;
    height: 50px;
}

.footer-bottom .social-icons a:nth-child(2) {
    background: #50ABF1;
    width: 50px;
    padding: 11px 0px 0px 3px;
    height: 50px;
}

.footer-bottom .social-icons a:nth-child(3) {
    background: #007AB9;
    width: 50px;
    padding: 9px 0px 0px 7px;
    height: 50px;
}

.footer-bottom .copyright p {
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
}

.highlight {
    background-color: #4BDDBC; /* FF1+ */ /* Saf3-4 */
    border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */ /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
    padding:1px 4px;
    margin:0 -4px;
    z-index: -1;
}

.single-share-title {
    display: none;
}

#main-wrapper .comments-none,
#main-wrapper .comment-title-wrap,
#main-wrapper #comments-title, 
#main-wrapper .comment-list {
    display: none;
}

/*НАСТРОЙКИ БЛОГА*/

.single-blog .comments-none {
    display: block!important;
}

.single-blog .content {
    font-size: 20px;
    line-height: 30px;
}

.banner-content.container .post-meta {
    display: none;
}

.banner-content.container .category {
    display: none;
}

.single-blog-style3 .col-md-3.sidebar {
    display: none;
}

.single-blog-style3 .col-md-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.single-blog-style3 .banner {
    background: none !important;
    height: 200px !important;
}

.pix-boxed-content {
    max-width: 100% !important;
    width: 100% !important;
}

.firstScreen_bankaroo > div {
    z-index: 0!important;
}

.single-blog #comments {
    display: none!important;
}

.commentsForSchool .comments-none,
.commentsForSchool .comment-title-wrap,
.commentsForSchool #comments-title,
.commentsForSchool .comment-list,
.single-blog .comments-none,
.single-blog .comment-title-wrap,
.single-blog #comments-title,
.single-blog .comment-list {
    display: block!important;
}


.search-faq {
    display: flex;
    padding: 0 20px;
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99999;
}

/*.search-faq_home {
    top: 120px;
}*/

#text-search {
    border-radius: 25px;
    border: none;
    width: 100%;
    padding: 5px 15px;
}

#button-search {
    color: #fff;
    margin-left: 15px;
    border: none;
    background: #00a9d1;
    border-radius: 25px;
    padding: 5px 35px;
}

#button-search:hover {
    background: #413950;
    color: #fff;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
}

.firstScreen_desc {
    font-size: 24px;
}

.firstScreen_title h2 {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: 44px;
    color: #654672;
    margin-bottom: -5px;
}

.firstScreen_title p {
    font-weight: normal;
    color: #654672;
    font-size: 22px;
}

.main-nav li a {
    padding: 0 11px!important;
    color: #fff;
}

.main-nav .sub-menu {
    width: 164px;
}

.smart-btn1 input {
    width: auto;
}

.smart-btn1 .wpcf7-list-item {
    display: flex;
}

.smart-btn1 .wpcf7-list-item-label {
    padding: 10px;
}


/*#SetGoals {
    background-color: #423b51;
    min-height: 600px;
}*/

.header-wrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
}

.admin-bar  .header-wrap {
    margin-top: 32px;
}


#registerGold, #legal {
    position: relative;
    color: #654772;
    background: -webkit-gradient(linear, left top, left bottom, from(#CAD3CC), to(#87AFB5))!important;
    background: -webkit-linear-gradient(#CAD3CC, #87AFB5)!important;
    background: -o-linear-gradient(#CAD3CC, #87AFB5)!important;
    background: linear-gradient(#CAD3CC, #87AFB5)!important;
    background-size: contain!important;
    background-position: center!important;
}

#registerGold:before, #legal:before {
    content: "";
    position: absolute;
    display: block;
    background: url(https://bankaroo.com/wp-content/uploads/2018/04/bg-lights.png);
    background-size: contain!important;
    background-position: center!important;
    width: 100%;
    height: 100%;
}


.registerGold_title h1 {
    font-size: 50px;
    font-family: 'Poppins';
    font-weight: 300;
    color: #654672;
    margin-bottom: -5px;
}

.registerGold_title .gold-text {
    color: gold;
}



.registerGold_desc p {
    font-size: 24px;
}

.registerGold_button button {
    /*display: block!important;*/
}

.registerGold_title h1 {
    font-size: 50px;
    font-family: 'Poppins';
    font-weight: 300;
    color: #654672;
    margin-bottom: -5px;
}


.faq_textBlock p {
    font-weight: normal;
    color: #413950;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px;
}

.faq_textBlock a {
    color: #413950;
    font-size: 26px;
}

.faq_row_main .vc_toggle {
    background: #fff;
    padding: 5px;
    margin: 10px 0;
    margin-bottom: 1px !important;
    border-radius: 5px;
    font-size: 1.5em;
    line-height: 30px;
}

.faq_row_main .vc_toggle ul,  .faq_row_main .vc_toggle ol{
    line-height: 30px;
    list-style-position: inside;
    margin-bottom: 10px;
}

.faq_row_main .vc_toggle h4 {
    font-size: 22px;
}

.faq_row_main .vc_toggle  .vc_toggle_title {
    padding-top: 2px;
}

.aboutUs_container img {
    border: 8px solid #89b0b5;
}

.pix-menu-trigger span,
.pix-menu-trigger span:before, 
.pix-menu-trigger span:after {
    background-color: #c5d8d8;
}

.vc_section {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.contact_page {
    padding-top: 70px;
}

#faq ul {
    list-style-position: inside;    
}

.banner {
    background-size: contain !important;
}

.js .pix-animate-cre {
    opacity: 1;
}

.tag-cloud-link.active {
    background-color: #4BDDBC !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
    color: #3a3232 !important;
}

.admin-bar .header_accordion.main {
    margin-top: 62px;
}

.admin-bar .search-faq.main {
    top: 143px;
}

.admin-bar .heading_mobileApp {
    margin-top: 32px;
}

.admin-bar #mobile-apps {
    padding-bottom: 100px !important;
}

.admin-bar .heading_aboutUs h2 {
    margin-top: 72px !important;
}

.admin-bar #about-us {
    padding-bottom: 100px !important;
}

.links_block {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.links_block a {
    color: #5a4e71;
    font-weight: bold;
}

.links_block a:hover {
    color: #00a9d1;
    transition: .7s;
}

.admin-bar .search-faq {
        top: 130px;
}

.admin-bar .search-faq-fs {
    top: 100px;
}

.subheader_accordion {
    margin-top: 20px !important;
}

.subheader_accordion h2{
    margin-bottom: 10px !important;
    font-size: 28px;
    text-align: left;
}

.button_login_slider a {
    transition: .5s!important;
    width: 275px;
    height: 62px;
    font-size: 27px!important;
    text-align: center!important;
    line-height: 38px!important; 
    -webkit-box-shadow: 0 2px 8px 0 #4bddbc!important;
    box-shadow: 0 2px 8px 0 #4bddbc!important;
}

.button_login_slider a:hover {
    -webkit-box-shadow: 0px 0px 20px 0px #4bddbc!important;
    box-shadow: 0px 0px 20px 0px #4bddbc!important;
}

#faq-for-school ul {
    margin-bottom: 20px;
}

@media (min-height: 900px) {
    #content-faq {
        height: 100vh;
    }
}
@media (max-width: 1200px){
    #firstScreen .button_login a {width: 170px;}
    .firstBlock_row .wpb_single_image, .firstBlock_row h3, .firstBlock_row p {
        text-align: center !important;
    }
}

@media (max-width: 991px){
    .firstScreen_bankaroo {text-align: center;}
    .firstScreen_iamge .wpb_single_image.vc_align_left {text-align: center;}
    .firstScreen_buttons .vc_btn3-container.vc_btn3-right {text-align: center;}
    .firstScreen_buttons .button_row {padding-right: 0;}
    .vc_section {padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
}



@media (max-width: 1000px) {
    .slick-slider .slider-nav .slick-slide {height: auto;}
    .tutorial-widget img {height: auto;}
    .post-standard {max-width: 100% !important;}
}

@media (max-width: 800px) {
    .blog-page .sidebar.col-md-3 {display: none !important;}
    .button_login, .button_login_sign {text-align: center !important;}
    .header {border-bottom: none;}
}

@media (max-width: 767px) {
    .tab-content {margin-top: 1em;}
    .search-faq {top: 154px;}

}

@media (max-width: 550px) {
    .header {border: none;}
    #slider > .vc_row {margin: 0; padding: 0; min-width: 100%;}
    .rocket_abs {display: none;}
    .pers_id {margin-bottom: 40px;}
    .search-faq {flex-direction: column; top: 155px; right: 55px; z-index: 99999;}
    #faq_page .uvc-main-heading h2 {margin-bottom: 30px;}
    .search-faq {right: -25px; width: 100%;}
    #text-search {margin-bottom: 15px;}
    #button-search {margin-left: 0;}
    .header_accordion {margin-bottom: 110px;}
    .subheader_accordion {margin-bottom: 25px !important;}
    #faq_accordion .vc_tta-panel-heading a {display: flex; padding-left: 30px !important;}
    #faq_accordion .vc_tta-panel-heading a span {line-height: 24px;}
    #faq_accordion .vc_tta-panel-heading i:first-child {margin: 15px -3px 15px 15px;}
    .admin-bar .header-wrap {position: relative; margin-top: 0;}
    .header_accordion h2 {line-height: 38px !important;}
    .first_subheader_accordion {margin-top: 40px;}
    .button_login_slider a {width: 155px; line-height: 30px!important; height: 40px; font-size: 16px!important; padding: 6px!important;}
    #faq-for-school .search-faq-fs {top: 150px;}
    #faq-for-school .faq_fs_header h2 {margin-bottom: 100px !important;}
}

@media (max-width: 480px){
    #firstScreen {display: block;}
    .container{max-width: 100%; min-width: 100%;}
    .copyright .col-md-12 .social-icons {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;}
    .footer-bottom .social-icons a {margin: 20px 20px}
    #SetGoal div.vc_row.container {padding: 0;}
    .smart-form-1 {padding: 10px}
    .pix-boxed-content, .pix-sticky-header {max-width: 100%;}
    .button_row {padding-right: 0;}
}

@media (min-width: 414px) {
/*    .admin-bar .search-faq {
        top: 150px;
    }*/
}

@media (max-width: 375px){
/*    .search-faq {top: 245px;} */
}

@media (max-width: 320px){
    .footer-bottom .social-icons a {margin: 20px 16px;}
}