@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {
	margin:0;
	padding:0
}

body,html{ width: 100vw; height: 100vh; margin: 0; padding: 0; background-color: #0a0a0a; }
body.hide{ width: 100%; height: 0px; overflow: hidden; }

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-stretch: condensed;
  
	color: #9a9a9a;
	font-size: 0.8vw;
	letter-spacing: 0.2vw;
	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	cursor: default;
   }

.sdvig{ position: relative; text-align:center; top: 0.1vw;}
.TSlider{ position: absolute; top:0; }
#toGalery{ padding-top: 28vw; padding-bottom: 3vw; }
 
table{ 
	padding: 0; 
	border-spacing: 0; 
	width: 100%;
}  
 
.TBstyleM, .TBstyle, ul#doublemenu{ text-align:center; } 
ul#doublemenu li {display:inline-block;width:6%;text-align:center;font-size:0.65vw;letter-spacing:0.2vw;line-height:4;}  
.TBstyle{ height: 100%; }  
 
.header{ 
	background:url(../images/navi.png) 100% 0;
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	box-shadow:0 0 10px #000;
}

#HeadTD10, #HeadTD25, #HeadTD10TXT, #HeadTD10TAU{ width: 10%; vertical-align: top;  text-align: center; }
#HeadTD25{ width: 25%; }

#HeadTD10TXT a, #HeadTD10TAU a, #HeadTD10 a { display: block; padding: 0.3em 0.9em; text-decoration: none;font-weight:300; }

#HeadTD10TAU,  #HeadTD10TXT{ border-right: 1px solid #262626; } /*черта*/
#HeadTD10TAU a, #HeadTD10TXT a:hover, #HeadTD10 a:hover, ul#doublemenu li.tau a,ul#doublemenu a:hover,.color1 a:hover,.color2 a:hover { color: #927e5c; } /*цвет ссылок*/
#HeadTD10TAU a:hover,ul#doublemenu li.tau a:hover { color: #d3b161; }

a{text-decoration: none; color: #9a9a9a; outline: none;}

#textslider4 a:hover { color: white; }

.newsimg {
  position: relative;
  background:  url(../images/shop/tau_bg.jpg) no-repeat;
  background-size: cover;
  width: 100%;
}
/*из блокнота*/
h1, h2{ font-weight: 300; text-transform: uppercase; }

.tdTXT_style, #textsliderGALBUT{ 
				font-size: 3.5em; 	letter-spacing: 1.5vw; }
h2{				font-size: 0.8vw; 	letter-spacing: 0.2vw; }
#textslider3{  	font-size: 2em; 	letter-spacing: 1vw; }
#textslider4{  	font-size: .65vw; 	letter-spacing: 0.2vw; }
#galeryA{		font-size: 2em; 	letter-spacing: 1vw; }
p#friends { 	font-size: 0.85vw; 	letter-spacing: 0.2vw; line-height: 2.8; font-weight: 600; margin-left: -4vw;}

#tdTXT1,.slider-content img{ 
		  width: 100vw; } 
#tdTXT2{  width: 50vw;  }
.tdTXT40{ width: 40vw;  }
.tdTXT60{ width: 60vw;  }
.tdTXT60 td {width:15%;}
.tdTXT60 img {width:38%;}
.tdTXT60 td div {margin:2vw auto 3vw;color:rgb(179 179 179);text-transform:uppercase;}
.tdTXT4, #galeryA, img a{ width: 25vw;  }


.color1, .color1 a{ color: #5D5C5C; } 
#textsliderGALBUT a{ color: rgb(179 179 179); } 
.color2, .color2 a, .tdTXT40,.tdTXT60,.tdTXT4{ color: #363535; }
#white a, #textslider3, #textslider4, #textslider4 a{color: #0d0d0d;}  
#white{  background-color:  white;} 
#black{  background-color:  black;}
#black a{color: #9b9fa2;}

::-moz-selection{color: #FFFFFF;} 
::webkit-selection{color: #FFFFFF;} 
::selection{color: #FFFFFF;}

p#friends span, #textslider3, #textslider4, #popup{ display: block; 	
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
	user-select: text;
}

#imgblock, #tdTXT1, #tdTXT2,.tdTXT40,.tdTXT60,.tdTXT4,.slider-controls{ text-align: center; }	
#imgblock2{ text-align: right; margin-top: -3%; }	
#imgblock3{ text-align: left;  margin-top: -1.7%; }

.slider-controls, .sdvig { position: relative; z-index: 2; }
.slider-controls { top: 39vw; }
#mob-slider-wrapper .slider-controls { top: 102vw; }
#toGalery.mob-slider {
    padding-top: 0;
}
.slider-controls .control-slide {
	margin:7px;
	display: inline-block;
	width: 6px;
    height: 6px;
	border-radius: 3px;
    color: #FFF;
    background: none repeat scroll 0% 0% #FFF;
    overflow: hidden;
    opacity: 0.5;
}

.slider-controls .control-slide:hover {
	cursor:pointer;
	background-position:center center;
	opacity: 0.7;
}
.slider-controls .control-slide.active {
	opacity: 100;
}

/***  FOR Razrab  ***/
.wrapper{height:1px;}
#trigg{cursor:pointer;}
#win{
	position: fixed;
	z-index:2000; 
	top:0;
	left:0;
	background:url(/images/win.png); 
	display:none;
	height:100%;
	width:100%;
}

#link::-moz-selection{color: black;} 
#link::webkit-selection{color: black;} 
#link::selection{color: black;}
#link{color: rgb(255, 255, 255);}
#link:hover{color: rgb(0, 0, 0);}
#popup{
	padding:0; 
	background-color: rgba(255, 255, 255, 0.7);
	color: black;
	position:fixed; 
	top:28vh;
	left:25vw;
	width:50vw;
	text-align:center;
	z-index:3000; 
}
#cancel{
	display:block; 
	float:right; 
	width:15px; 
	height:15px; 
	background:url(/images/close.gif) no-repeat; 
	cursor:pointer;
	position:absolute;
	top:4px;
	right:4px;
}
#obj{display:none; color: black;}
.sample{padding-left:20px; padding-top:20px; padding-bottom:20px; padding-right: 1px;}

#top100c img{position: absolute; margin-top: -9%; right: 2.4%; width: 6%;}
#gold_c{position: absolute; margin-top: -9%; right: 9.6%; width: 5.5%;}
li.menu_dd { position: relative; }
#HeadTD10TXT li.menu_dd:hover ul a, #HeadTD10TAU li.menu_dd:hover ul a { color: #9a9a9a !important; }
#HeadTD10TXT li.menu_dd ul a:hover, #HeadTD10TAU li.menu_dd ul a:hover, #HeadTD10TXT li.menu_dd:hover ul a.green-link:hover { color: #927e5c !important; }
li.menu_dd:hover a{color:#d3b161 !important;}
li.menu_dd, li.menu_dd ul{ list-style-type:none; }
li.menu_dd ul { display:none;position:absolute;z-index:9999;background:#000;text-align:left;width:100%;border:1px solid #50;margin-left:-1px;font-size:0.57vw;letter-spacing:0.18vw;padding:6px 0;text-transform:uppercase;font-weight:bold;}
#HeadTD10TAU li.menu_dd ul{text-align:center;}
li.menu_dd ul li{padding: 0 0.4vw;}
li.menu_dd.left ul { border-left:none;right:-1px;}
li.menu_dd:hover ul  { display:block; }
li.menu_dd.text-center li {text-align:center;}
/*ul>li.brd{height:1.6vw;}*/

#mob-slider-wrapper  {
	width: 100vw;
	height: 100vw;
}

.videoBox {
	width: 65%;
	height: 100%;
	margin-left: 7%;
}

.mobile-light-links {
	text-align: center;
	margin: 10vw 0 8vw;
}

.mobile-light-links td:first-child,
.mobile-light-links td:last-child {
    width: 0;
}

.mobile-light-links td {
    width: 22vw;
}

.mobile-light-links img {
	width: 10vw;
}

body.mobile {
	font-size: 1.5vw;
	letter-spacing: 0.35vw;
}

.mobile #textsliderGALBUT {
	font-size: 2.5vw;
}

.mobile #textsliderGALBUT  a {
	font-size: 5.25vw;
	letter-spacing: 1.5vw;
}

.mobile .slider-controls .control-slide {
	margin: 10px 5px 5px;
	width: 4px;
	height: 4px;
}

.mobile .tdTXT4 {
	height: 10vw;
	width: 50vw;
}

.mobile #galeryA {
	font-size: 2.1em;
	width: auto;
}

.mobile .videoBox {
	margin-left: 0;
	width: 100vw;
	height: 57vw;
	margin-top: 10vw;
}

.mobile p#friends {
	font-size: 1.5vw;
	letter-spacing: 0.35vw;
	margin-left: 10vw;
}

.mobile .panel-wrapper {
	margin-top: 10px;
	background: url(../images/navi.png) 100% 0;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: center;
}

.mobile #bottom-padding {
	background: #0a0a0a;
}

.mobile .mobile-hide {
	display: none !important;
}

.mobile #bottom-menu-img {
	width: auto;
	height: 50px;
}

.mobile #imgblock2 {
	margin-top: -50px;
	padding-right: 0;
	font-size: 8px;
}

.mobile div#imgblock2 img {
	width: auto;
	height: 20px;
}


.mobile .mobile-show {
	display: block !important;
}

@media (max-width: 500px) {
	.mobile #imgblock2 {
		margin-top: -40px !important;
	}
}