@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Roboto:wght@100;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
html{scroll-padding-top:6rem}
a {-webkit-transition:ease-in-out all .3s; -moz-transition:ease-in-out all .3s; -o-transition:ease-in-out all .3s; transition:ease-in-out all .3s}
.container-fluid {
    width: 1200px;
}

img {
    max-width: 100%
}
.fs-14 {font-size:14px}
.fs-14 a, .fs-14 p {
    font-size: 14px
}
.fs-16 a, .fs-16 p {
    font-size: 16px
}

.fs-18 p {
    font-size: 18px
}

.fs-20 p {
    font-size: 20px
}
.fs-22 p {font-size:22px}
.fs-24 p {
    font-size: 24px
}

.fs-30 h3, .fs-30 span {
    font-size: 30px
}

.fs-40 h4, .fs-40 h5 {
    font-size: 40px
}

.fs-48 h2, .fs-48 h3 {
    font-size: 48px
}

.fs-60 h1, .fs-60 h5 {font-size:50px}
header {background:#fff}
.orange-nav {
    background: #f3932c;
    font-weight: 500;
}

.orange-nav .navbar-nav .nav-item {
    position: relative;
}

.orange-nav .navbar-nav .active:after {
    content: "";
    position: absolute;
    display: block;
    width: 65px;
    height: 15px;
    background: url(../../art/icons/wu2.svg) center no-repeat;
    background-size: 65px auto;
    left: calc(50% - 65px / 2);
    bottom: -5px;
}

.orange-nav .navbar-nav .active {
    color: #1a1918 !important;
}

.search input {
    outline: none;
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid#252423;
    padding: 10px 7px;
    position: relative;
    color: #fff;
}

.search-btn {
    display: block;
    width: 34px;
    height: 34px;
    background: url(../../art/icons/search.svg) center no-repeat;
    background-size: 34px;
    border: none;
    outline: none;
}

.search input::placeholder {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(239, 125, 0);
    line-height: 1;
}

.navbar-nav li {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(255, 255, 255) !important;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
}
.navbar-nav li a {color:#003399 !important;text-decoration:none;transition:all .2s ease}
.navbar-nav li a:hover {
    opacity: 0.5;
}

.nav-extra .row p {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: rgb(177, 176, 175);
    line-height: 1.143;
    text-align: right;
}
.nav-extra .row p a {color:#003399;text-decoration:none;transition:all .2s ease}
.nav-extra .row p a:hover {}

.nav-extra p {
    margin-bottom: 0px;
    padding-right: 3px;
}

.nav-extra .row:first-of-type i.language {
    display: block;
    height: 32px;
    width: 32px;
    background: url(../../art/icons/book.svg) center no-repeat;
    background-size: 32px;
}

.nav-extra .row:nth-of-type(2) i {
    display: block;
    height: 32px;
    width: 32px;
    background: url(../../art/icons/avatar.svg) center no-repeat;
    background-size: 32px;
}

/* swiper */

.swiper-wrapper, .swiper-container {
    width: 100%;
    height: auto;
}

.swiper-slide {
    text-align: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: auto !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: "";
}

.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 65px;
    background: url(../../art/icons/slide-arrow.svg) center no-repeat;
    background-size: 40px 65px;
}

.swiper-button-next {
    transform: rotate(180deg);
}

.slider .title h1 {
    margin-top: 196px;
    margin-bottom: 100px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-align: right;
    text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.11);
	font-weight:900;
}
.orange-box {background:rgba(239, 180, 19,.7);padding: 3.125rem 1.25rem;margin-bottom:10px}
.orange-box h3 {
    font-family: "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.333;
    text-align: right;
    font-weight: 100;
}

.orange-box .row a:first-of-type {
    font-family: "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.2;
    background: #f59e33;
    border-radius: 8px;
    padding: 14px 26px;
    text-decoration: none;
    margin-right: 1rem;
    transition: all .2s ease;
    border: 1px solid #f59e33;
}

.orange-box .row a:first-of-type:hover {
    background: transparent;
}

.orange-box .row a:last-of-type {
    font-family: "Open Sans", sans-serif;
    color: #f59e33;
    text-transform: uppercase;
    line-height: 1.2;
    background: #fff;
    border-radius: 8px;
    padding: 14px 26px;
    transition: all .2s ease;
    text-decoration: none;
    border: 1px solid #fff;
}

.orange-box .row a:last-of-type:hover {
    background: transparent;
    color: #fff;
}
.orange-line {position:absolute;display:block;width:100%;height:10px;background:rgba(239, 180, 19, 0.9);bottom:0px}

.swiper-pagination-bullet {
    width: 65px;
    margin: 0px 10px;
    height: 15px;
    opacity: 1;
    background: url(../../art/icons/pagination-orange.svg) center no-repeat;
}

.swiper-pagination-bullet-active {
    background: url(../../art/icons/pagination-white.svg) center no-repeat;
}

.swiper-pagination {
    bottom: 95px !important;
}

.about h2 {
	font-family: "Fira Sans", sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1;
    text-align: center;
    position: relative;
    padding-bottom: 25px;
	font-weight:900;
}

.about h2:after {
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: "";
    display: block;
    width: 160px;
    height: 15px;
    background: url(../../art/icons/underline-white.svg) center no-repeat;
    background-size: 160px auto;
}
.about p {padding-top:45px;font-family:"Open Sans", sans-serif;color:rgb(255, 255, 255);line-height:1.667;text-align:center}
.container-fluid.position-absolute {
    left: calc(50% - 1200px / 2)
}

.about p strong {
    font-size: 20px;
}

.about a {
    margin-top: 2.5rem;
    font-family: "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    line-height: 1.2;
    background: #ef7d00;
    border: 1px solid #ef7d00;
    border-radius: 8px;
    padding: 15px 27px;
    text-decoration: none;
    display: inline-block;
    transition: all .2s ease
}

.about a:hover {
    background: transparent;
}
.about {padding:6.25rem 0rem;background-color:#efb413}
.hungary-svg {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(../../art/hunspec_hungary.svg) center no-repeat;
    background-size: auto 120%;
    z-index: 1;
}

.about .container-fluid {
    z-index: 999;
    position: relative;
}

.course .title h3 {
	font-family: "Fira Sans", sans-serif;
    color: #ef7d00;
    line-height: 1;
    text-align: center;
    position: relative;
    padding-bottom: 25px;
}

.course .title h3:after {
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: "";
    display: block;
    width: 160px;
    height: 15px;
    background: url(../../art/icons/underline-orange.svg) center no-repeat;
    background-size: 160px auto;
}

.course .description p {
    padding-top: 45px;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.667;
    text-align: justify;
    text-align-last: center;
    display: inline-block;
}

.course {
    padding: 6.25rem 0rem;
    background: #f7f6f5;
}

.course .for .for-block:nth-of-type(odd) {
    flex-direction: row;
}

.course .for .for-block:nth-of-type(even) {
    flex-direction: row-reverse;
}

.course .for .for-block .text span {
    color: #b1b0af;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    line-height: 0.7;
}

.course .for .for-block .text h4 {
    color: #ef7d00;
	font-family: "Fira Sans", sans-serif;
    line-height: 1.1;
    padding-bottom: 20px
}

.course .for .for-block .text p {
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.875;
    text-align: left;
    margin-bottom: 2.1rem
}

.course .for .for-block .text a {
    padding: 15px 27px;
    background: transparent;
    font-family: "Open Sans", sans-serif;
    color: rgb(239, 125, 0);
    text-transform: uppercase;
    border: 1px solid rgb(239, 125, 0);
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    transition: all .2s ease;
}

.course .for .for-block .text a:hover, .course .for .for-last a:hover {
    background: rgb(239, 125, 0);
    color: #fff;
}

.course .for .for-block {
    margin-top: 6.25rem;
}

.course .for .for-block:first-of-type .illustration {
    background: url(../../art/illustration-1.png) center no-repeat;
    background-size: auto 100%;
}

.hash img {
    width: 65px;
    height: auto;
}

.course .for .for-last {
    margin-top: 6.25rem;
}

.course .for .for-last span {
    color: #b1b0af;
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    line-height: 0.7;
}

.course .for .for-last h5 {
    color: #ef7d00;
	font-family: "Fira Sans", sans-serif;
    line-height: 1.1;
    padding-bottom: 20px
}

.course .for .for-last p {
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.875;
    text-align: justify;
    text-align-last: left;
    margin-bottom: 2.1rem;
}

.course .for .for-last p strong {
    font-weight: 500;
    text-align: center !important;
}

.course .for .for-last a {
    padding: 15px 27px;
    background: transparent;
    font-family: "Open Sans", sans-serif;
    color: rgb(239, 125, 0);
    text-transform: uppercase;
    border: 1px solid rgb(239, 125, 0);
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    transition: all .2s ease;
}

.course .for .for-last .fs-20 p {
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
    text-align-last: inherit;
    line-height: 1.3;
    color: #575655
}

.course .for .for-last ul li {
    font-family: "Open Sans", sans-serif;
    color: #575655;
    font-weight: 500;
}
.learn-about {background-color:#878785;padding: 6.25rem 0rem}
.learn-about .title h3 {font-family:"Fira Sans", sans-serif;color:rgb(255, 255, 255);text-align:center;line-height:1;position:relative;padding-bottom:25px;font-weight:900}
.learn-about .title h3:after {
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: "";
    display: block;
    width: 160px;
    height: 15px;
    background: url(../../art/icons/underline-white.svg) center no-repeat;
    background-size: 160px auto;
}
.learn-about .text p {padding-top:45px;font-family:"Open Sans", sans-serif;font-weight:400;color:rgb(255, 255, 255);line-height: 1.667;text-align: justify;text-align-last: center}
.learn-about .text a {color:#eee}
.learn-about .picture img {
    max-width: 100%
}

.about-gradiented .gradiented-item:nth-of-type(even) .grad-flex {
    display: flex;
    flex-direction: row-reverse
}

.about-gradiented .gradiented-item:nth-of-type(odd) .grad-flex {
    display: flex;
    flex-direction: row
}
.about-gradiented .gradiented-item:nth-of-type(1) {background:rgb(153,180,193);padding:6.25rem 0rem}
.about-gradiented .gradiented-item:nth-of-type(1) .text span {
    color: #b1b0af
}
.about-gradiented .gradiented-item:nth-of-type(1) .text h4 {color:#fff}
.about-gradiented .gradiented-item:nth-of-type(1) .text a {color:#eee}
.about-gradiented .gradiented-item:nth-of-type(1) .text a:hover {
    color: white;
/*    background: #ef7d00;*/
}
.about-gradiented .gradiented-item:nth-of-type(2) {background:rgb(32,59,77);padding: 6.25rem 0rem}
.about-gradiented .gradiented-item:nth-of-type(2) .text span {
    color: #fedd35
}
.about-gradiented .gradiented-item:nth-of-type(2) .text h4 {color:#fff}
.about-gradiented .gradiented-item:nth-of-type(2) .text a {
    color: #434241;
    border-color: #434241;
    transition: all .2s ease
}

.about-gradiented .gradiented-item:nth-of-type(2) .text a:hover {
    color: white;
    background: #434241;
}
.about-gradiented .gradiented-item:nth-of-type(3) {background:rgb(154,196,63);padding:6.25rem 0rem}
.about-gradiented .gradiented-item:nth-of-type(3) .text span {
    color: #ffffff
}
.about-gradiented .gradiented-item:nth-of-type(3) .text h4 {color:#fff}
.about-gradiented .gradiented-item:nth-of-type(3) .text a {color:#eee;transition: all .2s ease}
.about-gradiented .gradiented-item:nth-of-type(3) .text a:hover {
    color: #fff;
/*    background: #f49d33;*/
}

.about-gradiented .gradiented-item .text p span {
    color: #fedd35;
    font-family: "Open Sans", sans-serif;
    font-weight:700;
    line-height: 0.7;
}

.about-gradiented .gradiented-item .text h4 {
    color: #434241;
	font-family: "Fira Sans", sans-serif;
    line-height: 1.1;
    padding-bottom: 20px;
	font-weight:900;
}

.about-gradiented .gradiented-item .text p {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    line-height: 1.875;
    text-align: justify;
    text-align-last: left;
    margin-bottom: 2.1rem;
}

/*.about-gradiented .gradiented-item .text a {
    padding: 15px 27px;
    background: transparent;
    font-family: "Open Sans", sans-serif;
    color: rgb(239, 125, 0);
    text-transform: uppercase;
    border: 1px solid rgb(239, 125, 0);
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
}*/

.banner {
    height: 720px;
}
.banner h5 {font-family:"Fira Sans", sans-serif;color:rgb(32,59,77);line-height:1.2;text-align:left;font-weight:900}
.banner h5 span {
    font-size: 48px;
    position: relative;
}

.banner h5 span:after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -15px;
    display: block;
    width: 220px;
    height: 15px;
    background: url(../../art/icons/darker-underline.svg) center no-repeat;
}
.banner a {padding:15px 27px;background:rgb(32,59,77);font-family:"Open Sans", sans-serif;color:#fff;text-transform:uppercase;border:1px solid rgb(32,59,77);border-radius:8px;text-decoration:none;display:inline-block;line-height:normal;transition:all .2s ease}
.banner a:hover {color:rgb(32,59,77);background:rgba(255,255,255,.5)}

.banner .container-fluid {
    padding: 6.25rem 0rem;
}

footer .grey {
    background: #2f2e2d;
    padding: 30px 0px;
}

footer .grey .title p {
	font-family: "Fira Sans", sans-serif;
    color: #b1b0af;
    margin-bottom: 0px;
}

footer .grey .links a {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #ef7d00;
    text-decoration: none;
    margin-right: 10px;
    transition: all .2s ease;
}

footer .grey .links a:hover {
    opacity: 0.7;
}

footer .grey .links a:first-of-type {
    padding-left: 0px;
    margin-left: 0px;
}

footer .text p {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #f7f6f5;
    margin-bottom: 0px;
}

footer .orange .fs-14 p a {
    text-decoration: none;
    color: inherit;
    transition: all .2s ease;
}

footer .orange .fs-14 p a:hover {
    opacity: 0.7;
}

footer .news div a {
    padding: 14px 24px;
    border: 1px solid #f59e33;
    background: #f59e33;
    border-radius: 8px;
    font-family: "Open Sans", sans-serif;
    color: rgb(47, 46, 45);
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    line-height: normal;
    transition: all .2s ease;
}

footer .news div a:hover {
    background: transparent;
    color: #f59e33;
}
footer .orange {background:rgb(239,180,19);padding:15px 0px}
footer .orange p {
    margin-bottom: 0px;
    font-family: "Open Sans", sans-serif;
    color: rgb(47, 46, 45);
}

.module-item .card-img-top {
    height: 350px;
    object-fit: cover;
    border-radius: 0;
}

.module-item .card {
    border: none;
    border-radius: 0;
    width: 370px;
    margin: 0 15px;
}

.module-item .card .card-body {
    background: #7c7f81;
    padding: 12px;
    position: relative;
}

.module-item .title img {
    width: 49px;
}

.module-item .title span {
	font-family: "Fira Sans", sans-serif;
    font-size: 40px;
    color: #fff;
    line-height: 1;
    padding: 0px 10px;
}

.module-item .title h3 {
	font-family: "Fira Sans", sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: normal;
    margin-bottom: 0px;
}

.module-item h3 a {
    color: #fff;
    text-decoration: none;
    transition: all .2s ease;
}

.module-item h3 a:hover {
    opacity: 0.75;
}

.module-item .title {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.module-item .extra p {
    margin-top: auto;
    margin-bottom: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #d9d8d7;
    position: relative;
    padding-left: 30px;
}

.module-item .extra p span {
    color: white
}

.module-item .extra p:first-of-type:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../../art/icons/paper.svg) center no-repeat;
    background-size: auto 26px;
}

.module-item .extra p:last-of-type:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../../art/icons/pie-chart.svg) center no-repeat;
    background-size: auto 26px;
}

.category .equal {
    padding-bottom: 26px;
    border-bottom: 1px solid #d9d8d7;
    margin-bottom: 100px;
}

.list h2 {
    font-size: 40px;
	font-family: "Fira Sans", sans-serif;	
    color: rgb(239, 125, 31);
    line-height: 1;
    margin-bottom: 50px;
}

.list .course-item .course-img {
    height: 240px;
}

.list .course-item .folder {
    display: block;
    width: 32px;
    height: 28px;
    background: url(../../art/icons/folder.svg);
    background-size: 32px 28px;
}

.list .course-item p {
    font-size: 40px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 0px
}

.list .course-item h4 {
    margin-bottom: 0px;
}

.list .course-item h4 a {
    font-size: 24px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    text-decoration: none;
    transition: all .2s ease;
}

.list .course-item h4 a:hover {
    opacity: 0.75;
}

.list .course-item .button a:first-of-type {
    display: inline-block;
    padding: 15px 25px;
    background: #fff;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(79, 82, 82);
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid #4f5252;
    text-decoration: none;
    line-height: normal;
    position: relative;
    padding-left: 50px;
    transition: all .2s ease;
}

.list .course-item .button a:first-of-type:hover {
    background: transparent;
}

.list .course-item .button a:first-of-type:after {
    position: absolute;
    content: "";
    display: block;
    left: 12px;
    top: calc(50% - 28px / 2);
    width: 32px;
    height: 28px;
    background: url(../../art/icons/next.svg);
    background-size: 32px 28px;
}

.list .course-item .button a:last-of-type {
    display: inline-block;
    padding: 15px 22px;
    background: url(../../art/icons/next-2.svg) center no-repeat;
    background-size: 55%;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(79, 82, 82);
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid #4f5252;
    text-decoration: none;
    transform: rotate(90deg);
    line-height: normal;
    margin-left: 15px;
    transition: all .2s ease;
}

.list .course-item .button a:last-of-type:hover {
    background: #fff url(../../art/icons/next-2.svg) center no-repeat;
    background-size: 55%;
}

.category, .module-page {
    background: #f7f6f5;
}

.list .lesson-item {
    background: #fff;
    border: 1px solid #e3e2e1;
    margin: 2px 0px;
}

.list .lesson-item p {
    margin-bottom: 0px;
    font-size: 30px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(124, 127, 129);
    line-height: 1;
    padding-left: 5px;
}

.list .lesson-item h5 {
    font-size: 20px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(79, 82, 82);
    line-height: normal;
    padding-left: 10px;
    margin-bottom: 0px;
}

.list .lesson-item .lesson {
    display: block;
    background: url(../../art/icons/lesson.svg) center no-repeat;
    width: 20px;
    height: 24px;
    background-size: 20px 24px;
}

.list .lesson-item .watch {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../art/icons/watch.svg) center no-repeat;
    background-size: 25px;
}

.list .lesson-item .time {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(79, 82, 82);
    line-height: normal;
}

.list .lesson-item .begin {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(79, 82, 82);
    line-height: normal;
    padding-left: 40px;
    position: relative;
    margin-left: 15px;
}

.list .lesson-item .begin:after {
    position: absolute;
    content: "";
    display: block;
    width: 25px;
    top: calc(50% - 25px / 2);
    left: 5px;
    height: 25px;
    background: url(../../art/icons/next.svg) center no-repeat;
    background-size: 25px;
}

.list .lesson-item .favourite {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../art/icons/heart.svg) center no-repeat;
    background-size: 25px;
}

.list .lesson-info {
    background: #7c7f81;
}

.list .lesson-info p {
    margin-bottom: 0px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(217, 216, 215);
}

.lesson-info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.list .course-item {
    margin-bottom: 30px;
}

.lesson-info p span {
    color: #fff
}

.list #num p, .list #time p, .list #done p {
    padding-left: 35px;
    position: relative;
}

.list #num p:after {
    content: "";
    top: calc(50% - 25px / 2);
    left: 0px;
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../art/icons/paper.svg) center no-repeat;
    background-size: auto 25px;
}

.list #time p:after {
    content: "";
    top: calc(50% - 25px / 2);
    left: 0px;
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../art/icons/pie-chart.svg) center no-repeat;
    background-size: auto 25px;
}

.list #done p:after {
    content: "";
    top: calc(50% - 25px / 2);
    left: 0px;
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../art/icons/like.svg) center no-repeat;
    background-size: auto 25px;
}

.category .banner {
    margin-top: 70px;
}

.list .filter label {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: #6b6a69;
    line-height: 1;
}

.list .filter .form-check:first-of-type label {
    border-left: 2px solid #c4c3c2;
    padding-left: 13px;
}

.list .filter .form-check:first-of-type .form-check-input {
    margin: 0px;
    top: calc(50% - 10.5px / 2);
    left: -5px;
}

.list .filter .form-check {
    padding-right: 23px;
}

.list .filter .form-check:last-of-type label {
    border-right: 2px solid #c4c3c2;
    padding-right: 13px;
}

.list .filter .form-check:last-of-type .form-check-input {
    margin: 0px;
    top: calc(50% - 10.5px / 2);
    right: -5px;
}

.category .module-filters .filter-item:first-of-type {
    background: #4f5252;
    border-radius: 8px;
}

.category .module-filters .filter-item a {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(248, 157, 61);
    text-transform: uppercase;
    margin-bottom: 0px;
    position: relative;
    padding: 3px 40px;
    text-decoration: none;
}

.category .module-filters .filter-item a span {
    color: #f7f6f5;
    text-transform: none;
}

.category .module-filters .filter-item a:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    top: calc(50% - 25px / 2);
    left: 0px;
    height: 25px;
    background: url(../../art/icons/folder.svg) center no-repeat;
    background-size: auto 25px;
}

.category .module-filters .col-xl-4:nth-of-type(2) .filter-item a span, .category .module-filters .col-xl-4:nth-of-type(3) .filter-item a span {
    color: #6b6a69
}

.category .module-filters .col-xl-4:nth-of-type(2) .filter-item, .category .module-filters .col-xl-4:nth-of-type(3) .filter-item {
    background: #fff;
    border: 1px solid #e3e2e1;
}

.category .module-filters .col-xl-4:nth-of-type(2) .filter-item a:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    top: calc(50% - 25px / 2);
    left: 0px;
    height: 25px;
    background: url(../../art/icons/setup.svg) center no-repeat;
    background-size: auto 25px;
}

.category .module-filters .col-xl-4:nth-of-type(3) .filter-item a:before {
    content: "";
    position: absolute;
    display: block;
    width: 25px;
    top: calc(50% - 25px / 2);
    left: 0px;
    height: 25px;
    background: url(../../art/icons/shuffle.svg) center no-repeat;
    background-size: auto 25px;
}

.category .module-filters .filter-item a:after {
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 25px / 2);
    right: 0px;
    width: 25px;
    height: 25px;
    background: url(../../art/icons/next-2-grey.svg) center no-repeat;
    background-size: 25px auto;
}

.category .module-filters .col-xl-4:nth-of-type(3) .filter-item a {
    width: 100%
}

.category .module-filters .col-xl-4:nth-of-type(3) .filter-item a:after {
    left: calc(100% - 32px);
}

.category .module-filters {
    margin-bottom: 30px;
}

.category .module-filters .check-list {
    position: absolute;
    z-index: 99999;
    width: 100%;
    background: #4f5252;
    left: 0px;
    border-top: 1px solid #7c7f81;
    top: 100%;
}

.category .module-filters .check-list label {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #f7f6f5;
    line-height: normal;
    font-weight: 400;
}

.category .module-filters .check-list label span {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #f89d3d;
    padding: 0px 10px;
}

.category .module-filters .check-list .form-check-input {
    margin: 0px;
    top: calc(50% - 10.5px / 2);
    left: 0px;
}

.category .module-filters .form-check {
    padding: 5px 0px;
    padding-left: 17px;
}

.category .module-filters .col-xl-4:nth-of-type(2) .check-list, .category .module-filters .col-xl-4:nth-of-type(3) .check-list {
    background: #fff;
}

.category .module-filters .col-xl-4:nth-of-type(2) a, .category .module-filters .col-xl-4:nth-of-type(3) .check-list label {
    color: #6b6a69;
}

.category .modules h1 {
    padding: 50px 0px;
    font-size: 48px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(239, 125, 31);
}

.module-page .title {
    padding-top: 50px;
}

.module-page .title p {
    font-family: "Open Sans", sans-serif;
    font-weight: 100;
    color: #b1b0af;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0px;
    line-height: 1;
}

.module-page .title h1 {
	font-family: "Fira Sans", sans-serif;
    font-size: 48px;
    color: #03ade5;
    line-height: 1;
    text-align: center;
    position: relative;
    margin-bottom: 75px;
}

.module-page .title h1:after {
    content: "";
    position: absolute;
    width: 160px;
    height: 15px;
    left: calc(50% - 160px / 2);
    bottom: -100%;
    background: url(../../art/icons/underline-grey.svg) center no-repeat;
    background-size: 160px auto;
}

.module-page .title span:first-of-type {
    color: #4f5252;
}

.module-page .title span:last-of-type {
    color: #2569bf;
}

.module-page .text p {
    font-weight: 400;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.667;
    text-align: justify;
    margin-bottom: 50px;
}

.module-page .info p {
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    color: rgb(177, 176, 175);
    line-height: 1.2;
    text-align: center;
    font-weight: 100;
}

.module-page .info .col .row p {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    color: rgb(3, 173, 229);
    line-height: 1.2;
    font-weight: 400;
    padding-left: 6px;
    text-align: left;
}

.module-page .info .col .row p span {
    color: #4f5252;
    font-weight: 700;
}

.go-to {
    margin: 60px 0px;
}

.go-to a {
    background: transparent;
    border: 1px solid #2569bf;
    border-radius: 8px;
    padding: 15px 25px;
    text-decoration: none;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    color: rgb(3, 173, 229);
    text-transform: uppercase;
    line-height: normal;
    transition: all .2s ease;
}

.go-to a:hover {
    background: #2569bf;
    color: #fff;
}

.module-page article {
    border-bottom: 1px solid #d9d8d7;
}

.in-this .title h2 {
    margin-top: 50px;
    margin-bottom: 60px;
    font-size: 40px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(3, 173, 229);
    line-height: 1.2;
    text-align: center;
}

.in-this .content {
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d8d7;
}

.more-lesson .mr-title h3 {
    font-size: 40px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(167, 170, 170);
    line-height: 1;
    text-align: center;
    margin-top: 100px;
}

.more-lesson .title img {
    width: 25px;
}

.more-lesson .title span:last-of-type {
    color: #fff
}

.more-lesson .equal {
    margin-top: 65px;
    padding-bottom: 2.25rem !important;
}

.more-lesson .col-xl-6:first-of-type .next {
    transform: scaleX(-1);
}

.more-lesson .next {
    padding: 24px 25px;
    border: 1px solid #00606f;
    border-radius: 8px;
    background: #fff url(../../art/icons/next.svg) center no-repeat;
    background-size: 30px;
    transition: all .2s ease;
}

.more-lesson .next:hover {
    background: transparent url(../../art/icons/next.svg) center no-repeat;
    background-size: 30px;
}

.ready h6 {
    font-size: 40px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(167, 170, 170);
    line-height: 1;
    text-align: center;
    margin-bottom: 60px;
}
.langDropdown {position:absolute;background:rgb(239,180,19);padding:15px 30px;top:100%;left:50%;transform:translateX(-50%);z-index:9999}
.langDropdown a {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0px;
    text-align: right;
}

.more-lesson .card {
    width: inherit;
}

.view-is-home #searchBox, .view-is-home .orange-nav, .view-is-nyitolapde #searchBox, .view-is-nyitolapde .orange-nav, .view-is-nyitolapfr #searchBox, .view-is-nyitolapfr .orange-nav, .view-is-nyitolapes #searchBox, .view-is-nyitolapes .orange-nav, .view-is-nyitolapcz #searchBox, .view-is-nyitolapcz .orange-nav {
    display: none !important;
}

.view-is-rv #onePage, .view-is-ck #onePage, .view-is-kereses #onePage {
    display: none !important;
}

#subMenu .navbar-nav .active a {
    color: #1a1918 !important
}

.view-is-kereses h1 {
    padding: 50px 0px;
    font-size: 48px;
	font-family: "Fira Sans", sans-serif;
    color: rgb(67, 66, 65);
    text-align: center;
}

.view-is-kereses .card-img-top {
    overflow: hidden
}

.view-is-kereses .card-img-top img {
    height: 350px;
    object-fit: cover;
    border-radius: 0;
    overflow: hidden;
    margin: 0px;
}

#button {
    display: inline-block;
    background: #FF9800 url(../../art/arrow.svg) center no-repeat;
    background-size: 70%;
    transform:rotate(-90deg);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}


#button:hover {
    cursor: pointer;
    background-color: #333;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}
.langfr .navbar-brand { margin-right: 0}
.langfr .navbar-nav li { font-size: 15px}
.navbar-brand img {height:auto !important}
a {color:#555;text-decoration:underline}
a:hover {color:#333}
main {min-height:calc(100vh - 182px)}
header > .container-fluid {width:100%}
.navbar-brand {margin-right:0}
.navbar-dark .navbar-toggler {border-color:#003399}
.navbar-dark .navbar-toggler:focus {outline:none}
.navbar-dark .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2860, 0, 51, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.text_green {color:rgb(154,196,63) !important}
.text_blue {color:rgb(32,59,77) !important}
.text_gray {color:rgb(177,176,175) !important}
.fw-700 {font-weight:700}
#tudaster .illustration, #letoltheto .illustration, #projektrol .illustration {background-size:contain !important}

@media (max-width: 1199.98px) {
    .container-fluid {
        width: 100%;
    }
    .container-fluid.position-absolute {
        left: inherit
    }
    #time {
        padding: 0.5rem 0rem !important;
    }
    footer .container-fluid {
        padding: 0 15px !important;
    }
	.navbar-brand img {max-width:360px}
}

@media (max-width: 991.98px) {
    .course .for .for-block {
        flex-direction: column !important;
    }
    .course .for .for-block .illustration, .about-gradiented .gradiented-item .grad-flex .illustration {
        height: 400px !important;
        margin-bottom: 30px;
    }
    .about-gradiented .gradiented-item .grad-flex {
        flex-direction: column !important;
    }
    .module-filters {
        flex-direction: column !important;
    }
    .filter-item {
        margin: 0.5rem 0;
    }
    footer .links a:last-of-type {
        padding-left: 0px !important;
    }
    /* fonts */
    .fs-14 a, .fs-14 p {
        font-size: 14px
    }
    .fs-16 a, .fs-16 p {
        font-size: 16px
    }
    .fs-18 p {
        font-size: 18px
    }
    .fs-20 p {
        font-size: 20px
    }
    .fs-24 p {
        font-size: 24px
    }
    .fs-30 h3, .fs-30 span {
        font-size: 28px
    }
    .fs-40 h4, .fs-40 h5 {
        font-size: 36px
    }
    .fs-48 h2, .fs-48 h3, .module-page .title h1 {
        font-size: 42px
    }
    .fs-60 h1, .fs-60 h5 {
        font-size: 50px
    }
    .hungary-svg {
        background-size: contain;
    }
	.navbar-brand img {max-width:320px}
.fs-60 h1, .fs-60 h5 {font-size:44px}
}

@media (max-width: 767.98px) {
    .sm-center {
        justify-content: center !important;
    }
    .course .for .for-block .illustration, .about-gradiented .gradiented-item .grad-flex .illustration {
        height: 270px !important;
        width: auto !important;
        margin-bottom: 30px;
        background-size: auto 100% !important;
    }
    .d-flex.row.equal .module-item:last-of-type .card {
        width: 370px;
    }
    footer .links a {
        padding-left: 0px !important;
    }
    footer .col-sm-10 {
        text-align: center;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
    }
    footer .col-sm-10 p {
        text-align: center !important;
    }
    footer .links {
        justify-content: center;
    }
    footer .col-xl-3 .fs-16 {
        margin: 0 auto;
    }
    .more-lesson .card {
        width: inherit !important;
    }
    .navbar-brand img {
        height: 60px;
    }
    .swiper-button-prev {
        left: 5px;
    }
    .swiper-button-next {
        right: 5px;
    }
    .swiper-button-next, .swiper-button-prev {
        width: 30px;
        height: 49px;
        background-size: 30px 49px;
    }
	.navbar-brand img {max-width:280px}
.fs-60 h1, .fs-60 h5 {font-size:36px}
}

@media (max-width: 575.98px) {
    .swiper-pagination {
        display: none !important;
    }
    .course .for .for-block .illustration, .about-gradiented .gradiented-item .grad-flex .illustration {
        background-size: 100% auto !important;
    }
    .module-item {
        width: 100%;
    }
    .module-item .card {
        width: 300px !important;
        margin: 0 auto;
    }
    .module-item .extra p:first-of-type {
        margin-bottom: 0.5rem;
    }
    .course-item .col-xl-12 {
        padding: 0px !important;
    }
    .filter {
        flex-direction: column;
    }
    .filter .form-check:last-of-type .form-check-input {
        margin: 0px;
        top: calc(50% - 10.5px / 2);
        left: -5px;
    }
    footer .links {
        flex-direction: column !important;
    }
    footer .links a {
        padding: 0px !important;
    }
    footer .orange .d-flex {
        flex-direction: column;
        text-align: center;
    }
    /* fonts */
    .fs-14 a, .fs-14 p {
        font-size: 14px
    }
    .fs-16 a, .fs-16 p {
        font-size: 16px
    }
    .fs-18 p {
        font-size: 17px
    }
    .fs-20 p {
        font-size: 18px
    }
    .fs-24 p {
        font-size: 22px
    }
    .fs-30 h3, .fs-30 span {
        font-size: 25px
    }
    .fs-40 h4, .fs-40 h5 {
        font-size: 32px
    }
    .fs-48 h2, .fs-48 h3, .module-page .title h1 {
        font-size:30px
    }
    .fs-60 h1, .fs-60 h5 {
        font-size:26px
    }
    .hash img {
        width: 15px;
        height: auto;
    }
    .about-gradiented a {
        text-align: center;
    }
    .banner h5 span {
        font-size: 36px;
    }
    .banner a {
        text-align: center;
    }
    .about a {
        text-align: center;
    }
    .orange-box a {
        margin-bottom: 10px;
        margin-right: 5px !important;
        text-align: center;
    }
    .nav-extra {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
        margin-top: 10px !important;
    }
    .navbar-toggler {
        margin: 0 auto;
    }
    .search {
        margin: 0 auto;
    }
    .more-lesson .card {
        width: inherit !important;
    }
    .navbar-brand img {
        height: 50px;
    }
	.navbar-brand img {max-width:260px}
}