* { outline: none !important; }

/**/
/*
300 light
400
500 medium
700
800 extra bold
*/
/*
0038c3
*/
/**/

/* raleway-300 - latin-ext_latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/raleway-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local('Raleway Light'), local('Raleway-Light'),
    url('../fonts/raleway-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/raleway-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/raleway-v14-latin-ext_latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin-ext_latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/raleway-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Raleway'), local('Raleway-Regular'),
    url('../fonts/raleway-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/raleway-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/raleway-v14-latin-ext_latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin-ext_latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/raleway-v14-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Raleway Medium'), local('Raleway-Medium'),
    url('../fonts/raleway-v14-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/raleway-v14-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/raleway-v14-latin-ext_latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin-ext_latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/raleway-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Raleway Bold'), local('Raleway-Bold'),
    url('../fonts/raleway-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/raleway-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/raleway-v14-latin-ext_latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-800 - latin-ext_latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/raleway-v14-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
    src: local('Raleway ExtraBold'), local('Raleway-ExtraBold'),
    url('../fonts/raleway-v14-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/raleway-v14-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/raleway-v14-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/raleway-v14-latin-ext_latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}


body { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 400; color: #222; background: #fff;
    margin:0; padding:0; border:0; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%;
}

.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

a { cursor: pointer; text-decoration: none; color: #005c9b; }
a:hover { text-decoration: none; color: #000; }
a:focus { text-decoration: none; }

.img-anim {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.slow { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; }

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

.clear { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear0 { display: block; height:0; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear5 { display: block; height:5px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear10 { display: block; height:10px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear15 { display: block; height:15px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear20 { display: block; height:20px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear30 { display: block; height:30px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear40 { display: block; height:40px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear50 { display: block; height:50px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear60 { display: block; height:60px; width:auto; clear:both; overflow:hidden; font-size:0; }

.wrapper { width: 100%; height: 100%; position: relative; }

.container { position: relative; }

.pr0 { padding-right: 0; }
.pl0 { padding-left: 0; }


.btn { display: inline-flex; align-items: center; border-radius: 0; border: 0 none; font-size: 23px; font-weight: 700; padding: 0;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.btn-default svg { display: block; margin-right: 15px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.btn-default use.icon { fill: #0038c3;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.btn-default span { position: relative; padding: 0 0 5px 0; }
.btn-default span:before,
.btn-default span:after { content: ''; position: absolute; bottom: 0; height: 4px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.btn-default span:before { left: 0; width: 0; background: #000; z-index: 2; }
.btn-default span:after { left: 0; width: 100%; background: #0038c3; z-index: 1; }
.btn-default { background-color: transparent; color: #0038c3; border-color: transparent; }
.btn-default:hover svg { transform: translateX(10px); }
.btn-default:hover use.icon { fill: #000000; }
.btn-default:hover { background-color: transparent; color: #000; border-color: transparent; }
.btn-default:hover span:before { left: 0; right: 0; width: 100%; }

.btn-link { display: inline-flex; align-items: center; font-size: 18px; font-weight: 700; text-transform: uppercase; color: #0038c3; text-decoration: none; }
.btn-link:before { content: '>'; line-height: 14px; margin-right: 10px; margin-top: -3px; }
.btn-link:hover { text-decoration: none; color: #000; }
.btn-link:focus { text-decoration: none; }

a:hover .btn-default svg { transform: translateX(10px); }
a:hover .btn-default use.icon { fill: #000000; }
a:hover .btn-default { background-color: transparent; color: #000; border-color: transparent; }
a:hover .btn-default span:before { left: 0; right: 0; width: 100%; }

.btn-primary { background-color: #e5eef5; color: #005c9b; border-color: #fff; }
.btn-primary:hover { background-color: #005c9b; color: #fff; border-color: #fff; }

.assets { background: #f5f5f5; }

.w100 { width: 100%; }

.form-control { height: 54px; font-size: 16px; border-radius: 0; border: 1px solid #e1e1e1; background: #fff; color: #000; padding: 6px 12px; box-shadow: none; -webkit-box-shadow: none; }
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; border-color: #000; }
/*
.form-control::-webkit-input-placeholder { color: #005c9b; }
.form-control::-moz-placeholder { color: #005c9b; }
.form-control:-ms-input-placeholder { color: #005c9b; }
.form-control:-moz-placeholder { color: #005c9b; }
*/
select.form-control { padding: 0 12px; }
textarea.form-control { resize: none; height: 150px;  }

.main-title { position: relative; margin: 0 0 40px 0; padding-bottom: 20px; color: #0038c3; font-size: 36px; font-weight: 700; }
.main-title span { display: block; font-size: 22px; font-weight: 400; color: #222; }
.main-title:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 280px; height: 6px; background: #0038c3; }

header { position: absolute; top: 0; right: 0; left: 0; z-index: 999; }
header .inner { display: flex; justify-content: space-between; align-items: center; padding: 35px 0; }
header .inner .logo { width: 250px; }

.navbar { min-height: 0; margin: 0 0 0 0; border: none; background: none; border-radius: 0; }
.navbar .lang-box { position: absolute; z-index: 10; top: 5px; right: 15px; }
.navbar .lang-box>a { display: inline-block; padding: 5px 5px; color: #fff; font-weight: 500; background: transparent; font-size: 14px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.navbar .lang-box.open>a,
.navbar .lang-box>a:hover { background: #fff; color: #0038c3; }
.navbar .lang-box .dropdown-menu {}
.navbar .lang-box .dropdown-menu>li {}
.navbar .lang-box .dropdown-menu>li>a { font-size: 13px; line-height: 16px; font-weight: 500; padding: 5px 10px; }
.navbar .lang-box .dropdown-menu>li>a img { display: inline-block; margin-right: 5px; }
.navbar .navbar-nav {  }
.navbar .navbar-nav>li {  }
.navbar .navbar-nav>li>a { font-size: 18px; font-weight: 500; color: #fff; text-transform: none; background: transparent; padding: 10px 15px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.navbar .navbar-nav>li+li { margin-left: 5px; }
.navbar .navbar-nav>li>a:hover, .navbar .navbar-nav>li>a:focus { background: #fff; color: #0038c3; }
.navbar .navbar-nav>li.active>a { background: #fff; color: #0038c3; }
.navbar .navbar-nav>li.active>a:hover, .navbar .navbar-nav>li.active>a:focus { background: #fff; color: #0038c3; }
.navbar .navbar-nav>li.open>a { background: #fff; color: #0038c3; }

.dropdown-menu { background: #fff; border-radius: 0; padding: 0; border: 0; box-shadow: 15px 24px 30px 0 rgba(0, 0, 0, 0.4); }
.dropdown-menu>li>a { font-size: 14px; font-weight: 700; color: #0038c3; padding: 10px 15px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background: #0038c3; color: #fff; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background: #005c9b; color: #fff; }

.headerimage {padding: 138px 0 0 0;background: 50% 0 no-repeat scroll transparent; background-size: cover;}
.headerimage>.bg { position: absolute; z-index: -1; top: 0; right: 0; left: 0; height: 100%;  }
.headerimage h1.title { text-align: center; margin: 0 0 20px 0; font-size: 30px; font-weight: 400; color: #fff; text-transform: uppercase; }
.headerimage h1.title span { display: block; font-size: 86px; font-weight: 300; }

.headerimage h1.title { font-size: 30px; }
.headerimage h1.title span { font-size: 2.8em; }

.shadow-lg { box-shadow: 15px 24px 30px 0 rgba(0, 0, 0, 0.4); }

.promobox { position: relative; z-index: 10; transform: translateY(90px); margin-top: -90px; }
.promobox .swiper-container { }
.promobox .swiper-container .swiper-slide { padding-bottom: 40px; }
.promobox .item { display: block; position: relative; color: #222; padding-top: 80px; }
.promobox .item .bg { position: absolute; z-index: 0; top: 210px; right: 175px; bottom: -40px; left: -40px; background: #0038c3; }
/*.promobox .item .inner { display: flex; position: relative; z-index: 1; padding-bottom: 60px; background: url(../images/bg-w.jpg) 50% 0 repeat scroll transparent; }*/
.promobox .item .inner { display: flex; position: relative; z-index: 1; padding-bottom: 60px; background: #fdfdfd; }
.promobox .item .inner .text { position: relative; width: 50%; padding: 35px 10px 35px 35px; }
.promobox .item .inner .text>.btn-holder { position: absolute; bottom: 0; }
.promobox .item .inner .text .title {margin: 0 0 0 0;font-weight: 700;font-size: 60px;text-transform: uppercase;}
.promobox .item .inner .text .content-text { display: flex; }
.promobox .item .inner .text .col { width: 50%; }
.promobox .item .inner .text .col.wide { width: 100%; }
.promobox .item .inner .text .col.price-box { display: flex; flex-direction: column; }
.promobox .item .inner .text .price { margin-top: auto; margin-bottom: 40px; font-size: 54px; line-height: 1; font-weight: 800; color: #0038c3; }
.promobox .item .inner .text .price span {display: block;font-size: 90px;line-height: 1;}
.promobox .item .inner .text .col.desc { font-size: 22px; line-height: 1.6; font-weight: 500; }
.promobox .item .inner .image { width: 50%; margin-top: -80px; }
.promobox .item .inner .image img {  }

.swiper-navigation { display: flex; position: absolute; z-index: 50; bottom: 0; right: 15px; }
.swiper-navigation .swiper-button { cursor: pointer; position: relative; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: #0038c3; color: #fff;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.swiper-navigation .swiper-button:hover { background: #000; }
.swiper-navigation .swiper-button>i { width: 12px; height: 12px; }
.swiper-navigation .button-prev>i { background: url(../images/icon-arrow-left.svg) 50% 50% no-repeat scroll; }
.swiper-navigation .button-next>i { background: url(../images/icon-arrow-right.svg) 50% 50% no-repeat scroll; }

.d-flex { display: flex; }

/*
.bg-w { background: url(../images/bg-w.jpg) 50% 0 repeat scroll #fff; }
.bg-g { background: url(../images/bg-g.jpg) 50% 0 repeat scroll #f5f5f5; }
*/
.bg-w { background: #fdfdfd; }
.bg-g { background: #f1f1f1 }

.text-widget { padding: 60px 0; }
.text-widget .inner { margin-right: -15px; margin-left: -15px; }
.text-widget .inner .col { width: 50%; padding: 0 15px; }
.text-widget .content-text { line-height: 1.6; }

.text-page:not(.page-container) { padding-top: 150px; }
.text-page .col.image { display: flex; align-items: center; }
.text-page .col.image .pic { position: relative; }
.text-page .col.image .pic img { max-width: 390px; position: relative; z-index: 5; }
.text-page .col.image .pic:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #0038c3;
    transform: translate(25px,25px);
}

/*.text-page.page-container { padding-top: 60px; }*/

.text-page.page-container .col.image { display: block; padding-top: 70px; }
.text-page.page-container .col.image .pic { display: inline-block; }
.text-page .content-text {}
.text-page .content-body { margin-top: 30px; }

.content-text h1,
.content-text h2,
.content-text h3,
.content-text h4 { font-weight: 700; color: #0038c3; text-transform: uppercase; }
.content-text h1 { font-size: 26px; }
.content-text h2 { font-size: 22px; }
.content-text h3 { font-size: 18px; }
.content-text h4 { font-size: 14px; }

.news { }
.news .item { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; }
.news .item .pic { position: relative; }
.news .item .pic img { }
.news .item .date { position: absolute; bottom: 0; left: 0; padding: 3px 5px; background: #0038c3; color: #fff; font-size: 14px; }
.news .item .title { margin: 0 0 15px 0; font-size: 22px; font-weight: 700; color: #0038c3; text-transform: uppercase; }
.news .item .desc { margin-bottom: 15px; }
.news-view .item .date { position: static; display: inline-flex; margin-bottom: 15px; }
.text-page .news .item .content-body { margin-top: 0; }

.gallery { }
.gallery .gallery-widget { margin-top: -60px; }
.gallery .gallery-widget .list-wrapper .item { flex: 0 1 50%; }
.gallery .list-wrapper { display: flex; margin-bottom: 30px; flex-wrap: wrap; }
.gallery .list-wrapper .item { position: relative; overflow: hidden; flex: 0 1 25%; }
.gallery .list-wrapper .item:after,
.gallery .list-wrapper .item .pic,
.gallery .list-wrapper .item .pic img { position: relative;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.gallery .list-wrapper .item:after { content: '\e802'; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 50px; height: 50px; border-radius: 100%; background: #fff; font-family: 'fontello'; font-size: 30px; line-height: 1; color: #0038c3; opacity: 0; filter: alpha(opacity=0);
}
.gallery .list-wrapper .item .pic { position: relative; display: block; overflow: hidden; background: transparent; }
.gallery .list-wrapper .item .pic img { position: relative; z-index: 2; }
.gallery .list-wrapper .item .pic .title { position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; background: #0038c3; color: #fff; padding: 5px; font-size: 15px; opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.gallery .list-wrapper .item:hover:after { opacity: 1; filter: alpha(opacity=100); }
.gallery .list-wrapper .item:hover .pic { transform: scale(0.95); }
.gallery .list-wrapper .item:hover .pic img { opacity: 0.5; filter: alpha(opacity=50); transform: scale(1.15); }
.gallery .list-wrapper .item:hover .pic .title { opacity: 1; filter: alpha(opacity=100); }

.gallery.album .list-wrapper .item .pic .title { opacity: 0.8; filter: alpha(opacity=80); }
.gallery.image .inner { margin-bottom: 120px; }
.gallery.image .col.image .pic a { display: block; position: relative; background: #0038c3; }
.gallery.image .col.image .pic a:after { content: '\e802'; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 50px; height: 50px; border-radius: 100%; background: #fff; font-family: 'fontello'; font-size: 30px; line-height: 1; color: #0038c3; opacity: 0; filter: alpha(opacity=0);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.gallery.image .col.image .pic a img {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.gallery.image .col.image .pic a:hover img { opacity: 0.5; filter: alpha(opacity=50); }
.gallery.image .col.image .pic a:hover:after { opacity: 1; filter: alpha(opacity=100); }

/**/
.gallery .list-wrapper { margin-right: -7px; margin-left: -7px; }
.gallery .list-wrapper .item { padding-left: 7px; padding-right: 7px; }
.gallery.image .list-wrapper .item { margin-bottom: 15px; }
/**/

.services { position: relative; }
.services .container { position: static; }
.services .content-text { position: relative; padding-left: 15px; }
.services .content-text ul li { margin-bottom: 5px; }
.services .service-list { margin-bottom: 70px; }
.services .service-list .bg { position: absolute; z-index: 0; top: auto; left: 0; margin-top: 40px; width: calc(50% + 15px); height: 280px; background: #0038c3; }
.services .list-wrapper {position: relative;display: grid;grid-gap: 10px;grid-template-columns: repeat(4, 1fr);}
.services .list-wrapper .item { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; padding: 10px; background: #fff; color: #222; box-shadow: none;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services .list-wrapper .item .pic { display: flex; justify-content: center; align-items: center; width: 86px; height: 86px; border-radius: 100%; background: #f5f5f5; margin-bottom: 10px;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
/*.services .list-wrapper .item .pic i {  width: 64px; height: 64px; background: transparent }*/
.services .list-wrapper .item .pic svg {}
.services .list-wrapper .item .pic use { fill: #222222; stroke: #222222;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services .list-wrapper .item .title { flex: 1; display: flex; justify-content: center;; align-items: center;
    margin: 0 0 0 0; font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: center;
}
.services .list-wrapper .item:hover { z-index: 5; color: #0038c3; box-shadow: 14px 24px 30px 0 rgba(0, 0, 0, 0.4); }
.services .list-wrapper .item:hover .pic {  background: #0038c3; }
.services .list-wrapper .item:hover .pic use { fill: #ffffff; stroke: #ffffff; }

/**/
.services-block { padding-bottom: 60px; }
.services-block .inner { margin-right: -15px; margin-left: -15px; }
.services-block .inner .col { padding: 0 15px; width: 50%; }
.services-block .item { display: flex; cursor: pointer; padding: 0 15px; color: #222; }
.services-block .item .col-t { display: flex; flex-direction: column; width: 50% }
.services-block .item .col-i { width: 50%; }
.services-block .item .title { position: relative; z-index: 10; margin: 0 0 15px 0; padding-bottom: 15px; font-size: 27px; font-weight: 700;
    transform: translateX(60px);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services-block .item .title:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 6px; background: #0038c3;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services-block .item .title span { display: inline-block; width: 75%; white-space: normal; }
.services-block .item .desc { font-size: 17px; line-height: 1.6; font-weight: 500; padding-right: 40px; }
.services-block .item .pic { display: block; position: relative;  }
.services-block .item .pic img { position: relative; z-index: 5; }
.services-block .item .pic:after { content: ''; position: absolute; z-index: 0; top: 60px; left: 10px; bottom: -15px; right: -15px; background: #0038c3;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services-block .item .btn { margin-top: auto; }
.services-block .item:hover .pic:after { top:75px; left: 25px; right: -25px; bottom: -25px;  }
.services-block .item:hover .title { transform: translateX(0);  }
.services-block .item:hover .title:after { right: -80px;  }
.services-block .desc {  }

.services-block .inner { flex-wrap: wrap; justify-content: center; }
.services-block .inner .col { width: inherit; flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; }
/**/

.services-block-3 { padding-bottom: 60px; }
.services-block-3 .list-wrapper { margin: 0 -15px; }
.services-block-3 .list-wrapper .col { flex: 0 1 33.3333%; padding: 0 15px; }
.services-block-3 .item { display: flex; flex-direction: column; height: 100%; color: #000; }
.services-block-3 .item .pic { position: relative; margin-bottom: 35px; background: #0038c3; }
.services-block-3 .item .pic:after { content: ''; position: absolute; z-index: 1; top: 15px; right: -10px; bottom: -10px; left: 27%; background: #0038c3;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services-block-3 .item .pic img { position: relative; z-index: 2;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.services-block-3 .item .main-title { font-size: 26px; color: #000; margin-bottom: 15px; }
.services-block-3 .item .desc { margin-bottom: 15px; }
.services-block-3 .item .btn { margin-top: auto; }
.services-block-3 .item:hover .pic img { opacity: 0.5; }
/*.services-block-3 .item:hover .pic:after { left: 15px; }*/

.contact-block { padding-top: 75px; padding-bottom: 95px; }
.contact-block .container { position: static; }
.contact-block .inner { margin-left: -15px; margin-right: -15px; }
.contact-block .inner>.bg { position: absolute; z-index: 0; left: 0; margin-top: -115px; width: calc(50% + 20px); height: 510px; background: url(../images/bg-contact-block.jpg) 50% 50% no-repeat scroll #0038c3; background-size: cover; }
.contact-block .inner .col { width: 50%; padding: 0 15px; }
.contact-block .inner .col.left { padding-left: 75px; }
.contact-block .inner .col.right { padding-left: 45px; }
.contact-block .item { position: relative; display: flex; flex-direction: column; margin-bottom: 30px; background: #fff; color: #222; box-shadow: 5px 14px 15px 0 rgba(0, 0, 0, 0.2); }
.contact-block .item, .contact-block .item * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.contact-block .item:last-child {}
.contact-block .item:last-child { background: #f2f2f2; }
.contact-block .item:last-child .bottom { background: #fff; }
.contact-block .item .bg { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/bg-contact-block-star.png) 100% 50% no-repeat scroll transparent; }
.contact-block .item .icon { display: flex; justify-content: center; align-items: center; position: absolute;z-index: 3; top: 50%; right: 10px; width: 100px; height: 100px; background: #0038c3; border-radius: 100%;
    transform: translateY(-50%);
}
.contact-block .item .icon svg { width: 24px; height: 40px; }
.contact-block .item .icon use { fill: #fff; }
.contact-block .item .top { padding: 15px 95px 15px 15px; position: relative; z-index: 3; }
.contact-block .item .bottom { padding: 15px 95px 15px 15px; background: #f2f2f2; font-size: 20px; font-weight: 500; }
.contact-block .item .title { margin: 0 0 0 0; text-transform: uppercase; font-size: 32px; font-weight: 700;}
.contact-block .item .price { display: block; color: #0038c3; font-size: 28px; font-weight: 800; line-height: 1; }
.contact-block .item .price span { display: inline-block; font-size: 58px; }
.contact-block .item .offer { display: block; font-size: 15px; }
.contact-block .item .offer .date { font-weight: 700; }
.contact-block .item .top,
.contact-block .item .bottom,
.contact-block .item .title,
.contact-block .item .icon,
.contact-block .item .price {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.contact-block .item:hover .top { }
.contact-block .item:hover .bottom { color: #0038c3; }
.contact-block .item:hover .title { color: #0038c3; }
.contact-block .item:hover .price {  }
.contact-block .item:hover .icon { background: #000; }

.contact-block--special { padding: 15px 0; }
.contact-block--special .item { margin-bottom: 0; }

.contact-block .list-wrapper { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: 30px; }
.contact-block .list-wrapper .box { width: 50%; padding: 0 15px; }
.contact-block .list-wrapper .box.callback { width: 100%; margin-bottom: 30px; }
.contact-block .list-wrapper .box.callback a { display: flex; align-items: center; }
.contact-block .list-wrapper .box.callback a .icon { margin: 0 }
.contact-block .list-wrapper .box.callback a .title { flex: 1 }
.contact-block .list-wrapper .box a { display: block; color: #222; background: #fff; text-align: center; padding: 20px 15px; box-shadow: 5px 14px 20px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.contact-block .list-wrapper .box a .icon { display: flex; justify-content: center; align-items: center; margin: 0 auto 20px auto; width: 120px; height: 120px; border-radius: 100%;
    background: #f2f2f2; border: 10px solid #fff; box-shadow: 0 0 0 0 #fff;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.contact-block .list-wrapper .box a .icon svg {  }
.contact-block .list-wrapper .box a .icon use { fill: #222;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
}
.contact-block .list-wrapper .box a .title { margin: 0 0 0 0; font-size: 24px; font-weight: 700; text-transform: uppercase; }
.contact-block .list-wrapper .box a .title span { display: block; font-size: 18px; }
.contact-block .list-wrapper .box a:hover { color: #0038c3; box-shadow: 15px 24px 30px 0 rgba(0, 0, 0, 0.4);   }
.contact-block .list-wrapper .box a:hover .title { }
.contact-block .list-wrapper .box a:hover .icon { background: #0038c3; box-shadow: 0 0 0 2px #0038c3; }
.contact-block .list-wrapper .box a:hover .icon use { fill: #fff; }


.contact-widget { position: relative; background: url(../images/bg-contact-map.jpg) 100% 50% no-repeat scroll #0038c3; }
.contact-widget .wrap { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: flex; }
.contact-widget .wrap .col { width: 50%; }
.contact-widget .wrap .col.left { background: #fff; box-shadow: 15px 24px 30px 0 rgba(0, 0, 0, 0.4);  }

.contact-widget .main-title:after { max-width: 100%; }
.contact-widget .container { z-index: 2; }
.contact-widget .inner { margin-right: -15px; margin-left: -15px; }
.contact-widget .inner .col {width: 50%;padding: 30px 30px 15px 15px;}
.contact-widget form {padding: 0 0 0 0;position: relative;z-index: 10;}
.contact-widget .inner .col,
.contact-widget .wrap .col.left{ transform: translateY(-50px)}
.contact-widget .col-link { position: relative; transform: translateY(0)!important; overflow: hidden; }
.contact-widget .col-link .link { display: block; text-indent: -9999px; overflow: hidden; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0; background: transparent; }

.contact-page {}
.contact-page .content-lead { margin-bottom: 30px; font-weight: 700; }
.contact-page .content-body { margin-top: 0; }
.contact-form-wrap { padding: 30px 30px 15px 30px; background: #fff; box-shadow: 15px 24px 30px 0 rgba(0, 0, 0, 0.4); margin-bottom: 60px; }

.page-contact .text-widget.contact-page { padding-bottom: 60px; }

.map-widget {}
.map-widget .g-map { position: relative; height: 550px; }
.map-widget .g-map iframe { width: 100%; height: 100%; }

.request {}
.request form { width: 100%; padding: 30px 30px 15px 30px; background: #fff; box-shadow: 15px 24px 30px 0 rgba(0, 0, 0, 0.4);  }
.request .content-body { margin-top: 30px; margin-bottom: 30px; }


.page-contact {}
.page-contact .text-widget { padding-bottom: 120px; }
.page-contact .contact-widget { z-index: 2; background-image: none; }
/*.page-contact .contact-widget .container { pointer-events: none; }*/
/*.page-contact .contact-widget .container .inner .col { pointer-events: auto; }*/
.page-contact .contact-widget .wrap .col { position: relative; z-index: 5; }
.page-contact .contact-widget .wrap .col.right { z-index: 4; }
.page-contact .contact-widget .g-map {position: relative;overflow: hidden;height: 100%; }
/*.page-contact .contact-widget .g-map:before { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #0038c3; mix-blend-mode: color; pointer-events: none;}*/
.page-contact .contact-widget .g-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-contact .contact-block { position: relative; z-index: 5; padding-top: 95px; padding-bottom: 30px; }

.social-box {}
.social-box a {}

footer { background: #fdfdfd; }
footer .inner { display: flex; align-items: center; margin-left: -15px; margin-right: -15px; padding: 25px 0; }
footer .inner .col { padding: 0 15px; }
footer .inner .col.logo { width: 205px; }
footer .inner .col.wrap { width: 100%; }
footer .inner .col.wrap .top { margin-left: -15px; margin-right: -15px; display: flex; font-size: 17px; font-weight: 500; }
footer .inner .col.wrap .top a { color: #222; }
footer .inner .col.wrap .top a:hover { color: #0038c3; text-decoration: underline; }
footer .inner .col.wrap .top .block { flex: 0 1 auto; padding: 0 15px; }
footer .inner .col.wrap .top .block .subtitle { margin: 0 0 10px 0; text-transform: uppercase; color: #0038c3; font-size: 17px; font-weight: 700;  }
footer .inner .col.wrap .top .block.social-box { margin-left: auto; align-self: flex-end; display: flex; }
footer .inner .col.wrap .top .block.social-box a { display: inline-block; margin-left: 15px; font-size: 22px; }

footer .inner .col.wrap .top .block.iso { display: inline-flex; }
footer .inner .col.wrap .top .block.iso>div { padding: 0 5px; }

footer .inner .col.wrap .bottom { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 20px; border-top: 1px solid #d2d2d2; font-size: 13px; font-weight: 700; }
footer .inner .col.wrap .bottom a { color: #0038c3; }
footer .inner .col.wrap .bottom a:hover { color: #000; text-decoration: underline; }
footer .inner .col.wrap .bottom .copyright {}
footer .inner .col.wrap .bottom .createdby {  }
footer .inner .col.wrap .bottom .createdby a { color: #222; }
footer .inner .col.wrap .bottom .createdby a:last-child { color: #0038c3; }

footer .bottom { flex-wrap: wrap; }
footer .bottom .report { text-align: center; margin-bottom: 5px; }

.banner {}
.banner .desktop {}
.banner .mobile {}

@media (max-width: 767px) {

}
@media (min-width: 768px) {

}


.mm-menu.mm-light { background: #0038c3; color: #fff; }
.mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255,255,255,0.9); color: #0038c3; font-weight: 700; }
.mm-menu.mm-light .mm-list>li>a.mm-subclose:before { border-color: #0038c3; }
.mm-menu.mm-light .mm-list>li>a.mm-subopen:after { border-color: #fff; }
.mm-menu.mm-light .mm-list>li:after { border-color: rgba(255,255,255,0.1); }
.mm-menu .mm-list { padding: 0; }
.mm-list>li>a, .mm-list>li>span { font-weight: 500; }
.mm-menu.mm-light li.info { padding: 0; }
.mm-menu.mm-light li.info:after { display: none!important; }
.mm-menu.mm-light li.info .logo { display: block; }
.mm-menu.mm-light li.info .logo img { max-width: 200px; }
.mm-menu.mm-light li.info.bottom { position: absolute; bottom: 0; left: 0; font-size: 12px; }
.mm-menu.mm-light li.info.bottom a { color: #fff; }

.mm-spn {
    --mm-spn-item-height:44px;
}
.mm-spn li:before { border-color: #fff; opacity: 1; }
.mm-spn a, .mm-spn span { font-size: 15px; font-weight: 500; }
.mm-spn a:hover { color: #fff; }
.mm-spn.mm-spn--main {}
.mm-spn.mm-spn--navbar.mm-spn--main ul { top:0; }
.mm-spn.mm-spn--navbar.mm-spn--main ul:before,
.mm-spn.mm-spn--navbar.mm-spn--main ul:after { content: none; display: block; }
.mm-spn.mm-spn--navbar:before { border-color: #0038c3; opacity: 1; z-index: 10; }
.mm-spn.mm-spn--navbar:after { background: #fff; opacity: 1; font-weight: 700; color: #0038c3; text-align: left;}
.mm-spn.mm-spn--navbar.mm-spn--main:after { content: none; display: none; }
.mm-spn.mm-spn--navbar { background: #0038c3; color: #fff; }
.mm-spn.mm-spn--navbar ul li.info {  }
.mm-spn.mm-spn--navbar ul li.info:before,
.mm-spn.mm-spn--navbar ul li.info:after { contain: none; display: none; }
.mm-spn.mm-spn--navbar ul li.info>span a { padding: 0; width: auto; }
.mm-spn.mm-spn--navbar ul li.info>span a:after { display: none; }
.mm-spn.mm-spn--navbar ul li.info .logo { }
.mm-spn.mm-spn--navbar ul li.info .logo img { max-width: 200px; }
.mm-spn.mm-spn--navbar ul li.info>a { padding: 0; }
.mm-spn.mm-spn--navbar ul li.info>span span { padding: 0; }
.mm-spn.mm-spn--navbar ul li.info>span .address a { display: inline-block; }
.mm-spn.mm-spn--navbar ul li.info>span .lang-box { margin-bottom: 15px; display: flex; }
.mm-spn.mm-spn--navbar ul li.info>span .lang-box>a { text-align: center; font-size: 9px; padding: 0 5px; }
.mm-spn.mm-spn--navbar ul li.info>span .lang-box>a img { display: block; margin: 0 auto 5px auto; }
.mm-spn.mm-spn--navbar ul li.info>span .social-box { margin-bottom: 10px; }
.mm-spn.mm-spn--navbar ul li.info>span .social-box a { font-size: 20px; display: inline-block; margin-right: 10px; }
/*.mm-spn.mm-spn--navbar ul li.info.bottom { position: absolute; left: 0; bottom: 0; }*/
.mm-spn.mm-spn--navbar ul li.info.bottom { position: static; left: 0; bottom: 0; }
.mm-spn.mm-spn--navbar ul li.info.bottom a,
.mm-spn.mm-spn--navbar ul li.info.bottom span { font-size: 12px; line-height: 14px; font-weight: 400; }

.mobilebtn { }
.mburger { color: #fff; }
.mburger:hover { color: #fff; }

.mm-ocd-opened .mburger--squeeze b:nth-of-type(1) {
    transition-delay: calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .1s)
}
.mm-ocd-opened .mburger--squeeze b:nth-of-type(2) {
    transition-delay: calc(var(--mb-cross-timeout) + 0s)
}
.mm-ocd-opened .mburger--squeeze b:nth-of-type(3) {
    transition-delay: calc(var(--mb-cross-timeout) + 0s),calc(var(--mb-cross-timeout) + .1s)
}
.mm-ocd-opened .mburger b:nth-of-type(1) {
    bottom: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(45deg)
}
.mm-ocd-opened .mburger b:nth-of-type(2) {
    opacity: 0
}
.mm-ocd-opened .mburger b:nth-of-type(3) {
    top: calc(50% - (var(--mb-bar-height)/ 2));
    transform: rotate(-45deg)
}

.main-content { }

.pager-container { text-align: center; }
.pagination { }
.pagination>li { }
.pagination>li>a,.pagination>li>span {  }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {  }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {  }
.pagination>li:first-child > a, .pagination > li:last-child > a { }

body.index { background: url(../images/bg-w.jpg) 50% 0 repeat scroll #fff; }
body.index .headerimage { padding-top: 138px; }

.todo { position: fixed; z-index: 9999; top: 10%; left: 0; background: #a94442; border-radius: 0 15px 15px 0; padding: 10px 40px 10px 10px; font-size: 14px; color: #fff;
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    transform: translateX(-90%);
}
.todo ul { margin: 0; padding: 0; list-style: none }
.todo ul li { position: relative; }
.todo ul li:before { content: '#'; margin-right: 5px; }
.todo ul li ul { padding-left: 15px; }
.todo ul ul li:before{ content: '\000BB' }
.todo ul ul ul li:before{ content: '+' }
.todo:hover { transform: translateX(0) }

.error404 { background: #0038c3; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; }
.error404 h1 { margin: 0 0 30px 0; text-transform: uppercase; font-size: 52px; font-weight: 700; color: #0038c3; }
.error404 h2 { margin: 0 0 60px 0; font-size: 28px; font-weight: 700; color: #000; }
.error404 .error-box { text-align: center; padding: 60px; background: #fff; }

.szechenyi { position: fixed; bottom: 0; right: 0; z-index: 1030; display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end;
    padding-top: 10px;
}
.szechenyi img { display: block;
    image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0);
}
.szechenyi a { display: inline-block; vertical-align: bottom; }
.szechenyi .sz-plus img { width: 530px; }
.szechenyi .sz-2020 img { width: 280px; }
.szechenyi .close { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 0; padding: 0; outline: 0 none; border-radius: 100vw;
    background-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.3); color: #000;
    position: absolute; top: -40px; right: 10px;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.szechenyi .close svg { width: 20px; }
.szechenyi .close:hover { background-color: #0038c3; color: #fff; }

/*xs */
@media (max-width: 767px) {

    .shadow-lg { box-shadow: 5px 15px 30px 0 rgba(0, 0, 0, 0.4); }

    .text-widget { padding: 30px 0; }
    .text-widget .content-text { font-size: 14px; }

    /*.text-widget.text-page { padding-top: 30px; }*/
    .text-widget .inner { flex-direction: column; }
    .text-widget .inner .col { width: 100%; }
    .text-widget.text-page .inner .col { width: 100%; }
    .text-widget .inner .col.image { justify-content: center; padding-top: 0; padding-bottom: 60px; text-align: center; }
    .text-widget .inner .col.image .content-text { text-align: left; }
    .text-widget .inner .col.image .main-title { text-align: left; }

    body.index .headerimage { padding-top: 90px; }

    .gallery .gallery-widget { margin-top: 15px; }
    .gallery .list-wrapper {}
    .gallery .list-wrapper .item { flex: 0 1 33%; }
    .gallery .gallery-widget .list-wrapper .item {flex: 0 1 33%;}
    .gallery.image .inner { margin-bottom: 30px; }

    .services .service-list .bg { width: 100%; height: 310px; margin-top: 10px; }
    .services .service-list { margin-bottom: 40px; }
    .services .list-wrapper { grid-gap: 5px; grid-template-columns: repeat(3, 1fr); }
    .services .list-wrapper .item { padding: 5px; }
    .services .list-wrapper .item .pic { width: 60px; height: 60px; }
    .services .list-wrapper .item .pic svg { width: 45px; height: 25px; }
    .services .list-wrapper .item .title { font-size: 10px; }

    .services .content-text ul { padding-left: 20px; }

    .main-title { font-size: 18px; margin-bottom: 25px; }
    .main-title span { font-size: 14px; }

    .btn { font-size: 14px; }

    header .inner { padding: 10px 0; }

    .headerimage { padding-top: 100px; background-image: url(../images/bg-header-xs.jpg); }
    .headerimage h1.title { font-size: 11px; }

    body.index .headerimage { padding-top: 88px; }

    .promobox { transform: translateY(60px); margin-top: -60px; }
    .promobox .item { padding-top: 40px; }
    .promobox .item .bg { top: 100px; left: -10px; bottom: -10px; right: 120px }
    .promobox .item .inner { position: relative; justify-content: space-between; padding-bottom: 15px; }
    .promobox .item .inner .text { width: 100%; padding: 15px 5px 25px 15px; }
    .promobox .item .inner .text .content-text { flex-direction: column; }
    .promobox .item .inner .image { position: relative; margin-top: -10px; margin-right: 10px; height: 180px; }
    .promobox .item .inner .image img { position: absolute; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }
    .promobox .item .inner .text .title { font-size: 22px; margin-bottom: 5px; }
    .promobox .item .inner .text .price-box { width: auto; padding-right: 10px; order: 2; }
    .promobox .item .inner .text .price { font-size: 16px; margin-bottom: 10px; }
    .promobox .item .inner .text .price span { display: inline-block; font-size: 32px; }
    .promobox .item .inner .text .btn-holder { }
    .promobox .item .inner .text .col.desc { width: auto; font-size: 11px; order: 1; margin-bottom: 0; }

    .text-widget.services-block { padding-bottom: 0; }
    .text-widget.services-block-3 { padding-bottom: 0; }
    /**/
    .services-block .inner .col { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; }
    .services-block .inner .col {background: #f2f2f2; padding: 15px 15px; }
    .services-block .item { position: relative; padding: 0 15px 50px 0; }
    .services-block .item .pic { display: inline-block; }
    .services-block .item .pic img {  }
    .services-block .item .title { font-size: 16px; transform: translateX(20px); }
    .services-block .item .desc { font-size: 12px; padding-right: 5px; }
    .services-block .item .btn { position: absolute; bottom: 0; left: 0;  }
    .services-block .item:hover .pic:after { top: 65px; right: -20px; bottom: -20px; left: 15px; }
    /**/
    .services-block-3 .list-wrapper { flex-wrap: wrap; margin: 0 -15px; }
    .services-block-3 .list-wrapper .col { flex: 0 1 390px; max-width: 390px; margin: 0 auto; padding: 0 15px; }
    .services-block-3 .item { display: flex; flex-direction: column; height: inherit; color: #000; margin-bottom: 30px; }
    .services-block-3 .item .main-title { font-size: 18px; }
    .services-block-3 .item .desc { font-size: 14px; }

    .contact-block .inner { flex-direction: column; }
    .contact-block .inner .col { width: 100%; }
    .contact-block .inner .col.left { padding: 0 15px 60px 15px;}
    .contact-block .inner .col.right { padding-left: 15px; }
    .contact-block .inner>.bg { margin-top: -40px; width: 100%; height: 400px; }

    .contact-block { padding: 60px 0 60px 0; }
    .contact-block .item .bg { background-size: 80px; }
    .contact-block .item .icon { width: 50px; height: 50px; }
    .contact-block .item .icon svg { width: auto; height: 20px; }
    .contact-block .item .title { font-size: 22px; }
    .contact-block .item .price { font-size: 22px; }
    .contact-block .item .price span { font-size: 42px; }
    .contact-block .item .top,
    .contact-block .item .bottom { padding: 10px 60px 10px 15px; }
    .contact-block .item .bottom { font-size: 14px; }
    .contact-block .item .offer { font-size: 11px; }

    .contact-block--special { padding: 15px 0; }

    .contact-block .list-wrapper { margin-top: 0; margin-right: -7px; margin-left: -7px; }
    .contact-block .list-wrapper .box { padding: 0 7px; }
    .contact-block .list-wrapper .box a { padding: 10px 5px; }
    .contact-block .list-wrapper .box a .icon { width: 90px; height: 90px; }
    .contact-block .list-wrapper .box a .icon svg { width: 30px; height: 30px; }
    .contact-block .list-wrapper .box a .title { font-size: 14px; }
    .contact-block .list-wrapper .box a .title span { font-size: 11px; }

    .contact-widget { background: #fff; padding: 30px 0; }
    .contact-widget .wrap { display: none; }
    .contact-widget .inner .col { transform: translateY(0); }
    .contact-widget:after { content: none; display: none; position: static; top: auto; left: auto; width: 100%; height: 50vh; background: url(../images/bg-contact-map.jpg) 100% 50% no-repeat scroll #0038c3; background-size: cover; box-shadow: none; }
    .contact-widget .inner { margin-top: 0; }
    .contact-widget .inner .col { width: 100%; padding: 0 15px 30px 15px; }
    .contact-widget form { padding: 0; }

    .contact-widget .col-link { display: none!important; }
    .contact-widget .mobile-map.col-link { display: block!important; height: 50vh; background: url(../images/bg-contact-map.jpg) 100% 50% no-repeat scroll #0038c3; background-size: cover; }


    .contact-form-wrap { padding: 15px; overflow: hidden; }

    .map-widget .g-map { height: 300px; }

    .page-contact .contact-widget { padding-bottom: 0; }
    .page-contact .contact-widget .wrap { display: block; position: static; }
    .page-contact .contact-widget .wrap .col.left { display: none; }
    .page-contact .contact-widget .wrap .col.right { width: 100%; }
    .page-contact .contact-widget .g-map iframe { position: static; width: 100%; height: 50vh; display: block; }
    .page-contact .contact-widget:after { display: none; }

    footer .inner { flex-direction: column; padding: 0 0; }
    footer .inner .col { width: 100%; }
    footer .inner .col.logo { width: 100%; }
    footer .inner .col.logo a img { width: 130px; margin: 0 auto; }
    footer .inner .col.wrap { padding-top: 15px; text-align: center; }
    footer .inner .col.wrap .top { flex-direction: column; margin: 0; font-size: 13px; }
    footer .inner .col.wrap .top .block { padding: 15px 0; }
    footer .inner .col.wrap .top .block.social-box { margin-left: 0; align-self: auto; display: block; }
    footer .inner .col.wrap .top .block.social-box a { margin: 0 10px; }
    footer .inner .col.wrap .bottom { margin-top: 0; padding: 10px 0 15px 0; flex-direction: column; font-size: 11px; }
    footer .inner .col.wrap .bottom .copyright { margin-bottom: 5px; }

    .error404 h1 { font-size: 42px; }
    .error404 h2 { font-size: 22px; }
    .error404 .error-box { padding: 60px 30px; }

}
@media (max-width: 580px) {
    .text-page .col.image .pic { max-width: 75%; }
    .text-page .col.image .pic img { max-width: 100%; }
    .gallery .gallery-widget .list-wrapper .item { flex: 0 1 50%; }
    .gallery .list-wrapper .item { flex: 0 1 50%; }
}
@media (max-width: 370px) {
    header .inner .logo { width: 200px; }
    .headerimage h1.title { font-size: 12px; }
    .headerimage h1.title span { font-size: 2em; }
}

/* sm */
@media (min-width: 768px) {
    .headerimage { background-image: url(../images/bg-header.jpg); }
    footer .bottom .report { width: 10%; flex: 0 0 100%; }
}

/* only sm */
@media (min-width: 768px) and (max-width: 991px) {
    .text-widget { padding: 30px 0; }
    .text-page .col.image .pic img { max-width: 100% }

    .gallery .gallery-widget { margin-top: -30px; }

    .main-title { font-size: 28px; margin-bottom: 30px; }
    .main-title span { font-size: 18px; }

    .btn { font-size: 20px; }

    header .inner { padding: 20px 0; }

    .headerimage { padding-top: 120px; }
    .headerimage h1.title { font-size: 18px; }

    body.index .headerimage { padding-top: 108px; }

    .promobox .item { padding-top: 40px; }
    .promobox .item .bg { top: 100px; left: -15px; bottom: -15px; }
    .promobox .item .inner { justify-content: space-between; padding-bottom: 15px; }
    .promobox .item .inner .text { width: 60%; padding: 15px 5px 35px 15px; }
    .promobox .item .inner .image { width: 40%; margin-right: 20px; margin-top: -40px; }
    .promobox .item .inner .text .title { font-size: 36px; margin-bottom: 5px; }
    .promobox .item .inner .text .price-box { padding-right: 5px; }
    .promobox .item .inner .text .price { font-size: 34px; }
    .promobox .item .inner .text .price span { font-size: 60px; }
    .promobox .item .inner .text .col.desc { font-size: 16px; }

    .services .list-wrapper { grid-template-columns: repeat(3, 1fr); }
    .services .list-wrapper .item .title { font-size: 10px; }
    .services .service-list .bg { height: 420px; width: 50%; }
    .services .content-text ul { padding-left: 20px; }
    .services .content-text ul li {}

    .services-block .item { position: relative; padding: 0 15px 50px 0; }
    .services-block .item .title { font-size: 16px; transform: translateX(20px); }
    .services-block .item .desc { font-size: 14px; padding-right: 5px; }
    .services-block .item .btn { position: absolute; bottom: 0; left: 0;  }

    .gallery .list-wrapper .item { flex: 0 1 33%; }
    .gallery.image .inner { margin-bottom: 30px; }

    .contact-block .inner>.bg { margin-top: -60px; height: 410px; }
    .contact-block .inner .col.left { padding-left: 0; }
    .contact-block .item .bg { background-size: 80px; }
    .contact-block .item .icon { width: 50px; height: 50px; }
    .contact-block .item .icon svg { width: auto; height: 20px; }
    .contact-block .item .title { font-size: 22px; }
    .contact-block .item .price { font-size: 22px; }
    .contact-block .item .price span { font-size: 42px; }
    .contact-block .item .top,
    .contact-block .item .bottom { padding: 10px 60px 10px 15px; }
    .contact-block .item .bottom { font-size: 14px; }
    .contact-block .item .offer { font-size: 11px; }

    .contact-block .list-wrapper { margin-top: 0; margin-left: -7px; margin-right: -7px; }
    .contact-block .list-wrapper .box { padding: 0 7px; }
    .contact-block .list-wrapper .box a { padding: 10px 5px; }
    .contact-block .list-wrapper .box a .icon { width: 90px; height: 90px; }
    .contact-block .list-wrapper .box a .icon svg { width: 32px; height: 32px; }
    .contact-block .list-wrapper .box a .title { font-size: 16px; }
    .contact-block .list-wrapper .box a .title span { font-size: 14px; }

    .contact-widget .inner .col { padding: 15px 15px 15px 15px; }

    footer .inner .col.wrap .bottom { flex-wrap: wrap; }
    footer .inner .col.wrap .bottom>div { flex: 1 1 100%; }
    footer .inner .col.wrap .bottom .copyright { margin-bottom: 5px; }
    footer .inner .col.wrap .bottom .createdby {  }

    footer .inner .col.wrap .top .block.iso { margin: 30px 0; }

}

/* xs & sm */
@media (max-width: 991px) {
    header,
    header .inner,
    header .inner .logo {
        -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    }
    header { display: block; position: fixed; top: 0; left: 0; right: 0; z-index: 101; background: transparent; }
    header.fixed { background: #0038c3; }
    header.fixed .inner { padding: 5px 0; }
    header.fixed .inner .logo { width: 120px; }
    header.fixed .inner { --mb-button-size: 40px; --mb-bar-width: 0.8; }

    .navbar .lang-box.dropdown { display: none!important; }

    .text-page .col.image .pic:after {
        transform: translate(15px,15px);
    }

    .gallery .list-wrapper .item .pic .title { opacity: 1; filter: alpha(opacity=100); font-size: 12px; }

    footer .inner .col.wrap .top { flex-wrap: wrap; }
    footer .inner .col.wrap .top .block.iso { flex: 0 0 100%; width: 100%; display: inline-flex; justify-content: center; }
    footer .inner .col.wrap .top .block.social-box { flex: 0 0 100%; width: 100%; justify-content: center; }

    .szechenyi .sz-plus img { width: 280px; }
    .szechenyi .sz-2020 img { width: 160px; }
}

/* xs & sm & md*/
@media (max-width: 1199px) {

}

/* md */
@media (min-width: 992px) {

}

/*only md */
@media (min-width: 992px) and (max-width: 1199px) {

    header .inner { padding: 30px 0 10px 0; }
    header .inner .logo { width: 220px; }

    .navbar .navbar-nav>li+li { margin-left: 3px; }
    .navbar .navbar-nav>li>a { font-size: 16px; padding: 10px 10px; }

    .headerimage h1.title { font-size: 22px; }

    .promobox .item .bg { top: 180px; left: -30px; }
    .promobox .item .inner { justify-content: space-between; padding-bottom: 35px; }
    .promobox .item .inner .text { width: 60%; padding: 25px 10px 35px 25px; }
    .promobox .item .inner .image { width: 40%; margin-right: 20px; }
    .promobox .item .inner .text .title { font-size: 46px; margin-bottom: 10px; }
    .promobox .item .inner .text .price { font-size: 44px; }
    .promobox .item .inner .text .price span { font-size: 88px; }
    .promobox .item .inner .text .col.desc { font-size: 18px; }

    .services-block .item {}
    .services-block .item .title { font-size: 20px; }
    .services-block .item .desc { font-size: 15px; padding-right: 15px; }

    .contact-block .inner>.bg { margin-top: -70px; }
    .contact-block .inner .col.left { padding-left: 0; }
    .contact-block .item .icon { width: 70px; height: 70px; }
    .contact-block .item .icon svg { width: 24px; height: 30px; }
    .contact-block .item .title { font-size: 26px; }
    .contact-block .item .top,
    .contact-block .item .bottom { padding-right: 85px; }
    .contact-block .item .bottom { font-size: 18px; }
    .contact-block .item .offer { font-size: 15px; }

    .contact-block .list-wrapper { margin-top: 40px; }
    .contact-block .list-wrapper .box a .title { font-size: 18px; }
    .contact-block .list-wrapper .box a .title span { font-size: 16px; }

}

/* lg */
@media (min-width: 1200px) {

}

/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }

.gallery.member .list-wrapper .item::after {
    display: none;
}
.gallery.member .list-wrapper .item .pic img {
    max-height: 227px;
    margin: 0 auto;
}
.gallery.member .list-wrapper .item {
    margin-bottom: 15px;
}

.a_date {
    font-style: italic;
}

.contact_bottom_info {
    font-style: italic;
}