html {  }
body {
  	line-height: 1.428571429;
  	color: #333333;
  	background-color: #fff;
	font-family: "WhitneyBook";
	font-size: .9em;


	/* background: url("../images/bg6.jpg"); */
	

	

	background-attachment: fixed;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: center 50px;
	position:relative;

/*
	background-image:url("../images/bg6.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size: cover;
	background-origin: initial;
	background-clip: initial;
*/

}

#stars {
	background: url("../images/stars.png");
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-position: center 100px;
	width: 100%;
	min-height: 1800px;
	border: 0px solid red;
	position: fixed;
	z-index: 0;
}


.s1 {
	width: 215px;
	height: 118px;
	background: url("../images/shooting-star-1.png");
	z-index: 0;
	border: 0px solid red;
	position: fixed;
	top: 500px;
	right: -100px;	 
}


.s2 {
	width: 301px;
	height: 168px;
	background: url("../images/shooting-star-2.png");
	z-index: 0;
	border: 0px solid red;
	position: fixed;
	top: 550px;
	right: -50px;	 
}


.s3 {
	width: 246px;
	height: 136px;
	background: url("../images/shooting-star-3.png");
	z-index: 0;
	border: 0px solid red;
	position: fixed;
	top: 570px;
	right: -100px;	 
}





.clr { clear: both; line-height: 0; height: 0; }


.logo {
	float: left;
	margin-top: 7px;
}

.logo img {
	max-width: 100px;
	height: auto;
}

.logo-small img {
	width: 95%;



/*
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;  
	-o-transition: all .2s ease;  
	transition: all .2s ease; 
*/

  	-webkit-animation: turn 2s infinite;
  	animation: turn 2s infinite;
        -webkit-transform: rotateY(360deg);
}


@-webkit-keyframes turn {
  to {
    -webkit-transform: rotateY(360deg);
  }
}
@keyframes turn {
  to {
    transform: rotateY(360deg);
  }
}


.navbar-collapse { max-width: 100%; float: left; margin: 0 !important; padding: 0 !important; text-align: center; border: 0px solid green; }
.navbar-collapse ul.nav { display: block; width: 100%; float: left; border: 0px solid red; }
.navbar-collapse ul.nav li { }



button.navbar-toggle { float: right; position: absolute; right: 0; }

/******* languages ********/
h2.block-title { font-size: 1.4em; text-transform: uppercase; padding: 20px 0; }
.block h2.block-title { font-size: .9em; text-transform: none; padding: 0px 0; }


.languages { float: right; margin-top: 20px; }
.lang { 
	border: 1px solid #0198dd;
	color: #ff930b;
	padding: 3px 5px 7px 4px;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 22px;
	margin-right: 1px;
	border-radius: 15px;
	font-size: .7em;

	display: inline-block;
	text-transform: uppercase;
}
.lang a { color: #a4a5bc; display: block; }
.lang:hover {
	background: #0198dd;
}
.lang:hover a { color: #fff; }

#languages { margin: -14px 0 0 0 ; }

.lang-active.lang { background: #0198dd; }
.lang-active.lang a { color: #fff; }



.searchbar {
/*
	border-bottom: 3px solid #ff930b;
	border-left: 3px solid #ff930b;
	border-right: 3px solid #ff930b;

	border-bottom-right-radius: 10px; 	
	border-bottom-left-radius: 10px;

	margin-top: 21px !important;
*/
}

.search {
	margin: 20px 20px 0 0 !important;
	border: 0px solid blue;
	max-width: 100%;
	float: right;	
}

.input-group-btn {
	float: left;
}

.search input.form-text {
	width: 190px !important;	
	border-top-left-radius: 20px; 	
	border-bottom-left-radius: 20px;

	border: 1px solid #a4a5bc;
	color: #a4a5bc !important;


	-webkit-box-shadow: none !Important;
  	box-shadow: none !Important;
  	-moz-box-shadow: none !Important;

	font-family: "WhitneyBook";

	float: left;

}

.search button.btn {
	border-top-right-radius: 20px; 	
	border-bottom-right-radius: 20px;

	height: 34px;
	border: 1px solid #a4a5bc;
	border-left: 0;

	float: left;
}


.search .icon {
	margin-top: 3px;
	color: #a4a5bc;
		
}












/******** news *********/
.news-block { 
	padding: 20px 0 30px 0; 
	border-bottom: 0px solid #fff;
	border-top: 3px solid #fff;
background: #0198dd

}

.news-block h2 { color: #fff; }
.news-block .views-row  {
	width: 31%;
	margin: 1%;
	color: #fff;
	float: left;
}


.news-block .views-row  a {
	color: #fff;
	text-decoration: none;
}

.news-block .views-row  a:hover {
	text-decoration: none;
	color: #dce7ee;
}


i.fa {
	border: 1px solid #fff;
	color: #fff;
	padding: 5px;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	border-radius: 15px;
}




/***** download ********/

.wrapper.download {
  	background-color: #fff;
}


.download-block .block {
  	float: left;
  	width: 50%;
	margin-right: 2%;
  	padding-top: 60px;
  	padding-bottom: 30px;
}


.download-block .block-title { font-size: 1.2em !important; }
.download-block .content { font-size: .8em !important; }

.download-block h2 {
  font-size: 19px;
  line-height: 24px;
  margin: 0;
  color: #0f1134;
}


.download-block .content p {
  	font-size: 21px;
  	color: #0c0e80;
  	font-weight: 300;
}
.download-block .content a {
  	font-size: 14px;
  	text-transform: uppercase;
  	color: #2b2eb0;
  	font-weight: 700;
}

.download-block .content a:hover,
.download-block .content a:focus {
  	color: #0c0e80;
}
.download-block {
  padding-right: 10px;
  padding-left: 10px;
}
.download-block {
  padding-left: 30px;
}
.download-block h2 {
/*
  float: left;
  width: 36%;
*/
}


.bg-silver {
	/* background: url(../images/bg-silver.jpg); */
	background: url(../images/bg-footer-2.jpg) !important;
 	opacity: 0.6; 
    	filter: alpha(Opacity=80);
}

.bg-silver h2.block-title {
	color: #e1e1e6;
}


.bg-silver i.fa {
	font-size: 1.5em;
	float: left;
	color: #fff;
	border-color: #fff;
	padding: 4px 6px 6px 4px;
}

.block-news i.fa {
	color: #fff;
	border-color: #fff;
}

.block-news .date-display-single { margin-bottom: 10px; display: inline-block; }


.bg-silver a {
	display: inline-block;
	float: left;
	margin: 3px 0 0 5px;
	color: #fff !important;
	text-decoration: underline;
	font-size: .9em;
}

.bg-silver .block h2.block-title { margin-bottom: 10px; }


/********** CONTACTS **********/

.wrapper.footerup {
  	/* background: url(../images/bg_kontakt.jpg) repeat 0 0; */
	background: #0198dd;
}

.wrapper.footerup .map {
  	float: right;
  	width: 55%;	
  	padding: 40px 0 30px 0;
}

.wrapper.footerup .contacts {
  	float: left;
  	width: 40%;
  	margin-right: 5%;
  	padding: 40px 0 30px 0;
  	min-height: 160px;
  	color: #fff;
}

.wrapper.footerup .contacts .column {
	float: left;
	width: 98%;
	padding: 0 0 0 2%;
	font-size: .9em;
	border: 0px solid red;
}


.wrapper.footerup .contacts td { padding-right: 20px; }



.wrapper.footerup .block h2 {
  	font-size: 21px;
  	line-height: 26px;
  	/* text-transform: uppercase; */
  	margin: 0;
  	padding-bottom: 15px;
	margin-bottom: 20px;	
  	border-bottom: 1px solid #46486f;
  	color: #fff;
  	font-weight: normal;
}

.footerup i { margin-top: 3px; }

.wrapper.footerup .block .content a {
  font-size: 14px;
  color: #fff;
}

.wrapper.footerup .block .content a:hover,
.wrapper.footerup .block .content a:focus {
  color: #fff;
}


/********* footerdown ******/
.footerdown { color: #7e92ae; background: #fff; padding: 20px 0; }
.footerdown .f { float: left; width: 65%; }
.footerdown .f-copy { float: right; width: 25%; }




/****** pages *******/
.wrapper-pages { 
	padding-top: 80px !Important;
}
.wrapper.breadcrumbs {
	/* background: url(../images/bg-silver.jpg); */
	padding: 15px 0 5px 5%;
	color: #fff;

	background: #acacac !important;
 	opacity: 0.6; 
    	filter: alpha(Opacity=60);

	text-transform: uppercase;
}


.wrapper.breadcrumbs .container {
  	padding: 0;
}

.wrapper.breadcrumbs .container .breadcrumb {
  	margin: 0;
  	padding: 10px 0;
  	background-color: transparent;
}

.wrapper.breadcrumbs .container .breadcrumb .breadcrumb-title {
  	color: #fff;
	text-decoration: underline;
}

.wrapper.breadcrumbs .container .breadcrumb a {
  	color: #fff;
  	text-decoration: underline;
}

.wrapper.breadcrumbs .container .breadcrumb a:hover {
  	text-decoration: none;
}


/***** leftcolumn *********/
.r-submenu ul.menu li a {
  float: left;
  clear: left;
  width: 100%;
  padding: 13px 0 13px 10px;
  color: #2a2c92;
	border-bottom: 1px solid #acacac;
}
.r-submenu ul.menu li a:hover,
.r-submenu ul.menu li a:focus,
.r-submenu ul.menu li a.active-trail {
  color: #008bcb;
  background-color: transparent;
}






/********** pagination *********/
.pagination {
	width: 100%;
}

.pagination ul.pagination-list { list-style: none; margin-top: 5px; }
.pagination .icon-first { display: none !important; }
.pagination ul li { 
	float: left; 
	padding: 3px;
	margin: 0;
	width: 35px;
}

.pagination ul li a { 
	background: #ff930b;
	display: block; 
	text-decoration: none;
	color: #fff;
	border-radius: 15px;
	width: 30px;
	height: 34px;
	text-align: center;
	line-height: 20px;
}

.pagination ul li.active a {
	background: #c6c6c6;
}
.pagination ul li.active {
	background: none !important;
}

                                                                                                                                                     
.pagination li.disabled,
.pagination .icon-last,
.pagination .icon-next,
.pagination .icon-previous,
.pagination .icon-first
 { display: none; }

/********* для блоків закриття-відкриття representative dadbe8 dcdce4 *********/
.represent-block {
  width: 100%;
  cursor: pointer;
}

.represent-block .r-inner { 
	display: none; 
	padding: 0 0 0 3%;
}



.represent-block .r-title {
  background: #ebecf3;
  padding: 1% 0 1% 3%;
  margin: 0 0 1px 0;
}

.represent-block .r-title span {
  margin: 0 10px 0 0;
  border: 0px solid red;
  display: inline-block;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 50px;
  height: 25px;
}

@media (max-width: 768px) {  .represent-block .r-title span {    width: 30px;    height: 18px;    margin: 3px 10px 0 0;  }}
@media (max-width: 420px) {  .represent-block .r-title span {    width: 25px;    height: 15px;    margin: 3px 10px 0 0;  }}

.represent-block .r-title.active {  background: #dadbe8;  color: #1529a1;}
.represent-block .r-title .ua {  background-image: url(../images/flags/ua-flag.png);}
.represent-block .r-title .ru {  background-image: url(../images/flags/ru-flag.png);}
.represent-block .r-title .kz {  background-image: url(../images/flags/kz-flag.png);}
.represent-block .r-title .md {  background-image: url(../images/flags/md-flag.png);}
.represent-block .r-title .by {  background-image: url(../images/flags/by-flag.png);}
.represent-block .r-title .eu {  background-image: url(../images/flags/eu-flag.png);}


/***** #leftcol *********/
#leftcol h2.block-title{ font-weight: normal; color: #152992; border-bottom: 1px solid #eee; padding: 0 0 8px 2%; margin-bottom: 20px; font-size: 1.2em; }
#leftcol .products-block { margin: 20px 0 0 25px; width: 100%; max-width: 225px; }
#leftcol .products-block .newsListItem { text-align: center; width: 100%; margin-bottom: 30px; }
#leftcol .products-block .newsListItem .newsListItemPhoto { min-height: 100px; height: auto !important; max-height: auto !important; margin: 0; padding: 0; width: 100%; border: 0px solid red; } 
#leftcol .products-block .newsListItem .newsListItemPhoto img { border: 0px solid blue; }
#leftcol .products-block .newsListItem .newsListItemTitle { 
	vertical-align: middle; 
	position: relative; 
	z-index: 5; 
	margin-top: -30px; 
	background: #eee; 
	padding: 5px 3px; 

	opacity: 0.6;
    	filter: alpha(Opacity=60);
}
#leftcol .products-block .newsListItem .newsListItemTitle a { color: #0c0e80; }

#leftcol i.fa {
	border: 1px solid #ff930b;
	background: #ff930b;
	color: #fff;
	padding: 5px;
	width: 28px;
	height: 28px;
	line-height: 16px;
	text-align: center;
	margin-right: 5px;
	border-radius: 15px;
	float: left;
	margin: 0 10px 0 0;
	
}


/******** search *********/
.content-pages .search { 
	border: 0px solid red !important; 
	width: 100% !important;
	max-width: 100% !important;
	float: none;
}

.content-pages .search input.inputbox { 
	width: 100% !important;
	max-width: 100% !important;
	border: 1px solid silver;
	padding: 7px 0 7px 10px !Important;
	float: left;
	margin-top: 20px;	
}

.content-pages .btn-group { border: 0px solid red; float: left; width: 45%; }
.content-pages button { border: 0px solid blue; float: left; margin: 20px 0 0 -5px !Important; }
.content-pages .btn-toolbar { border: 0px solid red; }


.download-icons { margin-top: 7px; }
.download-icons .product-field { float: left; margin: 0 5px; }











.filter-title { 
	border: 1px solid #808ba0;
	margin-top: 30px;
	padding: 9px 3px;
	background: #808ba0;
	color: #fff;
	max-width: 95%;
	border-radius: 5px;
}


a.cf_resetAll_link {
	display: block;
	margin: 5px auto 30px auto;
	border: 0px solid red !Important;
	text-align: center;
}


/****** contact-page ********/
.cont-item  {}
.col-45-one { width: 100%; max-width: 45%; margin: 30px auto; float: none; border: 0px solid red; }
.col-45 { width: 100%; max-width: 45%; margin: 30px 2.5%; float: left; border: 0px solid red; }
.cont-item  img { height: auto; width: 100%; }
.cont-item i {
	text-align: center;
	width: 28px;
	height: 28px;
	display: inline-block;
	font-size: 1.3em;
}

@media (max-width: 940px) { 
	.col-45-one { width: 100%; max-width: 400px; margin: 30px auto; float: none; border: 0px solid red; }
	.col-45 { width: 100%; max-width: 400px; margin: 30px auto; float: none; clear: both; border: 0px solid red; }
}


/******Facebook YouTube******/
.facebook-lable, .youtube-lable {
    width: 200px;
    height: 50px;
    position: absolute;
    right: 3%;
    z-index: 10;
}

.facebook-lable {
    margin-top: -6%; /* Відступ для Facebook */
}

.youtube-lable {
    margin-top: -3%; /* Відступ для YouTube */
}

/* При великих екранах (понад 940px) */
@media (max-width: 940px) {
    .facebook-lable {
        margin-top: -20%; /* Для мобільних коригуємо відступ */
    }

    .youtube-lable {
        margin-top: -15%; /* Для мобільних коригуємо відступ */
    }
}

/* При наведенні на лейбли, зникає підкреслення */
.facebook-lable a:hover, .youtube-lable a:hover {
    text-decoration: none;
}

/* Стиль для тексту в лейблі */
.facebook-lable strong, .youtube-lable strong {
    font-weight: normal;
    color: #fff;
    font-size: 1.1em;
    width: 100%; /* Розтягуємо текст на всю ширину блоку */
}

/* Іконка для Facebook */
.facebook-lable strong:before {
    font-size: 1.6em;
    display: block;
    content: '\f082' !important;
    font-family: "FontAwesome" !important;
    color: #3b5998;
    float: left;
    margin: -6px 5px 0 0;
    vertical-align: middle; /* Іконка по центру вертикально */
}


/* Іконка для YouTube */
.youtube-lable strong:before {
    font-size: 1.6em;
    display: block;
    content: '\f16a' !important;
    font-family: "FontAwesome" !important;
    color: red;
    float: left;
    margin: -6px 5px 0 0;
    vertical-align: middle; /* Іконка по центру вертикально */
}


/* Зміна кольору іконки при наведенні */
.facebook-lable a:hover strong:before, .youtube-lable a:hover strong:before {
    color: #fff;
}

/* Стиль для тексту під іконками */
.facebook-lable span, .youtube-lable span {
    display: block;
    color: #fff;
    font-size: .7em;
}

.facebook-lable span, .youtube-lable span {
    display: block;
    color: #fff;
    font-size: .7em;
    letter-spacing: 0.05em;  /* розтягування букв */
    word-spacing: 0.3em;     /* відстань між словами */
}


/* Стиль для тексту в залежності від мови */
.facebook-lable span.fb-ru-ru, .youtube-lable span.yt-ru-ru {
    font-size: .58em;
}

.facebook-lable span.fb-en-gb, .youtube-lable span.yt-en-gb {
    font-size: .74em;
}

@media (max-width: 1000px) {
    .col-left {
        float: none !Important;
        width: 100% !important;
    }

    .col-right {
        float: none !Important;
        width: 100% !important;
    }
}

/* Стиль для мобільних пристроїв (менше 768px) */
@media (max-width: 768px) {
    .facebook-lable, .youtube-lable {
        width: 100%;
        text-align: center;
        margin-bottom: 2px; 
        padding: 5px 0; 
        position: relative; /* замість static */
        height: auto;
        z-index: 100;       /* додай z-index */
    }

    .facebook-lable {
        margin-top: 2px; 
    }

    .youtube-lable {
        margin-top: 0;
    }

    .facebook-lable a, .youtube-lable a {
        display: block;
        font-size: 14px;
        pointer-events: auto; /* на всяк випадок */
    }

    .facebook-lable a strong, .youtube-lable a strong {
        font-size: 16px;
    }

    .facebook-lable strong:before, .youtube-lable strong:before {
        float: none;
        margin: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .facebook-lable strong, .youtube-lable strong {
        display: inline-block;
        vertical-align: middle;
    }

    .slider {
        height: 120px; 
    }
}


/* Стиль для кнопок на сторінці контактів */
.contacts .button a {
	border: 1px solid #e1e1e6;
	color: #fff !important;
	display: inline-block;
	padding: 5px 30px;
	margin: 20px 0 0 10px;
	
	border-radius: 15px;
}

.contacts a {
	color: #fff !important;
}

.contacts .button a:hover {
	background: #e1e1e6;
	color: #fff;
	text-decoration: none;
}


/* Стиль для попереднього/наступного в навігації на мовах */
.lang-pl-pl .l-prev, 
.lang-pl-pl .l-next,
.lang-en-gb .l-prev, 
.lang-en-gb .l-next { display: none; }



/******** filter *****/
ul.cf_filters_list  { border: 0px solid blue !important; text-align: center; display: block !important; }
.cf_filters_list li { border: 0px solid red; display: inline; }

.cf_wrapper
_inner.param {
	text-align: center;
	border: 0px solid red; 
	display: inline-block;
	width: 25%;
	float: left;
	margin: 5px 0;
}



/******** Fancybox custom styles ********/
body.custom-fancybox .fancybox-outer {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

/* ===== table ===== */
.responsive-table {
  width: 100%;
  overflow: auto;
  max-height: 500px;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}


.responsive-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto; 
}


.responsive-table thead th {
  position: sticky;
  top: 0;
  background-color: #333;
  color: white;
  font-weight: bold;
  padding: 20px 12px;
  border: 1px solid #ddd;
  text-align: center; 
  vertical-align: middle; 
  z-index: 2;
  white-space: nowrap; 
}


.responsive-table tbody td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  text-align: left;
  word-wrap: break-word; 
  white-space: normal; 
}

.responsive-table tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

.responsive-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.responsive-table tbody tr:hover {
  background-color: #eef2f6;
}

@media (min-width: 601px) {
  .responsive-table {
    overflow: visible;
    max-height: unset;
  }
}


@media (max-width: 600px) {
  .responsive-table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    max-height: 400px; 
  }

  .responsive-table table {
    width: auto;
    min-width: 600px; 
    table-layout: auto; 
    border-collapse: collapse;
  }

  .responsive-table th,
  .responsive-table td {
    white-space: pre-wrap; 
    word-break: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}