@font-face {
	font-family: Gotham Light;
	src: url("/css/fonts/Gotham_Light.ttf");
}
@font-face {
	font-family: Gotham Bold;
	src: url("/css/fonts/Gotham_Bold.ttf");
}
@font-face {
	font-family: Gotham Medium;
	src: url("/css/fonts/Gotham_Medium.ttf");
}
@font-face {
	font-family: Gotham Regular;
	src: url("/css/fonts/Gotham_Regular.ttf");
}

body{margin: 0; padding: 0;font-family: 'Gotham Light' !important;color: #333333;font-size: 16px;}
.clr{clear: both;}
.nopadding{padding-left: 0 !important;padding-right: 0 !important;}
.whatsapp, .call {display: none;position: fixed;bottom: 20px;width: 65px;height: 65px;z-index: 9999;}
.whatsapp-desktop {display: block;position: fixed;bottom: 50px;width: 65px;height: 65px;text-align: center;z-index: 9999;}
.call i{color: #fff; font-size: 40px;padding-top: 2px;}
.whatsapp i{color: #fff; font-size: 45px;/*padding-top: 2px;*/}
.whatsapp-desktop i{color: #fff; font-size: 45px;/*padding-top: 2px;*/}
.call{right: 20px;}
.whatsapp{left: 30px;}
.whatsapp-desktop{right: 30px;cursor: pointer;}
.whatsapp-desktop:hover {background: transparent;border: 2px solid #00C960;}
.whatsapp-desktop i:hover {color: #00C960;}
.main_title{font-size: 26px;color: #3b4041;font-weight: 600;text-align: left;text-transform: uppercase;margin-bottom: 30px;}
.button{border-radius: 5px;color: #fff;font-family: Gotham Bold;background:#027FFF;margin: 15px auto 0;display: block;width: 100%;max-width: 300px;border: 2px solid #027FFF;padding: 10px 25px;font-size: 13px;line-height: 10px;text-transform: uppercase;cursor: pointer;text-align: center;}
.button:hover{background: transparent;color: #027FFF;}
.button a:hover{color: #027FFF;}
.h1, h1{letter-spacing: .5px;margin-bottom: 20px;}
h2, h3 {margin-bottom: 15px !important;}
.text-left{text-align: left !important;}
.text-white{color: #fff !important;position: relative;}
.flex{display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;justify-content: center;}
.mobile{display: none;}
.text-center{text-align: center;}
.after:after{content: '';width: 100%;display: table;}
iframe{width: 100%}
/*b{font-family: Gotham Bold}*/
a{text-decoration: none !important;color: #3b4041;cursor: pointer;}
img{width: 100%;}
img.zoom-size{transition: 1s;margin-bottom: 15px;}
img.zoom-size:hover{transform: scale(1.3);}
.h5, h5 {font-size: 1rem;}
.displaynone{display: none;}
.overlay{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,0.8);}
ol, ul{padding-left: 15px !important;list-style: disc;}

.list-style-none{list-style: none;padding-left: 0;}

header.main_header{height: 100vh;position: relative;background: url(/img/header-bg.jpg) top;background-size: cover;}
header.main_header .overlay{background-color: rgba(0,0,0,0.75);}
/*.enter-title .col-md-6{background: rgb(0 0 0 / 70%);padding: 15px;}*/
header{position: relative;}

.top-panel2{background: #fff;font-size: 16px;color: #fff;position: relative;padding: 10px 0;z-index: 1;}
.top-panel2 a{color: #333;font-family: Gotham Bold;}
.top-panel2 .nomer{color: #333;font-family: Gotham Regular;font-size: 13px;}
.top-panel2 .nomer a{font-size: 17px;}
.top-panel2 i{font-size: 20px;margin-right: 10px;}
/*.top-panel2 .logo img{width: 70%;}*/
.top-panel2 .button{margin-top: 0px;padding: 15px;background: #027FFF;border: 2px solid #027FFF;color: #fff;text-transform: none;}
.top-panel2 .button:hover{background: transparent;color: #027FFF;}
.top-panel2 .navbar-light .navbar-nav .nav-link{color: #333;font-family: 'Gotham Light';text-transform: uppercase;font-size: 15px;}
.top-panel2 .navbar-light .navbar-nav .nav-link:hover;{color: #027FFF;}
.navbar{padding: 0px !important;}

.top-panel {padding: 5px 0;background: transparent;position: relative;color: #fff;font-family: Gotham Light;z-index: 1;}
.top-panel a{color: #fff;}
.top-panel img {width: 80px;}
.top-panel .contacts-content {text-align: right;}
.top-panel .contatcs-content .numbers-item {width: 50%;display: table-cell;vertical-align: middle;height: 100%;padding-bottom: 30px;}
.top-panel .button{border-radius: 5px;float: left;margin-top: 0;margin-left: 25px;max-width: 200px;color: #fff;padding: 12px;font-size: 13px;letter-spacing: .5px;}
.top-panel .button:hover{color: #027FFF;}
.top-panel .adress a{margin-right: 15px;}
.top-panel .contacts-content a{margin-right: 0;font-size: 20px;}
.top-panel .contacts-content a:nth-child(5){margin-right: 20px;color: #fff;font-family: 'Gotham Light';font-size: 19px;}
.top-panel .contacts-content a:first-child{margin-right: 20px;color: #fff;font-family: 'Gotham Light';font-size: 19px;}

/*Styling Links*/
.nav-links{display: flex;list-style: none;padding: 0 0.7vw;justify-content: space-evenly;align-items: center;text-transform: uppercase;margin-bottom: 0;}
.nav-links li a{text-decoration: none;padding: 5px;font-family: Gotham Bold;font-size: 13px;}
.nav-links li a:hover {color: #027FFF;}
.nav-links li {position: relative;}
.nav-links li a::before {content: "";display: block;height: 3px;width: 0%;background-color: #027FFF;position: absolute;transition: all ease-in-out 250ms;margin: 0 0 0 10%;top: -5px;}
.nav-links li a:hover::before{width: 80%;}
#btn-back-to-top {position: fixed;bottom: 20px;right: 20px;display: none;border: 1px solid #333;}
.btn-danger {color: #fff;background-color: #027FFF;border-color: #027FFF;}
.btn-danger:hover {color: #fff;background-color: #027FFF;border-color: #027FFF;}

.hamburger div{width: 30px;height:3px;background: #333;margin: 5px;transition: all 0.3s ease;}
.hamburger{display: none;}

header .enter-title{top: calc((100vh - 375px) / 2);position: absolute;left: 0;right: 0;z-index: 1;}
header .enter-title li a, header .enter-title li i{color: #fff;}
header .enter-title li a:hover{color: #027FFF !important;}
header .enter-title h1{color: #fff;font-family: Gotham Bold;font-size: 40px;line-height: 55px;letter-spacing: .5px;margin-bottom: 80px;}
header .enter-title p{color: #fff;}
header .enter-title span{color: #027FFF;margin-right: 10px;text-transform: uppercase;}
header .enter-title .button{border: 2px solid #027FFF;background: #027FFF;padding: 5px;border-radius: 5px;margin: 0 0 0;color: #fff;display: inline-block;margin-right: 15px;font-size: 15px;line-height: 25px;max-width: 280px;}
header .enter-title .button:hover{color: #027FFF;background: transparent;}
header .enter-title ul{padding-inline-start: 0px;color: #fff;font-size: 16px;margin: 30px 0;font-family: Gotham Bold;letter-spacing: .2px}
header .enter-title .contacts-number{display: inline-block;vertical-align: middle;}
header .enter-title .contacts-number a{font-size: 23px;color: #fff;font-family: Gotham Bold;vertical-align: bottom;line-height: 30px;}
header .enter-title .contacts-number span {font-size: 15px;display: block;font-family: 'Gotham Light';line-height: 15px;color: #fff;}
header .gift img{width: 8%;float: left;margin-right: 15px;margin-bottom: 20px;}
header .gift p{font-size: 25px;line-height: 30px;font-family: 'Gotham Bold';letter-spacing: .5px;}
.main__video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
header::after {background-color: rgba(0, 0, 0, 0.9);content: "";display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.logo img{width: 80%;}
header .enter-title .lead-magnet .main_title {font-size: 22px;}
header .enter-title .lead-magnet .button {margin-right: 0;}
header .enter-title .lead-magnet {padding: 30px;background: #000;border: 2px solid #fff;border-radius: 5px;text-align: center;}

.small-advantage img {width: 40px;float: left;margin-right: 15px;margin-bottom: 30px;}
.small-advantages .caption{font-family: Gotham Bold;color: #fff;}
.small-advantages {margin: 40px 0;}

.problem-content {min-height: 260px;padding: 15px;border: 2px solid #f5f5f5;border-radius: 10px;box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);}
.problem-content .caption span{display: block;color: #333;font-family: Gotham Bold;}
.problem-content .caption img {width: 50px;float: left;margin-right: 5px;margin-bottom: 20px;}
.problem-content .description span {font-family: 'Gotham Bold';color: #027FFF;display: block;margin: 15px 0;}

.methods{background: #333;color: #fff;}
.method .caption{font-family: Gotham Bold;color: #fff;margin-bottom: 15px;}
.method-content {width: calc((100% - 65px) / 7);display: inline-block;margin-right: 5px;padding: 10px;font-size: 13px;border: 2px solid #027FFF;border-radius: 5px;vertical-align: middle;min-height: 255px;}
.method-content:last-child {margin-right: 0;}
.method-content img {margin-bottom: 10px;}

.categories .caption{font-family: Gotham Bold;}
.categories {padding: 15px;border: 2px solid;background: #027FFF;border-radius: 5px;}
.category {border-right: 2px solid;}
.categories .category:last-child {border-right: none;}
/*.categories h2 span, .why .main_title span{color: #027FFF;font-family: Gotham Bold;}
.category-content {padding: 15px;border: 2px solid #f5f5f5;border-radius: 10px;box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);min-height: 310px;}
.category-content.last .description{min-height: auto;}
.category-content.last .button {background: #fff;color: #027FFF;border: 2px solid #fff;}
.category-content.last .button:hover {background: transparent;color: #fff;}
.category-content.last {background: #000;color: #fff;}
.category-content.last img{width: 75px;}
.category-content .caption {font-family: 'Gotham Bold';text-transform: uppercase;color: #027FFF;margin-bottom: 15px;}
.category-content .description {min-height: 185px;}
.category-content .description b {display: block;margin-bottom: 15px;}*/

.advantages, .services{background: #333;}
.advantage-content {border: 2px solid;margin-bottom: 25px;border-radius: 10px;padding: 15px;min-height: 130px;position: relative;}
.advantage-content .caption{font-family: Gotham Bold;color: #027FFF;}
.advantage-content p{margin-bottom: 0px;}
.advantage-content img {position: absolute;width: 50px;right: 15px;}

.why-content {box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.20);padding: 20px;border-radius: 10px;text-align: center;}
.why-content img{width: 60px;margin-bottom: 15px;}
.why-content .caption{font-family: Gotham Bold;margin-bottom: 15px;}
.why-content .description {min-height: 100px;}

/*.why_us {background: #F5F5F5;}*/
.advantages .button{margin: 30px 0;max-width: 100%;}
.why-us button {width: 250px;margin: 50px auto 0;}
.why-us__wrapper {display: grid;grid-template-columns: 1fr 1fr;row-gap: 30px;margin-top: 50px;}
.why-us__card {display: flex;align-items: center;gap: 20px;}
.why-us__card img{width: 50px;}
.why-us__card h3 {color: #027FFF;font-family: Gotham Regular;font-size: 20px;font-style: normal;line-height: 22px;margin-bottom: 7px;}
.why-us__card p {color: #333;font-family: Gotham Regular;font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;}

.ndt-edu .caption {font-family: 'Gotham Bold';margin-bottom: 15px;}
.ndt-edu .button {margin: 15px 0;}

.service-content {padding: 10px;border: 2px solid #027FFF;border-radius: 5px;}
.service-content .caption {font-family: 'Gotham Bold';margin: 15px 0;}
.service-content .description {min-height: 100px;}

marquee{font-family: 'Gotham Bold';text-transform: uppercase;padding: 7px;background: #027FFF;color: #fff;letter-spacing: .5px;}
.about .main_title{margin-bottom: 15px;font-size: 25px;line-height: 30px;}

.faq-heading {margin-top: 15px;font-family: Gotham Regular;font-weight: 400;font-size: 15px;-webkit-transition: text-indent 0.2s;text-indent: 20px;color: #333;}
.faq-text {font-family: Gotham Regular;font-weight: 400;color: #919191;width: 95%;padding-left: 20px;margin-bottom: 30px;}
.faq {margin: 0 auto;background: white;border-radius: 4px;position: relative;border: 1px solid #e1e1e1;}
.faq label {display: block;position: relative;overflow: hidden;cursor: pointer;height: 56px;padding-top: 1px;background-color: #fafafa;border-bottom: 1px solid #e1e1e1;}
.faq input[type="checkbox"] {display: none;}
.faq .faq-arrow {width: 5px;height: 5px;transition: -webkit-transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);border-top: 2px solid rgba(0, 0, 0, 0.33);border-right: 2px solid rgba(0, 0, 0, 0.33);float: right;position: relative;top: -30px;right: 27px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.faq input[type="checkbox"]:checked + label > .faq-arrow {transition: -webkit-transform 0.8s;transition: transform 0.8s;transition: transform 0.8s, -webkit-transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.faq input[type="checkbox"]:checked + label {display: block;background: rgba(255, 255, 255, 255) !important;color: #4f7351;height: 225px;transition: height 0.8s;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.faq input[type="checkbox"]:not(:checked) + label {display: block;transition: height 0.8s;height: 50px;-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.faq-content{border-radius: 10px;padding: 30px;background: url(/img/faq-img.jpg);background-size: cover;position: relative;}
.faq-content .caption{color: #027FFF;position: relative;font-size: 20px;font-family: 'Gotham Bold';margin-bottom: 30px;}
.faq-content .button{position: relative;margin: 15px 0;line-height: 25px;}
.faq-content p{position: relative;color: #fff;}
.faq-content .overlay{background-color: rgba(0, 0, 0, 0.7);border-radius: 10px;}

.lead-magnet{color: #fff;position: relative;background: #3D3D3D;border-bottom: 2px solid #333;}
.lead-magnet .container{background: url(/img/leadmagnet-bg.jpg);background-size: cover;padding: 30px;position: relative;}
.lead-magnet .container .row{position: relative;}
.lead-magnet .main_title{color: #fff;margin-bottom: 20px;font-family: Gotham Bold;}
.lead-magnet .callback{text-align: right;font-size: 30px;}
.lead-magnet .callback a{color: #fff;}
.lead-magnet .callback i{color: #00C960;}
.lead-magnet .callback .button{margin: 15px 0 0;float: right;max-width: 200px;background: #027FFF;border: 2px solid #027FFF;}
.lead-magnet .callback .button:hover{background: transparent;color: #027FFF;}
.lead-magnet p{margin-top: 15px;}


.steps{background: #F8F8F8;}

.form-group {margin-bottom: 15px;}
.form-control, .form-group .btn{font-size: .8rem;}
.form__form .inputbox, .form__form .textbox {width: 100%}
.form__form {position: relative;}
.form__form::before {background: rgba(255, 255, 255, 0.5) url(/new/img/preloader.gif) 50% 50% no-repeat;content: "";display: none;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 5}
.form__form.sending::before {display: block;}
.form__sys-message {text-align: center;}
.form__success-title {color: #99DB3B;font-size: 15px;font-weight: 600;text-transform: uppercase;}
.form__success-text {color: #99DB3B;}
.form__error {color: red;text-align: center;margin-top: 5px;font-size: 12px;}

.bottom-panel {background: #3D3D3D;}
.bottom-panel a{color: #fff;}
.bottom-panel .caption {font-family: 'Gotham Bold';font-size: 20px;text-transform: uppercase;margin-bottom: 15px;color: #027FFF;}
.bottom-panel .description {margin-bottom: 15px;}
.bottom-panel .col-md-4 {border-right: 2px solid #333;border-left: 2px solid #333;padding: 30px;}
.bottom-panel i{margin-right: 10px;}
footer hr {margin: 5px 0;opacity: 1;height: 2px !important;color: #027FFF;width: 70px;}

.catalog br{display: none;}

.slick-prev:before, .slick-next:before{color: #027FFF;}
.slick-next{right: 10px}
.slick-prev{left: 10px}
/*.partners-slick img{min-height: 120px;}*/

#sw-app-6e7138e88e4241b793eb31c7e8e2a644 .sw-app-head{color: #333 !important;font-family: Gotham Bold !important;justify-content: left !important;}
.sw-app .sw-review-truncate-text {font-family: 'Gotham Light' !important;}


/* end attestacia rabochih mest */
.step{margin-bottom: 30px;min-height: 82px;}
.step a{color: #027FFF;}
.steps__item {display: flex;}
.steps__num {font-family: Gotham Bold;font-size: 50px;color: #027FFF;line-height: 30px;min-width: 35px;text-align: center;}
.steps__info {margin-left: 50px;}
.steps__name {position: relative;font-family: Gotham Bold;margin-bottom: 10px;color: #333;}
.steps__name:before {content: "";position: absolute;width: 13px;height: 2px;left: -20px;top: 8px;margin: auto;background: #000;}
/* end attestacia rabochih mest */


@media screen and (max-width: 768px){
	.call, .whatsapp, .catalog br{display: block !important;}
	.mls img, .whatsapp-desktop, .top-panel2 .button, .desktop, .steps__descr.sm-text br, footer .logo, .top-panel2 .nomer, header .enter-title .lead-magnet{display: none !important;}
	.mobile{display: bloCK;text-align: center;margin: 10px 0;}
	header.main_header{padding-bottom: 30px;background-size: cover;}
	header.main_header, footer{text-align: center;margin-bottom: 0 !important;height: auto;}
	header .enter-title{position: relative;top: 15px;text-align: center;}
	header .enter-title .contacts-number{margin: 15px 0 15px;}
	header .enter-title .enter-content{position: relative;padding: 30px;align-items: flex-end;bottom: 0;text-align: center;}
	header .enter-title .enter-content .button{margin: 15px auto;}
	header .enter-title h1{font-size: 30px;line-height: 40px;text-align: center;color: #fff;}
	header .enter-title li a, header .enter-title li i{color: #fff;}
	.top-panel img {width: 60%;}
	.numbers-item-text, .top-panel .button{float: none;margin-top: 15px;}
	.services .service, .about .about-digit{width: 100%;}
	.services .row{flex-direction: column-reverse;}
	.services hr, .advantages hr, .about hr, .projects hr, .steps hr, .our-blogs hr, .necessary hr, .him-prach-services hr, .additional-services hr, .services h2{margin-bottom: 20px;font-size: 18px;}
	footer.py-5 {padding-bottom: 100px !important;}
	div.py-5{padding-bottom: 15px !important;padding-top: 15px !important;}
	.advantage{width: 100%;display: table-cell;margin-right: 0;font-size: 14px;}
	.advantage img{width: 22%;}
	.advantage .caption{margin-bottom: 0px;}
	.mb-5, .faq, .why-us__wrapper, .why-content, .category-content{margin-bottom: 15px !important;}
	.top-panel2{padding: 0;z-index: 3;}
	nav{height: 60px;z-index: 3;}
	.top-panel2 .logo img {width: 50%;position: absolute;left: 15px;top: 25%;}
	.hamburger{display:block;position: absolute;cursor: pointer;right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 9999999;transition: all 0.7s ease;}
    .nav-links{background: #333;height: 40vh;width: 100%;flex-direction: column;clip-path: circle(50px at 90% -25%);-webkit-clip-path: circle(50px at 90% -25%);transition: all 1s ease-out;pointer-events: none;}
    .nav-links.open{clip-path: circle(1000px at 90% -10%);-webkit-clip-path: circle(1000px at 90% -10%);pointer-events: all;}
    .nav-links li{opacity: 1;}
    .top-panel2 a{color: #fff;}
    .nav-links li:nth-child(1){transition: all 0.5s ease 0.2s;}
    .nav-links li:nth-child(2){transition: all 0.5s ease 0.4s;}
    .nav-links li:nth-child(3){transition: all 0.5s ease 0.6s;}
    .nav-links li:nth-child(4){transition: all 0.5s ease 0.7s;}
    .nav-links li:nth-child(5){transition: all 0.5s ease 0.8s;}
    .nav-links li:nth-child(6){transition: all 0.5s ease 0.9s;margin: 0;}
    .nav-links li:nth-child(7){transition: all 0.5s ease 1s;margin: 0;}
    li.fade{opacity: 1;}
    .toggle .line1{transform: rotate(-45deg)translate(-5px,6px);background: #fff;}
	.toggle .line2{transition: all 0.7s ease;width:0;background: #fff;}
	.toggle .line3{transform: rotate(45deg) translate(-5px,-6px);background: #fff;}
	.offer .row{flex-direction: column-reverse;}
	.slick-dots{bottom: -50px;}
	.main-advantages img{margin-bottom: 60px;}
	.about .recommendation{font-size: 20px;line-height: 25px;}
	.lead-magnet, .lead-magnet .main_title, .lead-magnet .callback{text-align: center;}
	.lead-magnet .callback .button{float: none;margin: 15px auto 0;}
	header .enter-title .button{padding: 5px;}
	.top-panel .contacts-content a:nth-child(4){margin-right: 4%;}
	.nav-links.open{position: relative;z-index: 9999}
	.advan_list{grid-template-columns: auto;}
	.branch, .why-chip img, .problem{margin-bottom: 15px;}
	.about-nubmer-left, .about-nubmer-right {width: 100%;border-radius: unset;}
	.about-number-content {min-height: 80px;margin-top: 15px;}
	.catalog img{border-radius: 10px;}
	footer hr{margin: 10px auto;}
	.numbers-item{width: 100%;display: block;}
	.why-us__wrapper{grid-template-columns: 1fr;}
	.faq input[type="checkbox"]:not(:checked) + label{height: 70px;padding: 0 15px;}
	.faq-heading{text-indent: 0px;}
	.small-advantage{text-align: center;margin-bottom: 15px;}
	.small-advantages, header .enter-title h1{margin: 30px 0;}
	.small-advantage img{margin-bottom: 0;float: none;}
	.method, .service-content{margin-bottom: 15px;}
	.method-content {width: calc(50% - 10px);margin-bottom: 15px;min-height: 265px;}
	.ndt-edu video{width: 100%;}
	.category {border-right: none;border-bottom: 2px solid;padding-bottom: 15px;margin-bottom: 15px;}
	.categories .category:last-child{border-bottom: none;padding-bottom: 0px;}
}
@media (min-width: 576px) {
    #chatapp .modal-dialog {
        max-width: 300px;
        margin: 1.75rem auto;
    }
}