body {
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, strong, button {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6{
    font-weight: normal;
    /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;*/
}

/*p, span, input, textarea, img{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}*/


a{
    text-decoration: none;
    transition: all 0.5s ease;
}

img{
    max-width: 100%;
}

*{
    font-family: 'Poppins', sans-serif;
    /*backface-visibility: hidden;
    -webkit-backface-visibility: hidden;*/
}

blockquote{
    padding-left: 25px;
    margin-left: 15px;
    border-left: 5px solid #d4d4d4;
    font-style: italic;
    font-weight: 300;
}

#app{
    position: relative;
    overflow-y: hidden;
}

header{
    display: flex;
    flex-direction: column;
    position: relative;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
}

.header--bottom, .header--top{
    width: 100%;
    display: flex;
    padding: 25px;
    align-items: center;
}

.header--bottom{
    background-color: #fff;
}

header.sticky{
    position: sticky;
    background: rgb(43, 130, 161);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.36);
}

header .left-side{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

header .logo-wrap img{
    width: 65px;
}

.header--top{
    background-color: #0A1628;
    padding: 5px 25px;
}


.navigation-wrap .navigation-item, .header-additional-item{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    padding: 15px 10px;
    position: relative;
    outline: none;
    color: #fff;
}

.navigation-wrap .navigation-item{
    color: #111f58;
}

.navigation-wrap .navigation-item:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #fff;
    transition: all 0.5s ease;
}

.navigation-wrap .navigation-item:hover, .navigation-item.current{
    color: #00E5FF;
    opacity: 0.85;
}

.navigation-wrap .navigation-item:hover:before, .navigation-item.current:before{
    width: 100%;
}

.content-inline-wrap{
    list-style: none;
    margin: 0;
    padding: 0;
}

.content-inline__title{
    margin-right: 25px;
    color: #fff;
}

.__vertical-center{
    align-items: center;
}

.row-wrap,.row-fixed-wrap, .row-fw{
    display: flex;
    position: relative;
    padding: 0 25px;
    margin-bottom: 25px;
}

.row-fixed-wrap{
    width: 100%;
    max-width: 1250px;
    margin: 0 auto 25px;
}

.row-fw{
    padding: 0;
}

.row-wrap:last-child,.row-fixed-wrap:last-child{
    margin-bottom: 0;
}

.row-cw{
    flex-direction: column;
}

.container-fw-wrap{
    width: 100%;
    margin: 0;
    padding: 0;
}

.container-wrap{
    width: 100%;
    max-width: 1250px;
    margin: 0 auto 25px;
}

.content-inline-wrap{
    display: flex;
}

.header-banner{
    transform: skew(0deg, -7deg) translateY(-200px);
    background: linear-gradient(160deg, #0A1628, #0A1628, #00E5FF);
    padding-top: 280px;
}

.header-banner .slider-wrap{
    transform: skew(0deg, 7deg);
}

.header-banner img{
    max-height: 365px;
}

.header-banner .slick-slide img{
    margin: 0 auto;
}

.slider-item{
    outline: none;
}

.column-wrap{
    width: 100%;
    max-width: 100%;
    margin-right: 25px;
    position: relative;
}

.column-wrap:last-child{
    margin-right: 0;
}

.row-grid{
    flex-wrap: wrap;
}

.column-3{
    width: 100%;
    max-width: calc(100%/3 - 50px / 3);
    margin-bottom: 25px;
}

.column-2{
    width: 100%;
    max-width: calc(100%/2 - 25px / 2);
    margin-bottom: 25px;
}

.column-3:nth-child(3n){
    margin-right: 0;
}


.column-2:nth-child(2n){
    margin-right: 0;
}

.title-wrap{
    margin-bottom: 25px;
    width: 100%;
}

.title-wrap h2, .title-wrap h1{
    color: #0A1628;
    font-size: 55px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: center;
    padding-top: 50px;
    position: relative;
}

.title-wrap.dashboard-title h2{
    text-align: left;
    padding: 0;
}

.title-wrap h2.wc{
    color: #fff;
}

.title-wrap h2:after{
    width: 50px;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #0A1628;
    content: '';
    transform: translateX(-50%);
}

.title-wrap h2:before{
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    background-color: #f4f4f4;
    content: '';
    transform: translateX(-50%);
}

.title-wrap.dashboard-title h2:after, .title-wrap.dashboard-title h2:before{
    display: none;
}

.title-wrap h4{
    color: #ffffff;
    font-size: 55px;
    font-weight: 500;
}

.title-wrap h4 span{
    font-size: 0.4em;
    display: block;
}

.text-content-wrap p{
    margin: 0 0 10px;
    color: #111f58;
}

.text-content-wrap{
    font-size: 16px;
    color: #848484;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 25px;
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
}

.header-banner .text-content-wrap{
    color: #d9d9d9;
    font-size: 21px;
    line-height: 30px;
    margin-top: 25px;
}

.app-notify-section{
    margin-bottom: 40px;
}

.app-notify-section p{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}

.app-notify-section a{
    font-size: 14px;
    background-color: #0A1628;
    padding: 15px 20px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #0A1628;
}

.app-notify-section a:hover{
    color: #00E5FF;
    border-color: #00E5FF;
}

.btn-link{
    font-size: 14px;
    background-color: #02203e;
    padding: 15px 20px;
    color: #FFF;
    text-transform: uppercase;
    width: 150px;
    text-align: center;
    border: 2px solid transparent;
}

.btn-link:hover{
    background-color: transparent;
    border-color: #02203e;
    color: #02203e;
}

.content-inline-elem{
    margin-right: 25px;
}

.content-inline-elem:last-child{
    margin-right: 0;
}

.header-banner .btn-link{
    color: #722902;
    background-color: #fff;
}

.header-banner .btn-link:hover{
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.image-bg{
    background-position: center;
    background-size: cover;
    position: relative;
}

.image-bg:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0A1628BF;
    z-index: 1;
}

.blog-item .image-bg:after{
    background-color: #0A1628BF;
}

.services-item-wrap{
    background-color: #f7f7f7;
    transform: skew(0deg,-6deg);
    overflow: hidden;
    margin-top: -145px;
}

.services-item-wrap .services-row-wrap{
    transform: skew(0deg,6deg);
}

.services-item-wrap:nth-child(even){
    background-color: #fff;
    transform: skew(0deg,6deg);
}

.services-item-wrap:nth-child(even) .services-row-wrap{
    background-color: #fff;
    transform: skew(0deg,-6deg);
}

.services-content-column{
    padding-bottom: 200px;
}

.services-item-group-wrap{
    margin-top: 300px;
}

.contact-us-wrap{
    transform: skew(0deg, -6deg);
    background: linear-gradient(160deg, #0A1628, #0A1628, #00E5FF);
    padding: 150px 0;
    margin-top: -125px;
    margin-bottom: 125px;
}

.contact-us-wrap .contact-us-row-wrap{
    transform: skew(0deg, 6deg);
}

.contact-us-wrap .contact-additional{
    background-color: #fff;
    padding: 25px;
    margin-top: 138px;
    width: 400px;
    height: max-content;
}

.contact-us-wrap .contact-additional h5{
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-transform: none;
    color: #02203e;
    position: relative;
    padding-bottom: 15px;
}

.contact-us-wrap .contact-additional h5:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #0A1628;
    height: 1px;
    width: 75px;
}

.contact-us-wrap .contact-additional a{
    color: #00E5FF;
}

.contact-us-wrap .contact-additional .text-content-wrap{
    color: #505050;
    display: block;
}

.contact-us-wrap .contact-additional .contact-info-items-wrap{
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}

.form-wrap{
    position: relative;
    width: 100%;
    max-width: 100%;
}

.form-auth{
    max-width: 600px;
}


.form-wrap input:not([type='checkbox']), .form-wrap textarea, .form-wrap select{
    border: 2px solid #02203e;
    background: #02203e;
    padding: 15px;
    font-size: 16px;
    font-weight: 300;
    transition: all 500ms ease;
    width: 100%;
    color: #fff;
}

.form-wrap textarea{
    line-height: 28px;
    height: 240px;
}

.form-wrap ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.form-wrap:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.form-wrap ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.form-wrap button, .form-wrap a.btn{
    background-color: #ffffff;
    color: #02203e;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    width: 200px;
    text-align: center;
    border: 2px solid transparent;
    text-transform: uppercase;
    outline: none;
    transition: all 0.5s ease;
    padding: 15px;
}

.form-wrap button.btn-fw, .form-wrap a.btn-fw{
    width: 100%;
}

.form-wrap button.btn-blue, .form-wrap a.btn-blue{
    background-color: #02203e;
    color: #fff;
    display: block;
}

.form-wrap button:hover, .form-wrap a.btn:hover{
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.form-wrap button.btn-blue:hover, .form-wrap a.btn.btn-blue:hover{
    border-color: #02203e;
    color: #02203e;
    background-color: transparent;
}

.testimonials-slider-wrap{
    width: 100%;
}

.testimonial-item{
    width: 100%;
}

.testimonial-item-message{
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    margin: 0 auto 50px;
    line-height: 30px;
    color: #0A1628;
    max-width: 800px;
    position: relative;
}

.testimonial-item-message:after{
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background-color: #02203e;
    width: 50px;
    content: '';
}

.testimonial-item-customer{
    text-align: center;
    margin: 0 auto;
    color: #02203e;
    max-width: 300px;
    font-size: 16px;
}

.testimonial-item-customer-name{
    font-weight: bold;
}

.testimonials-slider-wrap .slick-dots{
    position: relative;
    display: block;
    margin-top: 25px;
}

.testimonials-slider-wrap .slick-dots li button:before{
    font-size: 21px;
}

.slick-dots li.slick-active button:before, .slick-dots li button:hover:before, .slick-dots li button:focus:before{
    color: #02203e;
}

.blog-item{
    position: relative;
}

.blog-item:hover .blog-item-date-wrap{
    opacity: 0;
    visibility: hidden;
}

.image-wrap{
    position: relative;
}

.blog-item .image-wrap{
    height: 300px;
}

.video-wrap video{
    max-width: 100%;
}

.blog-item-title{
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0 5px;
    min-height: 67px;
}

.blog-item-intro{
    font-size: 16px;
    color: #848484;
    line-height: 26px;
    text-align: justify;
    margin: 0;
    min-height: 156px;
}

.blog-item-footer{
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}

.blog-item-footer{
    color: #222222;
    font-size: 16px;
}

.blog-item-footer a{
    color: #222222;
    font-size: 16px;
    text-transform: uppercase;
    transition: all 500ms ease;
}

.blog-item-footer a:hover{
    color: #02203e;
}

.blog-item-date-wrap{
    background: #0A1628;
    padding: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-direction: column;
    transition: all 0.3s ease;
    box-shadow: 2px 3px 11px 2px rgba(0, 0, 0, 0.5);
    line-height: 16px;
}

.blog-item-content{
    padding: 0 15px;
}

footer{
    background: linear-gradient(160deg, #0A1628, #0A1628, #00E5FF);
    padding: 25px 0;
    color: #fff;
}

footer .container-wrap{
    padding: 0;
    margin-bottom: 0;
}

footer .container-wrap .row-wrap{
    justify-content: space-between;
    align-items: center;
}

footer p{
    margin: 0;
    font-size: 14px;
}

footer .left-side .footer-item{
    margin-right: 25px;
}

footer .right-side .footer-item{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
footer .right-side .footer-item li{
    margin-right: 15px;
}


footer .right-side .footer-item a{
    color: #fff;
    font-size: 14px;
}

.section-page-banner{
    height: 350px;
    width: 100%;
    margin-bottom: 50px;
}

.page-wrap{
    font-size: 16px;
    color: #848484;
    line-height: 26px;
}

.page-wrap h2, .page-wrap h3, .page-wrap h4, .page-wrap h5, .page-wrap h6{
    text-transform: uppercase;
    font-weight: bold;
}

.page-wrap h6{
    font-size: 18px;
}

.page-wrap h5{
    font-size: 21px;
}

.page-wrap h4{
    font-size: 24px;
}

.page-wrap h3{
    font-size: 27px;
}

.page-wrap h2{
    font-size: 30px;
}

.form-w-t{

}

.form-wrap.form-w-t input, .form-wrap.form-w-t textarea, .form-wrap.form-w-t select{
    background: #f7f7f7;
    border-color: transparent;
    color: #848484;
}

.form-wrap.form-w-t button{
    background-color: #02203e;
    color: #fff;
}

.form-wrap.form-w-t button:hover{
    border-color: #02203e;
    color: #02203e;
    background-color: transparent;
}

.form-wrap p{
    color: #848484;
}

.form-wrap.form-w-t ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #848484;
    opacity: 1; /* Firefox */
}

.form-wrap.form-w-t:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #848484;
}

.form-wrap.form-w-t ::-ms-input-placeholder { /* Microsoft Edge */
    color: #848484;
}

.post-general-info{
    display: flex;
    margin: 10px 0 25px;
}

.post-general-info-item{
    margin-right: 15px;
    position: relative;
}

.post-general-info-item:after{
    content: '';
    height: 15px;
    width: 1px;
    background-color: #d6d6d6;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
}

.post-general-info-item:last-child:after{
    background-color: transparent;
}

.post-general-info-item span{
    font-size: 14px;
    font-weight: normal;
    color: #848484;
}

.post-general-info-item a{
    color: #848484;
    font-weight: 200;
    font-size: 14px;
}

.social-share{
    display: flex;
    align-items: center;
}

.share-title{
    margin-right: 25px;
    color: #333333;
}

.social-share-links{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
}

.social-share-links li{
    margin-right: 15px;
}

.social-share-links li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid #f7f7f7;
    color: #c1c1c1;
}

.social-share-links li a:hover{
    border-color: #fff;
    color: #00E5FF;
    background-color: #fff;
}

.social-share-links li a.call-to-action-btn{
    width: 135px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    background-color: #02203e;
    color: #fff;
    border-radius: 15px;
}

.switch-locale--current{
    color: #fff;
}

.section-page-banner{
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-title h1{
    position: relative;
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    z-index: 2;
    text-align: center;
    padding: 0 100px;
    text-transform: capitalize;
}

.pagination-wrap nav, .pagination-wrap ul{
    width: 100%;
    max-width: 100%;
}

.pagination{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.pagination li{
    margin-right: 15px;
}

.pagination li:last-child{
    margin-right: 0;
}

.pagination li span, .pagination li a{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 2px solid #f7f7f7;
    font-size: 18px;
    color: #222222;
}

.pagination li.disabled{
    opacity: 0.5;
}

.pagination li.active span, .pagination li a:hover{
    border-color: #02203e;
    color: #fff;
    background-color: #02203e;
}

.pricing-items{
    box-shadow: 1px 3px 8px 3px rgba(0, 0, 0, 0.19);
    border-radius: 10px;
    padding: 25px;
}

.pricing-items .product-title{
    text-align: center;
    color: #02203e;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 21px;
    margin-bottom: 15px;
}

.pricing-items .product-description{
    color: #afb3b8;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    margin-bottom: 25px;
}

.pricing-items .product-price{
    text-align: center;
    color: #722902;
    text-transform: uppercase;
    font-size: 74px;
    margin-bottom: 15px;
}

.pricing-items .btn-product-buy{
    background-color: #945226;
    width: 100%;
    text-align:  center;
    border-radius: 7px;
    color: #fff;
    display: block;
    padding: 15px 0;
}

.pricing-items .product-buy-wrap{
    margin-bottom: 25px;
}

.pricing-items .product-sub-title{
    text-align: center;
    color: #722902;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 15px;
}

.pricing-items .options-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.pricing-items .options-list li{
    font-size: 14px;
    margin-bottom: 10px;
    color: #722902;
    line-height: 24px;
}

.pricing-items .options-list li i{
    margin-right: 10px;
    font-size: 21px;
    color: #722902;
}

.header-banner .btn-image img{
    max-width: 200px;
}

.breadcrumbs{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.breadcrumbs li{
    margin-right: 14px;
    position: relative;
}

.breadcrumbs li a span{
    color: #02203e;
}


.breadcrumbs li span{
    color: #848484;
}

.breadcrumbs li:after{
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #02203e;
    margin-left: 10px;
}

.breadcrumbs li:last-child:after{
    content: '';
}

.window-top{
    position: fixed;
    right: 25px;
    bottom: 100px;
    height: 50px;
    width: 50px;
    color: #fff;
    background-color: #02203e;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
}

.window-top.active{
    visibility: visible;
    opacity: 1;
}

.btn-mobile-header{
    height: 30px;
    color: #02203e;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    display: none;
}

.btn-mobile-header i{
    margin-right: 10px;
}

.mobile-fixed-header-top{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    align-items: center;
    justify-content: space-between;
    display: none;
    z-index: 11;
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.mobile-fixed-header-top .locale-item{
    color: #02203e;
}

.mobile-header-overflow{
    position: fixed;
    z-index: 11;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(2 32 62 / 60%);
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    cursor: pointer;
}

.mobile-header{
    position: fixed;
    width: 100%;
    max-width: 280px;
    left: 0;
    top: 0;
    height: 100%;
    max-height: 100vh;
    overflow-y: auto;
    background-color: #fff;
    z-index: 12;
    display: none;
    transition: 0.3s ease;
    transform: translateX(-120%);
    padding: 25px;
}

.list-separate{
    margin: 0 5px;
    color: #fff;
}

.mobile-header-overflow.active{
    opacity: 1;
    visibility: visible;
}

.mobile-header.active{
    transform: translateX(0);
}

.mob-locale-control a{
    color: #02203e;
}

.services-item-wrap .image-wrap{
    text-align: center;
}

.services-item-wrap .image-wrap img{
    max-width: 225px;
}

header .right-side{
    display: flex;
    min-width: max-content;
    align-items: center;
}

.locale-list-wrap{
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    position: absolute;
    z-index: 9;
    bottom: -18px;
}

.locale-droppown:hover .locale-list-wrap{
    opacity: 1;
    visibility: visible;
}

.locale-droppown a, .locale-item{
    color: #fff;
    opacity: 0.7;
}

.locale-droppown{
    position: relative;
}

.image-link-wrap{
    display: block;
    width: 100%;
    max-width: 100%;
}

.popup-hover-wrap{
    position: relative;
}

.popup-hover-wrap strong{
    position: absolute;
    top: 25px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease;
    z-index: 1;
    padding: 25px;
    width: 400px;
    background-color: #fff;
    color: #848484;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
}

.popup-hover-wrap:hover strong{
    opacity: 1;
    visibility: visible;
}

.search-popup-overflow{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(2 33 64 / 80%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    cursor: pointer;
}

.search-popup-overflow.active{
    opacity: 1;
    visibility: visible;
}

.modal-overflow{
    position: fixed;
    z-index: 11;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(2 33 64 / 80%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    cursor: pointer;
}

.modal-box{
    position: fixed;
    z-index: 12;
    width: 100%;
    max-width: 80%;
    height: 100%;
    max-height: 80%;
    overflow-y: auto;
    left: 50%;
    top: 50%;
    transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.modal-box-sm{
    width: 360px;
    height: 280px;
    text-align: center;
}

.modal-box .image-wrap{
    text-align: center;
    margin-top: 25px;
    flex: auto;
}

.modal-box .image-wrap img{
    max-width: 250px;
}

.modal-box.active, .modal-overflow.active{
    opacity: 1;
    visibility: visible;
}

.modal-box--reviews{
    max-height: max-content;
    height: max-content;
    max-width: 600px;
    padding: 25px;
    line-height: 160%;
    font-size: 14px;
    color: #021f3e;
}

.centered-section{
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.centered{
    text-align: center;
}

.link-blue{
    color: #02203e;
}

.full-page-wrap{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
}

.full-page--image-column{
    width: 100%;
    max-width: 60%;
    background-position: center;
    background-size: cover;
    height: 100%;
    position: relative;
    transition: all 0.5s ease;
}

.full-page--image-column:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(17 31 88 / 70%);
    z-index: 1;
    width: 100%;
    height: 100%;
}

.full-page--body-column{
    width: 100%;
    max-width: 40%;
    padding: 100px 25px;
    transition: all 0.5s ease;
    background-color: #fff;
    overflow: auto;
}

.full-page--body-column.anim{
    transform: translateX(-60vw);
}

.full-page--image-column.anim{
    transform: translateX(40vw);
}

.sidebar-nav{
    width: 350px;
    min-width: 350px;
    height: 100vh;
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    padding: 50px 25px;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
}

.sidebar-nav:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(114, 41, 2, 0.5);
    width: 100%;
    height: 100%;
}

.sidebar-nav--footer{
    margin-top: auto;
}

.dashboard-page-wrap{
    width: 100%;
    max-width: 100%;
    position: relative;
    display: flex;
}

.dashboard-page-body-wrap{
    padding: 12px 25px;
    width: 100%;
    max-width: 100%;
}

.sidebar-nav .logo-wrap, .sidebar-nav--nav-wrap, .sidebar-nav--footer{
    position: relative;
}

.sidebar-nav .logo-wrap{
    text-align: center;
}

.sidebar-nav .logo-wrap img{
    max-width: 150px;
}

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

.sidebar-nav--footer_link-item{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.sidebar-nav--nav-item{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    display: block;
    width: 100%;
    background-color: #722902;
    padding: 15px;
}

.sidebar-nav--nav-item.current{
    color: #722902;
    background-color: rgba(255, 255, 255, 1);
}

.sidebar-nav--nav-item i{
    margin-right: 10px;
}

.sidebar-nav--nav-wrap{
    margin-top: 50px;
}

.sidebar-nav--nav-wrap li{
    margin: 0 -25px;
}

.dashboard-form{
    max-width: 600px;
}

.dashboard-table{
    width: 100%;
    max-width: 100%;
}

.dashboard-table--table-header-item{
    text-align: left;
    font-weight: bold;
    color: #722902;
    font-size: 16px;
}

.dashboard-table--table-item{
    padding: 15px;
}

tbody .dashboard-table--table-item-wrap:nth-child(odd) .dashboard-table--table-item{
    background-color: #722902;
    color: #fff;
}

.dashboard-row-control{
    align-items: center;
    justify-content: space-between;
}

.align-right{
    display: flex;
    justify-content: flex-end;
    text-align: right;
}

.btn-add-round{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #722902;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-wrap.dashboard-form-modal .input-group{
    width: 100%;
    max-width: 100%;
    display: flex;
    margin: 7px 0 25px;
    color: #722902;
}

.dashboard-form-modal .input-wrap{
    width: 100%;
    max-width: 100%;
    margin-right: 25px;
    position: relative;
}

.dashboard-form-modal .input-wrap:last-child{
    margin-right: 0;
}

.dashboard-form-modal.form-wrap input, .form-wrap.dashboard-form-modal textarea, .form-wrap.dashboard-form-modal select{
    color: #722902;
    padding: 15px;
    border-radius: 28px;
    border: 3px solid #722902;
    background-color: #fff;
}

.dashboard-form-modal.form-wrap .input-label{
    position: absolute;
    left: 20px;
    top: 0;
    background-color: #fff;
    padding: 4px 6px;
    transform: translateY(-50%);
}

.form-wrap.dashboard-form-modal .icon-wrap{
    position: absolute;
    right: 20px;
    top: 2px;
    font-size: 18px;
    transform: translateY(50%);
}

.form-wrap.dashboard-form-modal .cb-group, .form-wrap.dashboard-form-modal .rb-group{
    flex-wrap: wrap;
    justify-content: center;
}

.form-wrap.dashboard-form-modal .cb-input-wrap, .form-wrap.dashboard-form-modal .rb-input-wrap{
    max-width: calc(50% - (15px/2));
    position: relative;
    padding: 15px;
    border: 2px solid #722902;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
    margin-right: 15px;
    opacity: .5;
    transition: all 0.5s ease;
    cursor: pointer;
}

.form-wrap.dashboard-form-modal .rb-input-wrap{
    justify-content: flex-start;
}

.form-wrap.dashboard-form-modal .cb-input-wrap.cb-input-wrap--checked, .form-wrap.dashboard-form-modal .rb-input-wrap--checked{
    opacity: 1;
}

.form-wrap.dashboard-form-modal .cb-input-wrap:nth-child(2n), .form-wrap.dashboard-form-modal .rb-input-wrap:nth-child(2n){
    margin-right: 0;
}

.form-wrap.dashboard-form-modal .checkbox-hidden-wrap  input, .form-wrap.dashboard-form-modal .checkbox-hidden-wrap input{
    display: none;
}

.form-wrap.dashboard-form-modal .cb-input-wrap .icon-wrap{
    position: relative;
}
.form-wrap.dashboard-form-modal .cb-input-wrap .input-label{
    position: relative;
}

.form-wrap.dashboard-form-modal .cb-input-wrap .cb-icon-wrap{
    font-size: 36px;
    margin: 5px 0 5px;
}

.form-wrap.dashboard-form-modal .rb-input-wrap{
    text-align: center;
}

.form-wrap.dashboard-form-modal .rb-input-wrap .rb-input-title{
    font-size: 25px;
    font-weight: bold;
    color: #722902;
    margin-bottom: 5px;
}

.modal-box.modal-box-dashboard{
    height: auto;
    padding: 50px;
}

.paypal-form{
    display: none;
}

.mobile-nav-overflow{
    display: none;
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(114, 41, 2, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    cursor: pointer;
}

.dashboard-mobile-menu-btn{
    position: fixed;
    left: 10px;
    top: 10px;
    height: 35px;
    width: 35px;
    color: #fff;
    background-color: #722902;
    align-items: center;
    justify-content: center;
    display: none;
    transition: all 0.3s ease;
    z-index: 9;
}

.form-link-wrap{
    margin: 15px 0;
    align-items: center;
    justify-content: center;
}

.paypal-buttons-context-iframe{
    display: block !important;
    margin: 0 auto;
}

.full-page--body-column .logo-wrap img{
    max-width: 150px;
}

.form-loading-preload{
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(114, 41, 2, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    color: #fff;
}

.form-loading-preload.active{
    opacity: 1;
    visibility: visible;
}

.calendar-wrap {
    width: 100%;
    max-width: 1000px;
}

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

.calendar-wrap a{
    color: #722902;
}

.calendar-month-list-wrap{
    margin-bottom: 25px;
}

.calendar-month-list-wrap ul{
    display: flex;
    align-items: flex-end;
}

.calendar-month-list-wrap ul li{
}

.calendar-month-list-wrap ul li a{
    display: block;
    font-size: 18px;
    padding: 0 5px;
}

.calendar-month-list-wrap ul li a.current{
    font-size: 30px;
    font-weight: normal;
    padding: 0 15px;
    text-transform: uppercase;
}

.calendar-week-days-list-wrap ul{
    display: flex;
    margin-bottom: 10px;
}

.calendar-week-days-list-wrap ul li{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    width: 100%;
    max-width: calc(100% / 7);
    text-align: center;
}

.calendar-days-list-wrap{
    display: flex;
    text-align: center;
    font-size: 18px;
    flex-wrap: wrap;

}

.calendar-days-list-wrap .calendar-day-item{
    width: 100%;
    max-width: calc(100% / 7);
    margin-bottom: 8px;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: relative;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day.current-day{
    background: #792D02;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
    color: #fff;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day.weekend-day{
    background: rgb(183, 47, 25);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
    color: #fff;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day:before{
    position: absolute;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day.calendar-day-green:before{
    background: #2E8E2C;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day.calendar-day-red:before{
    background: #B71818;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day.weekend-day.calendar-day-red:before, .calendar-days-list-wrap .calendar-day-item .calendar-day.weekend-day.calendar-day-green:before{
    bottom: -7px;
}

.calendar-days-list-wrap .calendar-day-item .calendar-day.current-day.calendar-day-red:before, .calendar-days-list-wrap .calendar-day-item .calendar-day.current-day.calendar-day-green:before{
    bottom: -7px;
}

.form-dashboard{
   margin: 50px 0;
}

.form-dashboard .row-wrap{
    margin: 0;
    padding: 0;
}

.card-header{
    font-size: 30px;
    font-weight: normal;
    padding: 0;
    text-transform: uppercase;
    color: #02203e;
    margin-bottom: 10px;
}

.calendar-wrap form{
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
}

.calendar-wrap table{
    width: 100%;
    max-width: 100%;
}

.calendar-wrap table td{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: relative;
    text-align: center;
    color: #02203e;
    cursor: pointer;
    font-size: 16px;
    padding: 12px 0;
    font-weight: bold;
}

.calendar-wrap table td.current-day{
    padding: 0;
}

.calendar-wrap table td.current-day span{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #02203e;
    color: #fff;
    border-radius: 100%;
}

.calendar-wrap select{
    border: 2px solid #02203e;
    background: #02203e;
    padding: 6px;
    font-size: 13px;
    color: #fff;
}

.calendar-wrap table th{
    padding: 15px 0;
    font-weight: 600;
    font-size: 15px;
    background-color: #02203e;
    color: #fff;
}

.table-calendar-wrap{
    border: 3px solid #02203e;
    max-width: 590px;
    padding-bottom: 25px;
}


.calendar-wrap table td.calendar-day-green:before{
    background: #2E8E2C;
}

.calendar-wrap table td.calendar-day-red:before{
    background: #B71818;
}

.calendar-wrap table td:before{
    position: absolute;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    content: '';
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.btn-modal-close{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    background-color: #792e0d;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
    -webkit-text-fill-color: #000  !important;
    transition: none;
}

input:-webkit-autofill{
    transition: none;
    -webkit-text-fill-color: #fff !important;
}

ul.dashboard-languages{
    padding-bottom: 25px;
    border-bottom: 2px solid #00E5FF;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.dashboard-languages a{
    color: #fff;
    opacity: .5;
}

ul.dashboard-languages li{
    margin: 0 15px;
}

ul.dashboard-languages a.current, ul.dashboard-languages a:hover{
    opacity: 1;
}

.btn-reading-message{
    color: #722902;
    text-decoration: underline;
}

.blog-related-post{
    margin: 30px -25px 0;
}

.blog-related-post h4.title-section{
    font-size: 24px;
}

.blog-related-post .blog-item .image-wrap{
    height: 175px;
}

.blog-related-post .blog-item-date-wrap{
    font-size: 12px;
    padding: 10px;
    line-height: 13px;
}

.blog-related-post h4{
    font-size: 14px;
    min-height: auto;
}

.blog-related-post p{
    min-height: auto;
}

.blog-related-post .blog-item-intro{
    font-size: 14px;
    line-height: 24px;
}

tbody .dashboard-table--table-item-wrap:nth-child(odd) .dashboard-table--table-item .btn-reading-message{
    color: #fff;
}

.contact-us--app-title{
    text-transform: uppercase;
    font-weight: bold;
    margin: 25px 0 25px;
    color: #fff;
    text-align: center;
    line-height: 160%;
}

.related-posts-mobile{
    display: none;
    max-width: 100%;
    width: 100%;
}

.blog-related-post .blog-item{
    max-width: 70%;
    margin-bottom: 25px;
}

.forecast-carousel-wrap{
    width: 100%;
    max-width: 100%;
}

.forecast-item{
    display: block;
    height: 350px;
    background-size: cover;
    background-position: center;
}

.nav-has-dropdown{
    position: relative;
}

.nav-dropdown{
    position: absolute;
    background-color: #fff;
    box-shadow: 3px 5px 3px 3px rgba(0, 0, 0, 0.16);
    padding: 25px;
    width: 205px;
    list-style: none;
    margin: 25px 0 0;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.nav-has-dropdown:hover .nav-dropdown{
    opacity: 1;
    visibility: visible;
}

.nav-dropdown li{
    margin-bottom: 10px;
}

.nav-dropdown a{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #02203e;
}

.nav-dropdown a:hover{
    color: #00E5FF;
}

.mobile-header .nav-dropdown{
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 0 25px;
    box-shadow: none;
}

.nav-dropdown a{
    font-size: 12px;
    text-transform: initial;
    font-weight: 300;
    color: #02203e;
}

.header--social{
    margin-right: 25px;
}

.header--social li a{
    border: 2px solid #fff;
    color: #fff;
}

.header--additional-wrap{
    margin-left: 25px;
}

.owl-carousel .forecast-item{
    width: 100%;
    max-width: 100%;
}

.forecast--pagination{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forecast-pagination--item{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #02203e;
    color: #fff;
    border: 2px solid transparent;
    margin: 0 10px;
}

.forecast-pagination--item:hover{
    background-color: #fff;
    border-color: #02203e;
    color: #02203e;
}

.page-wrap .page-article-img-wrap{
    text-align: center;
    float: left;
    margin-right: 25px;
}

.page-wrap .page-article-img-wrap img{
    max-width: 480px;
    width: 100%;
}

.page-article-img-row{
    display: block;
}

.blog-post--tags{
    display: flex;
    flex-wrap: wrap;
}

.blog-post-tags--item{
    display: block;
    padding: 5px 10px;
    background-color: #0A1628;
    color: #00E5FF;
    margin: 0 5px 10px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 20px;
}

.blog-post-audio--btn{
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #02203e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.additional-btn-wrap{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 10px;
}

.additional-btn--item{
    color: #fff;
    font-size: 16px;
}

#btn-search-popup-wrap{
    position: relative;
}

.search-popup-form{
    display: flex;
    position: fixed;
    right: 25px;
    top: 10px;
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0 0 7px 2px rgb(0 0 0 / 25%);
    z-index: 1;
    transition: 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.search-popup-form.search-popup-form__active{
    opacity: 1;
    visibility: visible;
}

.search-popup-form--input{
    background-color: transparent;
    border: none;
    outline: none;
    width: 430px;
    max-width: 100%;
    padding: 15px;
}

.search-popup-form--btn{
    border: none;
    background-color: #02203e;
    color: #fff;
    outline: none;
    margin-left: 3px;
    padding: 5px 10px;
    width: 100px;
    text-transform: uppercase;
    font-weight: bold;
}

.text-btn-link{
    text-align: center;
    margin: 0 auto;
    width: 100%;
    display: block;
    color: #021f3e;
    text-transform: uppercase;
}

.gallery-image{
    object-fit: cover;
    height: 350px;
}

.user-dashboard-wrap{
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.user-dashboard--left-sidebar{
    width: 100%;
    max-width: 15%;
    padding: 25px;
    background-position: center;
    background-size: cover;
    position: relative;
    height: 100vh;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
}

.user-dashboard--left-sidebar:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgb(17 31 88 / 70%);
    width: 100%;
    height: 100%;
}

.user-dashboard--left_top, .user-dashboard--left_bottom{
    position: relative;
}

.user-dashboard--left_bottom{
    margin-top: auto;
}

.user-dashboard--right-sidebar{
    width: 100%;
    max-width: 30%;
    background-color: #f7f7f7;
    padding: 16px 25px 25px;
    height: 100vh;
    max-height: 100vh;
}

.user-field{
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
}

.user-dashboard--main-side{
    width: 100%;
    max-width: 55%;
}

.user-image{
    margin: 0 auto 50px;
    width: 125px;
    height: 125px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #021f3e;
}

.list-inline{
    list-style: none;
    margin: 0;
    padding: 0;
}

.graph-wrap{
    margin-top: 50px;
}

.dashboard-tab-content--item{
    display: none;
    padding: 0 25px;
    flex-direction: column;
    height: 100%;
}

.dashboard--tab-content{
    height: calc(100% - 100px);
}

.dashboard-tab-content--item.dashboard-tab-content--item__current{
    display: flex;
}

.dashboard--tab-control{
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
    list-style: none;
}

.dashboard-tab-control--item{
    width: 100%;
    max-width: 100%;
    display: block;
    background-color: #021f3e;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    outline: 0;
    border: none;
    -moz-outline-style: none;
    text-align: center;
    margin-bottom: 25px;
}

.dashboard-tab-control--item:active, .dashboard-tab-control--item:focus{
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.dashboard-tab-control--item.dashboard-tab-control--item__current{
    background-color: #fff;
    color: #021f3e;
}

.user-today-diagram{
    display: flex;
    margin-bottom: 50px;
}

.user-today-diagram--item{
    margin-right: 15px;
    text-align: center;
}

.user-today-diagram--item-header{
    font-size: 21px;
    color: #021f3e;
    margin-bottom: 15px;
}

.user-today-diagram--item-column{
    height: 250px;
    width: 70px;
    border: 1px solid rgb(2 32 62 / 7%);
    position: relative;
}

.user-today-diagram--item-column__percent{
    position: absolute;
    width: 100%;
    bottom: 0;
}

.dashboard-tab-content--bottom{
    margin-top: auto;
    padding: 25px;
    text-align: center;
    border-top: 2px solid #021f3e;
    color: #021f3e;
}

.dashboard-tab-content--bottom a{
    color: #00E5FF;
}

.user-today-box{
    display: flex;
    position: relative;
    margin: 0 -15px 50px;
}

.user-today-box--item{
    width: 33.3%;
    padding: 15px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 23px rgb(2 31 62 / 7%);
    margin: 0 15px;
}

.user-today-item--view{
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    border-radius: 100%;
    border: 8px solid #fff;
}

.user-today-item--percent{
    font-size: 36px;
    color: #021f3e;
    margin-bottom: 10px;
}

.user-today-item--icon {
    font-size: 21px;
    color: #ffffff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4bc594;
    border-radius: 100%;
    margin-bottom: 15px;
}

.user-dashboard--header{
    display: block;
}

.user-dashboard--header .navigation-wrap .content-inline-wrap{
    display: flex;
    flex-direction: column;
}

.user-dashboard--header .navigation-wrap .navigation-item, .header-additional-item{
    display: block;
}

.user-dashboard--header .mob-locale-control a{
    margin-left: 10px;
}

.user-dashboard--navigation-btn{
    display: block;
    text-align: center;
    background-color: transparent;
    color: #fff;
    margin-bottom: 25px;
}

.grecaptcha-badge{
    position: relative !important;
    bottom: initial  !important;
    left: initial  !important;
    right: initial  !important;
}

/*.user-today-box--item_plus{
    background: linear-gradient(0deg, #02203e, #00E5FF);
}

.user-today-box--item_heart{
    background: linear-gradient(0deg, #400100, #f34542);
}

.user-today-box--item_dollar{
    background: linear-gradient(0deg, #021f3e, #7babde);
}*/

.success-stories-list-wrap{
    position: relative;
    display: flex;
    margin: -12.5px;
}

.success-stories--item{
    width: 100%;
    max-width: 33.3%;
    margin: 0 12.5px 25px;
    padding: 5px;
}

.success-stories-item--customer-name{
    font-size: 21px;
    font-weight: bold;
    color: #021f3e;
    margin-bottom: 5px;
}

.success-stories-item--customer-company{
    font-size: 15px;
    color: #021f3e;
    opacity: 0.8;
    margin-bottom: 15px;
    min-height: 40px;
}

.success-stories-item--description{
    line-height: 160%;
    font-size: 14px;
    color: #021f3e;
}

.success-stories-item--description-full{
    display: none;
}

.success-stories-item--right p:first-child{
    margin-top: 0;
    padding-top: 0;
}

.blog-post--audio{
    margin-bottom: 25px;
}

.ig__modal-box{
    height: auto;
    padding: 0;
}

.ig__image img{
    max-width: 768px;
    height: 400px;
    object-fit: cover;
}

.modal__container{
    display: flex;
}

.modal__container .row-wrap{
    width: 100%;
}

.ig__main{
    padding: 50px 50px 15px;
}

.ig__tag-list{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ig__tag-item{
    display: block;
    padding: 5px 10px;
    background-color: #02203e;
    color: #fff;
    margin: 0 5px 10px;
    font-size: 9px;
    font-weight: bold;
    border-radius: 20px;
}

.ig__title{
    font-weight: bold;
    font-size: 32px;
    color: #221f1f;
}

.ig__content{
    font-size: 14px;
    line-height: 160%;
}

.search-content{
    width: 100%;
    max-width: 100%;
}

.search-content__input{
    width: 100%;
    max-width: 100%;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0;
    outline: none;
    color: #072542;
    margin-bottom: 15px;
}

@media screen and (max-width: 1366px){
    .navigation-wrap .navigation-item, .header-additional-item{
        font-size: 12px;
    }
}

.success-stories-item--right{
    width: 100%;
    max-width: 75%;
}

@media screen and (max-width: 1200px){
    .navigation-wrap .navigation-item, .header-additional-item{
        font-weight: bold;
        font-size: 11px;
        padding: 15px 4px;
    }

    header .logo-wrap img{
        width: 45px;
    }

}

@media screen and (max-width: 1000px){
    header{
        display: none;
    }

    .blog-related-post{
        display: none;
    }

    .related-posts-mobile{
        display: block;
    }

    .contact-us-sidebar .content-inline-wrap{
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .contact-us-sidebar{
        width: 100%;
        padding: 0 25px;
    }

    .header-banner{
        padding: 25px 0;
        transform: none;
    }
    .header-banner .slider-wrap{
        transform: none;
    }

    .services-row-wrap .image-wrap img{
        min-width: 215px;
    }

    .row-wrap, .row-fixed-wrap, .row-fw{
        flex-wrap: wrap;
    }

    .column-wrap{
        max-width: calc(50% - 25px/2);
        margin-bottom: 25px;
    }

    .column-wrap:nth-child(2n){
        margin-right: 0;
    }

    .services-item-wrap{
        transform: none;
        margin-top: 0;
    }

    .services-item-wrap .services-row-wrap{
        transform: none;
        flex-direction: column;
    }

    .services-content-column{
        max-width: 100%;
        padding-bottom: 0;
    }

    .services-item-wrap:nth-child(even) .services-row-wrap{
        transform: none;
    }

    .services-item-wrap:nth-child(even){
        transform: none;
    }

    .services-item-wrap .column-wrap.image-bg{
        display: none;
    }

    .services-item-group-wrap{
        margin-top: 0;
    }

    .contact-us-wrap, .contact-us-wrap .contact-us-row-wrap{
        transform: none;
        margin: 0;
        padding: 0;
    }

    .contact-us-wrap .contact-additional{
        margin: 25px 0;
        order: 2;
        width: 100%;
    }

    .title-wrap h4{
        font-size: 6vw;
    }

    .text-content-wrap p{
        font-size: 14px;
    }

    .btn-mobile-header{
        display: flex;
    }

    .mobile-fixed-header-top{
        display: flex;
    }

    .mobile-header-overflow, .mobile-header{
        display: block;
    }

    .logo-wrap{
        text-align: center;
    }

    .logo-wrap img{
        max-width: 60px;
    }

    .navigation-wrap .navigation-item, .header-additional-item{
        color: #02203e;
        padding: 0;
        margin-bottom: 15px;
        font-size: 14px;
        display: block;
    }

    .mobile-header .content-inline-wrap{
        flex-direction: column;
    }

    .navigation-wrap{
        margin: 25px 0 0 0;
    }

    .full-page--image-column{
        max-width: 35%;
    }
    .full-page--body-column{
        max-width: 65%;
        padding: 100px 0;
        overflow-y: auto;
    }

    .full-page--body-column .form-auth{
        max-width: 100%;
    }

    .full-page--body-column .form-auth .column-wrap{
        width: 100%;
        max-width: 100%;
    }

    .dashboard-page-body-wrap{
        padding: 50px 0;
    }
    .title-wrap.dashboard-title h2{
        font-size: 32px;
    }

    .dashboard-form{
        max-width: 100%;
    }

    .dashboard-form, .column-wrap{
        max-width: 100%;
    }

    .column-wrap{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: flex;
        margin-right: 0;
    }

    .title-wrap{
        text-align: center;
    }

    .column-wrap.align-right {
        flex-direction: row;
        justify-content: flex-end;
    }

}

@media screen and (max-width: 768px){
    .column-wrap{
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-right: 0 !important;
    }

    .column-wrap.pricing-items{
        display: block;
    }

    .row-wrap, .row-fixed-wrap, .row-fw{
        margin-bottom: 0;
    }

    .title-wrap{
        text-align: center;
    }

    .header-banner .text-content-wrap{
        margin: 0;
        text-align: center;
    }

    .left-side{
        margin-bottom: 15px;
    }

    .title-wrap h2, .title-wrap h1{
        font-size: 42px;
    }

    .header-banner img{
        max-width: 250px;
    }

    .testimonial-item-message{
        font-size: 14px;
        line-height: 24px;
    }

    .page-title h1{
        font-size: 23px;
        line-height: 34px;
        padding: 0 25px;
    }

    .breadcrumbs{
        flex-wrap: wrap;
    }
    .breadcrumbs li{
        margin-bottom: 10px;
        line-height: 21px;
    }
    .popup-hover-wrap strong{
        display: none;
    }

    .blog-item-intro{
        text-align: left;
    }

    .post-general-info{
        flex-wrap: wrap;
    }

    .sidebar-nav{
        position: absolute;
        z-index: 11;
        transform: translateX(-100%);
    }

    .dashboard-mobile-menu-btn{
        display: flex;
    }

    .mobile-nav-overflow{
        display: block;
    }

    .mobile-nav-overflow.open{
        opacity: 1;
        visibility: visible;
    }

    .sidebar-nav.open{
        transform: translateX(0);
    }

    .column-wrap.align-right{
        flex-direction: row;
        justify-content: flex-end;
    }

    .table-wrap{
        overflow: scroll;
    }

    .dashboard-table{
        width: 800px;
    }

    .page-article-img-row{
        display: flex;
        flex-direction: column;
    }

    .page-article-img-row .social-share{
        justify-content: center;
    }

    .page-article-img-row p{
        max-width: 100%;
    }

    .text-btn-link{
        margin-top: 25px;
    }
}

@media screen and (max-width: 560px){
    .related-posts-mobile .blog-item .image-wrap{
        height: 200px;
    }
    .related-posts-mobile .blog-item h4{
        font-size: 14px;
        min-height: auto;
    }
    .related-posts-mobile .blog-item-intro{
        font-size: 14px;
        line-height: 160%;
        min-height: auto;
    }
}

@media screen and (max-width: 480px){
    .title-wrap h2, .title-wrap h1{
        font-size: 36px;
    }

    .content-inline-wrap{
        flex-direction: column;
    }

    .mobile-localization-btn-wrap.content-inline-wrap{
        flex-direction: row;
    }

    .content-inline-elem{
        margin: 0 0 15px;
    }

    footer .left-side .footer-item{
        flex-direction: column;
    }

    footer .left-side .footer-item{
        margin:  0 0 25px 0;
    }

    footer .container-wrap .row-wrap{
        justify-content: center;
    }

    .blog-item-date-wrap{
        line-height: 16px;
    }

    .full-page--image-column{
        max-width: 0;
    }
    .full-page--body-column{
        max-width: 100%;
    }
}

@media screen and (max-width: 380px){
    .title-wrap h2, .title-wrap h1{
        font-size: 32px;
    }
}