html {		
background-color: #000000;		
}

body {
background: #000000;
color:#999999;
	font-family: 'Montserrat', sans-serif;
 font-size:11px;
margin:0;
}

#stext {
position:absolute; 
width:860px; 
left:50%; 
margin-left:-440px; 
z-index:2; 
margin-top:-450px; 
color:#ffffff;
}

#main_wide_bg {
  width:100%;
  height:560px;
  padding: 0px;
  background: url(images/main/main_wide_bg.jpg) no-repeat center top;
}

#main_scene {
	position: relative;
	width: 960px;
	height: 560px;
	padding: 0px;
	background: url(images/main/main_bg.jpg) no-repeat 0 -1px / cover;
	left: 50%;
	margin-left: -480px;
}

#sound {
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: 144px;
	margin-top: 563px;
	text-align: center;
	font-size: 12px;
}

audio::-webkit-media-controls-panel {
  background-color: #111111;
  border-radius:4px;
  border:none;
  height:20px;
}

audio::-webkit-media-controls-timeline {
color:#dcea00;
}

#logo_mob {
display:none;
}


#phones {
	position:absolute;
	top:80px;
	left:50%;
	margin-left:327px;
}

#mess_main {
	position: absolute;
	width: 143px;
	left: 50%;
	margin-left: 322px;
	margin-top: 110px;
	top: 0;
	text-align: center;
}

img.soc_icon {
	width: 40px;
	height: auto;
	padding: 1px;
	border-radius: 20px;
}


#otdel {
	position: absolute;
	width: 130px;
	left: 50%;
	margin-left: 328px;
	margin-top: 53px;
	top: 0;
	line-height: 14px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 11px;
	text-shadow: 0px 2px 2px #000000;
	color: #dddddd;
	text-align: left;
}


#phones_main {
	position: absolute;
	width: 204px;
	left: 50%;
	margin-left: 327px;
	margin-top: 70px;
	top: 0;
	text-align: left;
	line-height: 16px;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 14px;
	text-shadow: 0px 2px 2px #000000;
}

#phones_main a {
color:#ffffff;
text-decoration:none;  
}

#phones_main a:hover {
  color:#dcea00;
}

.green {
  color:#dcea00;
}

#adress_main {
	position: absolute;
	width: 130px;
	left: 50%;
	margin-left: 330px;
	margin-top: 160px;
	top: 0;
	line-height: 14px;
	letter-spacing: 0px;
	font-weight: 400;
	font-size: 11px;
	text-shadow: 0px 2px 2px #000000;
	color: #dddddd;
	text-align: center;
}

#federal {
left: 50%;
margin-left: -222px;
position: absolute;
margin-top: 556px;
}

#main_15years {
	position: absolute;
	width: 305px;
	height: auto;
	left: 50%;
	margin-left: 137px;
	margin-top: 576px;
}

#main_15years img {width:100%;}


#mousemove {
left: 50%;
line-height: 11px;
margin-left: -21px;
margin-top:500px;
opacity: 1;
padding: 0;
position: absolute;
text-align: center;
transition: all 0s ease 999999s;
width: 160px;
cursor: pointer;
}

#mousemove:hover {
opacity:0;
 transition:0.3s;
}

h5 {
	color: rgba(220, 234, 0, 0);
	font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

#blink {
  -webkit-animation: blink 2s ease 3;
  animation: blink 2s ease 3;
}
@-webkit-keyframes blink {
  0% { color: rgba(220, 234, 0, 0); }
  50% { color: rgba(220, 234, 0, 1); }
  100% { color: rgba(220, 234, 0, 0); }
}
@keyframes blink {
  0% { color: rgba(220, 234, 0, 0); }
  50% { color: rgba(220, 234, 0, 1); }
  100% { color: rgba(220, 234, 0, 0); }
}

#cursor_main {
    display:none;
}
  #cursor_main img {width:100%; height:auto;}    

#cursor_main { 
  -webkit-animation: cursor_main 2s ease 3;
  animation: cursor_main 2s ease 3;
}
@-webkit-keyframes cursor_main {
  0% { opacity:1; }
  50% { opacity:0.5; }
  100% { opacity:0; }
}
@keyframes cursor_main {
  0% { opacity:1; }
  50% { opacity:0.5; }
  100% { opacity:0; }
}

#counter_inside {
    left: 50%;
    margin-left: -411px;
    margin-top: 26px;
    position: absolute;
}



#port_web {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-432px;
}


#port_graph {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-432px;
}


#port_int {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-432px;
}


#port_pr {
	position:absolute;
	top:5px;
	left:50%;
	margin-left:-432px;
}



#port_close {
	position:absolute;
	top:10px;
	left:50%;
	margin-left:300px;
}





#chair{
left: 50%;
margin: auto auto auto -202px;
position: absolute;
top: 399px;
width: 285px;
height: 126px;
}

#chair a{
	background-image:url('images/main/chair.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:285px;
	height:126px;
}


#chair span.hover{
	width:285px;
	height:126px;
	background-image:url('images/main/chair_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}

#web {
	width: 168px;
	height: 129px;
	margin: auto;
	position: absolute;
	left: 50%;
	margin-top: 245px;
	margin-left: -310px;
}

#web a{
	background-image:url('images/main/web.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:134px;
	height:148px;
}


#web span.hover{
	width:134px;
	height:148px;
	background-image:url('images/main/web_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#youtube {
	height: 70px;
	left: 50%;
	margin: auto auto auto -154px;
	position: absolute;
	top: 257px;
	width: 158px;
}

#youtube a {
	background-image:url('images/main/youtube.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:158px;
	height:70px;
}


#youtube span.hover {
	width:158px;
	height:70px;
	background-image:url('images/main/youtube_on.svg');
	background-repeat: no-repeat;
    background-size: cover;
	position:relative;
	display:block;
}

#master{
	width:375px;
	height:93px;
	margin:auto;
	position:absolute;
	left:50%;
	top:49px;
	margin-left:-218px;
}

#master a{
	background-image:url('images/main/master.png');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:375px;
	height:93px;
}


#master span.hover{
	width:375px;
	height:93px;
	background-image:url('images/main/master_on.png');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}



#pr{
left: 50%;
margin: auto auto auto -22px;
position: absolute;
top: 19px;
width: 118px;
height: 133px;
}

#pr a{
	background-image:url('images/main/port.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:118px;
	height:133px;
}


#pr span.hover{
	width:118px;
	height:133px;
	background-image:url('images/main/port_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#rk{
	width:188px;
	height:114px;
	margin:auto;
	position:absolute;
	left:50%;
	top:32px;
	margin-left:-238px;
}

#rk a{
	background-image:url('images/main/rk.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:188px;
	height:114px;
}


#rk span.hover{
	width:188px;
	height:114px;
	background-image:url('images/main/rk_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#clients {
	width:180px;
	height:146px;
	margin:auto;
	position:absolute;
	left:50%;
	top:46px;
	margin-left:-414px;
}

#clients a{
	background-image:url('images/main/clients.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:180px;
	height:146px;
}


#clients span.hover{
	width:180px;
	height:146px;
	background-image:url('images/main/clients_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#design{
	width:333px;
	height:138px;
	margin:auto;
	position:absolute;
	left:50%;
	top:404px;
	margin-left:78px;
}

#design a{
	background-image:url('images/main/design.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:333px;
	height:138px;
}


#design span.hover{
	width:333px;
	height:138px;
	background-image:url('images/main/design_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}



#video {
	width: 173px;
	height: 161px;
	margin: auto;
	position: absolute;
	left: 50%;
	top: 181px;
	margin-left: 314px;
}

#video a{
	background-image:url('images/main/video.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:173px;
	height:161px;
}


#video span.hover{
	width:173px;
	height:161px;
	background-image:url('images/main/video_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}



#photo{
	width:285px;
	height:67px;
	margin:auto;
	position:absolute;
	left:50%;
	top:175px;
	margin-left:-408px;
}

#photo a{
	background-image:url('images/main/photo.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:285px;
	height:67px;
}


#photo span.hover{
	width:285px;
	height:67px;
	background-image:url('images/main/photo_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#graph{
	width:200px;
	height:121px;
	margin:auto;
	position:absolute;
	left:50%;
	top:286px;
	margin-left:-447px;
}

#graph a{
	background-image:url('images/main/graph.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:200px;
	height:121px;
}


#graph span.hover{
	width:200px;
	height:121px;
	background-image:url('images/main/graph_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#outdoor{
	width:209px;
	height:213px;
	margin:auto;
	position:absolute;
	left:50%;
	top:130px;
	margin-left:120px;
}

#outdoor a{
	background-image:url('images/main/outdoor.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:209px;
	height:213px;
}


#outdoor span.hover{
	width:209px;
	height:213px;
	background-image:url('images/main/outdoor_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#kit {
height: 142px;
left: 50%;
margin: auto auto auto 5px;
position: absolute;
top: 247px;
width: 115px;
}

#kit a{
	background-image:url('images/main/kit.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:115px;
	height:142px;
}


#kit span.hover{
	width:115px;
	height:142px;
	background-image:url('images/main/kit_on.svg');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#credo{
height: 55px;
left: 50%;
margin: auto auto auto -402px;
position: absolute;
top: 562px;
width: 189px;
}

#credo a{
	background-image:url('images/main/credo_new.png');
	background-repeat: no-repeat;
	position:relative;
	display:block;
	width:189px;
	height:55px;
}


#credo span.hover{
	width:189px;
	height:55px;
	background-image:url('images/main/credo_new_on.png');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}


#showreel {
	position: absolute;
	width: 191px;
	height: 37px;
	left: 50%;
	margin-top: 509px;
	margin-left: -388px;
}

#showreel a {
	background-image: url('images/main/showreel.svg');
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 191px;
	height: 37px;
	background-size: contain;
}


#showreel span.hover{
	width:181px;
	height:70px;
	background-image:url('images/main/showreel_on.png');
	background-repeat: no-repeat;
	position:relative;
	display:block;
}







#portfolio {
	width:500px;
	height:56px;
	border:0px solid #e4e4e4;
	font: 13px "Trebuchet MS", Verdana, Arial, sans-serif;
}


#portfolio_main {
	position:static;
	width:560px;
	height:56px;
	left:50%;
	margin-left:-547px;
	font: 13px "Trebuchet MS", Verdana, Arial, sans-serif;
}



p { 
	padding-bottom:10px; 
	position:absolute; 
	left:47%; 
	bottom:5px; 
	}


p a { 
	text-decoration: none; 
	outline: none; 
	color:#d00000; 
}


p a:hover { 
	border-bottom: 2px dotted #d00000; 
}



#iconbar { 
	float: left;
	margin-bottom:2px;
	margin-left:100px;
	margin-top:-6px;	
	}


#iconbar li {	
	float:left;
	position:relative;
	margin-right:7px;
	background:#222222;
	border: 1px solid #dcea00;
	overflow:hidden;
	border-radius:24px;	
}


#iconbar a {
	text-decoration: none;
	outline: none;
	color:#dcea00;
	display: block;
	width: 24px;
	padding: 5px;
	cursor:pointer;
	text-align:left;
	}


#iconbar span	{
	text-shadow:0px 0px 1px #dcea00;		
	width: 100px;
	height: 35px;
	position: absolute;
	display: none;
	line-height:85%;
	color:#dcea00;
	padding-left: 10px;	
}



#footer_text {
	position: relative;
	width: 800px;
	left: 50%;
	margin-left: -387px;
	font-size: 9px;
	text-shadow: 0px 0px 1px #999999;
	letter-spacing: 0px;
	padding-left: 0px;
	margin-top: 30px;
}

#main_counter {
	position: absolute;
	left: 50%;
	margin-left: 350px;
	width: 88px;
	margin-top: -14px;
}


img.splitter_2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

#podrazdel {
	line-height: 14px;
	margin-bottom: 40px;
  font-size:9.5px;
}

#podrazdel_mob_text {
display:none;
}


#tab_1 {
	float: left;
	position: relative;
	width: 100px;
	border-right: 1px solid #999999;
	color: #dcea00;
}

#tab_2 {
}

ul.podrazdel {
padding-left:0;
margin:0;
}

ul.podrazdel li {
	float: left;
	margin-left: 20px;
}

ul.podrazdel li.start {
list-style-type: none;
margin-left:0;
}

ul.podrazdel li.footer_master {color:#fa3737;}
ul.podrazdel li.footer_web {color:#dcea00;}
ul.podrazdel li.footer_graph {color:#ffcc00;}
ul.podrazdel li.footer_outdoor {color:#44d1f9;}
ul.podrazdel li.footer_poly {color:#ffcc00;}
ul.podrazdel li.footer_pr {color:#ff9900;}
ul.podrazdel li.footer_photo {color:#da6bff;}
ul.podrazdel li.footer_design {color:#f9d339;}



#podrazdel a {
  color:#999999;
  text-decoration:none;
}

#podrazdel a.footer_master:hover {color:#fa3737;}
#podrazdel a.footer_web:hover {color:#dcea00;}
#podrazdel a.footer_graph:hover {color:#ffcc00;}
#podrazdel a.footer_outdoor:hover {color:#44d1f9;}
#podrazdel a.footer_poly:hover {color:#ffcc00;}
#podrazdel a.footer_pr:hover {color:#ff9900;}
#podrazdel a.footer_photo:hover {color:#da6bff;}
#podrazdel a.footer_design:hover {color:#f9d339;}







/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

}



/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

}



/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
  
#main_wide_bg {
  width:100%;
  height:284px;
  padding: 0px;
  background: url(images/main/main_wide_bg.jpg) no-repeat center top / contain;
}  
  
 #main_scene {
	position: relative;
	width: 360px;
	height: 284px;
	background: url(images/main/main_bg.jpg) no-repeat 0 0 / contain;
	left: 50%;
	margin-left: -180px;
	margin-top: 60px;
	box-shadow: 0px 0px 30px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000;
}
  
#logo_mob {
	display: block;
	position: absolute;
	left: 50%;
	width: 171px;
	margin-top: -48px;
	margin-left: -162px;
	z-index: 2;
}
  
  #logo_mob img {width:100%; height:auto;} 
  
 #chair {display:none;} 
 #web {display:none;} 
 #design {display:none;} 
 #video {display:none;} 
 #photo {display:none;} 
 #graph {display:none;} 
 #outdoor {display:none;} 
 #rk {display:none;} 
 #pr {display:none;} 
 #youtube {display:none;} 
 #kit {display:none;} 
 #port {display:none;} 
 #clients {display:none;} 
 #mousemove {display:none;} 
  
  
 #main_15years {
	width: 321px;
	margin-left: -161px;
	margin-top: 231px;
}
  
  
  

#credo {
    display:none;
	margin: auto auto auto -174px;
	top: 268px;
}
  
#federal {
    display:none;
	margin-left: -28px;
	margin-top: 263px;
}  
  
#showreel {
	margin-left: -159px;
	margin-top: 288px;
}
  
#showreel a {
	background-image: url('images/main/showreel.svg');
	background-repeat: no-repeat;
	position: relative;
	display: block;
	width: 171px;
	height: 37px;
	background-size: contain;
}  
  
  
  
 #footer_text {
	width: 320px;
	margin-left: -160px;
	font-size: 10.5px;
	text-align: center;
	margin-top: 30px;
    color:#cccccc;
}
  
  #footer_text img {
  max-width:100%;
    min-height:1px;
  } 
  
  
#podrazdel {
	display: block;
	position: relative;
	width: 293px;
	left: 50%;
	margin-left: -144px;
	height: 350px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
  
  #podrazdel a {
  color:#e4e4e4;
  }  
  
#podrazdel_mob_text {
	display: block;
	color: #cccccc;
	font-size: 10px;
	line-height: 11px;
    font-weight:normal;
}
  
 #cursor_main {
	position: absolute;
	width: 19px;
	margin-top: -24px;
	left: 50%;
	margin-left: 22px;
}
  #cursor_main img {width:100%; height:auto;}    
  
#tab_1 {
   float:none; 
  } 
  
  
  
#mess_main {
	width: 300px;
	margin-left: -150px;
	margin-top: 787px;
	z-index: 2;
}
  
  img.soc_icon {
	width: 60px;
	height: auto;
	padding: 6px;
}
  
 #otdel {
	margin-left: 35px;
	margin-top: -52px;
} 
  
#phones_main {
	width: 134px;
	margin-left: 24px;
	margin-top: -45px;
	text-align: right;
	line-height: 15px;
	font-size: 14px;
}
  
  
 #adress_main {
	width: 130px;
	margin-left: 28px;
	margin-top: 290px;
	text-align: right;
	line-height: 14px;
	font-size: 11px;
	color: #dddddd;
}
  
#main_counter {
	margin-left: -44px;
	margin-top: 466px;
}
  
#stext {
	width: 320px;
	margin-left: -160px;
	margin-top: -550px;
	text-align: center;
	font-size: 10px;
}  
  
  
#tab_1 {
	width: 100%;
	border-right: 0px solid #999999;
	padding-bottom: 14px;
}
  
ul.podrazdel li {
	float: none;
	margin-left: 0px;
	padding-bottom: 15px;
}
    
 

}



/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
  
  
#main_wide_bg {
  width:100%;
  height:284px;
  padding: 0px;
  background: url(images/main/main_wide_bg.jpg) no-repeat center top / contain;
}  
  
 #main_scene {
	position: relative;
	width: 360px;
	height: 284px;
	background: url(images/main/main_bg.jpg) no-repeat 0 0 / contain;
	left: 50%;
	margin-left: -180px;
	margin-top: 60px;
	box-shadow: 0px 0px 30px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000, 0px 0px 30px #000000;
}
  
#logo_mob {
	display: block;
	position: absolute;
	left: 50%;
	width: 171px;
	margin-top: -48px;
	margin-left: -162px;
	z-index: 2;
}
  
  #logo_mob img {width:100%; height:auto;} 
  
 #chair {display:none;} 
 #web {display:none;} 
 #design {display:none;} 
 #video {display:none;} 
 #photo {display:none;} 
 #graph {display:none;} 
 #outdoor {display:none;} 
 #rk {display:none;} 
 #pr {display:none;} 
 #youtube {display:none;} 
 #kit {display:none;} 
 #port {display:none;} 
 #clients {display:none;} 
 #mousemove {display:none;} 
  
  
 #main_15years {
	width: 321px;
	margin-left: -161px;
	margin-top: 231px;
}
  
  
  

#credo {
    display:none;
	margin: auto auto auto -174px;
	top: 268px;
}
  
#federal {
    display:none;
	margin-left: -28px;
	margin-top: 263px;
}  
  
#showreel {
	margin-left: -159px;
	margin-top: 288px;
}
  #showreel img {width:100%; height:auto;} 
  
  
  
  
 #footer_text {
	width: 320px;
	margin-left: -160px;
	font-size: 10.5px;
	text-align: center;
	margin-top: 30px;
    color:#cccccc;
}
  
  #footer_text img {
  max-width:100%;
    min-height:1px;
  } 
  
  
#podrazdel {
	display: block;
	position: relative;
	width: 293px;
	left: 50%;
	margin-left: -144px;
	height: 350px;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}
  
  #podrazdel a {
  color:#e4e4e4;
  }  
  
#podrazdel_mob_text {
	display: block;
	color: #cccccc;
	font-size: 10px;
	line-height: 11px;
    font-weight:normal;
}

#cursor_main {
	display: block;
	position: absolute;
	width: 19px;
	margin-top: -24px;
	left: 50%;
	margin-left: 26px;
	z-index: 200;
}
  #cursor_main img {width:100%; height:auto;}    
  
#tab_1 {
   float:none; 
  } 
  
  
  
#mess_main {
	width: 300px;
	margin-left: -150px;
	margin-top: 787px;
	z-index: 2;
}
  
  img.soc_icon {
	width: 60px;
	height: auto;
	padding: 6px;
}
  
 #otdel {
	margin-left: 35px;
	margin-top: -52px;
} 
  
#phones_main {
	width: 134px;
	margin-left: 24px;
	margin-top: -45px;
	text-align: right;
	line-height: 15px;
	font-size: 14px;
}
  
  
 #adress_main {
	width: 130px;
	margin-left: 28px;
	margin-top: 290px;
	text-align: right;
	line-height: 14px;
	font-size: 11px;
	color: #dddddd;
}
  
#main_counter {
	margin-left: -44px;
	margin-top: 466px;
}
  
#stext {
	width: 320px;
	margin-left: -160px;
	margin-top: -550px;
	text-align: center;
	font-size: 10px;
}  
  
  
#tab_1 {
	width: 100%;
	border-right: 0px solid #999999;
	padding-bottom: 14px;
}
  
ul.podrazdel li {
	float: none;
	margin-left: 0px;
	padding-bottom: 15px;
}
  
  
  
  
  
  
}