@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;
}

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

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

.zagalovok {
height: auto;
width: 100%;
min-width: 1000px;
color: #000;
font-size: 35px;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
margin: auto;
}

.text_body {
height: auto;
width: 1000px;
color: #000;
font-size: 18px;
text-align: left;
margin: auto;
background: #fff;
}

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

#works {
height: auto;
width: 100%;
margin: auto;
background: #000;
}

.infotitle2 {
height: auto;
width: auto;
margin: auto;
text-align:center;
font-size: 18px;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
}

.infotitle2text {
height: auto;
width: 1000px;
color: #fff;
font-size: 18px;
text-align: left;
margin: auto;
}

#works3 {
height: auto;
width: 100%;
margin: auto;
background: #000;
}

.infotitle3 {
height: auto;
width: auto;
margin: auto;
text-align:center;
font-size: 18px;
color: #fff;
padding-top: 30px;
padding-bottom: 30px;
}

.infotitle3text {
height: auto;
width: 1000px;
color: #fff;
font-size: 18px;
text-align: left;
margin: auto;
}

.slider { 
	width:100%;
        height: auto;
        background:#000;
}
.slider-content {
	width: 100%;
	overflow:hidden;
        position:relative;
        margin: auto;
        padding-bottom: 55%;
        height: 0;
}
.slide {
	width:100%;
        text-align: center;
}
.slider-controls {
	margin-top:0px;
	text-align:center;
        background:#000;
        height: 50px;
}
.slider-controls .control-slide {
	margin:2px;
        margin-top:10px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img_landing/radioBg.png);
}
.slider-controls .control-slide:hover {
	cursor:pointer;
	background-position:center center;
}
.slider-controls .control-slide.active {
	background-position:center top;
}
.prew, .next {
	display:block;
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background: url(../img_landing/arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;
}
.prew {
left:10px;
margin-left: 10px;
}
.next {
right:10px;
background: url(../img_landing/arrowBg.png) right center no-repeat;
margin-right: 10px;
}
.prew:hover, .next:hover {
	opacity:1;
}
.slider-content:hover .prew, .slider-content:hover .next {
	display:block;
}

.slider1 { 
	width:100%;
        height: auto;
        background:#000;
}
.slider-content1 {
	width: 100%;
	overflow:hidden;
        position:relative;
        margin: auto;
        padding-bottom: 60%;
        height: 0;
}
.slide1 {
	width:100%;
        text-align: center;
}
.slider-controls1 {
	margin-top:0px;
	text-align:center;
        background:#000;
        height: 50px;
}
.slider-controls1 .control-slide1 {
	margin:2px;
        margin-top:10px;
	display:inline-block;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../img_landing/radioBg.png);
}
.slider-controls1 .control-slide1:hover {
	cursor:pointer;
	background-position:center center;
}
.slider-controls1 .control-slide1.active1 {
	background-position:center top;
}
.prew1, .next1 {
	display:block;
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden;
	text-indent:-999px;
	background: url(../img_landing/arrowBg.png) left center no-repeat;
	opacity:0.8;
	z-index:3;
	outline:none !important;
}
.prew1 {
left:10px;
margin-left: 10px;
}
.next1 {
right:10px;
background: url(../img_landing/arrowBg.png) right center no-repeat;
margin-right: 10px;
}
.prew1:hover, .next1:hover {
	opacity:1;
}
.slider-content1:hover .prew1, .slider-content1:hover .next1 {
	display:block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.frame_info {
width: 100%;
height: auto;
min-width: 1000px;
background: #000;
}

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

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

#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;
}

.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;
}