/*стиль фля формы авторизации справа*/

.form {
	font-family: Arial, Helvetica, sans-serif;
	 font-size:7.8pt;
	 font-weight:normal;
	 color:#333;
}

/*стиль для ссылок*/
a {
	 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:normal;
	color:#008c99;
	 text-decoration:underline;
}

a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:normal;
	 color:#ff9000;
	 text-decoration:underline;
}
/*разметка товара для поисковика*/
.price {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:10pt;
	 font-weight:bold;
	 color: #008c99;
	 text-align: center;
	 text-decoration:none;
}

.name {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:10pt;
	 font-weight:bold;
	 color: #ff9000;
	 text-align: left;
	 text-decoration:none;
}


/*стиль для горизонтального меню*/
a.menu {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
	 color:#333;
	 text-decoration:none;
	 font-weight:bold;
}

a.menu:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
 color:#339C9C;
	 text-decoration:none;
	 font-weight:bold;
}

/*стиль для левого меню*/

a.left {
	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
color:#008c99;
	 text-decoration:none;
	 line-height:3;

}

a.left:active {
	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
	 color:#ff9000;
	 text-decoration:none;
	 line-height:3;


}


.h4 {
font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
color:#008c99;
	 text-decoration:none;
	 line-height:3;

}

a.h4 {
text-transform:uppercase;	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
	color:#008c99;
	 text-decoration:none;
	 line-height:3;
}

a.h4:hover {
text-transform:uppercase;	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
	 color:#ff9000;
	 text-decoration:none;
	 line-height:3;
}

a.h4:active {
text-transform:uppercase;	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
	 color:#ff9000;
	 text-decoration:none;
	 line-height:3;
}


a.h4:visited {
text-transform:uppercase;	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:bold;
	 color:#595959;
	 text-decoration:none;
	 line-height:3;
}

.h5 {
font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:normal;
color:#008c99;
	 text-decoration:none;
	 line-height:2;

}


a.h5:hover {
font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	 font-weight:normal;
	 color:#ff9000;
	 text-decoration:none;
	 line-height:2;
}

/*стиль основного текста*/
.text {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#333;
	
}

.text2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:7pt;
	color:#333;
}
h1 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#008c99;
	margin-bottom:5px;
}
h2 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#008c99;
	margin-bottom:5px;
} 
h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#008c99;
	margin-bottom:-4px;
} 

/*ссылки в на страницах каталога*/
a.kat {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:12pt;
	 font-weight:bold;
color:#008c99;
	text-decoration:none;	 font-weight:bold;
}

a.kat:hover {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:12pt;
	 font-weight:bold;
	 color:#ff9000;
	 ;
	 font-weight:bold;
}

/*ссылки на стр новостей*/

a.news{
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	font-weight:normal;
 color:#333;
	 text-decoration:none;

}

a.news:hover {
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	font-weight:normal;
 color:#333;
	 text-decoration:underline;
}

a.articles{
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
	font-weight:normal;
 color:#333;
	 text-decoration:none;

}

/*ссылки на стр статей*/
a.articles:hover {
	font-family: Arial, Helvetica, sans-serif;
	 font-size:8pt;
	font-weight:normal;
 color:#333;
	 text-decoration:underline;
}

/*стиль для текстовых форм*/
input {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

.disabled{
	background-color:#cccccc;
}

a.form:hover{
font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	 font-size:8pt;
		 color:#339C9C;
	 text-decoration:none;
}

/*стиль для счетчиков*/
.spy
{ font-size:6pt;
filter: alpha(Opacity=40)
}
.pics {position:absolute; visibility: hidden;}

.justify {margin-right:100px;TEXT-ALIGN: justify}

#container {
    min-width: 600px; /* Минимальная ширина контейнера */
   }
.diva{ position:relative;
margin-left:-10px;
}
.divtd 
{background-color:#ff9000;
line-height:120%;
TEXT-ALIGN: center;
border: 10px;
font-family: sans-serif, Helvetica, Geneva, Verdana, Arial,  ;
font-size:9pt;

padding-bottom: 3px;
color: #ffffff;  
text-decoration: none;  
border-radius: 6px 6px 6px 6px; 
-moz-border-radius: 6px 6px 6px 6px; 
-webkit-border-radius: 6px 6px 6px 6px; 
}
.divimg
{ 
top: 0px; 
left: 0px
}

/*Всплывающий скриншот на кнопки*/ 
.thumbnail{  
position: static ;  
z-index: 0; 
}  
.thumbnail:hover{  
background-color: transparent;  
z-index: 50;
  
}  
.thumbnail span{ /*CSS for enlarged image*/  
position: absolute;  
background-color: #fff; 
border: 1px solid rgb(192, 192, 192);
padding: 5px;
margin-left:10px;
margin-right:10px; 
visibility: hidden;
font-size:9pt;  
font-weight:bold;
color: #000;  
border-radius: 6px 6px 6px 6px; 
-moz-border-radius: 6px 6px 6px 6px; 
-webkit-border-radius: 6px 6px 6px 6px;
}  

.thumbnail:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
bottom: 40px;   
left: 0px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/

/*Всплывающий скриншот на баннер*/ 
.thumbnailBanner {  
position: static ;  
z-index: 0; 
}  

.thumbnailBanner span{ /*CSS for enlarged image*/  
position: absolute;  
background-color: #fff; 
border: 1px solid rgb(192, 192, 192);
padding: 5px;
margin-left:0px;
margin-right:0px; 
visibility: hidden;  
color: #000;  
border-radius: 6px 6px 6px 6px; 
-moz-border-radius: 6px 6px 6px 6px; 
-webkit-border-radius: 6px 6px 6px 6px; 
}  

.thumbnailBanner:hover span{ /*CSS for enlarged image on hover*/  
visibility: visible;  
bottom: 90px;   
left: 90px; /*position where enlarged image should offset horizontally */  
}  
/*---------------------*/

/*Левый баннер сменяется при наведении мыши*/

.left_banner {
  background: url("../img/1_VG_banners/Left_banner.gif") no-repeat; 
  border: 0px;
  height: 264px; 
  width: 186px; 
}
.left_banner:hover {
  background: url("../img/1_VG_banners/Left_banner2.gif") no-repeat; 
  border: 0px; 
  height: 264px; 
  width: 186px; 
}


 .divbackground {
  background-image: url(../img/lanyards_01.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
}



.main-container{}
.main-container *{}
.main-container * + *{margin-top:0px;}
.main-header{
  height:151px; width:100%;
  background-image: url(../img/bg.jpg);
  background-repeat: repeat-x;
  background-position: bottom center;
  box-shadow: 0 0 20px #000; z-index: 999999999; 
}
.main-content{position:relative; top:-1;
  min-height:1000px;
  
}

.main-header{width:100%; position:-webkit-sticky; position:sticky; top:0;}




#beda div { 
  position: fixed; 
  z-index: 10; 
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0; 
  width: 400; 
  height: 300; 
  margin: auto; 
  box-shadow: 0 0 20px #000; 
  background: #FFFFFF;  
  border-radius: 5px;  
}



#raz1 { 
  visibility: hidden; 
} 

#raz1 span { 
  visibility: visible; 
} 

#raz1:active { 
  visibility: visible; 
} 

#raz1 div { 
  position: fixed; 
  z-index: 10; 
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0; 
  width: 400; 
  height: 300; 
  margin: auto; 
  box-shadow: 0 0 20px #000, 0 0 0 1000px rgba(115, 115, 115, 0.64); 
  background: #FFFFFF;  
  border-radius: 5px;  
}





#raz { 
  visibility: hidden; 
} 

#raz span { 
  visibility: visible; 
} 

#raz:hover { 
  visibility: visible; 
} 

#raz div { 
  position: absolute; 
  z-index: 10; 
  top: 0; 
  left: 0; 
  bottom: 0; 
  right: 0; 
  width: 400; 
  height: 320; 
  margin: auto; 
  box-shadow: 0 0 20px #000; 
  background: #FFFFFF;  
  border-radius: 5px;  
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}





.card {    
  background: grey;
  width: 200px;
  height: 200px;
 position: absolute;
 top: 0;
 left: 0;
 overflow-x: hidden;
 overflow-y: scroll;
 transform: rotate(270deg);
}
.card::-webkit-scrollbar {
 display: none;
}
.card--content {
  background: red;
  width: 100px;
  height: 100px;
  margin:  5px auto;
  transform: rotate(90deg);
}













body {
  margin: 0;
}

.slider {
  width: 100vw;
  height: 100vh;
}

.slick-list,
.slick-track {
  width: 100%;
  height: 100%;
}

.slider__item {
  width: 100%;
  height: 100%;
  background-color: #ccc;
}

.slider__item span {
  margin: auto;
  height: 100%;
  font-family: sans-serif;
  font-size: 32px;
  align-items: center;
  justify-content: center;
  display: flex;
}