

/*=======================

  06. Why Choose Us

=========================*/ 

.why-choose {

	position: relative;
	background:#FEFDFD;
	padding: 0;
	overflow: hidden;
}

.why-choose .fix{
	padding:0;
	margin:0;
}

.why-choose .working-process {
	width: 100%;
	height: 410px;
	padding: 90px 40px;
}

.why-choose .working-process h2 {
	color: #3D438E;
	margin-bottom: 20px;
	font-size: 42px;
	line-height:50px;
}

.why-choose .working-process h3 {
	color: #505051;
	margin-bottom: 20px;
	font-size: 20px;
	line-height:25px;}

.why-choose .working-process p{
	color:#000;
	font-size: 22px;
	margin-bottom: 20px;
}

.why-choose .working-process a{
	color:#575EB6;
	font-size: 16px;
}

.why-choose .working-process .btn {
	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process .btn:hover{
	background:#353535;
	color:#fff;
}


.why-choose .working-process1 {
	width: 100%;
	height: 450px;
	padding: 121px 20px;
	background:#FAF3F3;
}

.why-choose .working-process1 h2 {
	color: #3D438E;
	margin-bottom: 20px;
	font-size: 32px;
	line-height:45px;
}

.why-choose .working-process1 h3 {
	color: #505051;
	margin-bottom: 20px;
	font-size: 24px;
	line-height:30px;
}

.why-choose .working-process1 p{
	color:#000;
	font-size: 22px;
}

.why-choose .working-process1 a{
	color:#575EB6;
	font-size: 16px;
}

.why-choose .working-process1.btn {
	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process1.btn:hover{
	background:#353535;
	color:#fff;
}

.why-choose .working-process2 {
	width: 100%;
	height: 450px;
	padding: 121px 20px;
	background:#fff;

}

.why-choose .working-process2 h2 {
	color: #3D438E;
	margin-bottom: 20px;
	font-size: 42px;
	line-height:60px;
}

.why-choose .working-process2 h3 {
	color: #505051;
	margin-bottom: 20px;
	font-size: 24px;
	line-height:40px;
}

.why-choose .working-process2 p{
	color:#000;
	font-size: 22px;
}

.why-choose .working-process2 a{
	color:#575EB6;
	font-size: 16px;
}

.why-choose .working-process2.btn {
	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process2.btn:hover{
	background:#353535;
	color:#fff;
}

.why-choose .working-process3 {
	width: 100%;
	height: 450px;
	padding: 90px 20px;
	background:#051C2C;
}

.why-choose .working-process3 h2 {
    color:#FFFFFF;
	margin-bottom: 20px;
	font-size: 42px;
	line-height:60px;	
}

.why-choose .working-process3 h3 {
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 24px;
	line-height:40px;
}

.why-choose .working-process3 p{
	color:#ffffff;
	font-size: 22px;
}

.why-choose .working-process3 a{
	color:#ffffff;
	font-size: 14px;
}

.why-choose .working-process3.btn {

	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process3.btn:hover{
	background:#353535;
	color:#fff;
}



.why-choose .working-process4 {
	width: 100%;
	height: 355px;
	padding: 90px 20px;
	background:#051C2C;
}

.why-choose .working-process4 h2 {
    color:#FFFFFF;
	margin-bottom: 20px;
	font-size: 34px;
	line-height:40px;	
}

.why-choose .working-process4 h3 {
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 24px;
	line-height:40px;
}

.why-choose .working-process4 p{
	color:#ffffff;
	font-size: 22px;
}

.why-choose .working-process4 a{
	color:#ffffff;
	font-size: 14px;
}

.why-choose .working-process4.btn {

	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process4.btn:hover{
	background:#353535;
	color:#fff;
}

.why-choose .choose-main {
	padding: 71px 40px;
}

.why-choose .single-choose {

	position: relative;
	margin-bottom: 30px;
	border-radius: 5px;
	text-align: left;
	padding: 0 0px 0px 85px;
}

.why-choose .single-choose:last-child{

	margin:0;

}

.why-choose .single-choose i {

	color: #fff;
	text-align: center;
	font-size: 22px;
	margin: 0;
	width: 52px;
	height: 52px;
	line-height: 52px;
	border-radius: 100%;
	background:#fff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: absolute;
	left: 0;

}

.why-choose .single-choose i::after {

	position: absolute;
	right: -5px;
	content: "";
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 8px solid #fff;
	top: 14px;

}

.why-choose .single-choose h4 {
	margin: 0 0 10px;
	font-size: 18px;
	color: #fff;
	}

.why-choose .single-choose p{
	color:#bbb;
}

.why-choose .why-video {
     background-image:url(../img/robort.jpg);	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	background-size: cover;
	height: 500px;
}

.why-choose .why-video:before{
	position: absolute;
	top: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	content:"";
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.why-choose .why-video:hover:before{
	background: rgba(0, 0, 0, 0.10);
}

.why-choose .waves-block .waves {
	position: absolute;
	width: 303px;
	height: 300px;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -150px;
}

.why-choose .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.why-choose .waves-block .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.why-choose .waves-block .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.why-choose .why-video .video a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 100%;
	font-size: 32px;
	margin: -35px 0 0 -35px;
	padding: 2px 2px 2px 6px;
	color: #fff;
}

.why-choose .why-video .video a:hover{
	background:#fff;
}

.why-choose .why-video1 {
background-image:url(../img/travel.jpg);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	background-size: cover;
	height: 500px;
}

.why-choose .why-video1:before{
	position: absolute;
	top: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	content:"";
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.why-choose .why-video1:hover:before{
	background: rgba(0, 0, 0, 0.10);
}

.why-choose .why-video2 {
background-image:url(../img/robort1.jpg);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	background-size: cover;
	height: 500px;
}

.why-choose .why-video2:before{
	position: absolute;
	top: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	content:"";
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
	}

.why-choose .why-video2:hover:before{
	background: rgba(0, 0, 0, 0.10);
}



.why-choose .why-video3 {
background-image:url(../img/robort2.jpg);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	width: 100%;
	background-size: cover;
	height: 500px;
}

.why-choose .why-video3:before{
	position: absolute;
	top: 0;
	top:0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.25);
	content:"";
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.why-choose .why-video3:hover:before{
	background: rgba(0, 0, 0, 0.10);
}



.why-choose .waves-block .waves {
	position: absolute;
	width: 303px;
	height: 300px;
	background: rgba(255, 255, 255, 0.3);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 100%;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -150px;
}

.why-choose .waves-block .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.why-choose .waves-block .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.why-choose .waves-block .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.why-choose .why-video1 .video a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	border-radius: 100%;
	font-size: 32px;
	margin: -35px 0 0 -35px;
	padding: 2px 2px 2px 6px;
	color: #fff;
}

.why-choose .why-video1 .video a:hover{
	background:#fff;
}



/*=======================

  End Why Choose Us

=========================*/ 
@media only screen and (max-width: 767px){
.why-choose {
	position: relative;
	background:#FEFDFD;
	padding: 0;
	overflow: hidden;
}

.why-choose .fix{
	padding:0;
	margin:0;
}

.why-choose .working-process {
	width: 100%;
	height: 500px;
	padding: 30px 20px;
}

.why-choose .working-process h2 {
	color: #3D438E;
	margin-bottom: 20px;
	font-size: 34px;
	line-height:40px;
}

.why-choose .working-process h3 {
	color: #505051;
	margin-bottom: 15px;
	font-size: 18px;
	line-height:25px;
}

.why-choose .working-process p{
	color:#000;
	font-size: 18px;
	margin-bottom: 16px;
}

.why-choose .working-process a{
	color:#575EB6;
	font-size: 16px;
}

.why-choose .working-process .btn {
	background: #097799;
	color: #fff;
	margin-top: 15px;
}

.why-choose .working-process .btn:hover{

	background:#353535;
	color:#fff;

}
.why-choose .working-process1 {
	width: 100%;
	height: 450px;
	padding: 60px 20px;
	background:#FAF3F3;
}

.why-choose .working-process1 h2 {
	color: #3D438E;
	margin-bottom: 20px;
	font-size: 32px;
	line-height:35px;
}

.why-choose .working-process1 h3 {
	color: #505051;
	margin-bottom: 20px;
	font-size: 20px;
	line-height:28px;
}

.why-choose .working-process1 p{
	color:#000;
	font-size: 20px;
}

.why-choose .working-process1 a{
	color:#575EB6;
	font-size: 16px;
}

.why-choose .working-process1.btn {
	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process1.btn:hover{
	background:#353535;
	color:#fff;
}
.why-choose .working-process2 {
	width: 100%;
	height: 500px;
	padding: 70px 20px;
	background:#fff;

}

.why-choose .working-process2 h2 {
	color: #3D438E;
	margin-bottom: 20px;
	font-size: 38px;
	line-height:38px;
}

.why-choose .working-process2 h3 {
	color: #505051;
	margin-bottom: 20px;
	font-size: 20px;
	line-height:32px;
}

.why-choose .working-process2 p{
	color:#000;
	font-size: 18px;
}

.why-choose .working-process2 a{
	color:#575EB6;
	font-size: 16px;
}

.why-choose .working-process2.btn {
	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process2.btn:hover{
	background:#353535;
	color:#fff;

}
.why-choose .working-process3 {
	width: 100%;
	height: 450px;
	padding: 60px 20px;
	background:#051C2C;
}

.why-choose .working-process3 h2 {
    color:#FFFFFF;
	margin-bottom: 20px;
	font-size: 38px;
	line-height:38px;	
}

.why-choose .working-process3 h3 {
	color: #ffffff;
	margin-bottom: 20px;
	font-size: 20px;
	line-height:32px;
}

.why-choose .working-process3 p{
	color:#ffffff;
	font-size: 22px;
}

.why-choose .working-process3 a{
	color:#ffffff;
	font-size: 14px;
}

.why-choose .working-process3.btn {

	background: #097799;
	color: #fff;
	margin-top: 20px;
}

.why-choose .working-process3.btn:hover{
	background:#353535;
	color:#fff;
}

}
