*,*:before,*:after{
	box-sizing:border-box;
}
body{
background-color:#22282e;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#fff;
box-sizing:border-box;
font-size:18px;
	}
	
.container_topbar{
	justify-content:space-between;
	display:flex;
	height:8.8vh;
	align-items:center;
	flex-direction:column;
}
.header-logo h3{
	display:none;
	font-family: "Times New Roman";
    font-weight: bold;
	margin: 10px auto;
	color: #28235b;
	font-size: 11px;
}
.header-logo h2{
	margin: 0 auto;
	font-size: 12px;
	color: #28235b;
	font-weight: bold;
	margin: 4px auto;
	display: none;
}

.img-text-title h5{
	display: none;
	margin-bottom: 3rem;
     color: #4BD3E0;
    font-size: 30px;
	font-family: 'Great Vibes', cursive;
	margin-top: -100px;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,.5);
  }
  .modal__dialog {
	max-width: 500px;
	margin: 40px auto;
  }
  .modal__content {
	position: relative;
	width: 100%;
	padding: 40px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 4px;
	max-height: 80vh;
	overflow-y: auto;
  }
  .modal__close {
	position: absolute;
	top: 8px;
	right: 14px;
	font-size: 30px;
	color: #000;
	opacity: .5;
	font-weight: 700;
	border: none;
	background-color: transparent;
	cursor: pointer;
  }
  .modal__title {
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	color: #000;
  }
  .modal__input {
	display: block;
	margin: 20px auto 20px auto;
	width: 280px;
	height: 50px;
	background: #fff;
	box-shadow: 0 4px 15px rgb(0 0 0 / 20%);
	border: none;
	font-size: 18px;
	text-align: center;
	padding: 0 20px;
	outline: 0;
  }
  .modal .btn {
	display: block;
	width: 280px;
	margin: 0 auto;
  }
  .btn_min {
	height: 50px;
  }
  .btn_dark {
	background-color: #303030;
	color: #fff;
	border: none;
  }
  .modal-panel{
	display: none;
  }

.topbar{
    background-color:#22282e;
    color:#999;
    width:90%;
	justify-content:space-between;
	display:flex;
	align-items:center;
	height:8.8vh;
}
.topbar a{
	font-size:24px;
	text-decoration:none;
	color:#ABAFB2;
	margin-right:2rem;
}
.topbar-icon_conact{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;

}
.topbar-phones-number span{
    color:#ABAFB2;
}
.topbar-phones{
	align-items:center;
}
.topbar-mail{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:23%;
}
.topbar-icon_conact li{
	display:flex;
	justify-content:space-between;
	font-size:18px;
	}
.header{
    display:flex;
    background:#fff;
    z-index:2;
	justify-content:space-between;
	align-items:center;
	padding:0 5%;
	border:0px solid yellow;
}
.logo{
height:9vh;
max-width: 500px;
padding: 14px;
}
ul.nav{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-left:2rem;
}
.nav_link{
	text-decoration:none;
	text-transform:uppercase;
	transition:color .2s linear;
	vertical-align:top;
	color:#1970cc;
	position:relative;
}
ul.nav li{
		color:#fff;
		font-size:16px;
		margin-left:2rem;
		font-family:'Roboto', sans-serif;
}
.nav_link:after{
	content:"";
	display:block;
	width:100%;
	height:5px;
	position:absolute;
	top:348%;
	left:0%;
	opacity:0;
	z-index:1;
	background-color:#00e4e4;
	transition:opacity,top .8s linear;
}
.nav_link:hover::after{
	color:#00e4e4;
	opacity:1;
	top:200%;
}
.nav_link:hover{
	color: gray;
	text-decoration:none;
	font-family:'Roboto', sans-serif;
	font-size:16px;
}
.lines{ 
    border-bottom: 13px double black; 
    border-top:  4px solid black; 
    content:"";
    height: 23px; 
    width:30px;
	display:none;
}

.slider-block{
    display:flex;
    height:90vh;
    background:url(../img/slider-repair.jpg) no-repeat center/cover;
	background-position: 0px 0;
	z-index:2;
	justify-content:space-between;

}
.read_full{
display:none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
}
.slider-text{
	width:90%;

	}
	.get_you{
		display: none;
		text-align: center;
		color: #000;
		font-size: 30px;
	}
.img-text-title{
	display:flex;
	
}
.img-text-title img{
	width:120px;
	height:105px;
	margin-top:9px;
}
.slider-text h1{
	font-size:52px;
	 width:100%;
	font-family:  Arial, sans-serif;
text-align: right;
margin-top: 214px;
padding-right: 70px;
text-transform: uppercase;
background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #fff;
display: table;

}
.slider-text p{
	font-family: 'Raleway', sans-serif;
	font-size:35px;
	font-weight:bold;
	width:100%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.2;
	margin-top:1.7rem;
	margin-left: 60px;
	background: #fff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #0B2349;
display: table;
}
.button_blue{
	margin:1.9rem 0;
	padding:.6rem 1.8rem;	
	background:#1665ab;
	font-size:19px;
	color:#fff;
	text-decoration:none;
	margin-top: 10px;
	border-radius: 30px;
	margin-left: 70px;

}
.button_red{
	margin:1.9rem 0;
	padding:.6rem .6rem;	
	background-color:#BF2A23;
	font-size:19px;
	color:#fff;
	text-decoration:none;
	border: none;
	display: none;
	
}
.content{
	background-color:#163C4F;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.row_breakage_device{
	display:flex;
	color:#000;
	background-color: #000;
	margin:-5rem auto;
	position:relative;
	width:90%;
	background-image: url(../img/footer-img.png);
	background-repeat: no-repeat;
}
.hid{
	display:none;
}
#side-checkbox {
	display: none;
}
.modal-panel{
	position: fixed;
	z-index: 999999;
	top: 0;
	right: -360px;
	background: #ffffff;
	transition: all 0.5s;   
	width: 280px;
	height: 100vh;
	color: #FFF;
	padding: 40px 20px;
	display: block;
}
  .menu-toggle{
	display:block;
	cursor: pointer;
  } 
.select_device{
	width:332px;
	border:1px solid #E1E3DE;
	padding:24px 0 0 24px;
	background:#536872;
	opacity: 0.8;
}
.price_breakage{
	padding:21px;
	border:1px solid #E1E3DE;
	padding-bottom:40px;	
	background:#536872;
	opacity: 0.8;
}
.device_title,.title_price,.device_breakage{
	font-size:14px;
	font-family: 'Helvetica', sans-serif;
	font-weight:bold;
	background-color:#2080d3;
	text-align:left;
	color:#FDFDFD;
	border:1px solid #E1E3DE;
	text-transform:uppercase;
	padding:.7rem;
	align-items:center;
	margin-right:19px;
}
.title_price{
	margin-right:0px;
	margin-top:3px;
}
.menu_model{
	text-align:left;
	margin-left:10px;
	margin-top:15px;
	overflow-y: scroll;
	height: 300px;
}
.menu_model li{
	width:260px;
}


.model_link,.model_link_active{
	display:inline-block;
	text-decoration:none;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height:1.7;
    color: #fff;
	width:220px;
	}

.model_link_active{
	color: #7bc2ff;
}
.arrow{
margin-left:6px;
}

.discription-breakage{
	margin:22px 0 8px 1px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
	color:#fff;
	line-height: 1.4;
}
.table_price_breakage{
	margin-top:10px;
	
}
tr td{
	border:1px solid #E1E3DE;
	text-align:center;	
	vertical-align:middle;
	color:#fff;
	padding:0 5px;
}
.order{
	text-decoration:none;
	color: #fff;
	padding-top:9px;
}
.table-discription{
	width:288px;
    vertical-align:center;
	text-align:left;
	padding:7px 14px;
	line-height: 1.4;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
	color:#fff;
}
.content-logo{
margin:183px auto;
}
.table-content-repair{
	margin:187px auto;
	text-align:center;
}
.table-content-repair h2{
	font-size:44px;
    color:#fff;	
	line-height:2.3;
	font-weight:300;
	font-family: 'Raleway', sans-serif;
}
.table-content-repair p{
	font-size:16px;
    color:#fff;	
	line-height:1.4;
	width:50rem;
    display:inline-block;
}

.content-mini-img span::before{
	content:"";
	width:50px;
	height:1px;
	background-color: #DDDDDD;
	vertical-align:center;
	margin-right:20px;
	margin-top:20px;
	display:inline-block;
}
.content-mini-img span::after{
	content:"";
	width:50px;
    height:1px;
	background-color: #DDDDDD;
	display:inline-block;
	margin-left:30px;
	margin-top:20px;
	vertical-align:center;
}
.content-mini-img{
	background:url(../img/technical-tools.png) no-repeat center;
	height:41px;
	margin:25px auto 25px auto;
	
}
.repair_tags{
	display:flex;	
	justify-content:center;
	padding:1.2rem;
}
.repair-tag{
	width:292px;
	text-align:center;
	padding:0.5rem;
	margin-right:.4rem;
}
.repair-tag h3{
	color:#fff;
	font:bold 19px Helvetica,sans-serif;
	line-height:3;
}
.repair-tag p{
	display:inline-block;
	width:100%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.5;
	padding:0.7rem;
}
.increase{
    width:260px;
    overflow:hidden;
    height:174px;
}
.hidden{
	display: none;
}
.increase img{
  transition: all 1s ease-out;
  width:250px;
  height:250px;
}
.increase img:hover{
 transform: scale(1.2);
}
.read-btn{
	border:2px solid #fff;
	background-color:#fff;
	width:120px;
	height:40px;
	margin:1rem auto;
	text-transform:uppercase;
}
.read-btn:hover{
	background-color:#00427C;
	color:#fff;
	cursor:pointer;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.featured-offers{
	background-color:#22282E;
	text-align:center;

}
.featured-offers h2{
	font-size:44px;
	text-transform:uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:60px;
	
}
.featured-offers p{
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}
.block-main-feature{
	justify-content:space-between;
	align-items:center;
	display:flex;
	width:90%;
	margin:5% auto;
}
.col-sale-block{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-around;
	width:44%;
	height:100vh;
}
.sale-block-left{
	background-color:#FFFFFF;
	width:100%;
    color: #22282e;
	height:30vh;
	padding:1.6rem;
	text-align:left;
	position:relative;
	transition-duration: .3s;	  
}
.sale-block-left:hover{
    transform:scale(1.01);
}
.sale-block-left h4{
	color: #000;
	line-height:1.8;
	font-size:18px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
}
.sale-block-left p{
    color: #545454;
	font-size:16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.4;
}
.sale-block-left span{
    padding:0.7rem;
    background-color:#019191;
    color:#fff;
	margin-left:112px;
	position:absolute;
	bottom:0;
	right:0;
}
.future-img{
	width:50%;
	height:60vh;
	background:url(../img/telephone.png) no-repeat center/cover;
	position:relative;
	background-size: contain;
}
.future-img span{
    position:absolute;
	border-radius:100px;
	background-color:yellow;
	width:4vh;
	height:4vh;
	color:#000;
	z-index:10;
	text-align:center;
	font-size:27px;
	
}
.place-icon-1{
	top:32px;
	left:212px;
}
.place-icon-2{
    top: 245px;
    right: 102px;
}
.place-icon-3{
	top: 156px;
    right: 102px;
}
.place-icon-4{
	bottom: 143px;
    left: 173px;
}
.place-icon-5{
	top:172px;
	left:132px;
}
.place-icon-6{
	bottom:1px;
	left:122px;
}

.repair-text{
	opacity: 0.8;

	background-color:#163C4F;
	width:40%;
}
.repair-text h3{
    font-size: 44px;
    color: #fff;
    font-weight: 300;
    font-family: 'Raleway', sans-serif;
	text-align:left;
	padding:0.7rem;
}
.repair-text p{
    font-size: 15px;
    font-family: 'Raleway', sans-serif;
	line-height:1.3;
	text-align:left;
	color: #fff;
	padding:0.7rem;
}
.repair-text ul{
display:flex;
flex-direction:column;
margin-top:2rem;
	
}
.repair-text li{
	font-size: 18px;
	padding:4px;
	font-family: Tahoma, sans-serif;
	color: #FFF;
	margin-top:0.5rem;
}
.repair-text ul li img{
	width:20px;
	height:20px;
	background-position:center;	
}
.video-content-img span::after{
    content:"";	
	width:40px;
    height:1px;
	background-color: #fff;
	display:inline-block;
	margin-left:40px;
	margin-top:20px;
	vertical-align:center;
}
.video-content-img span::before{
    content:"";
	width:40px;
    height:1px;
	background-color: #fff;
	display:inline-block;
	margin-top:20px;
	vertical-align:center;
}
.video-content{
	display:flex;
	align-items:center;
	justify-content:space-around;
	padding:40px 40px;
	background-color: #163C4F;
}
.content-video-repair{
width:400px;
height: 400px;
border: 2px solid #019191;
border-radius:200px;
z-index: 10;
display: block;
background-color: seashell;
background:url(http://i1.ytimg.com/vi/5xtHXjSDtB8/maxresdefault.jpg);
}
.video-content_movie{
	margin: 23px 23px;
}
.play{
	display: block;
	width: 200px;
	height: 200px;
	z-index: 50;
	background:url(../img/play.png) no-repeat;
	margin: 100px auto;
}
.video-youtube{	
	width:544px;
	height:444px;
}
.video-content-img{
	background:url(../img/img_mini_tools.png) no-repeat 44px 0px;
	height:41px;
}
.blue-block{
	background-color:#536872;
	opacity:0.98;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:5rem;

}
.steps{
	width:333px;
	text-align:left;
	
}
.steps h5{
	font-size:44px;
	
}
.steps span{
	width:50px;
	height:1px;
	background-color:#fff;	
	display:inline-block; 
 	margin:14px 0 22px 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.2;
}
.steps p{
	font-size:14px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:1.6;
}
.step,.step_third{
	width:263px;
	text-align:center;
	background:url(../img/arrow-step.png) no-repeat 195px 75px;
	
}

.header-logo{
    text-align: center;
}
.step_third{
	background:none;
}
.icon-step{
	width:40px;
	height:40px;
	background-color:#019191;
	opacity:0.7;
	border-radius:40px;
	padding-top:10px;
}
.icon-step span{
	font-size:16px;
    font-weight:bold;
	height:4px;
}
.step img,.step_third img{
margin-top:-8px;
}
.step h5,.step_third h5{
	font-size:22px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top:20px;
	line-height:1.2;
}
.info-column-icon{
	width:120px;
	height:120px;
    border-radius:100px;	
	background-color:#fff;
	margin:5px auto;
	
}
.block-genuine-parts,.qustions{
	display:flex;
	align-items:center;
	padding:1.5rem 0;
}
.block-genuine-parts{
	background:url(../img/fon_genius.jpg);
	background-size:  cover;
	width:100%;
}

.text-genuine-parts{
    color:#545454;	
    width:50%;
    padding:1rem

	
}
.line-logo{
	background: url(../img/img_mini_tools.png) no-repeat;
	height:40px;
}

.text-genuine-parts span::after{
    content:"";	
	width:70px;
    height:2px;
	background-color: #FFC505;
	display:inline-block;
	vertical-align:center;
	margin-top:35px;
}
	.text-genuine-parts h2{
	color:#00e4e4;	
	font-size:33px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	margin-bottom:15px;
	}
	.text-genuine-parts h3{
		color:#00e4e4;	
		font-size:33px;
		font-family: 'Raleway', sans-serif;
		font-weight: 300;
		margin-bottom:15px;
		}
	.text-genuine-parts h5{
	color:rgb(22, 13, 145);	
	font-size:20px;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	line-height:3.9;
	}
	.text-genuine-parts h6{
		color:#00e4e4;
		font-size:20px;
		font-family: 'Raleway', sans-serif;
		font-weight: bold;
		line-height:3.9;
		}
	.text-genuine-parts p{
	color:#fff;	
	font-size:19px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	line-height:1.3;
	}
	ul.repair-info{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1rem;
	text-align:center;
	}
	ul.repair-info h6{
	color:#fff;
	font-weight:bold;
	font-size:38px;
	margin-top:200px;

;
	}
	ul.repair-info p{
	color:#fff;
	font-size:17px;
	}
	.block-genuine-parts img{
	margin-top:180px;	
	}
	.block-quastions-form{
	width:534px;
	height:830px;
	background:#00427C;	
	border-radius:20px;
	text-align:center;
	position:relative;
	z-index:2; 	
	padding-bottom:30px;
	}
	.qustions{
	background:#163C4F;	
	}
	.block-quastions-form h2{
    font-size:44px;
	padding:2rem;
	line-height:1.5;
	}
	.block-quastions-form input{
	width:85%;	
	height:13%;
    background-color:none; 	
	border-bottom:1px solid #fff;
	background-color:#00427C;
	border-top:none;
	border-left:none;
	border-right:none;
	color:#fff;
	font-family:'Raleway', sans-serif;
	font-size:17px;
	font-weight:bold;
	}
	.block-quastions-form textarea{
	width:85%;	
    height:20%;	
	background-color:#2D363E;
	padding-top:40px;
	font-family: 'Raleway', sans-serif;
	color:#fff;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #fff;
	font-size:17px;
	font-weight:bold;
	resize: none; 
	}
	.block-quastions-form textarea:focus{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #fff;
	}
	input.button-submit{
	height:40px;	
	border:2px solid #00e4e4;	
	margin-top:1rem;
	font-size: 19px;
	transition-duration: .3s;	
	}
	input.button-submit:hover{
    background: linear-gradient(to top, #00e4e4, #00e4e4);
    font-size: 19px;
    color: #fff;	
	}
	.block-quastions-form p{
	margin-top:2rem;	
	font-size: 18px;	
	}
	.block-comments{
	background-color:#001921;
    padding: 50px 10px;
    display:flex;
    width:100%;	
   	align-items:center;
	justify-content:space-around;
	border-bottom:1px solid #545454;
	}
	.comment{
	width:357px;
    height:172px;
    background-color:#365962;	
	opacity: 0.8;
	padding:1.5rem;
	}
	.comment p{
	font-size: 19px;
    color: #fff;	
	line-height:1.4;
	}
	.rectangle{
	background: url(../img/rectangle-white.png)no-repeat 10px 0px;
    display:inline-block;	
	}
	.rectangle p{
	font-size: 18px;
    line-height:1.5;
    margin-top:15px	
	}
	.rectangle h2{
	font-size: 14px;	
	line-height:1.5;
    color: #545454;	
	}
	.footer{
	width:100%;
	background:#163C4F;
	display:flex;
	align-items:center;
	justify-content:space-around;
	padding:3rem
	}	
	.footer img{
	height:15vh;	
	display:inline-block;
max-width: 500px;
padding: 14px 0;
	}
	.location{
	width:30%;	
	}
	.location h6{
	font-size: 18px;
    line-height:1.5;
	color:#fff;
	font-family:'Raleway', sans-serif;
    margin-top:15px;
	}
	.location p{
	font-size: 18px;
    line-height:1.5;
	color:#fff;
	font-family:'Raleway', sans-serif;
	font-weight:bold;
	}
	.bottom-toolbar{
	height:10vh;
    background:#181E22;
	width:100%;
    text-align:center;
	padding-top:1.3rem;
	}
	.adress{
	width:340px;	
	height:40px;
	background:url(../img/home.png)no-repeat 2px 0px;
	margin-top:5px;
	}
	.adress p{
	line-height:2.3;
    margin-left:40px;	
	}
	.tel{
	width:340px;	
	height:40px;
	background:url(../img/tel.png)no-repeat 2px 2px;
	margin-top:5px;
	}
	.tel p{
	line-height:2.3;
	margin-left:40px;		
	}
	.time-work{
	width:340px;	
	height:40px;
	background:url(../img/clock.png)no-repeat 2px 2px;
	margin-top:5px;
	}
	.time-work p{
	line-height:2.3;	
	margin-left:40px;	
	}
	.footer-repair-service,.footer-news{
	display:flex;	
	justify-content:space-around;
    flex-direction:column;	
	height:50vh;
	width:308px;
	padding:0 2rem;
	}
	.footer-repair-service li h3,.footer-news li h3{
	color:#fff;
	font-size:22px;
	font-family:'Raleway', sans-serif;
	border-bottom:1px solid #fff;
	font-weight:bold;
	padding-bottom:1rem
	}
    .footer-repair-service{
	padding-top:0.6rem;	
	}
	
	.footer-repair-service li,.footer-news li{
	font-family:'Raleway', sans-serif;
    font-size:19px;	
	color:#fff;
	font-weight:bold;
	}
	.footer-nav{
	display:flex; 	 
	justify-content:space-between;
	padding:0 3rem;
	}