.top_image
{
	display: block;
	width: 1129px;
	max-width: calc(100% - 30px);
	margin: 0 auto;
}

#row1 .title
{
	display: table;
	margin: 0 auto;
}

#row1 .title img, #row1 .title h1
{
	float: left;
}

#row1 .title h1
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 36px;
	color: #25328B;
	margin: 0 10px;
}

#row1 .title img
{
	margin-top: 18px;
}

@media only screen and (max-width: 970px)
{
	#row1 .title img
	{
		display: none;
	}

	#row1 .title h1
	{
		float: none;
		width: 100%;
		max-width: calc(100% - 15px);
		margin: 0 auto;
		text-align: center;
	}
}

#cont_avantages_mp
{
	max-width: 854px;
	margin: 0 auto;
	position: relative;
}

#cont_avantages_mp .title .line
{
	width: 100%;
	height: 1px;
	background-color: #989898;
	position: absolute;
	top: 12px;
}


#cont_avantages_mp .container
{
	width: 333px;
	position: absolute;
	left: calc(50% - 166px);

}

@media only screen and (max-width: 370px)
{
	#cont_avantages_mp .container
	{
		width: 100%;
		left: 0;
	}
}

#cont_avantages_mp .card p
{
	line-height: 35px;
	font-size: 17px;
	color: #fff600;
	background-color: #0034ad;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: 600;
	margin-bottom: 20px;

}

#cont_avantages_mp .card .left
{
	margin-right: 15px;
}

#cont_avantages_mp .card .col_sep
{
	width: 0px;
}

@media only screen and (max-width: 860px)
{
	#cont_avantages_mp .card .col_sep
	{
		clear: both;
	}

	#cont_avantages_mp .card .right
	{
		float: left;
	}

	#cont_avantages_mp .card .col1
	{
		width: 500px;
		padding-left: 15px;
		margin: 0 auto;
	}

	#cont_avantages_mp .card .col2
	{
		padding-left: 15px;
		width: 370px;
		margin: 0 auto;
	}	
}

@media only screen and (max-width: 520px)
{
	#cont_avantages_mp .card p
	{
		width: calc(100% - 30px) !important;
		margin-right: 0 !important;
		margin-left: 15px;
		font-size: 15px;
	}

	#cont_avantages_mp .card .col1, #cont_avantages_mp .card .col2
	{
		width: 100%;
		padding: 0;
	}
}

#row1 .text
{
	text-align: center;
	max-width: calc(100% - 15px);
	margin: 0 auto;
}

#row2
{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 60px;
	background-color: #E5E4E4;
}

#row2 h2, #row3 h2
{
	width: 980px;
	margin: 0 auto;
	text-align: center;
	max-width: calc(100% - 15px);
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #252525;
}

.h2_subtitle
{
	width: 980px;
	max-width: calc(100% - 15px);
	text-align: center;
	margin: 0 auto;
	color: #0034ad;
	font-size: 15px;
}

.title_sep
{
	width: 99px;
	height: 1px;
	background-color: #0034ad;
	margin: 0 auto;
	margin-top: 15px;
}

.reparation_smartphone_scont3
{
	width: 100%;
	background-image: url('../images/reparation-smartphone/img_ban_mag.png');
	background-size: cover;
}

.reparation_smartphone_scont3 .container
{
	height: 86px;
	width: 670px;
	margin: 0 auto;
	background-color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.reparation_smartphone_scont3 .container p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	color: #252525;
	margin-left: 40px;
	margin-top: 16px;
	width: 280px;
}

.reparation_smartphone_scont3 .button
{
	background-color: #0034ad;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	height: 45px;
	width: 295px;
	margin-right: 10px;
	margin-top: 21px;
	/*text-align: center;*/
}

.reparation_smartphone_scont3 a:hover
{
	text-decoration: none;
}

.reparation_smartphone_scont3 .button p
{
	line-height: 45px;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	margin-left: 10px;
	margin-top: 0;
}

.reparation_smartphone_scont3 .button img
{
	position: absolute;
	right: 61px;
	top: 11px;
}

@media only screen and (max-width: 710px)
{
	.reparation_smartphone_scont3 .container
	{
		width: calc(100% - 30px);
		height: initial;
	}

	.reparation_smartphone_scont3 .container .left p
	{
		margin-left: 0;
		width: calc(100% - 30px);
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}

	.reparation_smartphone_scont3 .container .left, .reparation_smartphone_scont3 .container .right
	{
		width: 100%;
	}

	.reparation_smartphone_scont3 .container .button
	{
		width: 230px;
		margin: 21px auto;
	}

	.reparation_smartphone_scont3 .container .button p
	{
		margin-left: 30px;
		width: 200px;
	}

	.reparation_smartphone_scont3 .container .button img
	{
		right: 30px;
	}
}

#row3 .text
{
	width: calc(100% - 15px);
	text-align: center;
	margin: 0 auto;
}

#row4 .left, #row4 .right
{
	width: 460px;
}

#row4 .img_l
{
	float: left;
}

#row4 .img_r
{
	float: right;
}

@media only screen and (max-width: 990px)
{
	#row4
	{
		width: 460px;
		margin: 0 auto;
	}

	#row4 .left
	{
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 500px)
{
	#row4, #row4 .left, #row4 .right
	{
		width: 210px;
	}

	#row4 .img_l
	{
		margin-bottom: 20px;
	}
}

#reparation_smartphone_mere_cont8
{
	width: 100%;
	height: 177px;
	background-image: url('../images/reparation-smartphone-mere/fond_bn_tel.png');
	background-position: 50% 0px;
	background-repeat: no-repeat;
	background-color: #b9c0c6;
}

#reparation_smartphone_mere_cont8 .content
{
	max-width: 980px;
	margin: 0 auto;
}

#reparation_smartphone_mere_cont8 .title
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: black;
	width: 707px;
	text-align: center;
	padding-top: 40px;
	margin-left: 36px;
}

#reparation_smartphone_mere_cont8 .container
{
	position: relative;
	width: 707px;
	margin-left: 36px;
}

#reparation_smartphone_mere_cont8 .l_line
{
	width: 84px;
	height: 1px;
	position: absolute;
	background-color: #0034ad;
	top: 25px;
	left: 2px;
}

#reparation_smartphone_mere_cont8 .r_line
{
	width: 84px;
	height: 1px;
	position: absolute;
	background-color: #0034ad;
	top: 25px;
	right: 0;
}

#reparation_smartphone_mere_cont8 a
{
	width: 506px;
	height: 49px;
	background-color: #0034ad;
	text-align: center;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 25px;
	display: block;
	line-height: 49px;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}

#reparation_smartphone_mere_cont8 a:hover
{
	text-decoration: none;
}

#reparation_smartphone_mere_cont8 a img
{
	position: absolute;
	top: 16px;
	left: 268px;
}

@media only screen and (max-width: 920px)
{
	#reparation_smartphone_mere_cont8
	{
		background-image: none;
	}

	#reparation_smartphone_mere_cont8 .title, #reparation_smartphone_mere_cont8 .container
	{
		margin: 0 auto;
	}
}

#reparation_smartphone_mere_cont8 .resp_display
{
	display: none;
}

@media only screen and (max-width: 720px)
{
	#reparation_smartphone_mere_cont8 .l_line, #reparation_smartphone_mere_cont8 .r_line
	{
		display: none;
	}

	#reparation_smartphone_mere_cont8
	{
		height: initial;
		padding-bottom: 40px;
	}

	#reparation_smartphone_mere_cont8 .title
	{
		width: calc(100% - 15px);
	}

	#reparation_smartphone_mere_cont8 .norm_display
	{
		display: none;
	}

	#reparation_smartphone_mere_cont8 .resp_display
	{
		display: block;
		line-height: initial;
		padding: 8px;
	}

	#reparation_smartphone_mere_cont8 a, #reparation_smartphone_mere_cont8 .container
	{
		max-width: calc(100% - 30px);
		margin: 0 auto;
	}

	#reparation_smartphone_mere_cont8 a
	{
		height: initial;
	}
}

#row5 .title h3
{
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
	color: #25328B;
	font-weight: 400;
	text-align: center;
	max-width: calc(100% - 15px);
	margin: 0 auto;
}

#row5 .sub_cont
{
	position: relative;
	width: 952px;
	max-width: calc(100% - 30px);
	margin: 0 auto;
}

#row5 .sub_cont .line
{
	width: 100%;
	height: 1px;
	background-color: #e67076;
	position: absolute;
	top: 17px;
}

#row5 .sub_cont .subtitle
{
	color: #0034ad;
	font-size: 22px;
	text-align: center;
	width: calc(100% - 20px);
	padding: 0 10px;
	max-width: 489px;
	margin: 0 auto;
	background-color: #f6f6f6;
	position: relative;
	z-index: 1;
}

#row5 .col1
{
	width: 346px;
}

#row5 .col1 img
{
	margin-bottom: 70px;
}

#row5 .col2
{
	width: 490px;
	float: left;
	margin-left: 70px;
}

#row5 .container
{
	display: table;
	margin: 0 auto;
}

#row5 .scol1, #row5 .scol2
{
	width: 240px;
}

#row5 .card img
{
	float: left;
	margin-top: 3px;
}

#row5 .card
{
	margin-bottom: 20px;
}

#row5 .card .text_container
{
	float: right;
	width: 197px;
}

#row5 .card .title
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 16px;
	color: #252525;
	/*padding-bottom: 3px;*/
}

#row5 .right .scol2
{
	margin: 0;
	float: right;
}

#row5 .button
{
	margin-top: 15px;
}

@media only screen and (max-width: 930px)
{
	#row5 .col1, #row5 .col2
	{
		float: none;
	}

	#row5 .col1
	{
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	#row5 .col1 img
	{
		width: 32%;
		margin-bottom: 20px;
	}

	#row5 .mid_img
	{
		margin: 0 1%;
	}

	#row5 .col2
	{
		margin: 0 auto;
	}

	#row5 .col2 .text
	{
		text-align: center;
		max-width: calc(100% - 15px);
		margin: 0 auto;
	}
}

#row5 .scol_cont .scol2
{
	width: 100%;
}

#row5 .scol_cont .scol2 .text_container
{
	width: calc(100% - 45px);
}

@media only screen and (max-width: 520px)
{
	#row5 .right .scol1, #row5 .right .scol2
	{
		float: none;
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	#row5 .card .text_container
	{
		width: calc(100% - 45px);
	}

	#row5 .scol_cont
	{
		display: table;
		margin: 0 auto;
	}

	#row5 .button
	{
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	#row5 .col2
	{
		width: 100%;
	}

	#row5 .card
	{
		padding-top: 0 !important;
	}
}

@media only screen and (max-width: 460px)
{
	#row5 .col1 img
	{
		width: 250px;
		margin: 0 auto;
		margin-bottom: 20px;
		display: block;
	}
}

#row6
{
	width: 100%;
	height: 344px;
	background-image: url('../images/index/back_h4.png');
	background-color: #e5e4e4;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: relative;
}

#row6 .content
{
	max-width: 960px;
	margin: 0 auto;
}

#row6 .container
{
	width: 668px;
}

#row6 h3
{
	width: calc(100% - 15px);
	margin: 0 auto;
	text-align: center;
	color: #252525;
	font-family: 'Montserrat', sans-serif;
	font-size: 26px;
}

#row6 .desc
{
	width: calc(100% - 15px);
	margin: 0 auto;
	text-align: center;
}

#row6 .button_container
{
	width: 601px;
	background-color: #0034ad;
	position: relative;
	margin: 0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#row6 .button_container p
{
	color: magenta;
	font-family: 'Montserrat', sans-serif;
	font-size: 21px;
	margin-left: 35px;
}

#row6 .button_container img
{
	position: absolute;
	top: 18px;
	right: 45px;
}

#row6 a:hover
{
	text-decoration: none;
}

@media only screen and (max-width: 960px)
{
	#row6
	{
		background-image: none;
	}

	#row6 .container
	{
		width: calc(100% - 15px);
		margin: 0 auto;
	}
}

@media only screen and (max-width: 630px)
{
	#row6 .button_container
	{
		width: calc(100% - 30px);
		margin: 0 auto;
	}

	#row6 .button_container img
	{
		display: none;
	}

	#row6 .button_container p
	{
		text-align: center;
		width: calc(100% - 15%);
		margin: 0 auto;
	}

	#row6
	{
		height: initial;
		padding-bottom: 30px;
	}
}

#row7 h3
{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #252525;
	font-size: 30px;
	width: calc(100% - 15px);
	margin: 0 auto;
	text-align: center;
}

#row7 .h3_subtitle
{
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	color: #252525;
	text-align: center;
	width: calc(100% - 15px);
	margin: 0 auto;
}

#row7 .left
{
	width: 48%;
}

#row7 .left p
{
	width: calc(100% - 15px);
	margin: 0 auto;
	margin-top: 10px;
}

#row7 .right
{
	width: 50%;
	max-width: calc(100% - 30px);
}

#row7 .right .container
{
	width: 489px;
	max-width: 100%;
	position: relative;
	margin: 0 auto;
}

#row7 .right .container .mous
{
	position: relative;
	z-index: 1;
}

#row7 .img1
{
	top: 9px;
	right: 0;
	position: absolute;
}

#row7 .img2
{
	top: 74px;
	right: 0;
	position: absolute;
}

#row7 .img3
{
	top: 139px;
	right: 0;
	position: absolute;
}

#row7 .img4
{
	top: 204px;
	right: 0;
	position: absolute;
}

@media only screen and (max-width: 980px)
{
	#row7 .left, #row7 .right
	{
		float: none;
	}

	#row7 .left
	{
		width: 100%;		
	}

	#row7 .left p
	{
		text-align: center;
		margin-bottom: 30px;
	}

	#row7 .right
	{
		width: 100%;
		max-width: initial;
	}

	#row7 .right .container
	{
		margin: 0 auto;
	}
}

@media only screen and (max-width: 510px)
{
	#row7 .right .container
	{
		width: 270px;
	}

	#row7 .mous
	{
		width: 32.5%;
	}

	#row7 .img1
	{
		width: 80.7%
	}

	#row7 .img2
	{
		top: 45px;
		width: 80.7%
	}

	#row7 .img3
	{
		top: 80px;
		width: 80.7%
	}

	#row7 .img4
	{
		top: 115px;
		width: 80.7%
	}
}

.carousel
{
	width: calc(100% - 280px);
	margin: 0 auto;
}

.carousel_cont
{
	position: relative;
	width: 100%;
}

.carousel_cont .left_arrow
{
	position: absolute;
	left: 50px;
	top: 100px;
	cursor: pointer;
	width: 33px;
}

.carousel_cont .right_arrow
{
	position: absolute;
	right: 50px;
	top: 100px;
	cursor: pointer;
	width: 33px;
}

.carousel_cont .desc
{
	width: 150px;
	margin: 0 auto;
	text-align: center;
	font-style: 13px;
	display: none;
}

.carousel_cont a
{
	width: 85px;
	height: 25px;
	border: 1px solid #0034ad;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	line-height: 25px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	color: #252525;
	font-size: 13px;
	margin: 0 auto;
	margin-top: 15px;
	transition-property: background-color, color;
  	transition-duration: .5s;
  	font-weight: 600;
}

.carousel_cont a:hover
{
	background-color: #0034ad;
	color: white;
	text-decoration: none;
}

.carousel .item
{
	width: 253px;
}

.carousel .item img
{
	display: block;
	margin: 0 auto;
}

.carousel .item p
{
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: black;
	margin-top: 10px;
}

.carousel .item span
{
	font-weight: 600;
}

@media only screen and (max-width: 550px)
{
	.carousel_cont .left_arrow
	{
		width: 10px;
		left: 10px;
		z-index: 1;
	}

	.carousel_cont .right_arrow
	{
		width: 10px;
		right: 10px;
		z-index: 1;
	}

	.carousel
	{
		width: 100%;
	}
}