@font-face {
    font-family: journalism2; /* Имя шрифта */
    src: url(fonts/journalism2.ttf); /* Путь к файлу со шрифтом */
   }


body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	box-sizing: border-box;
	min-height: 5000px;	
    font-family: 'Helvetica Neue Condensed Black';
}

#left-table-listener td:hover, #right-table-listener td:hover{
	background:#7C7CE4;
	color: #fff;	

}

h2{font-size: 30px;
text-transform: uppercase;
}
h3{font-size: 20px;}
h4{font-size: 18px;}
h5, p{font-size: 12px;}
.btn{
	border-radius:10px;
	width: 200px;
	height: 45px;	
	color: #fff;	
	background: linear-gradient( to bottom,#9D1818,#ED1414);
	font-size: 12px ; 
}
.btn:hover{
	background: rgba(106,90,205, .8);
}
#navbar{
    position: top fixed;
	top:0px;
	left:0%;
	z-index: 1;
	width: 100%;
	-webkit-transition: .7s ease-in-out;
	transition: .7s ease-in-out;
}

.navbar-nav li a{
    margin-left: 40px;
    text-transform: uppercase;
}
.navbar-nav li a:hover{
   color:#fff;
}
#navbarTogglerDemo01 ul li a:hover{
   background:  #9D1B2A;
   color:#fff;
   -webkit-transition: .2s ease-in-out;
}
/* ============header============*/

#header_bottom_listing p{
	height: auto;	
	color:#fff;	
	/*font-weight: bold;*/	
	font-size: 18px;	
	font-family: 'Helvetica Neue Condensed Black';	
	padding: 10px 10px;
}

#header_bottom_listing{
    margin-top: 30px;	
	line-height: 40px;
}
#items1{
background: rgba(255,140,0,.8);
}
#items2{
background: rgba(139,0,0,.8);
}
#items3{
background: rgba(34,139,34,.8);

}
#items4{
background: rgba(139,69,19,.8);
}

/*=========header============*/
.carousel-item .carousel-caption {
	margin-bottom: 12%;
}
.carousel-caption h5{
	font-size: 270%;	
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Helvetica Neue Condensed Black';
	color:#A52A2A;
	width: auto;

}
.carousel-caption p{	
	font-size: 150%;
    font-family: 'Helvetica Neue Condensed Black';
    color:#A52A2A;
    font-weight: bold;
    text-transform: uppercase;
   
}
/* ============block banner================*/

#title_priority{
	background: url(../images/img_bg/bg_title2.png) no-repeat center;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#000;
	font-family: 'Helvetica Neue Condensed Black';	
	margin-bottom: 60px;
	
}
figcaption h4{
 	width: auto;
	color: #fff;	
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 20px;
	padding-bottom: 20px;

}
#fb-priority figure {
max-height: 180px;
background: rgba(37,55,70,.8);
}
#fb-priority{	
	min-height: 200px;	
	margin-bottom: 60px;	
	padding-top: 20px;
	box-shadow: 0 0 5px #747474;	
}

#wrap_banner{   
    position: absolute;	
	top:45%;
    min-height: 250px;	
	left:8%;
	z-index: 1;
	-webkit-transition: .7s ease-in-out;
	transition: .7s ease-in-out;
	
	
	
}
#banner{	
	-webkit-transition: .7s ease-in-out;	
	min-height: 150px;		
	background: url(../images/img_bg/banner_bg.jpg) no-repeat center;
	transition: .7s ease-in-out;
}
.timer-text{
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 20px;
    margin-bottom: 10px; 
    color: #fff;
    font-weight: bold; 
    font-family: 'Helvetica Neue Condensed Black';

}
.gitbox{
	position: absolute;
	top: 22%;
	left:28%;
	z-index: 1;
	transition: .7s ease-in-out;
}
#button_banner{
	margin-top: 10px;
	z-index: 1;	
}
.button_baner_callback{
	width: 200px;
	height: 40px;
	font-size: 12px;
	background: linear-gradient( to bottom,#9D1818,#ED1414); 
	color:#fff;
	text-transform: uppercase;
}
.button_baner_callback:hover{
		background:#7C7CE4;
		

}
/*================================================*/
@media  (max-width: 578px){
    .navbar-brand img{
    width:80%;
    margin-left:-20px;
    }
    #wrap_banner{
        display:none;
    }
    .carousel-item .carousel-caption{
        margin-bottom:-7%;
      
    }
     .carousel-caption h5{
        font-size:100%;
        line-height:1;
        
    }
     .carousel-caption p{
       font-size:70%;
       margin-top:-10px;
       line-height:1;
    }
	.gitbox{
		top:18%;
		left:-20%;
	}
	#title_priority,#price_work h2,#price_tkani h2,#work_just_title{
		font-size: 20px;
	}
	#header_title>h1{
		margin-left: -20px;
		font-size: 30px;
		text-shadow: none;
		color:#fff;		
	}

	.header{
		max-height: auto;
	}
	#button_banner{	
	margin-top: 0px;
	
   }

    #header_bottom_listing p{	
	margin-top: 20px;
	font-size: 14px;	
	font-family: 'Helvetica Neue Condensed Black';
  }
  /*.table th {*/
  /*    font-size:60%;*/
  /*}*/
  /* .table td{*/
  /*    font-size:60%;*/
  /*}*/
  /*#price-work .text-center{*/
  /*    font-size:60%;*/
  /*}*/
  /*.loop-action p{*/
  /*    font-size:90% !important;*/
  /*}*/
 
}
/*=========price_work================*/
#price_work{
	min-height: 800px;
	margin-bottom: 60px;	
	background: #EDEDED;
}
#price_work h2{
	background: url(../images/img_bg/bg_title2.png) no-repeat center;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#000;
	font-family: 'Helvetica Neue Condensed Black';
	
}
#layer-bottom{
	height: 400px;
}


.table{	
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

#price_work_row_top{
	min-height: 260px;
}
#price_work_row_top>.col-md3{
	max-height: 220px;
}
#price_work_row_bottom{
	min-height: 260px;
	margin-bottom: 30px;

}
#title-mechanism{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;

}
.el-img{
	margin-top: 15px;
}
.el-img img:hover{
	transform: scale(1.1);
	transition: .3s ease-in-out;
	z-index: 1;
}

/*========animation img========*/
.board {  
  margin: 0 auto; 
  padding: 10px;
 
}
.wrap {
  height: 100%;
  position: relative;
 }
.product-wrap {
	position: relative;
}
.product-wrap:after {
  content: '';
  background: rgba(73, 102, 162, .5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  transform: scale(.3);
  transition: .3s ease-in-out;
}
.board:hover .product-wrap:after {
  opacity: 1;
  transform: scale(1);
}
.product-wrap p {
  display: block;
  text-decoration: none;
}

.loop-action {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: .3s ease-in-out;
}
.board:hover .loop-action {opacity: 1;}
.loop-action p {
  text-decoration: none;
  display: block;
  border: 1px solid white;
  white-space: nowrap;
  text-transform: uppercase;
  padding: .5em 1em;
  font-size: 14px;
  line-height: 1.6;
  outline: none;
  position: relative;
  overflow: hidden;
  text-align: center;
  color: white;
  min-width: 160px;
  margin: 5px auto;
  transition: .3s ease-in-out;
}
.loop-action p:after {
  content: '';
  text-decoration: none;
  position: absolute;
  left: -220%;
  top: -500%;
  width: 140%;
  height: 1000%;
  transform: rotate(45deg);
  background: white;
  z-index: -1;
  transition: .4s ease-in-out;
}
.loop-action p:hover {color: black;}
.loop-action p:hover:after {left: 0%;}
.board:hover {border-color: #4966A2;}
.product-info {padding-top: 15px;}
.stars {
  font-size: 14px;
  font-family: FontAwesome;
}
.stars:before {
  content: "\f005\f005\f005\f005\f123";
  color: #F2453E;
}
.product-title {
  font-weight: normal;
  font-family: "Open Sans";
  color: #162546;
  font-size: 18px;
}
.price {
  font-family: "Open Sans";
  color: #162546;
  font-style: italic;
  font-weight: bold;
}
/*=========price-tkani===============*/

#price_tkani{
	height: auto;
	margin-bottom: 100px;
	background: #EDEDED;
}
#price_tkani h2{
	background: url(../images/img_bg/bg_title2.png) no-repeat center;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#000;
	font-family: 'Helvetica Neue Condensed Black';
}
#disc_price_tkani p{	
	
font-size: 14px;
}
#textboxprt{
	min-height: 120px;
	
}
#textboxprt p{
	font-size: 14px;	
	text-align: left;
}
#button-lbm{
	width: 100%;
}
/* how to work*/
.row1,.row4,
.row2,
.row3,.row5,.row6{
	margin-top: 20px;

	
}
.row1>span{
	background: rgba(255,140,0,.8);
}
.row2>span{
	background: rgba(34,139,34,.8);
}
.row3>span{
	background: rgba(179,78,233,.8);
}
.row4>span{
	background: rgba(139,0,0,.8);
}
.row5>span{
	background: rgba(253,99,71,.8);
}
.row6>span{
	background: rgba(139,69,19,.8);
}
#workselect span{
	text-transform: uppercase;	
	font-size: 12px;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;	
	font-weight: bold;	

}
#workselect{
	margin-top: 60px;	
	min-height: 550px;
	background: rgba(37,55,70,.8);
	background-size: cover;
}
@media (max-width: 760px){
	#workselect span{
	text-transform: none;	
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	}
	#workselect_title{
		font-size: 18px;
	}
	 .row1 >img{
		width: 70px;
	}
	 .row2 >img{
		width: 70px;
	}
	 .row3 >img{
		width: 70px;
	}
	 .row4 >img{
		width: 70px;
	}
	 .row5 >img{
		width: 70px;
	}
	 .row6 >img{
		width: 70px;
	}
	
}

#workselect_title{
	background: url(../images/img_bg/bg_title2.png) no-repeat center;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#000;
	font-family: 'Helvetica Neue Condensed Black';
	
	
}
#form_workselect{
	min-height: 300px;
	padding: 20px;	
	color: #fff;
}
.gitbox2{
	position: absolute;
	top:-70%;
	left:15%;
	z-index:99999;
	transition: .3 ease-in-out;
}

#article{
	min-height: 300px;
}

#content-rigth{
	padding: 20px;
	
}
#content-box{
	margin-top: 60px;
}
article p{
	font-size: 14px;
}
#content-rigth:hover{
	box-shadow: 0 0 4px #747474;
}
#section-content{
	padding: 20px;
	
}
#section-content:hover{
	box-shadow: 0 0 4px #747474;

}
.footer{
	margin-top: 60px;
	width: 100%;
}
.footer-content{
	background: rgba(37,55,70,.8);
	padding-top: 20px;
	color: #fff;
}
.form-control input placeholder{
	font-size: 8px;
}