

/*
 * Website development, software engineer Kirichenko SP.
 * Started 20211007
 * @link https://metallist.lg.ua
 * @package WordPress
 * @subpackage Kaplari
 * @since kaplari Warlock 1.0
*/

/*KSP-Warlock доработка*/
.body-wrapper {position: relative;/*-webkit-transition: .5s;transition: .5s;right: 0;backface-visibility: hidden;*/}
.body-innerwrapper {overflow-x: hidden;position: relative;}

.fa, .fas, .fab {font-weight: 400 !important;}
section {position: relative;margin-bottom: 3%;}
section .container {position: relative;}
.section-title {font-size: 30px;font-weight: bold;text-align: center;/*text-transform: uppercase;*/color: #000;padding-bottom: 30px;}
.section-subtitle {font-size: 14px;/*font-weight: bold;*/text-align: center;/*text-transform: uppercase;*/color: #a1a1a1;padding-bottom: 30px;}


/* Remove border and padding in Firefox*/
* {outline: 0 !important;}
::-moz-focus-outer, ::-moz-focus-inner {border: 0;padding: 0;}

/*прижимаем "footer" к низу*/
/*article.post.type-post, */article.page.type-page {min-height: calc(100vh - 130px);}
/*Mozila Firefox*/
@-moz-document url-prefix() {
/*article.post.type-post, */article.page.type-page {min-height: calc(100vh - 130px);}
}

/*убираем рамку вокруг ссылок, кнопок белый фон*/
a:focus,a:active {outline: none;}
a:focus {outline:none!important;}

/*адрес, телефон, email*/
.address {}
.phone {}
.email {}

/*цвета и т.д.*/
.blue-dark {color: #141a3b;}/*темно синий*/
.blue-dark2 {color: #333a5f;}/*темно синий2*/
.blue-light {color: #bfc7ef;}/*светло синий*/
.white-blue {color: #f3f6f8;}/*светло2 синий*/

	/*background*/
.dark-gray-background {/*background-color: #4a4a4a;*/background-color: #303030;}
.blue-light-background {background-color: #bfc7ef;}/*светло синий*/


/*текст, заголовок*/
.title {font-size: 16px;font-weight: bold;}
.subtitle {color: #a1a1a1;}
.text {}

/*кнопки*/
.button-blue-dark {margin: 0 auto;text-align: center;}
.button-blue-dark a, button.button-blue-dark, .find-you-tour
{background-color: #333a5f;color: #fff;font-weight: bold;padding: 10px 20px;border: 2px solid #333a5f;border-radius: 10px;transition: 1s;font-size: 18px;}
.button-blue-dark a:hover, button.button-blue-dark:hover, .find-you-tour:hover
{border: 2px solid #fff;transition: 1s;}


/*кнопка "Наверх"*/
.scrollup
{height: 50px;width: 50px;opacity:0;font-size: 20px;/*padding:10px;*/line-height: 50px;text-align:center;background-color: rgba(230, 232, 234);font-weight:bold;color:#444;text-decoration:none;
position:fixed;bottom: 10%;border-radius: 50%;right:40px;transition:opacity 1s ease-in;z-index: 100;}
.scrollup.visible {opacity:1;}

/*подклоючаем шрифт "Roboto"*/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Light'), local('Roboto-Light'), url('/wp-content/themes/kaplari/fonts/Roboto.woff2') format('woff2'), url('/wp-content/themes/kaplari/fonts/Roboto.woff') format('woff'), url('/wp-content/themes/kaplari/fonts/Roboto.ttf') format('truetype');
  font-display: swap;
}
@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Light'), local('Roboto-Light'), url('/wp-content/themes/kaplari/fonts/Robotolight.woff2') format('woff2'), url('/wp-content/themes/kaplari/fonts/Robotolight.woff') format('woff'), url('/wp-content/themes/kaplari/fonts/Robotolight.ttf') format('truetype');
  font-display: swap;
}

/*поделиться в циальных сетях*/


/*Breadcrumbs (хлебные крошки)*/


/*блок "Header"*/
#header {margin: initial;padding: 10px 0;}
#header.header {background: #f1f1f1;}
	/*меню*/



/*блок "On-Line Бронирование"*/
#online-booking {/*height: 700px;*/margin: initial;padding: 10% 0 20%;}
#online-booking.online-booking {background: url(/images/online-booking/online-booking-background.jpg) no-repeat 50% 100%;
background-attachment: scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#online-booking.online-booking::before {content: "";background-color: rgba(0,0,0,.5);position: absolute;width: 100%;height: 100%;top: 0;}

#online-booking .section-subtitle {color: #fff;}



/*блок "Bottom"*/
#bottom {margin: initial;}
#bottom.bottom {}

/*блок Footer*/
#footer {margin: initial;}
#footer.footer {background-color: #f1f1f1;color: #000;line-height: 100px;}

#footer .left {text-align: left;}
#footer .center {text-align: center;}
#footer .right {text-align: right;}


/*закладки*/
.tabs {position: relative;min-height: 200px;clear: both;overflow: hidden;}
.tab {display: inline-block;}

.tab label {position: relative;width: 100%;padding: 10px;border: 1px solid #ccc;text-align: center;cursor: pointer;}
.tab [type=radio] {display: none;}
.tab .content {position: absolute;top: 53px;left: 0;background: white;right: 0;bottom: 0;padding: 20px;border: 1px solid #ccc;}
.tab .content > * {opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: translateX(-100%);
	-moz-transform:    translateX(-100%);
	-ms-transform:     translateX(-100%);
	-o-transform:      translateX(-100%);

	-webkit-transition: all 0.6s ease;
	-moz-transition:    all 0.6s ease;
	-ms-transition:     all 0.6s ease;
	-o-transition:      all 0.6s ease;
}
.tab [type=radio]:checked ~ label {background: white;border-bottom: 1px solid white;z-index: 2;}
.tab [type=radio]:checked ~ label ~ .content {z-index: 1;}
.tab [type=radio]:checked ~ label ~ .content > * {opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform:    translateX(0);
	-ms-transform:     translateX(0);
	-o-transform:      translateX(0);
}

/*анимация*/
	/*Анимация чисел*/





/*плагины*/
	/*"WooCommerce"*/

		/*оформление заказа*/
#checkout-bus {}
#checkout-bus.checkout-bus {}

.woocommerce-billing-fields span {display: block;width: 100%;}
.screen-reader-text {position: relative !important;width: 100%;margin: 0 0 5px;height: initial;clip: initial;clip-path: initial;}
.woocommerce form .form-row label {line-height: 1;}
.woocommerce-billing-fields input {border: 1px solid #a1a1a1;border-radius: 10px;padding: 10px;background-color: #f9f9f9;}






	/*"Contact Form 7"*/







/*KSP-Warlock доработка*/







/*KSP-Warlock доработка - адаптивка*/


@media screen and (min-width: 320px) and (max-width: 767px) {
/*блок "Header"*/

/*блок "Slide"*/

/*блок "Bottom"*/

/*блок "Footer"*/


/*плагины*/
	/*"WooCommerce"*/
	/*"Contact Form 7"*/
}

@media screen and (min-width: 320px) and (max-width: 439px) {
/*блок "Header"*/

/*блок "Slide"*/

/*блок "Bottom"*/

/*блок "Footer"*/


/*плагины*/
	/*"WooCommerce"*/
	/*"Contact Form 7"*/
}

@media screen and (min-width: 440px) and (max-width: 575px) {}

@media screen and (min-width: 576px) and (max-width: 767px) {}

@media screen and (min-width: 440px) and (max-width: 767px) {
/*блок "Header"*/
	/*меню*/

/*блок "Bottom"*/

/*блок "Footer"*/


/*плагины*/
	/*"Contact Form 7"*/
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
/*блок "Header"*/
	/*меню*/

/*блок "Bottom"*/

/*блок "Footer"*/


/*плагины*/
	/*"Contact Form 7"*/
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {

/*блок "Bottom"*/

/*блок "Footer"*/
}