@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/PTS55F_W.eot');
	src:
	     url('../fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/PTS55F_W.woff') format('woff'),
	     url('../fonts/PTS55F_W.ttf') format('truetype'),
	     url('../fonts/PTS55F_W.svg#PTSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
background:#000;
color:#555;
font-family: 'PT Sans', sans-serif, 'PTSansRegular', 'Arial';
}

body {
padding: 0px; 
margin: 0px;
min-width: 1024px;
height: auto;
}

h1,h2,h3 {
font-size: 25px;
color: #363636;
margin-top: 0;
margin-bottom: 0;
text-align:left;
}

#header {
background: #000;
height: 100px;
z-index: 999;
width: 100%;
overflow: hidden;
}

#header_menu {
margin: auto;
height: 100px;
width: 90%;
min-width: 1000px;
margin-top: 0px; 
}

#menu_source {
float:right;
height: 20px;
width: auto;
margin-top: 40px;
}

#menu {
height: 20px;
width: auto;
text-align: right;
}

#menu ul {
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li {
display:inline;
padding-left: 35px;
padding-right: 35px;
border-left: 1px solid #fff;
}

#menu ul li:first-child {
padding-left: 0px;
border-left: 0px;
}

#menu ul li:first-child+li+li+li+li+li+li {
padding-right: 0px;
}

#menu ul li a {
text-decoration: none;
color: #fff;
font-size: 16px;
font-weight: normal;
}

#menu ul li a:hover {
text-decoration: underline;
}

#logo {
background: url(../img/logotext.png);
height: 70px;
width: 130px;
float:left;
margin-top: 15px;
}

.logo_link {
height: 100%;
width: 100%;
}

.logo_link a {
height: 100%;
width: 100%;
display: block;
}

#imageslook {
	width:100%;
        height: auto;
	}

#slider-wrap{ /* Iaiei?ea neaeaa?a e eiiiie */
	width:100%;
        height: auto;
        background:#000;
	}

#slider{ /* Iaiei?ea neaeaa?a */
	width: 100%;
	overflow:hidden;
        position:relative;
        margin: auto;
        padding-bottom: 50%;
        height: 0;
        }

.slide{ /* Neaea */
	width:100%;
        height: 100%;
	}


.sli-links{ /* Eiiiee niaiu neaeaia */
	margin-top:0px;
	text-align:center;
        background:#000;
        height: 35px;
}
.sli-links .control-slide{
	margin:2px;
        margin-top:10px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img/radioBg.png);
}

.sli-links .control-slide:hover{
	cursor:pointer;
	background-position:center center;
}

.sli-links .control-slide.active{
	background-position:center top;
}

#prewbutton, #nextbutton{ /* Nnueea "Neaao?uee" e "Iaauaouee" */
	display:block;
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background: url(../img/arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;
}

#prewbutton{
left:10px;
margin-left: 10px;
}

#nextbutton{
	right:10px;
	background: url(../img/arrowBg.png) right center no-repeat;
        margin-right: 10px;
}

#prewbutton:hover, #nextbutton:hover{
	opacity:1;}

#frame_1 {
width: 100%;
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
background: #000;
}

#frame_1 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

#frame_2 {
width: 100%;
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
background: #000;
}

#frame_2 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

#frame_3 {
width: 100%;
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
background: #000;
}

#frame_3 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

#frame_4 {
width: 100%;
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
background: #000;
}

#frame_4 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

#frame_5 {
width: 100%;
position: relative;
padding-bottom: 45%;
height: 0;
overflow: hidden;
background: #000;
}

#frame_5 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

.frame_info {
width: 100%;
heigth: auto;
margin: auto;
font-size: 25px;
color: #fff;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background: #000;
position:absolute;
bottom:0;
}

#trayler {
height: auto;
width: 100%;
background: #fff;
overflow: hidden;
}

#uslugi_block {
height: auto;
width: 1000px;
margin: auto;
}

#ut {
height: 35px;
width: auto;
margin: auto;
padding-top: 30px;
text-align: center;
font-size: 30px;
color: #363636;
}

#uslugi {
height: auto;
width: 1000px;
margin: auto;
padding-top: 35px;
}

#roliki {
min-height: 760px;
max-height: auto;
width: 998px;
background: #fff;
margin-bottom: 0px;
float: left;
}

#reel_block {
height: 534px;
width: 950px;
margin: auto;
z-index: 3;
margin-top: 20px;
margin-bottom: 25px;
}

#roliki_text {
text-align: left;
font-size: 18px;
color: #363636;
width: 950px;
height: auto;
margin: auto;
padding-top: 15px;
}

#cginteractiv {
height: auto;
width: 998px;
margin: auto;
margin-bottom: 35px;
}

#graffic {
min-height: 260px;
max-height: auto;
text-align: left;
font-size: 18px;
color: #363636;
width: 950px;
margin: auto;
padding-top: 15px;		
}

#uslugi a {
text-decoration: none;
color: #363636;
}

#uslugi a:hover {
text-decoration: underline;
color: #363636;
}

#runds {
height: auto;
width: 100%;
background: url(../img/dbpixel.png) repeat;
background-attachment: fixed;
overflow: hidden;
}

#runds_block {
height: 430px;
width: 1000px;
margin: auto;
}

#rundsp {
height: 35px;
width: auto;
margin: auto;
padding-top: 30px;
text-align: center;
font-size: 30px;
color: #fff;
}

#rundsb {
height: auto;
width: 1000px;
padding-top: 35px;
}

.runinfo {
  min-height: 235px;
  max-height: auto;
  width: 168.8px;
  float: left;
  padding: 15px;
  border-top: 1px solid #6cd5d9;
  border-bottom: 1px solid #6cd5d9;
  border-left: 1px solid #6cd5d9;
  text-align: left;
  font-size: 18px;
  color: #fff;
  overflow: hidden;
  word-wrap: break-word;
}

.runinfo:hover {
  background: url(../img/back_action.png) repeat;
  color: #363636;
}

.runinfo:first-child+.runinfo+.runinfo+.runinfo+.runinfo {
border-right: 1px solid #6cd5d9;
}

.divClear {
height:auto;
width: 100%;
clear:both;
}

#bottom_info {
width: 100%;
height: auto;
background: url(../img/dbpixel.png) repeat;
overflow: hidden;
}

#bottom_block {
width: 1000px;
min-height: 200px;
max-height: 300px;
margin: auto;
overflow:hidden;
}

#bcontacts {
width: 220px;
height: auto;
font-size: 18px;
color: #fff;
float: right;
text-align: left;
margin-top: 25px;
border-left: 2px solid #fff;
padding-left: 43px;
}

#sitemap {
width: 730px;
height: auto;
font-size: 18px;
color: #fff;
float: left;
text-align: left;
margin-top: 25px;
}

#sitemap a {
text-decoration: none;
color: #fff;
}

#bottomline {
height: 35px;
width: 100%;
background: #000;
}

#copyrayte_block {
width: 1000px;
height: 35px;
margin: auto;
}

#copyraytetext {
width: auto;
height: 20px;
font-size: 14px;
color: #fff;
float:right;
margin-top: 5px;
}

#titlepartdback {
background: #000;
height: auto;
width: 100%;
padding: 0px; 
margin: auto;
min-width: auto;
}

#titlecontaynerback {
height: auto;
width: 96%;
padding: 0px; 
margin: auto;
min-width: auto;
}

#textcontaynerback {
height: auto;
width: auto;
padding-top: 45px;
padding-bottom: 45px;
float:right;
color:#fff;
font-size: 19px;
text-align:right;
}

#back {
width: 100%;
height: auto;
margin: auto;
background: #fff;
}

#backtext {
height: auto;
width: auto;
font-size: 19px;
color: #000;
margin:auto;
padding-top: 250px;
text-align: center;
}

#backlinks {
height: auto;
width: 1000px;
font-size: 30px;
color: #000;
margin:auto;
margin-top: 45px;
text-align: center;
background: #fff;
border: 8px solid #f3451c;
padding-bottom: 45px;
padding-top: 45px;
}

#backlinks a {
text-decoration: none;
color: #000;
display: block;
}

#backlinks:hover {
color: #fff;
background: #f3451c;
border: 8px solid #fff;
}

#infoabouttext a {
text-decoration: none;
color: #000;
}

#infoabouttext:hover {
color: #000;
}

#zayavka{
height: auto;
width: 100%;
margin: auto;
}

#otvet {
width: 100%;
height:auto;
text-align: center;
font-size: 18px;
color: #fff;
}

#feedback-form {
  width: 100%;
  height:auto;
}

#user {
  width: 100%;
  border: 1px dashed #7d7d7d;
  height: 35px;
  margin: auto;
  background: #fff;
  text-align: center;
}

#user:hover {
background: url(../img/back_action.png) repeat;
}

#userinfo {
  width: 100%;
  border: 1px dashed #7d7d7d;
  height: 130px;
  margin: auto;
  background: #fff;
}

#userinfo:hover {
background: url(../img/back_action.png) repeat;
}

input[type=text] {
    width: 100%;
    border:none;
    padding: 0;
}

.ktext {
  width: 100%;
  height: 30px;
  margin: auto;
  text-align: center;
  font-size: 18px;
  color: #000;
  padding-top: 10px;
}

textarea {
  resize: none;
  border: none;
  padding: 0;
}

#knopka {
  width: 100%;
  border: 3px solid #ee4101;
  height: 50px;
  margin: auto;
  margin-top: 30px;
  font-size: 18px;
  padding: 10px;
  font-weight:bold;
  color: #000;
  background: #fff;
}

#knopka:hover {
  background: #ee4101;
  color: #fff;
}

#knopka:focus {
  background: #f4f4f4;
  color: #363636;
}

input[type="text"]:focus {
outline: none;
}

textarea:focus {
outline: none;
}

input[type="submit"]:focus {
outline: none;
}

#infocontacttittle {
height: auto;
width: 65%;
margin: auto;
text-align: left;
font-size: 65px;
color: #000;
float: left;
}

#infocontacpost {
height: auto;
width: 35%;
margin: auto;
float: left;
}

#infocontacpostall {
height: auto;
width: 100%;
margin: auto;
text-align: center;
font-size: 18px;
color: #000;
background: url(../img/back_action.png) repeat;
margin-top: 30px;
padding-bottom: 30px;
padding-top: 30px;
}

.infotcontacts {
height: auto;
width: 1000px;
margin: auto;
text-align:left;
font-size: 18px;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
}

#info {
height: auto;
width: 100%;
margin: auto;
background: #fff;
border-bottom: 5px solid #fff;
}

#infotext {
height: auto;
width: 35%;
float:left;
color:#fff;
font-size: 25px;
padding-top: 45px;
text-align:left;
}

.infot {
height: auto;
width: 1000px;
margin: auto;
text-align:left;
font-size: 18px;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
}

#infott1 {
height: auto;
width: auto;
margin: auto;
text-align: left;
font-size: 65px;
color: #000;
}

#infott2 {
height: auto;
width: auto;
margin: auto;
text-align: left;
font-size: 65px;
color: #000;
}

#infott3 {
height: auto;
width: auto;
margin: auto;
text-align: left;
font-size: 65px;
color: #000;
}

#infotastart {
height: auto;
width: auto;
margin: auto;
margin-top: 30px;
text-align: center;
font-size: 18px;
color: #fff;
background: #e13100;
}

#infotastarttext {
height: auto;
width: 90%;
margin: auto;
margin-top: 30px;
text-align: left;
font-size: 18px;
color: #000;
}

#infoabouttext {
height: auto;
width: 100%;
margin: auto;
margin-top: 30px;
text-align: left;
font-size: 18px;
color: #000;
}