body,html{overflow-x: hidden}
.banner{float: left; width:120%; min-height: 749px; background: url("../images/banner.jpg") no-repeat center; border-bottom-left-radius: 50% 100%;
  border-bottom-right-radius: 50% 100%;  margin:0 0 0 -10%}
@media screen and (max-width:1480px){
	.banner{width:120%; border-bottom-left-radius: 50% 70%; border-bottom-right-radius: 50% 70%;  margin:0 0 0 -10%}
}
/*
@media screen and (max-width:1380px){
	.banner{background: url("../images/home_banner.png") no-repeat center;}
}*/

header{ float: left; width: 100%; background: #fef4ef url("../images/pattern_bg.png") repeat bottom center;  padding: 0 0 80px;}
header .center{max-width:1086px; }

.search_match_wrap{float: left; width: 100%;}
.search_match{margin: -100px auto 0; max-width: 890px; width: 100%}

.search_match_wrap aside{float: left; width: 100%;  background-color: #fff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); position: relative; z-index: 9; padding: 35px 140px; border-radius: 20px;}
.search_match_wrap aside ul{float: left; width: 100%;}
.search_match_wrap aside ul li{ float: left; margin: 0 10px 0 0;}
.search_match_wrap aside ul li .label{ font-size: 16px; color: #626262; padding: 0 0 8px; float: left; width: 100%;}
.search_match_wrap aside ul li:nth-child(1){width: 126px;}
.search_match_wrap aside ul li:nth-child(2){width: 165px;}
.search_match_wrap aside ul li:nth-child(3){width: 126px;}
.search_match_wrap aside ul li:nth-child(4){width: 150px;}

.search_match_wrap aside ul li .left_frm{float: left; width: 50%; padding: 0 8px 0 0; position: relative;}
.search_match_wrap aside ul li .left_frm:after{position: absolute; content: ""; right: -4px; top: 50%; background-color: #626262; width: 8px; height: 2px;}
.search_match_wrap aside ul li .right_frm{float: left; width: 50%; padding: 0 0 0 8px;}
.search_match_wrap aside .btn_row{float: left; width:100%; padding: 20px 0 0; text-align: center;}
.search_match_wrap aside .btn_row a{ border: 2px solid #dc2b31; border-radius: 4px; padding: 12px 4px; display: inline-block; }
.search_match_wrap aside .btn_row a:hover{border: 2px solid #626262;}
.search_match_wrap aside .btn_row a span{background-color: #d92a30; border-radius: 4px;color: #fff; font-size: 17px; font-family: 'Exo', sans-serif; font-weight: 500; padding: 8px 40px; }
.search_match_wrap aside .btn_row a:hover span{background-color: #626262;}

.input_box3-large {display: block;float: left;height: auto; max-width: 100%;width: 100%;}
.input_box3-large select {-moz-appearance: none;background: #fff none repeat scroll 0 0;border: 1px solid #d2d2d2;color: #8c8c8c;cursor: pointer;display: inline-block; border-radius: 8px; font-size: 14px;font-weight: 400;margin: 0;outline: medium none;padding: 0px 10px;width: 100%; height: 36px;}

.input_box3-large label {position: relative;width: 100%;}
.input_box3-large label::after {color: #3a3a3a;content: url(../images/select-ic.png); font: 14px "Consolas",monospace;padding: 0 4px 4px; pointer-events: none; position: absolute; background-color:#fff; right: 8px;top: 10px;}
/*.input_box3-large label::after {color: #3a3a3a;content: ">"; font: 14px "Consolas",monospace;padding: 0 4px 4px; pointer-events: none; position: absolute; background-color:#fff; right: 8px;top: -3px;transform: rotate(90deg);}*/

.input_box3-large label::before {content: "";display: block;height: 20px;pointer-events: none;position: absolute;right:5px;top: 5px;width: 20px; background-color: #fff;}
/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
.input_box3-large label:after { display:none; }
.input_box3-large label:before { display:none; }
}

.input_box3-large label label:before, .input_box3-large label label:after{display: none;}
.input_box3-large label label{width: 100%; display: inline-block;}

.input_box3-large select[disabled]{background: #dcdbdb no-repeat 95%; border: 1px solid rgba(31,31,31,0.60); opacity: 1.0}



.toggle_selectedit, .toggle_inputedit {float: right;margin-left: -29px; margin-top: 6px; position: relative; z-index: 99; width: 28px; height: 25px; background: #dcdbdb url(../images/edit_ic.png) no-repeat center; right: 4px; cursor: pointer;}


/*.input_box3-large.edit_input label::after {color: #3a3a3a;content: url(../images/edit_ic.png); font: 14px "Consolas",monospace;padding: 0 4px 4px; pointer-events: none; position: absolute; background-color:#dcdbdb; right: 8px;top: -0px;}
.input_box3-large.edit_input label::before {content: "";display: block;height: 20px;pointer-events: none;position: absolute;right:5px;top: 0px;width: 20px; background-color: #dcdbdb;}*/

/*---- sign up section -----*/
.signup{float: right; margin: 55px 0 0; width: 370px; min-height: 496px; padding: 25px 20px 5px; background-color: #a27930; border: 4px solid #fff; border-radius: 20px;}
.signup h3{ text-align: center; color: #fff; font-weight: 500; padding: 0 0 20px; font-size: 25px; font-style: italic; background: url("../images/signup_head.png") center bottom no-repeat;}

.signup .frmrow{float: left; width: 100%; margin: 10px 0 0;}
.signup .frmrow .label{ font-size: 15px; display: inline-block; width: 100%; color: #fff; padding: 0 0 8px; margin: 0 !important;}
.signup .frmrow .input{background-color: #fff; border-radius: 8px; height: 36px; padding: 0 15px; border: 0px solid; width: 100%; color: #828282; font-weight: 400; font-size: 14px;}
.signup .frmrow .input.edit_input{background: #dcdbdb url("../images/edit_ic.png") no-repeat 95%; border: 1px solid rgba(31,31,31,0.60); border-radius: 8px; height: 36px; padding: 0 15px;  color: #626262; width: 100%;}
.signup .frmrow .left_frm{float: left; width: 88px;}
.signup .frmrow .right_frm{float: left; width: calc(100% - 88px); padding: 0 0 0 15px;}
.signup .frmrow .btn{margin: 10px 0 0;}
.signup .otp_email_txt{float: left; width: 100%; text-align: center; color: #fff; font-size: 13px; margin: 10px 0 0;}

.signup .otp_txt{float: left; width: 95%; position: relative; text-align: center; color: #ffffff; font-size: 15px;}
.signup .otp_txt i{position: absolute; top: -1px; margin: 0 0 0 4px; cursor: pointer;}
.frmrow .tooltip.top {padding: 7px 0; margin-top: 2px !important; margin-left: 45px;}
.frmrow .tooltip.top .tooltip-arrow{left: 18px !important;     bottom: 2px !important;}
.signup .tooltip-inner{text-align: left !important; margin-left: 40px;}
.signup .otp_input{text-align: center; float: left; width: 100%; position: relative;}
.signup .otp_input .input{width: 124px; color: #626262;}
.signup .counter{float: left; width: 100%; text-align: center; color: #fff; font-size: 10px; margin: 10px 0 0;}
.signup .counter span{ color: #fef505;}
.signup .otp_input .input.invalid_otp{width: 124px; color: #626262; background: #fff url("../images/invalid_otp_ic.png") no-repeat 90%;}
.signup .otp_input span{position: absolute; margin: 5px 0 0 10px; color: #fef505; font-size: 12px;}

.signup .resend_otp{float: left; width: 100%; text-align: center; color: #fff; font-size: 10px; margin: 10px 0 0;}
.signup .resend_otp a{ color: #fef505;}
.signup .resend_otp span{ color: #fef505;}


.signup .verify_input{text-align: center; margin: 0 auto; width: 124px; position: relative; clear: both; }
.signup .verify_input aside{float: left; width: 100%; background-color: #fff; border: 1px solid #fff; height: 40px; border-radius: 8px; overflow: hidden}
.signup .verify_input .input{ color: #626262; width: 65px; font-size: 14px; padding: 0 0 0 8px; float: left;}
.signup .verify_input a.verify{background-color: #dc2b31; padding: 0 10px; float: right; line-height: 40px; color: #fff; text-transform: uppercase; font-size: 11px;}
.signup .verify_input span{position: absolute; white-space: nowrap; margin: 10px 0 0 10px; color: #fef505; font-size: 12px;}
.signup .bottom_signpop {font-size: 14px; padding: 8px 0 0; float: left; width: 100%; color: #fff; text-align: center; line-height: normal;}
.signup .bottom_signpop a {color: #c20411;}



.match_maker{float: left; width: 100%; padding:80px 0;}
.match_maker_slider{float: left; width: 100%; margin: 0px 0 0;}
.match_maker_slider li{float: left; width: 25%; padding: 30px 17px; }
.match_maker_slider li aside{float: left; width: 100%; border-radius: 15px; overflow: hidden; height: 180px; background-color: #fef4e0; padding: 25px 30px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20); position: relative;}
.match_maker_slider li aside i{display: inline-block;}
.match_maker_slider li aside h3{ font-size: 18px; color: #dc2b31;}
.match_maker_slider li aside p{ font-size: 14px; color: #626262;}
.match_maker_slider li aside .num_bg{position: absolute; left: 0px; top: 0px; background: url("../images/num_pattern.png"); width: 74px; height: 72px;}
.match_maker_slider li aside .num_bg span{ font-size: 18px; color: #fff; font-weight: 700; padding: 10px 0 0; display: inline-block; text-align: center; width: 100%;}



.journey_sec{float: left; width: 100%; padding:42px 0;}
.journey_sec_slider{float: left; width: 100%; margin: 20px 0 0;}
.journey_sec_slider li{float: left; width: 25%; padding: 0 17px; }
.journey_sec_slider li aside{float: left; width: 100%; border-radius: 15px; height: 180px; background-color: #fef4e0; padding: 25px 30px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);}
.journey_sec_slider li aside h3{ font-size: 18px; color: #dc2b31;}
.journey_sec_slider li aside p{ font-size: 14px; color: #626262;}


.happy_stories_sec{float: left; width: 100%; padding:42px 0 60px; background: #fef4ef url("../images/pattern_bg.png") repeat bottom center;}
.happy_stories_slider{float: left; width: 100%; margin: 20px 0 0;}
.happy_stories_slider li{float: left; width: 33.33%; padding: 0 17px 60px; position: relative;}
.happy_stories_slider li aside{float: left; width: 100%; border-radius: 15px; height: 390px; background-color: #ffffff; padding: 105px 30px 25px; margin: 90px 0 0; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);}

.happy_stories_slider li i{position: absolute; margin: 0 auto; left: 0; right: 0; top: 0px; background-color: #000; border-radius: 50%; width: 180px; height: 180px; overflow: hidden; border: 5px solid #b18535;}

.happy_stories_slider li aside h4{ font-size: 17px; font-weight: 500; color: #626262;}
.happy_stories_slider li aside p{ font-size: 14px; color: #626262; background: url("../images/quote_ic.png") no-repeat; padding: 40px 0 0; margin: 20px 0 0;} 

.happy_stories_sec .btn_row{text-align: center; float: left; width: 100%;}
.happy_stories_sec .btn_row .btn{background-color: #d92a30; border-radius: 10px; border: 0px solid #fff; color: #fff; font-size: 21px; font-family: 'Exo', sans-serif; font-weight: 500; padding: 7px 30px;  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.50);}
.happy_stories_sec .btn_row .btn:hover{background-color: #626262;}



.profile_sec{ padding:50px 0; text-align:center; float: left; width: 100%; background: #fef4ef url("../images/pattern_bg.png") repeat bottom center;}
.testimoniImgSlider{}
.testimoniImgSlider li{height:265px; position:relative;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.testimoniImgSlider li figure{ position:absolute;  right:0; top:0; bottom:0; margin:auto; width:165px; height:162px; overflow:hidden; border-radius:15px; border: 8px solid #dc2b31; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0.40;}
.testimoniImgSlider li.alignLeft figure{left:0; right:auto;}
.testimoniImgSlider li figure img{ width:100%; display: block;}
.testimoniImgSlider li.slick-center{}
.testimoniImgSlider li.slick-center figure{ width:100%; height:85%; opacity: 1.00;}

.ts_prev, .ts_next{ position:absolute; top:0; bottom:0; margin:auto; z-index:10; width:20px; height:32px; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.ts_prev{ left:-20px;  background:url(../images/arrow.png) no-repeat 0 0;}
.ts_next{background:url(../images/arrow.png) no-repeat -30px 0; right:-20px;}

.testimoniInfoSlider{ max-width:600px; width:100%; margin:0 auto; text-align: center;}
.testimoniInfoSlider li h4{ color: #dc2b31; font-size: 17px; font-weight: 600;}
.testimoniInfoSlider li p{ color: #626262; font-size: 15px; font-weight: 400;}



/*.prev, .next{ position:absolute; top:0; bottom:0; margin:auto; z-index:10; width:20px; height:32px; text-indent:-99999px; cursor:pointer;  -webkit-transition: all .3s ease-out;   -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
.prev{ left:-30px;  background:url(../images/arrow.png) no-repeat 0 0;}
.next{background:url(../images/arrow.png) no-repeat -30px 0; right:-30px;}*/

.top_mob_sec, .meet_people, .tap_seacrh{display: none;}
#popup .modal-dialog{max-width: 777px;}
#popup label{margin-bottom: 0px}


/*progressbar*/
#progressbar {
    margin: 0px 0;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
	background-color: #c20411;
	padding: 10px 20% 10px;
	font-size: 0px;
	text-align: center;

}

#progressbar li {
    list-style-type: none;
    color: #fff;
    font-size: 12px;
    width: 20%;
	display: inline-block;
    position: relative;
    letter-spacing: 1px;
	text-align: center;
	font-weight: 500;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 34px;
    height: 34px;
    line-height: 28px;
    display: block;
    font-size: 12px;
    color: #393939;
    background: #cccccc;
    border-radius: 25px;
    margin: 0 auto 10px auto;
	position: relative;
	z-index: 1;
	border: 4px solid #c20411;
	font-weight: 600;
}

/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: -50%;
    top: 15px;
    z-index: 0; /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #fed24f;
    color: #000;
}










@media screen and (max-width:1500px){

}

@media screen and (max-width:1100px){
	.testimoniImgSlider {max-width:900px; width: 100%; margin:0 auto;}

}


@media screen and (max-width:1025px){


	
.testimoniInfoSlider li strong{ font-size:30px; line-height:30px;}
	
	/*.testimoniImgSlider li.slick-center figure {
    width: 100%;
    height: 71%;}*/
}


@media screen and (max-width:767px){
	.testimoniImgSlider li.slick-center figure {
    width: 100%;
    height: 85%;
}

	}
@media screen and (max-width:755px){
	.hone-video2 {
    position: relative;
    margin: 30px auto 30px auto;
    background: none;
    width: auto;
    -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.25);
    height: inherit;
}

}
@media screen and (max-width:850px){
	.banner {border-bottom-left-radius: 50% 50%; border-bottom-right-radius: 50% 50%;}
	.banner {background-size: 740px;}
/*	.testimoniImgSlider li{height:225px; width:225px;}
	.testimoniImgSlider li figure{ position:absolute;  right:0; left:0; top:0; bottom:0; margin:auto; width:200px; height:200px; overflow:hidden; border-radius:50%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.testimoniImgSlider li.alignLeft figure{left:0; right:0;}
.testimoniInfoSlider li strong{ font-size:25px; line-height:30px;}*/
	
/*.testimoniImgSlider li.slick-center figure {
    width: 100%;
    height: 85%;}
	
}
.testimoniImgSlider {width:auto; margin:0 auto;}*/	
	
	/*.top_panel .logo, #lang-menu, .contact_link{display: none;}*/
	
	.modal-box{width: 100%; box-shadow:none; border-bottom: 0px solid #aaa; border-radius: 0px;}
	.modal{background-color: #fff; margin: 0px;}
	.modal-dialog{background-color: #fff; margin: 0px;}
	.modal_left{display: none;}
	.modal_right{width: 100%; padding:0px; text-align: center;}
	.modal_right h3 small{font-size: 14px;}
	.modal_right h3{font-size: 0px;}
	
	.signup{display: none;}
	#lang-menu{display: none;}
	.top_panel{display: block;}
	
	.top_mob_sec{float: left; width: 100%; position: absolute; left: 0; top: 0px;}
.top_mob_sec .logo{float: left; width: 120px; position: relative; height: 77px; margin-left: 20px; padding: 3px;}
.top_mob_sec .logo span{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #fff; -webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
.top_mob_sec .logo span img{position: absolute; max-width: 100px; bottom: 0;  top: 0px; right: 0px; left: 0; margin: auto;}
	.banner{min-height: 285px;}
	.search_match {margin: 0px auto 0;}
	#popup .modal-dialog-centered{display: block;}
	
	.header-panel .back-arrow {
    line-height: 56px;
    float: left;
}
	
	.vertical-text-box {
    height: 56px;
    display: table;
    width: auto;
}
	
	.header-panel {
    background: #b32320;
    height: 56px;
    /*box-shadow: 7px 2px 10px rgb(51 51 51 / 78%);*/
    position: relative;
    width: 100%;
    z-index: 9;
		display: block;
		left: 0;
		top: 0px;
}
	
	.vertical-text-box span.welcome {
    font-size: 20px;
    color: #fff;
		font-weight: 600;
}
	
	.vertical-text-box span {
    vertical-align: middle;
    display: table-cell;
}
	
	.p_left32 {
    padding-left: 32px;
}
	
	.top_mob_sec{display: block;}
	.login_sec, .signup_modal{padding-left: 35px; padding-right: 35px;}
	.signup_modal{text-align: left;}
	
	
	a.close {top: 13px; z-index: 999; display: none;}
	.back{right: auto !important; color: #fff !important; opacity: 1.0 !important; display: block !important;}
	.search_match_wrap aside{display: none;}
	.meet_people{text-align: center; padding: 20px 20px; color: #fff; display: block;}
	.meet_people h3{font-size: 16px; font-weight: 600; color: #626262; display: inline-block; width: 100%; text-align: center; padding: 0 0 10px;}
	.meet_people a{ background-color: #b42804; border-radius: 10px; display: inline-block; width: 110px; height: 36px; line-height: 36px; font-size: 14px; margin: 0 5px; }
	.tap_seacrh{float: left; width: 100%; background-color: #e9e9e9; padding: 20px; text-align: center; display: block;}
	.tap_seacrh a{ border: 2px solid #b42804; border-radius: 4px; padding: 7px 2px; display: inline-block; }
.tap_seacrh a:hover{border: 2px solid #626262;}
.tap_seacrh a span{background-color: #b42804; border-radius: 4px;color: #fff; font-size: 14px; font-family: 'Exo', sans-serif; font-weight: 500; padding: 8px 40px; }
.tap_seacrh a:hover span{background-color: #626262;}
	.tap_seacrh h3{font-size: 14px; font-weight: 600; color: #626262; display: inline-block; width: 100%; text-align: center; padding: 0 0 10px;}
header{padding: 0px;}
	
	.heading_line {color: #626262; font-size: 16px; text-align: center; padding: 0 0 22px; font-weight: 600; margin-bottom: 14px;background: url(../images/brd_headline.png) center bottom no-repeat;
    background-size: 147px;}
	.match_maker {padding: 30px 30px;}
	.ts_prev, .ts_next{width: 15px;}
	.ts_prev{background-size: 27px;}
	.ts_next{background: url(../images/arrow.png) no-repeat -15px 0; background-size: 27px; }
	.happy_stories_sec {padding: 42px 30px 60px;}
	
	#progressbar {margin-bottom:0px; margin-top: 0px; overflow: hidden; counter-reset: step;background-color: #b32320; padding: 0 0 20px;}
	#progressbar li{font-size: 12px; color: #fff;}
	.modal-box{height: 100%;}
	#popup .modal-content{height: 100vh}
	.profile_sec{padding: 30px;}
	.happy_stories_sec .btn_row .btn{font-size: 14px;}
	.happy_stories_slider li aside h4 {font-size: 14px;}
	.happy_stories_slider li aside p{font-size: 12px;}
	


}