@font-face {
  font-family: 'Roboto Light';
  src: url('../fonts/roboto-light.ttf')  format('truetype'), 
}

@font-face {
  font-family: 'Roboto Black';
  src: url('../fonts/roboto-black.ttf')  format('truetype'), 
}

@font-face {
  font-family: 'Roboto Regular';
  src: url('../fonts/roboto-regular.ttf')  format('truetype'), 
}

html{
	font-family: 'Roboto', arial;
	font-weight:300;
}

body{
	min-width:400px;
}

#home {
  background: url('../img/bg3.jpg') center 0 no-repeat fixed; 
  background-size:cover;
  min-height: 700px;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
  color:#fff;
}

#home article {
  height: 458px;
  position: absolute;
  text-align: center;
  top: 300px;
  width: 100%;
}




#shapka{
	padding-top:70px;
}

 .logo{
font-family: 'Roboto', arial;
font-size:28px;
letter-spacing:4px;
color:#fff;
}

/* #shapka .slogan{ */
	/* font-size:20px; */
	/* padding-left:50px; */
/* } */

/* #shapka .slogan span{ */
	/* font-size:14px; */
/* } */

/* #shapka .tel span{ */
	/* font-size:18px; */
/* } */
#shapka .menu{
		padding-top:9px;
}

#shapka .menu ul li{
	list-style:none;
	float:left;
	padding:0 20px;
	font-size:18px;
	font-family: 'Roboto', arial;
}

#shapka .menu ul li a{
	color:#fff;
}



.navbar-inverse {
	position:absolute!important;
	z-index:10;
	background:transparent!important;
	float:right!important;
}

.headheader{
	text-align:center;
	margin-top:90px;
	font-family: 'Roboto', arial;
	font-size:16px;
}

.headheader span{
	font-family: 'Roboto';
	font-size:44px;	
}

.but1{
	background-color: #91dd4d;
	border-radius: 30px;
    box-shadow: 0px 9px 16px 0px rgba(145,221,77,0.32);
	width: 280px;
	margin:40px auto;
    font-size: 18px;
    padding: 17px 30px;
	text-align:center;
	cursor:pointer;
}

.but1:hover{
	box-shadow:none;
}
	
	
#what2want{
	background:#fff;
	/* height:500px; */
	padding-top:60px;
	padding-bottom:90px;
	
}

#what2want .header{
	text-align:center;
	font-size:25px;
	color:#434953;
	font-family: 'Roboto', arial;
	padding-bottom:30px;
}	

.w2w-item div{
	margin-top:30px;
	height:273px;
	background-size:cover;
	background-position:center;
	box-shadow:0 0 0 140px rgba(0, 0, 0, 0.5) inset;
	color:#fff;
	padding-top:180px;
	padding-left:50px;
	font-size:30px;
	transition:1s;
	font-family: 'Roboto', arial;
	cursor:pointer;
}

.w2w-item div:hover{
	box-shadow:0 0 0 140px rgba(0, 0, 0, 0.2) inset;
	transition:1s;
	padding-top:120px;
	text-shadow: 0 0 15px #000;
}
	
	
	
#whyme{
	background:#f5f5f5;
	/* height:500px; */
	padding-top:60px;
	padding-bottom:90px;
	
}

#whyme .header{
	text-align:center;
	font-size:25px;
	color:#434953;
	font-family: 'Roboto', arial;
}

#whyme .bull{
	padding-top:60px;
	height:120px;
}

#whyme .fa{
	font-size:40px;
	color:#f65a3a;
	float:left;
	width:80px;
	padding-left:10px;
	padding-top:20px;
}

#whyme .bull-text{
	padding-left:10px;
	float:left;
	width:250px;
	color:#8e95a0;
}

#whyme .bull-text .bull-header{
	float:left;
	font-size:20px;
	text-align:center;
	font-size:22px;
	color:#434953;
	font-family: 'Roboto', arial;
}

 
#slider1 .slide{
	width:100%;
	height:400px;
	background-position:center center;
	background-size:cover;
	opacity:1;

}

#slider1 .slide div{
	color:#fff;
	font-size:28px;
	/* text-align:center; */
	position:relative;
	padding-top:300px;
	text-shadow:3px 3px 15px #222, -3px -3px 15px #222, 3px -3px 15px #444, -3px 3px 15px #444;
	padding-left:20%;
	font-family: 'Roboto', arial;
}

#slider1 .slide1{
	background-image:url('../img/slider/office.jpg');
}

#slider1 .slide2{
	background-image:url('../img/slider/eda.jpg');
}

#slider1 .slide3{
	background-image:url('../img/slider/avtomoika.jpg');
}
#slider1 .slide4{
	background-image:url('../img/slider/sklad.jpg');
}
#slider1 .slide5{
	background-image:url('../img/slider/torg.jpg');
}
#slider1 .slide6{
	background-image:url('../img/slider/proizvodstvo.jpg');
}
#slider1 .slide7{
	background-image:url('../img/slider/masterskaya.jpg');
}

#news{
	padding-top:80px;
	padding-bottom:50px;
}

#news .header{
	text-align:center;
	font-size:29px;
	color:#434953;
	font-family: 'Roboto', arial;
	padding-bottom:40px;
}

#news img{
	/* max-width:380px; */
	height:205px;
	/* width:100%; */
}


#news .news-item{
	font-family: 'Roboto', arial;
	font-size:14px;
	color:#8e95a0;
	overflow:hidden;
}

#news .zag{
	font-family: 'Roboto', arial;
	font-size:20px;
	padding:20px 0;
	color:#444;
}

#partners{
	background:#fafafa;
	padding:50px 0;
	
}

#partners img{
	float:left;
	padding:0 36px;
	max-height:60px;
	-webkit-filter: grayscale(1); /* Webkit браузеры */  
        filter: gray; /* для IE6-9 */  
        filter: grayscale(1); /* W3C */  
	margin-bottom:25px;
}

#partners img:hover{
	-webkit-filter: none; 
    filter: none; /* для IE6-9 */  
    filter: none; /* W3C */  
	transition: 2s;
}

#partners .header{
	text-align:center;
	font-size:29px;
	color:#434953;
	font-family: 'Roboto', arial;
	padding-bottom:40px;
}



#footer{
	background:#333;
	padding-top:100px;
	color:#fff;
	background-image:url('../img/map.png');
	background-repeat:no-repeat;
	background-position:right;
	background-size: 50% auto;
}

#footer ul{
	padding:0;
	font-size:22px;
	font-family: 'Roboto', arial;
}

#footer ul li{
	list-style:none;
	padding:7px 0px;
	font-size:16px;
	font-family: 'Roboto', arial;
	
}
#footer ul li:before{
    font: 14px/0 FontAwesome;
    /* position: absolute; */
    /* display: inline-block; */
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 0;
    color: #888;
	padding-right:10px;
    /* background: #91dd4d; */
    /* top: 0%; */
    content: "\f101";
}

#footer ul li a{
	color:#888;
}
#footer ul li a:hover{
	color:#f65a3a;
	text-decoration:none;
	transition: 1s;
}

.copy-r{
	padding-top:25px;
	color:#999;
	font-size:18px;
	font-family: 'Roboto', arial;
}
.copy-r a{
	color:#ccc;
}

.copy-r a:hover{
	color:#fff;
}


#footer .tel, .mail{
	font-size:20px;
	font-family: 'Roboto', arial;
}
	
#footer .adress{
	font-size:18px;
	color:#fff;
}
.topmenu {
	width:70%;
	float:right;
	clear:both;
	margin-top:30px;
	font-family: 'Roboto', arial;
}
	
.topmenu li{
	color:#444;
	font-size:22px;
	float:left;
	text-decoration:none;
	list-style:none;
	padding:20px;
}

.topmenu   .active{
	font-weight:bold;
}

.topmenu2 {
	width:100%;
	float:right;
	clear:both;
	margin-top:10px;
	font-family: 'Roboto', arial;
}
.topmenu2 li{
	color:#444;
	font-size:16px;
	float:left;
	text-decoration:none;
	list-style:none;
	padding:15px;
	border:1px solid #fafafa;
	border-radius:10px;
}
.topmenu2  .active{
	font-weight:bold;
}
	
.obj-item{

	height:250px;
	background-size:cover;
	background-position:center center;
	/* margin-top:20px; */
	font-family: 'Roboto', arial;
	/* border-radius:0 0 15px 15px; */
	box-shadow:1px 1px 7px #ccc;
}

.pelena{
	width:100%;
	height:100%;
	background: rgba(70, 70, 100,.9);
	padding:15px;
	color:#fff;
	font-size:17px;
	transition: opacity 1s;
	opacity:0;
	/* border-radius:0 0 15px 15px; */
	cursor:pointer;
}

.pelena:hover{
	opacity:1;
}

.pelena .peresntation{
	font-size:20px;
	bottom:50px;
	margin-left:20px;
	position:absolute;
}
.pelena  a, .pelena  a:hover{
	color:#fff;
	display:block;
}


.obj_title{
	background: #2696d4;
    color: #fff;
    height: 30px;
    position: absolute;
    width: 100%;
    margin-right: 19px;
    position: relative;
    margin-top: 25px;
    font-size: 20px;
    text-align: center;
	border-radius:15px 15px 0 0;
	box-shadow:1px 1px 7px #ccc;
}

.obj_bottom{
	background: #2696d4;
    color: #fff;
    height: 30px;
    position: absolute;
    width: 100%;
    margin-right: 19px;
    position: relative;
    overflow: hidden;
    font-size: 18px;
    text-align: center;
	border-radius:0 0 15px 15px;
	box-shadow:1px 1px 7px #ccc;
}


.slider_obj{
	height:300px;
	margin-top:20px;
}

.slider_obj div img{
	max-width:100%;
	max-height:100%;
	padding:0 10px;
}


.next {
  width: 20px;
  height: 97px;
  background: url("../img/sl_r.png");
  position: absolute;
  top: 100px;
  right: -50px;
  cursor: pointer; }

.prev {
  width: 20px;
  height: 97px;
  background: url("../img/sl_l.png");
  position: absolute;
  top: 100px;
  left: -50px;
  cursor: pointer; }
	
	
.obj_txt	{
	font-family: 'Roboto', arial;
	color:#444;
	font-size:14px;
}

.obj h2{
	padding:20px 0;
	font-family: 'Roboto', arial;
	font-size:26px;
	color:#777;
}

.obj_opt{
	font-family: 'Roboto', arial;
	font-size:14px;
}

.obj_opt span{
	color:#444;
	font-weight:bold;
}

.obj_obj h3{
	text-align:center;
	margin:15px 0;
}
	.obj_obj{
	font-family: 'Roboto', arial;
	
}
	
.obj_obj table tr td  a{
	display:block;
	width:100%;
	color:#444;
}

.video{
	background:url('../img/video.png')no-repeat;
	width:904px;
	height:607px;
	margin:0 auto;
	text-align:center;
	padding-left: 36px;
    padding-top: 99px;
}

.news_item{
	clear: both;
	margin-top: 30px;
	margin-bottom:40px;
	
}

.news_img {
    height:100%;
	/* width: 300px; */
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
    /* border: 1px solid #ddd; */
    float: left;
	max-height:200px;
	/* overflow:hidden; */
}

.ti {
    height: 150px;
    margin: 15px 0;
}	
	
	.bg-usl{
	padding-top:3px;

	color:#fff;
	text-align:center;
	font-family: 'Roboto', arial;
	border-radius:10px;
}
.bg-usl 	a{
	color:#fff;
}
.bg-usl 	a:hover{
	color:#fff;
	text-decoration:none;
}
.bg-usl h3{
	margin-top:10px;
}

.bg-usl img{
	width:100%;
	/* padding-top:10px; */
	/* margin-left:10%; */
}
.bg-usl ul{
	padding:10px;
	padding-left:30px;
}
.bg-usl li{
	text-align:left;
	font-size:16px;
	font-family: 'Roboto', arial;
}
	
	
.forma {
  width: 330px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  padding: 25px;
  position: relative; }
  .forma header {
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px; }
    .forma header p {
      display: block;
      font-weight: 400;
      text-transform: none;
      font-size: 14px;
      margin: 10px 0 15px; }
  .forma label {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #3d3d3d;
    display: block;
    margin-bottom: 2px; }
  .forma input {
    width: 100%;
    height: 43px;
    border: 1px solid #bababa;
    box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.14);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 13px; }
  .forma footer {
    font-size: 13px;
    color: #888;
    text-align: center;
    margin-top: 10px; }

	
	
	
#mailer{
	padding:20px 0px;
	background:#f1f1f1;
	
}
	
#mailer	.btn_call{
	
	
}
	
	
	
/*TRUBKA*/
#popup__toggle{bottom:25px;right:10px;position:fixed;}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(../img/trubka.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}