html{
  scroll-behavior: smooth;
}

/* A chatbot a jobb alsó sarokban van, ezért a "felülre" gomb balra kerül. */
.return-to-top {
    right: auto;
    left: 20px;
}

@media (max-width: 480px) {
    .return-to-top {
        left: 16px;
    }
}

.page-banner .page-title{
    color:white;
    z-index:4;
}
.search-form-widget button{
color:#173d7a;
}
.pricing-table .pricing-header .price{
    color:#44b2e0;
}
.pricing-table.custom{
        padding: 0;
    border-right: none;
    margin-bottom: 0;
}
.pix-btn.btn-outline-two{
    border: 1px solid #173d7a;
    background: transparent;
    color: #173d7a;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.interface-content .list-items li:before{
    color:#173d7a;
}
.color-two .blog-content .entry-title a:hover{
    color:#173d7a;
}
.page-banner .bradcurmed li a:hover{
    color:rgba(255,255,255,0.8);
}
.pix-btn.btn-outline-two:hover{
    background:#173d7a;
    box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
    -webkit-box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
}
.banner.banner-four .promo-mockup{
    z-index:6;
}
.banner.banner-four .bg-shape-inner {
    position: absolute;
    bottom: -2px;
    width: 100%;
    z-index: 5;
}
.app-btn{
    border:2px solid #173d7a;
    color:#173d7a;
}
.app-btn.btn-active{
    background:#173d7a;
}
.app-btn:hover{
    background:#173d7a;
}
.app-btn i{
    color:#173d7a;
}
.share-link li a:hover{
    background:#173d7a;
    border-color:#173d7a;
    box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
    -webkit-box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
}
.app-btn.btn-active:hover{
    color:#173d7a;
}
.app-btn.btn-active:hover i{
    color:#173d7a;
}
.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn, .pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two{
    color:#173d7a;
    border-color:#173d7a;
}
.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover, .pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover{
    background:#173d7a;
    color:white!important;
}
.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn:hover, .pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover{
    border-color:#173d7a;
    color:white!important;
}
.post-post-grid .blog-content .entry-title{
    margin:8px 0 8px;
}
.blog-content .entry-title a:hover{
    color:rgba(34, 34, 34,0.5);
}
.blog-content .post-meta li a:hover{
    color:rgba(121, 118, 135,0.8);
}
.page-banner .bradcurmed{
    z-index:4;
}
.page-banner .bradcurmed li{
    color:white;
}
.post-navigation li.active{
    background:#615a7e;
        -webkit-box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
    box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
}
.post-navigation li a{
    color:white;
}
.post-navigation li{
    border:1px solid #615a7e;
}
.post-navigation li a:not(.active){
color:#615a7e;
}
.post-navigation li:hover a{
    color:white;
}
.post-navigation li:hover{
    border-color:#615a7e;
    background:#615a7e;
    -webkit-box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
    box-shadow:0px 20px 30px 0px rgba(97, 90, 126, 0.3);
}
.page-banner .bradcurmed li a{
    color:rgba(255,255,255,0.8);
}
    .contact-bg{
            background-image: url('/Frontend/Public/media/contact-bg2.jpg');
    width: 100%;
    height: 100%;
    background-size: cover;
    position:absolute;
    background-position:bottom;
    z-index:2;
    }
    .banner-overlay{
        z-index:3;
    }
.serviscan-icon-box-wrapper{
margin-bottom:30px;
}
.serviscan-icon-box-wrapper .pixsass-icon-box-content .pixsass-icon-box-title a{
    color: #2b2350;
}
.serviscan-icon-box-wrapper.style-five .pixsass-icon-box-content .pixsass-icon-box-title{
    margin-bottom: 15px;
}
.site-header .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover{
    color:#2b2350;
}
.site-header.pix-header-fixed .header-inner .site-nav.nav-two .nav-right .nav-btn.style-two:hover{
color:white;
}
.serviscan-icon-box-wrapper .pixsass-icon-box-content .pixsass-icon-box-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.serviscan-icon-box-wrapper.style-five .pixsass-icon-box-content p{
margin-bottom:35px;
}

.serviscan-icon-box-wrapper.style-five:hover .serviscan-icon-box-icon{
        -webkit-box-shadow: 0px 20px 30px 0px rgba(75, 42, 222, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(75, 42, 222, 0.2);
    background: #183d77;
    color: #fff;
}

.serviscan-icon-box-wrapper.style-five{
    -webkit-box-shadow: 0px 30px 60px 0px rgba(31, 64, 127, 0.1);
    box-shadow: 0px 30px 60px 0px rgba(31, 64, 127, 0.1);
    padding: 45px 40px;
    background: #fff;
}
.section-title .sub-title{
    color:#183d77;
}
.pricing-tab .monthly_tab_title{
    color:#42b2e2;
}
.serviscan-icon-box-wrapper.style-five .serviscan-icon-box-icon{
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    border: 2px solid #183d77;
    color: #183d77;
    font-size: 22px;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 42px;
}

.banner.banner-four{
background:url('../img/header-bg.jpg');
position:relative;
background-position:top;
background-size:cover;
}
.banner-overlay{
    background-image:linear-gradient(-60deg, rgb(31, 64, 127) 0%, rgb(73, 182, 227) 100%);
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    opacity:0.9;
}
.border-wrap{
    left:44%;
    top:35%;
}
.border-wrap .ball{
    background:#beecff;
}

.how-it-work-steps{
    scroll-margin-top: 12em;
}
.scroll-gap{
    scroll-margin-top: 25em;
}
.section-title .sub-title{
    color:#173d7a;
}

.pricing-tab .pricing-tab-switcher:before{
    background:#44b2e0;
}
.pricing-tab.seleceted .annual_tab_title{
    color:#42b2e2;
}
.pix-btn.btn-outline{
border:1px solid #173d7a;
color:#173d7a;
}
.pix-btn.btn-outline:hover{
        background: #173d7a;
    color: #fff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(23, 61, 122, 0.3);
    box-shadow: 0px 20px 30px 0px rgba(23, 61, 122, 0.3);
}
.banner.banner-four .play-btn i{
    color:#1c417c;
}
.pricing-table.color-two .pricing-header .price{
    color:#44b2e0;
}
.blog-post-two .blog-content .read-more{
    border:2px solid #173d7a;
    color:#173d7a;
}
.blog-post-two .blog-content .read-more:hover {
    background: #173d7a;
    color: #fff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(23, 61, 122, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(23, 61, 122, 0.2);
}
#footer.footer-five .footer-menu li a:hover{
    color:#45b1e1;
}
#footer.footer-five .site-info-menu li a:hover{
    color:#45b1e1;
}
#footer.footer-five .footer-social-link li a:hover{
    background:#173d7a;
    border-color:#173d7a;
    -webkit-box-shadow:0px 20px 30px 0px rgba(23, 61, 122, 0.3);
    box-shadow:0px 20px 30px 0px rgba(23, 61, 122, 0.3);
}
.pix-btn.btn-light.color-two{
    color:#173d7a;
}
.pix-btn.btn-light:hover{
    color:white;
}
.interface-image-wrapper img{
    border-radius:32px;
    box-shadow:0px 0px 15px 4px rgba(0,0,0,0.08);
}

@media only screen and (max-width: 600px) {
.featured-five{
padding:10px 0;
}
}
@media (max-width: 768px){
    .banner.banner-four .promo-mockup{
        display:none;
    }
}