@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;0,700;1,300&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700;900&display=swap');

@font-face {
	 font-family: 'alex_brushregular';
	 src: url('../font/alexbrush-regular-webfont.eot');
	 src: url('../font/alexbrush-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/alexbrush-regular-webfont.woff2') format('woff2'),  url('../font/alexbrush-regular-webfont.woff') format('woff'),  url('../font/alexbrush-regular-webfont.ttf') format('truetype'),  url('../font/alexbrush-regular-webfont.svg#alex_brushregular') format('svg');
	 font-weight: normal;
	 font-style: normal;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../font/bebasneue-webfont.eot');
    src: url('../font/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/bebasneue-webfont.woff2') format('woff2'),
         url('../font/bebasneue-webfont.woff') format('woff'),
         url('../font/bebasneue-webfont.ttf') format('truetype'),
         url('../font/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'OpenSansSemibold';
	src: url('../font/opensans-semibold_0.eot');
	src: url('../font/opensans-semibold_0.eot') format('embedded-opentype'), url('../font/opensans-semibold_0.woff') format('woff'), url('../font/opensans-semibold_0.ttf') format('truetype'), url('../font/opensans-semibold_0.svg#OpenSansSemibold') format('svg');
}
@font-face {
	font-family: 'OpenSansRegular';
	src: url('../font/opensans-regular_0.eot');
	src: url('../font/opensans-regular_0.eot') format('embedded-opentype'), url('../font/opensans-regular_0.woff') format('woff'), url('../font/opensans-regular_0.ttf') format('truetype'), url('../font/opensans-regular_0.svg#OpenSansRegular') format('svg');
}

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

* {	outline:0; }
ul { list-style:none; margin:0px; padding:0px; }
.clear-both, .clear { clear:both; }
.clear-bdr { clear:both; border-top:1px solid #e1dede; margin:5px 0px; }
body { margin:0px; padding:0px;	font-family: 'Ubuntu', sans-serif; overflow-x: hidden; }
p {	font-size: 14px; color: #3a3a3a; padding-bottom: 20px; line-height:22px; text-align: justify; }
p a { color: #ee0b42; }
p a:hover {	color: #3a3a3a;}
h1, h2, h3, h4, h5 {
	display:block;
	font-weight:normal;
	text-transform:none;
}
h1, h2 {
	font-family: 'Merriweather', serif;
	font-size: 30px;
	color: #b33934;
	font-weight:bold;
	margin:35px 0px 20px 0px;
	padding:0px;
}

h2 strong {
	display:block;
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0px 0px 20px 0px;
	padding:0px;
}
.text {
	display:none !important;
}
.topbar {
	background-color:#ee0b42;
	padding:5px 0px;
	
	font-size:18px;
	color:#fff;
}
.top-left {
	float:left;
	padding:0px;
	margin:5px 0px
}
.top-right {
	float:right;
	margin:5px 0px;
}
/*top-header close*/

.modal {
    
    z-index: 100000 !important;
    }


.fixed-header, .inn-nav-box {
	position: fixed !important;
	top:0;
	left:0;
	width: 100%;
	z-index:100000000000;
}
.header { position: fixed; z-index:10000; top: 0; width: 100%; transition: all 0.5s ease-in-out; }
.header.fixed { background: rgb(255 255 255 / 95%); box-shadow: 0px 0px 20px rgb(0 0 0 / 6%); }
.loginpop-hdr { padding-bottom: 0px!important; display: block!important; text-align: center!important; border-bottom: 0!important; }
.loginpop-hdr img { margin: 10px 0px 0px 50px; }
.loginpop-hdr h5 { margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-size: 18px; color: #161414; margin: 20px 0 0 0; display: block; font-weight: 400; }
.loginpop-hdr h5 span { color: #d11912; }
.login-modal .modal-body { padding-left: 40px; padding-right: 40px; padding-top: 8px; }
.login-modal label { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #585858; }
.login-modal .form-control { width: 100%; height: 37px!important; border: 1px solid #ced4da; font-family: 'Open Sans', sans-serif; font-size: 12px!important; padding: 10px 10px!important; border-radius: 3px!important; }
.login-modal select.form-control { padding: 8px 10px!important; }
.capthcafield { float: left; max-width: 45%; margin: 0px 10px 0px 0px; }
.capthcaimg { float: left; width: 30%; height: 37px; border: 1px solid #ced4da; border-radius: 3px!important; overflow: hidden; }
.capthcaimg img { max-width: 100%; }
.refresh-btn { float: left; width: 50px; height: 37px; border: 0; border-radius: 3px!important; display: flex; align-items: center; justify-content: center;
background: #da251d; margin: 0px 0px 0px 10px; transition: all 0.5s ease-in-out; }
.refresh-btn:hover { background: #e68a27; }
.forgotpass { text-align: right; margin: 10px 0 0 0; }
.forgotpass a { text-align: right; color: #d9251d; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.loginbtn { width: 100%; height: 37px; background: #da251d; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; display: block; border-radius: 3px; text-align: center; line-height: 35px; transition: all 0.5s ease-in-out; }
.loginbtn:hover { background: #e68a27; }
.or-row { position: relative; text-align: center; margin: 15px 0 0 0; }
.or-row span { display: inline-block; text-transform: uppercase; background: #eaeaea; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #898989; width: 30px; height: 30px; border-radius: 100%; line-height: 30px; z-index: 10; position: relative; }
.or-row:after { content: ''; position: absolute; width: 100%; height: 1px; background: #e2e2e2; top: 15px; left: 0; z-index: 0; }
.registertext { color: #898989; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; }
.registertext a { color: #525252; font-weight: 600; }
.registertext p { margin-bottom: 0px; padding-bottom: 0; }
.inrhdr { background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.inrhdr .nav { margin: 33px 0px 0px 0px; }
.userhdr .nav { margin: 23px 0px 0px 0px; }
.menunumber {background: #fff;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    padding: 1px 5px;
    border-radius: 5px;
    line-height: 0;
    top: -10px;
    position: relative;
}
.src-hd { 
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px dashed #d8d8d8;
}
.otp-body { padding: 150px 0 0 0;
	height: 100vh;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5d0d2+0,fff7f7+100 */
	background: #f5d0d2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5d0d2 0%, #fff7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f5d0d2 0%,#fff7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f5d0d2 0%,#fff7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d0d2', endColorstr='#fff7f7',GradientType=0 ); /* IE6-9 */
 }
 .otpouter { background: #fff; border-radius: 5px; padding: 20px; }
 .otphead { padding: 15px; border-bottom: 1px solid #eaeaea; text-align: center;
color: #343434; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;
  }
 .otphead span { font-weight: 400;  }
 .otphead a { float: left; }
 .otpbody { padding: 40px 0; text-align: center; }
 .otpbody h4 { font-family: 'Open Sans', sans-serif; text-align: center; font-size: 26px; color: #161414; margin: 10px 0 15px 0; display: block; font-weight: 600; }

.otpbody h4 span { color: #d11912; }
.otpbody p { text-align: center; color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; 
	margin-bottom: 20px; padding-bottom: 0px; margin-top: 12px; }

.otpbody p span { font-weight: 700; }
.otpbody p a { color: #0074ff; text-decoration: none; }
.otpbody p a:hover { color: #000; text-decoration: underlines; }
.otpfiled { display: inline-block;
    width: 40%;
    height: 37px!important;
    border: 1px solid #ced4da;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px!important;
    border-radius: 3px!important;
    margin: 0px; padding: 0px 0px 0px 5px;
}
.otpfiled input[type=text] { border: 0px; width: 70%; float: left; padding: 8px 10px 10px 10px; height: 35px; }
.otpfiled a { width: 25%; float: right;
    height: 35px;
    background: #da251d;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    display: block;
    border-radius: 0px 3px 3px 0px;
    text-align: center;
    line-height: 35px;
    transition: all 0.5s ease-in-out; }
.otpfiled a:hover {
    background: #e68a27;
}
.resendcode-txt { font-family: 'Open Sans', sans-serif; font-size: 12px!important; font-weight: 400; color: #898989!important; }
.resendcode-txt a { color: #0075ff; font-weight: 600; }



.menu-box { border-radius: 0px 0px 15px 0px; position: relative; overflow-x: hidden; }
.menu-box:before {
    /*content: '';*/
    background: #781e19;
    position: absolute;
    width: 40px;
    height: 100%;
    left: -24px;
    transform: skew(12deg, 0deg);
}

/*.fixed { background: #fff!important; }*/

.logo {	margin: 15px 0px; }
.head-form {
	width:93%;
	bottom:37px;
	left:0px;
	right:0px;
	margin:0 auto;
	position:absolute;
	z-index:1000000000;
}
.hd-form-box {
	float:right;
	width:50%;
	background:url(../images/head-form-bg.png) left repeat;
	border:1px solid #d2d2d2;
}
.form-box {
	padding:0px;
}
.form-box h2 {
	font-family: 'OpenSansSemibold';
	font-size:25px;
	color:#3e3e3e;
	margin:0px 0px 19px 0px;
	padding:0px;
}
.frm-box {
	width:48%;
	float:left;
	margin:10px 0px 8px 10px;
}
.frm-box-file {
	background:#fff;
	border:2px solid #dbcec9;
	padding:12px 0px 13px 15px;
	color:#848484;
	font-size:14px;
	width:46%;
}
.frm-box input[type=file] {
	width:60%;
	float:right;
	margin-right:8px;
}
.frm-box input[type=text], .frm-box select, .frm-box textarea {
	background:#fff;
	border:2px solid #dbcec9;
	padding:15px 15px;
	color:#848484;
	font-size:14px;
	width:97%
}
.frm-box textarea {
	height:135px;
	float:none;
}
.frm-box input[type=submit] {
	background:#03c0cc;
	border:2px solid #fff;
	padding:10px 40px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	border-radius:8px;
	text-transform:uppercase;
}
.frm-box input[type=submit]:hover {
	background:#ee0b42;
}


.body-1 {
	background: url(../images/pattrenbg.jpg) left top repeat;
	position: relative;
	z-index: 1000000;
	top: -26px;
	padding-top: 30px;
    padding-bottom: 20px;
	text-align: center;
}
/*.body-1:before { content: ''; background:url(../images/banner-bot.png) left top repeat; position: absolute; width: 100%; height: 26px; left: 0; top: -26px; }*/
.whyuscont { text-align: left; }
.whyuscont h2 { font-size: 45px; font-family: 'Kaushan Script', cursive; margin: 20px 0px 20px 0px; }
.whyus-box { background: #fff; border-radius: 60px; padding: 20px 20px 20px 40px; position: relative; text-align: left; min-height: 100px; }
.whyus-box h3 { text-align: left; font-size: 18px; margin: 0px; padding: 0px; color: #ee0b42; }
.whyus-box p { text-align: left!important; font-size: 13px; }
.welcome-cont { margin: 50px 0px 0px 30px; position: relative; z-index: 2; }
.welcome-cont h1 { font-size: 45px; color: #2a2a2a; }
.welcome-cont p { font-size: 15px; line-height: 28px; }
.welcome-cont a { background: #b33934; padding: 9px 30px; border-radius: 5px; color: #fff; font-size: 13px; transition: all 0.5s ease-in-out }
.welcome-cont a:hover { background: #000; }
.body-1 h1 {
	background:url(../images/home-h1bg.png) center bottom no-repeat;
	padding-bottom:45px;
}
.body-1 p {
	color:#000;
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:center;
	line-height:22px;
}
.body-1 p span {
	font-size:20px;
	color:#060303;
	display:block;
	padding-bottom:10px;
}
.inrbody-1 {
	background:url(../images/banner-bot.png) left top repeat-x;
	position:relative;
	z-index:1000000;
	top:-26px;
	padding-top:50px;
}
.bracket-para {
	width:70%;
	margin:15px auto;
	padding:30px 30px 0px 30px;
	position:relative;
	font-style:italic;
}
.bracket-para span {
	color:#ee0b42;
}
.bracket-para:before, .bracket-para:after {
	content: '';
	position: absolute;
	background:url(../images/bracket-left.jpg) left top no-repeat;
	width:40px;
	height:91px;
	top: 0;
	left: -30px;
}
.bracket-para:after {
	background:url(../images/bracket-right.jpg) left top no-repeat;
	right:-30px;
	left: auto;
}
.body-2 {
	/*background:url(../images/flowerbg-left.jpg) left bottom no-repeat;*/
	position:relative;
}
.body-2:after {
	/*content: '';*/
	position: absolute;
	background:url(../images/flowerbg-right.jpg) right bottom no-repeat;
	width:100%;
	height:392px;
	bottom: 0;
	left: 0;
	z-index:0;
}
.groomcont, .bridecont {
	background-color:#03c0cc;
	margin:20px 0px 45px 0px;
	padding:60px 40px 45px 40px;
	position:relative;
	z-index:2;
	text-align:center;
	width:97%
}
.bridecont {
	background-color:#ee0b42;
	float:right
}
.groomhd {
	margin:0px 0px 20px 0px;
	padding:0px;
	font-family: 'abelregular';
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
}
.groomimg {
	border:2px solid #fff;
	width:348px;
	height:348px;
	border-radius:100%;
	overflow:hidden;
	margin:0 auto 15px auto;
}
.groomdate {
	margin:0px 0px 30px 0px;
	font-size:15px;
	color:#fff;
}
.groomdetail {
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#fff;
	line-height:21px;
}
.groomname, .bridename {
	font-family: 'alex_brushregular';
	font-weight:bold;
	font-size:40px;
	position:relative;
	margin:0 0 4% 0;
}
.groomname span, .bridename span {
	background-color:#03c0cc;
	padding:0px 25px;
}
.bridename span {
	background-color:#ee0b42;
}
.service-outer {
	background: #eef5ff;
    margin: 20px 0px;
    padding: 10px 30px;
    border-radius: 8px;
}
.servicehd {
	font-size: 45px; font-family: 'Kaushan Script', cursive;
	font-weight: normal!important;
	color: #2a2a2a;
	font-weight:bold;
	margin:35px 0px 20px 0px;
	text-align:center;
	/*background:url(../images/home-h1bg.png) center bottom no-repeat;
	padding-bottom:45px;*/
}
.servicehd span {
	color: #2a2a2a;
}
.service-cont, .service-cont-rht {
	background-color:#fff;
	padding: 17px 20px 0px 20px;
	width: 95%;
	float: left;
	min-height: 168px;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}
.service-cont img { margin: 0px 15px 0 0; }
.service-cont-rht img { margin: 0px 15px; }


.service-cont-rht {
	float:right;
	margin-top:2.5%;
}
.service2 {
	margin-top:4%;
}
.service3 {
	margin-top:-4%;
	padding-bottom:5% !important;
	float:left
}
.service-cont p, .service-cont-rht p {
	padding:0px;
	margin:0px;
}
.service-hd2 {
	font-size: 25px;
	color: #1c1c1c;
	font-weight: 500;
	margin: 0px;
}
.servicedate {
	font-size:13px;
	color:#fff;
	margin-bottom:20px;
}
.servicedate strong {
	padding: 0;
    border-radius: 5px;
    font-weight: 600;
    color: #b33934;
    font-size: 14px;
    margin: 0;
}
.serviceimg {
	display:block;
	margin-bottom:20px;
}
.serviceimg img {
	max-width: 100%;
}
.servicebdr {
	width:99%;
	border-right: 1px solid #a1a1a1;
	padding:1.2% 0;
}
.service-devider-left {
	float:right;
	margin:20px -15px 0px 0px;
	position:relative;
	z-index:10000;
}
.service-devider-left i {
	float:right;
	margin-right:-18px;
}
.service-devider-left em {
	float:left;
	margin-top:5px;
	margin-left:-27px;
}

.service-devider-right {
	float:left;
	margin:65px 0px 0px -14px;
	position:relative;
	z-index:10000;
}
.service-devider-right i {
	float:left;
	margin-left:-18px;
}
.service-devider-right em {
	float:right;
	margin-top:5px;
	margin-right:-26px;
}


.outdoor-tour {
	background-color:#fff;
	border:1px solid #dcd5c6;
	padding:40px 0px;
	margin:4% 0 4% 0;
	display:block;
	text-align:center;
}
.photogallery {
	padding: 0 0 20px 0;
}
.marquee, .marquee-with-options, .marquee-vert-before, .marquee-vert {
	width: 100%;
	overflow: hidden;
	margin-top:3%;
}
.cllogo {
	margin: 0;
    padding: 0px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    /* box-shadow: 0px 0px 20px #ccc; */
    position: relative;
    transition: All 2s ease;
    -webkit-transition: All 2s ease;
    -moz-transition: All 2s ease;
    -o-transition: All 2s ease;
    border: 1px solid #dfeafb;
}
.cllogo a img {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	margin:auto;
}
.profiledet { position: absolute; width: 94%; height: 94%; color: #fff; background: rgb(0 0 0 / 79%);
 top: 0px; left: 0px; padding: 10px; display: flex; align-items: center; justify-content: center; 
 transition: all 0.5s ease-in-out; transform: scale(1.5); opacity: 0; border-radius: 5px;
 }
.profiledet p { color: #fff; text-align: left; font-size: 12px; line-height: 18px; }

.profiledet p a {
    color: #fff;
    background: #b33934;
    padding: 2px 5px;
    display: block;
    text-align: center;
    margin: 15px 0 0 0;
    transition: all 0.5s ease-in-out;
    font-size: 12px;
    float: left;
}
.profiledet p a:hover { color: #b33934; background: #fff; text-decoration: none; }

.cllogo:hover .profiledet { transform: scale(1); opacity: 1; }

.enquiry-outer {
	background:url(../images/enquiry-bg.jpg) center center fixed;
	background-size:cover;
	border:1px solid #dfdad8;
}
.success-outer {
	background:url(../images/success-bg.jpg) center center fixed;
	background-size:cover;
	padding:30px 0px;
}
.inr-slider {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}
.inr-slider img {
	width:100%;
}
.body-1 a {
	display:inline-block;
	float:right;
	background-color:#185e8f;
	color:#fff;
	font-family:'OpenSansSemibold';
	font-size:15px;
	border-radius:5px;
	padding:8px 25px;
	margin:10px 0px;
}
.body-1 a:hover {
	background-color:#ff4343;
}
.scroll-top {
	width:58px;
	height:58px;
	background:url(../images/top.png) top center no-repeat;
	background-size:100% 100%;
	position:fixed;
	bottom:50px;
	left:10px;
	text-align:center;
	display:none;
	z-index:1000000
}
.scroll-top a {
	display:block;
	padding:12px 10px;
	font-size:0px;
	width:58px;
	height:58px;
}
.scroll-top:hover {
	background:url(../images/top-hov.png) top center no-repeat;
	background-size:100% 100%;
	transition:All 2s ease;
	-webkit-transition:All 2s ease;
	-moz-transition:All 2s ease;
	-o-transition:All 2s ease;
}
/*Footer-v1
------------------------------------*/
.footer {
	padding:0px 0px 30px 0px;
	background:#ee0b42;
	margin-top:0px;
}
.footwhite-box {
	display:block;
	position:relative;
	z-index:100000000000;
	background-color:#fff;
	box-shadow:0px 0px 6px #CCC;
	margin:-95px 0px 50px 0px;
}
.footlist {
	float:left;
	margin:66px 0px 10px 150px;
}
.footlist li {
	float:left;
	margin:0px 25px;
}
.footlist li a {
	
	font-size:21px;
	color:#545454;
	text-decoration:none;
}
.footlist li a:hover {
	color:#ee0b42;
}
.footsocial {
	float:left;
	margin:20px 0px 0px 250px;
}
.footsocial li {
	float:left;
	margin:0px 3px;
}
.footsocial li a {
	float:left;
	font-size:1px;
	background:url(../images/footsocial.jpg) left top no-repeat;
	width:67px;
	height:55px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.footsocial li a:hover {
	background-position:0px -70px;
}
.footsocial li a.tweet {
	background-position:-72px 0px;
}
.footsocial li a.tweet:hover {
	background-position:-72px -70px;
}
.footsocial li a.linkedin {
	background-position:-150px 0px;
}
.footsocial li a.linkedin:hover {
	background-position:-150px -70px;
}
.footsocial li a.gplus {
	background-position:-223px 0px;
}
.footsocial li a.gplus:hover {
	background-position:-223px -70px;
}
.footsocial li a.youtube {
	background-position:-300px 0px;
}
.footsocial li a.youtube:hover {
	background-position:-300px -70px;
}
.footsocial li a:hover {
	color:#ee0b42;
}
.social {
	margin:0px;
	padding:0px;
	list-style:none;
}
.social li {
	float:left;
	margin:0px 3px 0px 0px;
	padding:0px;
	background:none !important;
}
.social li a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity:1;
	padding:0px !important;
}
.social li a:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity:0.7;
}
.copyright {
	padding:15px 0px;
}
.powered {
	text-align:right;
}
.copy {
	color:#fff;
	font-size:18px;
	font-family: 'abelregular';
}
/*home-page css close*/

.inner-banner {
	width:100%;
	max-height:213px;
	height:100%;
}
.inner-banner img {
	width:100%;
}

/* Ripple Out */
.paging-list {
	display:block;
	margin:0px 0px 20px 0px;
}
.paging-list li {
	float:left;
	margin:0px 13px 0px 0px;
	font-family: 'abelregular';
	font-size:16px;
	color:#ee0b42;
	font-weight:bold;
}
.paging-list li span {
	margin:0px 0px 0px 13px;
}
.paging-list li a {
	color:#545454;
	text-decoration:none;
	transition:All 2s ease;
	-webkit-transition:All 2s ease;
	-moz-transition:All 2s ease;
	-o-transition:All 2s ease;
}
.paging-list li a:hover {
	color:#ee0b42;
}
.whyus-outer {
	background:#cd0737 url(../images/whyusbg.jpg) right -70px top 0 no-repeat;
}
.whyus-outer p { font-size:14px; color:#fff; line-height:21px; margin:0px; padding:0px; }
.whyushd { display:block; font-size:20px; color:#fff; margin:60px 0px 20px 0px; padding:0px 0px 20px 0px; line-height:36px; position:relative; }
.whyushd span {
	display:block;
	font-size:30px;
}
.whyushd:after {
	content: '';
	position: absolute;
	width:78px;
	height:3px;
	background:#fff;
	bottom: 0;
	left: 0px;
}
.whyuslist {
	display:block;
	margin:0px 18px 50px 0px;
}
.whyuslist li {
	display:block;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 30px;
	background:url(../images/tickmark.png) left 2px no-repeat;
	font-size:14px;
	color:#fff;
	line-height:22px;
}
.whyuslist li strong {
	display:block;
	margin:8px 0px 3px 0px;
	font-size:18px;
	color:#f0d276;
}

.teamcont-outer { float:left; width:20%; }
.teamcont {
	width:94%;
	float:left;
	text-align:center;
	margin:20px 0px 0px 0px;
}
.teamcont img {
	max-width:100%;
	border:1px solid #e5e5e5;
	margin-bottom:20px;
}
.teamhd {
	display:block;
	font-weight:bold;
	font-size:16px;
	color:#212424;
}
.teamcont p {
	margin:3px;
	text-align:center;
}
.inrservice-cont {
	margin:30px 0px 30px 0px;
	padding:0px 0px 20px 0px;
}
.inr-serviceimg {
	float:left;
	border:5px solid #e1dede
}
.contact-hd {
	font:bold 16px/25px Arial, Helvetica, sans-serif;
	color:#04b1bc;
	position:relative;
	padding-bottom:20px;
}
.contact-hd strong {
	display:block;
	font-size:24px;
	color:#363636;
}
.contact-hd:after {
	content: '';
	position: absolute;
	width:78px;
	height:3px;
	background:#ebebeb;
	bottom: 0;
	left: 0px;
}
.register-outer {
	border-top:1px solid #e1dede;
	border-bottom:1px solid #e1dede;
}
.register-grey {
	background-color:#f9f9f9;
	border:1px solid #e1dede;
	padding-top:15px;
	padding-bottom:15px;
}
.block480 { display:none; }

.cont-text{ text-align:center; background-color:#10798f; margin:35px 10px 0px 0px;
 float:left; width:24.33%; min-height:435px; word-wrap:break-word; color:#fff; }
.cont-text:hover { border:2px solid #0a868e; }
 
 
.cont-icon { width:155px; height:155px; border-radius:100%; margin:50px auto 25px auto; background-color:#fff;
             display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center;  transition: ease-in-out 0.5s;}
.cont-icon img{max-width:100%; margin:0 auto;}


 
/* .cont-text img{ } */
.cont-text h3{ font-family: 'bebas_neueregular'; font-size:33px; margin-bottom:15px; font-weight:100;}
.cont-text p strong{ font-family: 'OpenSansSemibold'; font-size:14px; }

.cont-text p{ color:#fff; font-family: 'OpenSansRegular'; font-size:13px; padding:0px 10px; text-align:center; }
.cont-text p a{ color:#fff; font-size:13px; padding:0px; text-decoration:none }
.cont-text p a:hover{ opacity:0.9; text-decoration:underline; }
.phone p{ font-family: 'OpenSansRegular'; font-size:20px; font-weight:bold; padding:0px 10px; text-align:center; }
	
.map{border: 1px solid rgba(204, 204, 204, 0.53); position:relative; z-index:1; height:475px; margin-top:30px; pointer-events: none; }
.mapcont { position:absolute; width:100%; min-height:475px;}


/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cont-text img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.cont-text:hover img, .cont-text:focus img, .cont-text:active img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}


/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-18px);
  transform: translateY(-18px);
}


/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bounce In */
.cllogo img {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.cllogo:hover img, .cllogo:focus img, .cllogo:active img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.whyus-section { padding: 50px 0px; font-size: 18px; font-weight: 600; text-transform: uppercase; color: #8A9DB0; }
.whyus-section span { display: block; text-transform: none; font-size: 32px; font-weight: 500; color: #000; }
.whyus-section span i { font-style: normal; color: #d11912; }
.whybox { margin: 30px 0 0 0; text-transform: normal; }
.whybox h4 { font-size: 18px; color: #000; margin: 15px 0 10px 0; padding: 0px 0px 10px 0px; position: relative; }
.whybox h4:after { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #d11912; }
.whybox p { font-size: 13px; text-transform: none; text-align: left; color: #444; }
.listbox-whitebox { padding: 10px 15px; margin-top: 10px; margin-right: 10px; background: #fff; display: block;}

.listbox-whitebox p { padding: 0px!important; margin: 0px!important; width: 100%!important;
font-size: 12px!important; font-weight: 500!important; text-align: left!important; }
.listbox-lock { margin-top: 5px; display: inline-block; }
.listbox-lock .fa-lock {
    font-size: 15px;
    width: 29px;
    height: 29px;
    padding: 7px 0px 0px 10px;
    margin: 0px 5px 0px 0px;
    border-radius: 50%;
    background: #fff;
    color: #c5271e;
    box-shadow: 3px 0px 8px rgb(0 0 0 / 15%);
}



/*harpreet css start*/



.homesrc-form {
    overflow: hidden;
    width: 100%;
    max-width: 1600px;
    position: relative;
    right: 0;
    z-index: 1000;
    padding: 0px 140px;
    margin: -177px auto 30px auto;
}
.homesrc-form2 {
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: 34px;
    left: 0px;
    color: #fff;
    z-index: 1000;
    padding: 0px 155px 0px 174px;
}
.homesrc-form2 h5 { font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
    text-shadow: 0px 0px 11px black; }


/*.homesrc-form:before { content: ''; background: rgba(243,5,101,0.8); width: 100%; height: 100%; position: absolute; top: 0; right: -59px;
    transform: skew(12deg, 0deg); color: #fff; z-index: 0;
 }*/
.homesrc-forminr {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0px 0px 0px 15px;
    border-radius: 12px;
}
.homesrc-forminr h4 { margin: 13px 0 0 0; padding: 0; }
.bannertext { font-family: 'Merriweather', serif; font-size: 37px; font-weight: 700; color: #c70f08; display: block;
    text-align: center; margin-bottom: 20px; /*text-shadow: 2px 2px 1px #fff;*/
}

.homesrc-form2 .homesrc-forminr { padding: 0px 25px 20px 25px; }
.formrow { margin: 11px 0 0 0; }
.formrow .form-control {
    border-radius: 0px;
    height: 31px;
    line-height: normal;
    font-size: 15px;
    padding: 3px 6px;    
}
.formrow2:before { content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0; background: #ccc; opacity: 0.4; }
.formrow2.nobefore:before { display: none; }

.formrow2 .form-control {
    min-height: 32px;
    border-radius: 3px;
    font-size: 14px;
    border: 0;
    margin-bottom: 12px;
    position: relative;
}
.formrow2 label { font-size: 16px; font-weight: 600; color: #000; margin-bottom: 0px; margin-left: 7px; }
.registertxt { font-size: 12px; line-height: 18px; margin: 10px 0px 0px 0px; display: block; }
.registertxt a { color: #ff5c56; }
.registertxt a:hover { color: #fff; }
.srcbtn {
    display: block;
    background: #d11912;
    margin: 12px 0 0 0;
    text-align: center;
    color: #fff;
    padding: 6px 0px;
    transition: all 0.5s ease-in-out;
    font-size: 14px;
    text-transform: uppercase;
}
.srcbtn2 { 
    padding: 24px 0px 6px 0px;
    border-radius: 0px 10px 10px 0px;
    margin: 0px -1px 0px 0px;
    height: 100%;
    font-size: 18px;
    font-weight: 600;
 }

.homesrc-form2 .srcbtn { margin: 12px 0 0 0; }
.srcbtn:hover { background: #000; text-decoration: none; color: #fff; }
.slider-txt {
    position: absolute;
    z-index: 10;
    bottom: 167px;
    left: 176px;
}

.slider-txt2 {
    position: absolute;
    z-index: 10;
    bottom: 190px;
    right: 0;
    width: 100%;
    left: 0;
    margin: auto;
    text-align: center;
}

.slider-txt h2, .slider-txt2 h2 {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400; 
    color: #fff;
    font-size: 25px; 
    text-shadow: 0px 0px 11px black;
}
.slider-txt h2 span, .slider-txt2 h2 span {
	font-family: 'Kaushan Script', cursive;
	font-size: 55px; 
    color: #fcff29;
    display: block;
}
.package-outer { padding: 50px 0px; }

/*package start*/

.package-outer .wrapper-colorful {
    position:relative;
    width:100%;
    height: 100%;
    margin:0em auto;
    padding: 0px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	/*overflow:hidden;*/
}

.wrapper-colorful ul {
    position: relative;
    width:25%;
    min-width: 15.25em;
    list-style: none;
    float: left;
    font-family: Open Sans;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
	-webkit-animation: start 0.5s ease forwards;
	-moz-animation: start 0.5s ease forwards;
	-mos-animation: start 0.5s ease forwards;
	-o-animation: start 0.5s ease forwards;
	animation: start 0.5s ease forwards;
	-webkit-transform: scale(1,0);
	-moz-transform: scale(1,0);
	-mos-transform: scale(1,0);
	-o-transform: scale(1,0);
	transform: scale(1,0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.wrapper-colorful .basic{
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-mos-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;
	border-right:1px solid #fff;
}

.wrapper-colorful .premium{
	-webkit-animation-delay:0.15s;
	-moz-animation-delay:0.15s;
	-mos-animation-delay:0.15s;
	-o-animation-delay:0.15s;
	animation-delay:0.15s;
	border-right:1px solid #fff;
}

.wrapper-colorful .plus{
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-mos-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
	border-right:1px solid #fff;
}

.wrapper-colorful .business{
	-webkit-animation-delay:0.45s;
	-moz-animation-delay:0.45s;
	-mos-animation-delay:0.45s;
	-o-animation-delay:0.45s;
	animation-delay:0.45s;
}
.wrapper-colorful ul li{
	-webkit-animation: start-li 0.5s ease forwards;
	-moz-animation: start-li 0.5s ease forwards;
	-mos-animation: start-li 0.5s ease forwards;
	-o-animation: start-li 0.5s ease forwards;
	animation: start-li 0.5s ease forwards;
	-webkit-transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	-mos-transform: translateX(-200%);
	-o-transform: translateX(-200%);
	transform: translateX(-200%);
}

.wrapper-colorful .basic li:nth-child(1){
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-mos-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	animation-delay:0.1s;

}

.wrapper-colorful .basic li:nth-child(2), .wrapper-colorful .premium li:nth-child(1){
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-mos-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}

.wrapper-colorful .basic li:nth-child(3), .wrapper-colorful .premium li:nth-child(2), .wrapper-colorful .plus li:nth-child(1){
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-mos-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}

.wrapper-colorful .basic li:nth-child(4), .wrapper-colorful .premium li:nth-child(3), .wrapper-colorful .plus li:nth-child(2), .wrapper-colorful .business li:nth-child(1){
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-mos-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	animation-delay:0.4s;
}

.wrapper-colorful .basic li:nth-child(5), .wrapper-colorful .premium li:nth-child(4), .wrapper-colorful .plus li:nth-child(3), .wrapper-colorful .business li:nth-child(2){
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-mos-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}

.wrapper-colorful .basic li:nth-child(6), .wrapper-colorful .premium li:nth-child(5), .wrapper-colorful .plus li:nth-child(4), .wrapper-colorful .business li:nth-child(3){
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	-mos-animation-delay:0.6s;
	-o-animation-delay:0.6s;
	animation-delay:0.6s;
}

.wrapper-colorful .basic li:nth-child(7), .wrapper-colorful .premium li:nth-child(6), .wrapper-colorful .plus li:nth-child(5), .wrapper-colorful .business li:nth-child(4){
	-webkit-animation-delay:0.7s;
	-moz-animation-delay:0.7s;
	-mos-animation-delay:0.7s;
	-o-animation-delay:0.7s;
	animation-delay:0.7s;
}

.wrapper-colorful .basic li:nth-child(8), .wrapper-colorful .premium li:nth-child(7), .wrapper-colorful .plus li:nth-child(6), .wrapper-colorful .business li:nth-child(5){
	-webkit-animation-delay:0.8s;
	-moz-animation-delay:0.8s;
	-mos-animation-delay:0.8s;
	-o-animation-delay:0.8s;
	animation-delay:0.8s;
}

.wrapper-colorful .basic li:nth-child(9), .wrapper-colorful .premium li:nth-child(8), .wrapper-colorful .plus li:nth-child(7), .wrapper-colorful .business li:nth-child(6){
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
	-mos-animation-delay:0.9s;
	-o-animation-delay:0.9s;
	animation-delay:0.9s;
}

.wrapper-colorful .basic li:nth-child(10), .wrapper-colorful .premium li:nth-child(9), .wrapper-colorful .plus li:nth-child(8), .wrapper-colorful .business li:nth-child(7){
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-mos-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.wrapper-colorful .basic li:nth-child(11), .wrapper-colorful .premium li:nth-child(10), .wrapper-colorful .plus li:nth-child(9), .wrapper-colorful .business li:nth-child(8){
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
	-mos-animation-delay:1.1s;
	-o-animation-delay:1.1s;
	animation-delay:1.1s;
}

.wrapper-colorful .basic li:nth-child(12), .wrapper-colorful .premium li:nth-child(11), .wrapper-colorful .plus li:nth-child(10), .wrapper-colorful .business li:nth-child(9){
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	-mos-animation-delay:1.2s;
	-o-animation-delay:1.2s;
	animation-delay:1.2s;
}

.wrapper-colorful .premium li:nth-child(12), .wrapper-colorful .plus li:nth-child(11), .wrapper-colorful .business li:nth-child(10){
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-mos-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}

.wrapper-colorful .plus li:nth-child(12), .wrapper-colorful .business li:nth-child(11){
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s;
	-mos-animation-delay:1.4s;
	-o-animation-delay:1.4s;
	animation-delay:1.4s;
}

.wrapper-colorful .business li:nth-child(12){
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-mos-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
}

@-webkit-keyframes start{
	0%		{-webkit-transform: scale(1,0);}
	100%	{-webkit-transform: scale(1,1);}
}

@-moz-keyframes start{
	0%		{-moz-transform: scale(1,0);}
	100%	{-moz-transform: scale(1,1);}
}

@-mos-keyframes start{
	0%		{-mos-transform: scale(1,0);}
	100%	{-mos-transform: scale(1,1);}
}

@-o-keyframes start{
	0%		{-o-transform: scale(1,0);}
	100%	{-o-transform: scale(1,1);}
}

@keyframes start{
	0%		{transform: scale(1,0);}
	100%	{transform: scale(1,1);}
}

@-webkit-keyframes start-li{
	0%		{-webkit-transform: translateX(-200%);}
	100%	{-webkit-transform: translateX(0%);}
}

@-moz-keyframes start-li{
	0%		{-moz-transform: translateX(-200%);}
	100%	{-moz-transform: translateX(0%);}
}

@-mos-keyframes start-li{
	0%		{-mos-transform: translateX(-200%);}
	100%	{-mos-transform: translateX(0%);}
}

@-o-keyframes start-li{
	0%		{-o-transform: translateX(-200%);}
	100%	{-o-transform: translateX(0%);}
}

@keyframes start-li{
	0%		{transform: translateX(-200%);}
	100%	{transform: translateX(0%);}
}

.wrapper-colorful ul li{
    color:#eee;
    text-align: center;
    overflow:hidden;
}

.editpro-btn { font-size: 13px; float: right; margin: 20px; color: #c5271e; transition: all 0.3s ease-in-out; }
.editpro-btn:hover { color: #000; }

.editpro-btn2 { margin: 20px 0px -10px 0; float: left; color: #fff; background: #c5271e; padding: 2px 10px; font-size: 13px;
position: relative; z-index: 2; }
.editpro-btn2:hover { background: #e9a559; }
.editformrow { text-align: left; }
.mesgs { padding: 15px;
    margin: 20px auto;
    max-width: 600px;
    border: 1px solid #e3e3e3;
    border-radius: 5px; }

.sent_msg p, .ans_msg p {
  background: #cfeddd none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  margin: 0; color:#000;
  padding: 5px 10px 5px 12px;
  width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
  float: right;
  width: 46%;
}
.input_msg_write input, .input_msg_write textarea {
    border: 0; border-radius: 8px;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 115px;
    width: 100%;
    padding: 15px 85px 15px 15px;
    background-image: linear-gradient(#f3f3f3, #fff);
}
.input_msg_write textarea::placeholder { font-style: italic; font-size: 12px; opacity: 0.8; }
.received_withd_msg {
    width: 96%;
}
.type_msg { position: relative; }
.msg_send_btn {
    background: #c5271e;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-family: 'OpenSansSemibold';
    font-size: 23px;
    height: 38px;
    width: 38px;
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.msg_send_btn:hover { background: #000; }

.messaging { padding: 0 0 50px 0;}
.msg_history { max-height: 300px; overflow-y: auto; display: flex;
    flex-direction: column-reverse; }
.received_withd_msg p { background: #f5f5f5; border-radius: 3px; font-family: 'OpenSansRegular';
    color: #000; font-size: 15px; margin: 0px 0px 0px 19px; padding: 5px 2px 6px 10px;
    width: 100%; position: relative;
}
.received_withd_msg p:before {
	content: ''; width: 0px; height: 0px; border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; border-right: 20px solid #f5f5f5; position: absolute;
    left: -18px; top: 0;
}
.received_msg2 p { background: #fcefde; margin-left: 0px; margin-right: 19px; }
.received_msg2 p:before { display: none; }
.received_msg2 p:after { 
	content: ''; width: 0px; height: 0px; border-top: 13px solid #fcefde;
    border-bottom: 7px solid transparent; border-right: 20px solid transparent; position: absolute;
    right: -18px; top: 0;
}
.time_date { font-size: 11px; color: #878787; font-style: italic; }
.time_date span { color: #000; font-style: normal; font-weight: bold; }







.bctable { margin: 0px; padding: 0px; }
.bctable thead { background: url(../images/table-pattren.jpg) left top no-repeat; }
.bctable th { background: transparent!important; border-top: 1px solid #eed9c0!important; border-left: 0!important; border-right: 0!important; border-bottom: 0!important;
 color: #101010!important; font-family: 'Open Sans', sans-serif; font-size: 18px;
 }
.bctable td { background: #fff!important; border-top: 1px solid #eed9c0!important; border-left: 1px solid #eed9c0!important; border-right: 1px solid #eed9c0!important; border-bottom: 0!important; 
	font-size: 13px!important; padding-top: 10px!important; }
.bctable td h5 { font-size: 13px!important; }
.bctable tbody tr:nth-of-type(odd) { background-color: #f9f1e6!important; }
.sendmsg-btn { background: #ffcf9b!important; font-size: 14px!important; font-weight: 600; font-family: 'Open Sans', sans-serif!important;
 color: #d9160b; padding: 5px 15px; margin-top: 10px!important; display: inline-block; border-radius: 5px; position: relative;
 }
.sendmsg-btn i { font-size: 16px!important; }
.msgnotification { position: absolute; right: -10px; top: -10px; width: 20px;
    height: 20px; border-radius: 100%; background: #b40e05; text-align: center;
    color: #fff; font-size: 12px; line-height: 20px; }
    
/* mobile */
@media screen and (max-width:1100px){
    
.wrapper-colorful {width: 100%;}
    
.wrapper-colorful ul {
    position: relative;
    width:50%;
    min-width: 15.25em;
    list-style: none;
    float: left;
    font-family: Open Sans;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
    
}

@media screen and (max-width:560px){
    	
		.wrapper-colorful {width: 100%;}
		    
		.wrapper-colorful ul {
		    position: relative;
		    width:100%;
		    min-width: 15.25em;
		    list-style: none;
		    float: left;
		    font-family: Open Sans;
		    -webkit-box-sizing: border-box;
		    -moz-box-sizing: border-box;
		    -mos-box-sizing: border-box;
		    -o-box-sizing: border-box;
		    box-sizing: border-box;
		}

		.wrapper-colorful ul:hover{
		    -webkit-transform: scale(1,1);
		    -moz-transform: scale(1,1);
		    -mos-transform: scale(1,1);
		    -o-transform: scale(1,1);
		    transform: scale(1,1);
		    -webkit-box-shadow: none;
		    -moz-box-shadow:    none;
		    box-shadow:         none;
		    z-index:5;
		}



    
}

.wrapper-colorful .basic{
    position: relative;
    background: #721613;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.wrapper-colorful .premium{
    position: relative;
    background: #d71e17;
}

.wrapper-colorful .plus{
    position: relative;
    background: #721613;
}

.wrapper-colorful .business{
    position: relative;
    background: #bb211c;
}

.wrapper-colorful ul .icon {
    position: relative;
    height:10em;
    width: 10em;
    background:rgba(255, 255, 255, 0.15);
    margin:1em auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index:2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 21px;
}
.wrapper-colorful ul .icon span { font-size: 50px; font-weight: 600; }



.wrapper-colorful .basic .icon:before{
    position: absolute;
    top: .8em;
    bottom: 0;
    left: -0.15em;
    right: 0;
    margin: auto;
    /*content:'\f1d8';*/
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful .premium .icon:before{
    position: absolute;
    top: .9em;
    bottom: 0;
    left: 0.05em;
    right: 0;
    margin: auto;
    /*content:'\f108';*/
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful .plus .icon:before{
    position: absolute;
    top: .75em;
    bottom: 0;
    left: 0em;
    right: 0;
    margin: auto;
    /*content:'\f087';*/
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful .business .icon:before{
    position: absolute;
    top: .75em;
    bottom: 0;
    left: -0.1em;
    right: 0;
    margin: auto;
    /*content:'\f135';*/
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful .basic:hover .icon:before{
    color: #005C5A;
}

.wrapper-colorful .premium:hover .icon:before{
    color: #199C7B;
}

.wrapper-colorful .plus:hover .icon:before{
    color: #F37100;
}

.wrapper-colorful .business:hover .icon:before{
    color: #ED4D13;
}

.wrapper-colorful ul .icon:after{
    position: absolute;
    content: '';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -mos-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index:-1;
}

.wrapper-colorful ul:hover .icon:after{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -mos-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

.wrapper-colorful ul .name{
    height:2em;
    line-height: 2em;
    -webkit-transition: all 0.25s ease 0.15s;
    -moz-transition: all 0.25s ease 0.15s;
    -mos-transition: all 0.25s ease 0.15s;
    -o-transition: all 0.25s ease 0.15s;
    transition: all 0.25s ease 0.15s;
}

.wrapper-colorful ul:hover .name{
    -webkit-box-shadow: inset 0px -2em 0px 0px rgba(239, 239, 239, 0.25);
    -moz-box-shadow: inset 0px -2em 0px 0px rgba(239, 239, 239, 0.25);
    box-shadow: inset 0px -2em 0px 0px rgba(239, 239, 239, 0.25);
}
.wrapper-colorful ul .name h1{
	font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2em;
    color: rgba(255, 255, 255, 0.75);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful ul:hover .name h1{
    color: rgba(255, 255, 255, 1);
}
.wrapper-colorful ul:hover .icon { color: #000; }



.wrapper-colorful ul .price-col{
    height:1.5em;
    line-height: 1.25em;
    font-size: 4em;
    font-family: 'exo_2.0extra_light';
    color: rgba(255, 255, 255, 0.75);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful ul .price-col .cost{
	font-family: 'Ubuntu', sans-serif;
    position: relative;
    width: 100%;
    height:100%;
    -webkit-box-shadow: inset 0px -0em 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow:    inset 0px -0em 0px 0px rgba(239, 239, 239, 1);
    box-shadow:         inset 0px -0em 0px 0px rgba(239, 239, 239, 1);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful ul:hover .price-col .cost{
    position: relative;
    -webkit-box-shadow: inset 0px -1.5em 0px 0px rgba(239, 239, 239, 0.75);
    -moz-box-shadow:    inset 0px -1.5em 0px 0px rgba(239, 239, 239, 0.75);
    box-shadow:         inset 0px -1.5em 0px 0px rgba(239, 239, 239, 0.75);
}

.wrapper-colorful .basic:hover .price-col .cost{
    color: #005C5A;
}

.wrapper-colorful .premium:hover .price-col .cost{
    color: #199C7B;
}

.wrapper-colorful .plus:hover .price-col .cost{
    color: #F37100;
}

.wrapper-colorful .business:hover .price-col .cost{
    color: #ED4D13;
}

.wrapper-colorful ul .price-col .cost .valuta{
    position:relative;
    font-size: 0.5em;
    font-weight: 400;
    display: inline-table;
    vertical-align: super;
}

.wrapper-colorful ul .price-col .cost .mounthly{
    position:relative;
    font-size: 0.5em;
    font-weight: 300;
    display: inline-table;
    text-transform: uppercase;
    color: #000;
}

.wrapper-colorful ul .description-range{
    height:2em;
    line-height: 2em;
}

.wrapper-colorful ul .description-range:after{
    position: absolute;
    content: '';
    width: 0%;
    height:32px;
    background: rgba(255, 255, 255, 0.15);
    left:0%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful ul .description-range:hover:after{
    width: 100%;
}

.wrapper-colorful .description-range:before{
    position:absolute;
    font-family:'FontAwesome';
    font-weight: normal;
    width:2em;
    font-size: 1em;
    left: -1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful .description-range:hover:before{
    left: 1em;
}

.wrapper-colorful .description-range:nth-child(3):before {
    content: '\f0a0';
}

.wrapper-colorful .description-range:nth-child(4):before {
    content: '\f2b9';
}

.wrapper-colorful .description-range:nth-child(5):before {
    content: '\f003';
}

.wrapper-colorful .description-range:nth-child(6):before {
    content: '\f003';
}

.wrapper-colorful .description-range:nth-child(7):before {
    content: '\f03e';
}

.wrapper-colorful .description-range:nth-child(8):before {
    content: '\f002';
}

.wrapper-colorful .description-range:nth-child(9):before {
    content: '\f0e8';
}

.wrapper-colorful .description-range:before {
    content: '\f007';
}
.wrapper-colorful .description-range:nth-child(11):before {
    content: '\f00e';
}
.wrapper-colorful .description-range:nth-child(12):before {
    content: '\f124';
}
.wrapper-colorful ul .purchase{
    height: 3em;
    line-height: 3em;
    margin: 20px 0 50px 0;
}
.wrapper-colorful ul .purchase a{
    position: relative;
    padding:0.5em;
    border:4px solid #efefef;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper-colorful ul .purchase a{
    color:#fff;
    background: #f37100;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow:    inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
    box-shadow:         inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
}

.wrapper-colorful .premium .purchase a{
    color: #fff;
    background: #f37100;
}

.wrapper-colorful .plus .purchase a{
    color:#fff;
    background:#F37100;
}

.wrapper-colorful .business .purchase a{
    color:#fff;
    background:#ED4D13;
}

.wrapper-colorful ul .purchase a:hover{
    color:#005C5A;
    -webkit-box-shadow: inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow:    inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    box-shadow:         inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
}

.wrapper-colorful .premium .purchase a:hover{
    color:#199C7B;
}

.wrapper-colorful .plus .purchase a:hover{
    color:#F37100;
}

.wrapper-colorful .business .purchase a:hover{
    color:#ED4D13;
}

.wrapper-colorful ul .purchase:before{
    position: absolute;
    content: '';
    background: #efefef;
    width: 50%;
    height:1em;
    bottom:1em;
    left:25%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful ul:hover .purchase:before{
    position: absolute;
    content: '';
    background: #efefef;
    width: 90%;
    height:1em;
    left:5%;
}


/* Colorful-2 Pricing Tables with IMG*/

.wrapper-colorful-bg {
    position:relative;
    width:100%;
    height: 100%;
    margin:0em auto;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url('../bg2.jpg') center center no-repeat;
   -moz-background-size: cover; /* Firefox до 4.0 */
   -webkit-background-size: cover; /* Safari и Chrome */
   -o-background-size: cover; /* Opera до версии 10.53 */
   background-size: cover; /* CSS3 */
}

.wrapper-colorful-bg ul {
    position: relative;
    width:25%;
    min-width: 15.25em;
    list-style: none;
    float: left;
    font-family: Open Sans;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}

.wrapper-colorful-bg .basic{
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-mos-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;
}

.wrapper-colorful-bg .premium{
	-webkit-animation-delay:0.15s;
	-moz-animation-delay:0.15s;
	-mos-animation-delay:0.15s;
	-o-animation-delay:0.15s;
	animation-delay:0.15s;
}

.wrapper-colorful-bg .plus{
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-mos-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}

.wrapper-colorful-bg .business{
	-webkit-animation-delay:0.45s;
	-moz-animation-delay:0.45s;
	-mos-animation-delay:0.45s;
	-o-animation-delay:0.45s;
	animation-delay:0.45s;
}
.wrapper-colorful-bg ul li{
	-webkit-animation: start-li 0.5s ease forwards;
	-moz-animation: start-li 0.5s ease forwards;
	-mos-animation: start-li 0.5s ease forwards;
	-o-animation: start-li 0.5s ease forwards;
	animation: start-li 0.5s ease forwards;
	-webkit-transform: translateX(-200%);
	-moz-transform: translateX(-200%);
	-mos-transform: translateX(-200%);
	-o-transform: translateX(-200%);
	transform: translateX(-200%);
}

.wrapper-colorful-bg .basic li:nth-child(1){
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-mos-animation-delay:0.1s;
	-o-animation-delay:0.1s;
	animation-delay:0.1s;
}

.wrapper-colorful-bg .basic li:nth-child(2), .wrapper-colorful-bg .premium li:nth-child(1){
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-mos-animation-delay:0.2s;
	-o-animation-delay:0.2s;
	animation-delay:0.2s;
}

.wrapper-colorful-bg .basic li:nth-child(3), .wrapper-colorful-bg .premium li:nth-child(2), .wrapper-colorful-bg .plus li:nth-child(1){
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-mos-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}

.wrapper-colorful-bg .basic li:nth-child(4), .wrapper-colorful-bg .premium li:nth-child(3), .wrapper-colorful-bg .plus li:nth-child(2), .wrapper-colorful-bg .business li:nth-child(1){
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-mos-animation-delay:0.4s;
	-o-animation-delay:0.4s;
	animation-delay:0.4s;
}

.wrapper-colorful-bg .basic li:nth-child(5), .wrapper-colorful-bg .premium li:nth-child(4), .wrapper-colorful-bg .plus li:nth-child(3), .wrapper-colorful-bg .business li:nth-child(2){
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-mos-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}

.wrapper-colorful-bg .basic li:nth-child(6), .wrapper-colorful-bg .premium li:nth-child(5), .wrapper-colorful-bg .plus li:nth-child(4), .wrapper-colorful-bg .business li:nth-child(3){
	-webkit-animation-delay:0.6s;
	-moz-animation-delay:0.6s;
	-mos-animation-delay:0.6s;
	-o-animation-delay:0.6s;
	animation-delay:0.6s;
}

.wrapper-colorful-bg .basic li:nth-child(7), .wrapper-colorful-bg .premium li:nth-child(6), .wrapper-colorful-bg .plus li:nth-child(5), .wrapper-colorful-bg .business li:nth-child(4){
	-webkit-animation-delay:0.7s;
	-moz-animation-delay:0.7s;
	-mos-animation-delay:0.7s;
	-o-animation-delay:0.7s;
	animation-delay:0.7s;
}

.wrapper-colorful-bg .basic li:nth-child(8), .wrapper-colorful-bg .premium li:nth-child(7), .wrapper-colorful-bg .plus li:nth-child(6), .wrapper-colorful-bg .business li:nth-child(5){
	-webkit-animation-delay:0.8s;
	-moz-animation-delay:0.8s;
	-mos-animation-delay:0.8s;
	-o-animation-delay:0.8s;
	animation-delay:0.8s;
}

.wrapper-colorful-bg .basic li:nth-child(9), .wrapper-colorful-bg .premium li:nth-child(8), .wrapper-colorful-bg .plus li:nth-child(7), .wrapper-colorful-bg .business li:nth-child(6){
	-webkit-animation-delay:0.9s;
	-moz-animation-delay:0.9s;
	-mos-animation-delay:0.9s;
	-o-animation-delay:0.9s;
	animation-delay:0.9s;
}

.wrapper-colorful-bg .basic li:nth-child(10), .wrapper-colorful-bg .premium li:nth-child(9), .wrapper-colorful-bg .plus li:nth-child(8), .wrapper-colorful-bg .business li:nth-child(7){
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-mos-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.wrapper-colorful-bg .basic li:nth-child(11), .wrapper-colorful-bg .premium li:nth-child(10), .wrapper-colorful-bg .plus li:nth-child(9), .wrapper-colorful-bg .business li:nth-child(8){
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
	-mos-animation-delay:1.1s;
	-o-animation-delay:1.1s;
	animation-delay:1.1s;
}

.wrapper-colorful-bg .basic li:nth-child(12), .wrapper-colorful-bg .premium li:nth-child(11), .wrapper-colorful-bg .plus li:nth-child(10), .wrapper-colorful-bg .business li:nth-child(9){
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	-mos-animation-delay:1.2s;
	-o-animation-delay:1.2s;
	animation-delay:1.2s;
}

.wrapper-colorful-bg .premium li:nth-child(12), .wrapper-colorful-bg .plus li:nth-child(11), .wrapper-colorful-bg .business li:nth-child(10){
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-mos-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}

.wrapper-colorful-bg.plus li:nth-child(12), .wrapper-colorful-bg .business li:nth-child(11){
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s;
	-mos-animation-delay:1.4s;
	-o-animation-delay:1.4s;
	animation-delay:1.4s;
}

.wrapper-colorful-bg .business li:nth-child(12){
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-mos-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
}

@-webkit-keyframes start{
	0%		{-webkit-transform: translateY(-100%);}
	100%	{-webkit-transform: translateY(0%);}
}

@-moz-keyframes start{
	0%		{-moz-transform: translateY(-100%);}
	100%	{-moz-transform: translateY(0%);}
}

@-mos-keyframes start{
	0%		{-mos-transform: translateY(-100%);}
	100%	{-mos-transform: translateY(0%);}
}

@-o-keyframes start{
	0%		{-o-transform: translateY(-100%);}
	100%	{-o-transform: translateY(0%);}
}

@keyframes start{
	0%		{transform: translateY(-100%);}
	100%	{transform: translateY(0%);}
}

@-webkit-keyframes start-li{
	0%		{-webkit-transform: translateX(-200%);}
	100%	{-webkit-transform: translateX(0%);}
}

@-moz-keyframes start-li{
	0%		{-moz-transform: translateX(-200%);}
	100%	{-moz-transform: translateX(0%);}
}

@-mos-keyframes start-li{
	0%		{-mos-transform: translateX(-200%);}
	100%	{-mos-transform: translateX(0%);}
}

@-o-keyframes start-li{
	0%		{-o-transform: translateX(-200%);}
	100%	{-o-transform: translateX(0%);}
}

@keyframes start-li{
	0%		{transform: translateX(-200%);}
	100%	{transform: translateX(0%);}
}

.wrapper-colorful-bg ul li{
    color:#eee;
    text-align: center;
    overflow:hidden;
}

/* mobile */
@media screen and (max-width:1100px){
    
.wrapper-colorful-bg {width: 100%;}
    
.wrapper-colorful-bg ul {
    position: relative;
    width:50%;
    min-width: 15.25em;
    list-style: none;
    float: left;
    font-family: Open Sans;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

}

@media screen and (max-width:560px){
    
.wrapper-colorful-bg {width: 100%;}
    
.wrapper-colorful-bg ul {
    position: relative;
    width:100%;
    min-width: 15.25em;
    list-style: none;
    float: left;
    font-family: Open Sans;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
    
}

.wrapper-colorful-bg .basic{
    position: relative;
    background: rgba(0, 92, 90, 0.75);
}

.wrapper-colorful-bg .premium{
    position: relative;
    background: rgba(25, 156, 123, 0.75);
}

.wrapper-colorful-bg .plus{
    position: relative;
    background: rgba(243, 113, 0, 0.75);
}

.wrapper-colorful-bg .business{
    position: relative;
    background: rgba(237, 77, 19, 0.75);
}

.wrapper-colorful-bg ul .icon{
    position: relative;
    height:10em;
    width: 10em;
    background:rgba(255, 255, 255, 0.15);
    margin:1em auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index:2;
    color:rgba(255, 255, 255, 0.5);
}

.wrapper-colorful-bg .basic .icon:before{
    position: absolute;
    top: .8em;
    bottom: 0;
    left: -0.15em;
    right: 0;
    margin: auto;
    content:'\f1d8';
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful-bg .premium .icon:before{
    position: absolute;
    top: .9em;
    bottom: 0;
    left: 0.05em;
    right: 0;
    margin: auto;
    content:'\f108';
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful-bg .plus .icon:before{
    position: absolute;
    top: .75em;
    bottom: 0;
    left: 0em;
    right: 0;
    margin: auto;
    content:'\f087';
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful-bg .business .icon:before{
    position: absolute;
    top: .75em;
    bottom: 0;
    left: -0.1em;
    right: 0;
    margin: auto;
    content:'\f135';
    font-family: FontAwesome;
    font-size: 4em;
}

.wrapper-colorful-bg .basic:hover .icon:before{
    color: #005C5A;
}

.wrapper-colorful-bg .premium:hover .icon:before{
    color: #199C7B;
}

.wrapper-colorful-bg .plus:hover .icon:before{
    color: #F37100;
}

.wrapper-colorful-bg .business:hover .icon:before{
    color: #ED4D13;
}

.wrapper-colorful-bg ul .icon:after{
    position: absolute;
    content: '';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(242, 242, 242, 0.75);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -mos-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    z-index:-1;
}

.wrapper-colorful-bg ul:hover .icon:after{
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -mos-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
}

.wrapper-colorful-bg ul .name{
    height:2em;
    line-height: 2em;
    -webkit-transition: all 0.25s ease 0.15s;
    -moz-transition: all 0.25s ease 0.15s;
    -mos-transition: all 0.25s ease 0.15s;
    -o-transition: all 0.25s ease 0.15s;
    transition: all 0.25s ease 0.15s;
}

.wrapper-colorful-bg ul:hover .name{
    -webkit-box-shadow: inset 0px -2em 0px 0px rgba(239, 239, 239, 0.25);
    -moz-box-shadow:    inset 0px -2em 0px 0px rgba(239, 239, 239, 0.25);
    box-shadow:         inset 0px -2em 0px 0px rgba(239, 239, 239, 0.25);
}

.wrapper-colorful-bg ul .name h1{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 2em;
    color: rgba(255, 255, 255, 0.75);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.wrapper-colorful-bg ul:hover .name h1{
    color: rgba(255, 255, 255, 1);
}
.name2 {
    font-size: 0.8rem!important;
    margin-top: 10px!important;
}
.wrapper-colorful-bg ul .price-col{
    height:1.5em;
    line-height: 1.25em;
    font-size: 4em;
    font-family: 'exo_2.0extra_light';
    color: rgba(255, 255, 255, 0.75);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful-bg ul .price-col .cost{
    position: relative;
    width: 100%;
    height:100%;
    -webkit-box-shadow: inset 0px -0em 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow:    inset 0px -0em 0px 0px rgba(239, 239, 239, 1);
    box-shadow:         inset 0px -0em 0px 0px rgba(239, 239, 239, 1);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful-bg ul:hover .price-col .cost{
    position: relative;
    -webkit-box-shadow: inset 0px -1.5em 0px 0px rgba(239, 239, 239, 0.75);
    -moz-box-shadow:    inset 0px -1.5em 0px 0px rgba(239, 239, 239, 0.75);
    box-shadow:         inset 0px -1.5em 0px 0px rgba(239, 239, 239, 0.75);
}

.wrapper-colorful-bg .basic:hover .price-col .cost{
    color: #005C5A;
}

.wrapper-colorful-bg .premium:hover .price-col .cost{
    color: #199C7B;
}

.wrapper-colorful-bg .plus:hover .price-col .cost{
    color: #F37100;
}

.wrapper-colorful-bg .business:hover .price-col .cost{
    color: #ED4D13;
}

.wrapper-colorful-bg ul .price-col .cost .valuta{
    position:relative;
    font-size: 0.5em;
    font-weight: 400;
    display: inline-table;
    vertical-align: super;
}

.wrapper-colorful-bg ul .price-col .cost .mounthly{
    position:relative;
    font-size: 0.5em;
    font-weight: 300;
    display: inline-table;
    text-transform: uppercase
}

.wrapper-colorful-bg ul .description-range{
    height:2em;
    line-height: 2em;
}

.wrapper-colorful-bg ul .description-range:after{
    position: absolute;
    content: '';
    width: 0%;
    height:32px;
    background: rgba(255, 255, 255, 0.15);
    left:0%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful-bg ul .description-range:hover:after{
    width: 100%;
}

.wrapper-colorful-bg .description-range:before{
    position:absolute;
    font-family: FontAwesome;
    font-weight: normal;
    width:2em;
    font-size: 1em;
    left: -1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.wrapper-colorful-bg .description-range:hover:before{
    left: 1em;
}

.wrapper-colorful-bg .description-range:nth-child(3):before {
    content: '\f0a0';
}

.wrapper-colorful-bg .description-range:nth-child(4):before {
    content: '\f1d9';
}

.wrapper-colorful-bg .description-range:nth-child(5):before {
    content: '\f003';
}

.wrapper-colorful-bg .description-range:nth-child(6):before {
    content: '\f0ac';
}

.wrapper-colorful-bg .description-range:nth-child(7):before {
    content: '\f023';
}

.wrapper-colorful-bg .description-range:nth-child(8):before {
    content: '\f133';
}

.wrapper-colorful-bg .description-range:nth-child(9):before {
    content: '\f0e8';
}

.wrapper-colorful-bg .description-range:before {
    content: '\f006';
}

.wrapper-colorful-bg ul .purchase{
    height: 3em;
    line-height: 3em;
}

.wrapper-colorful-bg ul .purchase a{
    position: relative;
    padding:0.5em;
    border:4px solid rgba(239, 239, 239, 0.5);;
    color: #fff;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -mos-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.wrapper-colorful-bg .basic .purchase a{
    color:#fff;
    background:#005C5A;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow:    inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
    box-shadow:         inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
}

.wrapper-colorful-bg .premium .purchase a{
    color:#fff;
    background:#199C7B;
}

.wrapper-colorful-bg .plus .purchase a{
    color:#fff;
    background:#F37100;
}

.wrapper-colorful-bg .business .purchase a{
    color:#fff;
    background:#ED4D13;
}

.wrapper-colorful-bg ul .purchase a:hover{
    color:#005C5A;
    -webkit-box-shadow: inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow:    inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    box-shadow:         inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
}

.wrapper-colorful-bg .premium .purchase a:hover{
    color:#199C7B;
}

.wrapper-colorful-bg .plus .purchase a:hover{
    color:#F37100;
}

.wrapper-colorful-bg .business .purchase a:hover{
    color:#ED4D13;
}

.wrapper-colorful-bg ul .purchase:before{
    position: absolute;
    content: '';
    background: rgba(239, 239, 239, 0.5);;
    width: 50%;
    height:1em;
    bottom:1em;
    left:25%;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -mos-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.wrapper-colorful-bg ul:hover .purchase:before{
    position: absolute;
    content: '';
    width: 90%;
    height:1em;
    left:5%;
}
/*package end*/

/* footer section - start */
.footer_section {
  padding-bottom: 25px;
}
.footer_section.bg_gray {
  background-color: #f5f6fa;
}
.footer_section.bg_black {
    background: rgb(9,11,18);
	background: -moz-linear-gradient(0deg, rgba(9,11,18,1) 0%, rgba(27,31,49,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(9,11,18,1) 0%, rgba(27,31,49,1) 100%);
	background: linear-gradient(0deg, rgba(9,11,18,1) 0%, rgba(27,31,49,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#090b12",endColorstr="#1b1f31",GradientType=1);
}

.footer_widget_title {
	  line-height: 1;
	  font-family: 'Roboto', sans-serif; font-size: 20px;
	  font-weight: 500;
	  margin-bottom: 35px;
}

.footer_widget_area {
  padding: 80px 0px;
}

.footer_bottom_boxed {
  padding: 25px 50px;
}
.footer_bottom_boxed.bg_white {
  background-color: #ffffff;
}

/* footer section - start */
/* footer brand list - start */
.footer_brand_area {
  padding: 60px 0px;
}
.footer_brand_area.border_bottom {
  border-bottom: 1px solid #e0e0e0;
}

/* footer brand list - end */
/* footer useful links - start */
.footer_useful_links li {
  line-height: 1;
}
.footer_useful_links li:not(:last-child) {
  margin-bottom: 16px;
}
.footer_useful_links a {
  color: #757575;
}
.footer_useful_links a:hover {
  color: #ff4328;
}

/* footer useful links - end */
/* footer contact form - start */
.footer_contact_form .form_item input {
  height: 55px;
  color: #ffffff;
  background-color: #1a1e5d;
}
.footer_contact_form .form_item input:-moz-placeholder {
  color: #d4d7ff;
}
.footer_contact_form .form_item input::-moz-placeholder {
  color: #d4d7ff;
}
.footer_contact_form .form_item input:-ms-input-placeholder {
  color: #d4d7ff;
}
.footer_contact_form .form_item input::-webkit-input-placeholder {
  color: #d4d7ff;
}
.footer_contact_form .form_item .submit_btn {
  height: 55.5px;
  min-width: 55px;
  line-height: 57px;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  background-color: #ff4328;
}

/* footer contact form - end */
/* footer hotline - start */
.footer_hotline {
  display: block;
  line-height: 1;
  font-size: 18px;
  color: #222222;
  font-family: "Rubik", sans-serif;
}
.footer_hotline i {
  margin-right: 10px;
  color: #ff4328;
}

/* footer hotline - end */
/* author links - start */
.author_links {
  color: #ff4328;
}

/* author links - end */
/* footer about - start */
.footer_about.bg_black {
   background-color: #131829;
}

/* footer about - end */
/* footer contact info list - start */
.footer_contact_info li {
  display: flex;
 /* align-items: center; */
}
.footer_contact_info li:not(:last-child) {
  margin-bottom: 30px;
}
.footer_contact_info .item_icon {
	  width: 40px;
	  height: 40px;
	  color: #ffffff;
	  line-height: 40px;
	  border-radius: 5px;
	  text-align: center;
	  margin-right: 15px;
}
.footer_contact_info .item_icon.bg_default_yellow {
  color: #222222;
}
.footer_contact_info h4 {
	  line-height: 1;
	  font-size: 14px;
	  font-weight: 600;
	  margin-bottom: 5px;
	  color: #fff; opacity: 0.8;
	  text-transform: uppercase; text-align: left;
}
.footer_contact_info p {
	  margin: 0px;
	  line-height: 1;
	  font-size: 14px;
}

/* footer contact info list - end */
/* footer newsletter boxed - start */
.footer_newsletter_boxed {
    padding: 15px 50px 10px 19px;
    background-color: #0b0d14;
}
.footer_newsletter_boxed .newsletter_title {
  font-size: 14px;
  color: #979797 !important;
    line-height: 22px;
    text-align: left;
}
.footer_newsletter_boxed .form_list > li:not(:last-child) {
  margin-right: 7px;
}
.footer_newsletter_boxed input {
  height: 55px;
  width: 280px;
  outline: none;
  display: block;
  color: #ffffff;
  padding: 0px 30px;
  border: 1px solid #272727;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.footer_newsletter_boxed input:focus {
  border-color: #fec931;
}
.footer_newsletter_boxed input:-moz-placeholder {
  color: #595959;
}
.footer_newsletter_boxed input::-moz-placeholder {
  color: #595959;
}
.footer_newsletter_boxed input:-ms-input-placeholder {
  color: #595959;
}
.footer_newsletter_boxed input::-webkit-input-placeholder {
  color: #595959;
}
.footer_newsletter_boxed .icon_btn {
  width: 55px;
  height: 55px;
  font-size: 18px;
  line-height: 59px;
}

/* footer newsletter boxed - end */
/* footer white content - start */
.footer_section .text-white p {
  color: #b2b5ec;
}

.text-white .footer_widget_title {
  color: #ffffff;
  margin-bottom: 35px;
}
.text-white .footer_brand_area.border_bottom {
  border-bottom: 1px solid #24296f;
}
.text-white .footer_useful_links a {
  color: #b2b5ec;
}
.text-white .footer_useful_links a:hover {
  color: #ff4328;
}
.text-white .small_blog .item_title > a {
  color: #ffffff;
}
.text-white .small_blog:hover .item_title > a {
  color: #ff4328;
}
.text-white .small_blog .post_date {
  color: #b2b5ec;
}
.text-white .footer_contact_form .form_item input {
  background-color: #1f2366;
}
.text-white .footer_hotline {
  color: #b2b5ec;
}
.text-white .footer_bottom_boxed {
  background-color: #1f2366;
}
.text-white .circle_social_links a {
  color: #ababab;
  background-color: #292d77;
}
.text-white .circle_social_links a:hover i {
  color: #ffffff;
}
.text-white .author_links {
  color: #fec931;
}
.text-white .footer_contact_info p {
  color: #ffffff;
}
.text-white .footer_newsletter_boxed {
    margin-top: 60px;
}
.text-white .footer_newsletter_boxed .newsletter_title {
  color: #ffffff;
}

/* footer white content - end */
/* secondary footer - start
================================================== */
.secondary_footer {
  /*z-index: 1;*/
  padding: 40px 0px 0px 0px;
  position: relative;
}
.secondary_footer .border_shapes {
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  width: 100%;
  position: absolute;
  background-image: url(../images/borders_shape.png); 
  background-size: auto;
  background-position: right center;
  background-repeat: no-repeat;
}
.secondary_footer.text-white p {
  color: #fff; line-height: 22px; text-align: left; opacity: 0.8
}
.secondary_footer.text-white a {
  color: #fff; opacity: 0.8
}
.secondary_footer.text-white a:hover {
  color: #fec931;
}
.secondary_footer.text-white .footer_contact_info p {
  color: #ffffff;
}

.secondary_footer.text-white .footer_contact_info p a{
  color: #ffffff;
}
.secondary_footer.text-white .footer_contact_info p a:hover{
  color: #fec931;
}

.secondary_footer .footer_about {
  margin-top: -40px;
  padding: 40px 45px 10px 70px;
}
.secondary_footer .footer_about .brand_logo {
  display: none;
}
.secondary_footer .circle_social_links a {
	  width: 50px;
	  height: 50px;
      background-color: #171a24;
}
.secondary_footer .copyright_text {
      padding: 22px 30px;
      background-color: #171a24;
}
.secondary_footer .copyright_text .author_links {
  color: #fec931;
}
.secondary_footer .copyright_text .author_links:hover {
  color: #ff4328;
}
.secondary_footer .footer_widget_area {
  padding: 0px 0px 0px 25px;
}
.secondary_footer .small_blog .item_title > a {
  line-height: 1.556;
}
.secondary_footer .small_blog:hover .item_title > a {
  color: #fec931;
}
.secondary_footer .small_blog .post_date {
  color: #979797;
}
.secondary_footer .small_blog .post_date i {
  color: #fec931;
}

/* secondary footer - end
================================================== */
/* footer - end
==================================================================================================== */

.circle_social_links { list-style: none; display: block; }
.circle_social_links li { list-style: none; display: inline-block; }
.circle_social_links a {
    width: 45px;
    height: 45px;
    display: block;
    color: #878bd0;
    font-size: 14px;
    overflow: hidden;
    line-height: 49px;
    position: relative;
    text-align: center;
    border-radius: 100%;
    background-color: #1a1e5d;
}
.ul_li_block {
    margin: 0px;
    padding: 0px;
    /* display: inline-block; */
}
.footer_contact_info li {
    display: flex;
}
.footer_contact_info li .item_icon {
    width: 40px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    margin-right: 15px;
}
.ul_li_block > li i {
    margin-right: 0px;
    font-size: 15px;
}
.bg_default_orange {
    background-color: #b33934;
}
.bg_default_yellow {
    background-color: #fec931;
}
.testi-outer { background: url(../images/family_bg.jpg) center center fixed; padding: 0px 0px 50px 0px; }

/*testimonial start*/
.client-testimonial-carousel .owl-dots button {
    height: 5px;
    background: #b33934!important;
    width: 20px;
    display: inline-block;
    margin: 5px;
    transition: .2s;
    border-radius: 2px;
}

.client-testimonial-carousel button.owl-dot.active {
    background: #000 !important;
    width: 30px;
}

.client-testimonial-carousel .owl-dots {
    text-align: center;
    margin-top: 25px
}

.single-testimonial-item {
    position: relative;
    border: 1px solid #e1e1e1;
    margin: 2px;
    padding: 20px;
    font-style: italic;
    padding-left: 85px;
    background: #f3f3f3;
    min-height: 280px;
}

.single-testimonial-item:before {
    font-family:'FontAwesome';
    content: "\f10e";
    font-weight: 900;
    position: absolute;
    left: 20px;
    top: 50%;
    font-size: 20px;
    color: #b33934;
    line-height: 30px;
    margin-top: -15px;
}
.single-testimonial-item:after {
    background: #ddd;
    content: "";
    height: 70%;
    left: 60px;
    position: absolute;
    top: 10%;
    width: 1px;
}
.single-testimonial-item h3 {
    font-size: 20px;
    font-style: normal;
    margin-bottom: 0;
}
.single-testimonial-item h3 span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
/*testimonial end*/

.package-outer2 { background: #f8f9f9; position: relative; padding: 10px 30px 40px 30px; min-height: 500px; }
/*.package-outer2:after { content: ''; width: 100%; height: 200px; background: #1f243a; position: absolute; left: 0; bottom: 0; z-index: 0 }*/
.package-box { box-shadow: 0 2px 6px -1px rgb(38 48 140 / 20%); padding: 14px 5px 24px 25px; background-color: #fff; position: relative; z-index: 1 }
.package-box h4 { font-size: 28px; margin-bottom: 15px; }
.packegline { width: 35px; height: 3px; background: #b33934; display: inline-block; }
.package-box h2 { font-family: 'Ubuntu', sans-serif; color: #b33934; }
.packeg-val { padding: 8px; margin: 10px 0; font-size: 16px; font-weight: 600; background: #f8f9f9; }
.package-box ul { margin: 0px; padding: 0px 0px 20px 0px; list-style: none; font-size: 15px; opacity: 0.9; }
.package-box ul li { margin: 12px 0px; padding: 0px 0px 0px 0px; position: relative; }
.package-box.paidbox ul li { margin: 22px 0px; }
.package-box ul li span { position: absolute; right: 20px; top: 0; }

.package-box ul li .tickicon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 0;
    background: url(../images/packege-icons.svg) right -93px top -40px no-repeat;
 }
.crossicon { background-position: right -76px top -136px!important; }
.upgrade-btn { border-radius: 3px; display: block; text-align: center; background: #b33934; padding: 7px 30px; margin: 15px 20px 0 0; color: #fff;  font-size: 15px;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
	box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
	transition: all 0.5s ease-in-out;
}
.upgrade-btn:hover { 
	-webkit-box-shadow: inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    -moz-box-shadow: inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    box-shadow: inset 0px -40px 0px 0px rgba(239, 239, 239, 1);
    color: #000; text-decoration: none;
}
.paidbox { background-color: #341d1c; color: #fff; }
.paidbox .packegline { background-color: #fff; }
.paidbox .upgrade-btn { color: #b33934; background-color: #fff; }
.package-box.paidbox ul li .tickicon { background-position: right -279px top -40px; color: #fff }




.wlcm-stat { background: #eef5ff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    border-radius: 57px; margin: 20px 0px 0px 0px; }
.wlcm-stat h5 { margin: 0px 0px 4px 0px; padding: 0px; text-align: left; font-size: 17px; }
.wlcm-stat p { margin: 0px; padding: 0px; text-align: left; font-size: 13px; line-height: 1.2; }
.wlcm-stat img { margin-right: 10px; }
.profiletab { padding: 20px 0px; }
.photogallery .nav-tabs { float: none; border: 0px; }
.photogallery .nav-tabs li { padding: 0px; margin: 0px; }
.photogallery .nav-tabs li a { padding: 5px 20px; margin: 0px 8px 0px 0px; border: 0px; background: #eef5ff;
    letter-spacing: 0; color: #000; font-weight: 500; text-transform: none; font-size: 19px; }
.photogallery .nav-tabs li a.active { padding: 5px 20px; border: 0px; background: #b33934!important; color: #fff!important }
.whatsapp {
    right: 20px;
    position: fixed;
    z-index: 10000000;
    bottom: 50px;
}

/*new package srtar*/
.wrapper{
  max-width: 1090px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wrapper .table{
	  background: #eef5ff;
	  width: calc(33% - 20px);
	  padding: 30px 30px;
	  position: relative;
	  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.wrapper .table:hover { box-shadow: 0 5px 10px rgba(0,0,0,0); }

.table .price-section{
  display: flex;
  justify-content: center;
}
.table .price-area{
  height: 120px;
  width: 120px;
  border-radius: 50%;
  padding: 2px;
}
.price-area .inner-area{
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 3px solid #fff;
  line-height: 117px;
  text-align: center;
  color: #fff;
  position: relative;
}
.price-area .inner-area .text{
  font-size: 25px;
  font-weight: 400;
  position: absolute;
  top: -10px;
  left: 5px;
  display: block!important;
}
.price-area .inner-area .price {
    font-size: 38px;
    font-weight: 500;
    margin-left: 13px;
}
.table .package-name{
  width: 100%;
  height: 2px;
  margin: 35px 0;
  position: relative;
}
.table .package-name::before{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 25px;
  font-weight: 500;
  background: #fff;
  padding: 0 15px;
  transform: translate(-50%, -50%);
}
.table .features li{
	  margin-bottom: 9px;
	  list-style: none;
	  display: flex;
	  justify-content: space-between;
}
.features li .list-name{
  font-size: 15px;
  font-weight: 400;
}
.features li .icon{
  font-size: 15px;
}
.features li .icon.check, .icon.check{
  color: #25d34d;
}
.features li .icon.cross, .icon.cross{
  color: #b33934;
}
.table .btn {
    width: 100%;
    margin-top: 0;
    text-align: right
}
.table .btn button{
	border: 0;
    border-radius: 3px;
    text-align: center;
    background: #b33934;
    padding: 7px 30px;
    margin: 0px 0px 0 0;
    color: #fff;
    font-size: 15px;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgb(239 239 239);
    -moz-box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
    box-shadow: inset 0px 0px 0px 0px rgb(239 239 239);
    transition: all 0.5s ease-in-out;
}
.table .btn button:hover{
  border-radius: 5px;
}
.basic .features li::selection{
  background: #ffd861;
}
.basic ::selection,
.basic .price-area,
.basic .inner-area{
  background: #496183;
}
.basic .btn button{
  border: 2px solid #496183;
  background: #fff;
  color: #496183;
}
.basic .btn button:hover{
  background: #496183;
  color: #fff;
}
.premium ::selection,
.premium .price-area,
.premium .inner-area,
.premium .btn button{
  background: #b33934;
}
.premium .btn button:hover{
  background: #b33934;
}
.ultimate ::selection,
.ultimate .price-area,
.ultimate .inner-area{
  background: #2c2c2c;
}
.ultimate .btn button{
  border: 2px solid #2c2c2c;
  color: #2c2c2c;
  background: #fff;
}
.ultimate .btn button:hover{
  background: #2c2c2c;
  color: #fff;
}
.basic .package-name{
  background: #496183;
}
.premium .package-name{
  background: #b33934;
}
.ultimate .package-name{
  background: #2c2c2c;
}
.basic .package-name::before{
  content: "Basic";
}
.premium .package-name::before{
  content: "Premium";
  font-size: 24px;
}
.ultimate .package-name::before{
  content: "Ultimate";
  font-size: 24px;
}
@media (max-width: 1020px) {
  .wrapper .table{
    width: calc(50% - 20px);
    margin-bottom: 40px;
  }
}
@media (max-width: 698px) {
  .wrapper .table{
    width: 100%;
  }
}

.table .ribbon{
  width: 150px;
  height: 150px;
  position: absolute;
  top: -10px;
  left: -10px;
  overflow: hidden;
}
.table .ribbon::before,
.table .ribbon::after{
  position: absolute;
  content: "";
  z-index: -1;
  display: block;
  border: 7px solid #fff;
  border-top-color: transparent;
  border-left-color: transparent;
}
.table .ribbon::before{
  top: 0px;
  right: 15px;
}
.table .ribbon::after{
  bottom: 15px;
  left: 0px;
}
.table .ribbon span{
	  position: absolute;
	  top: 30px;
	  right: 0;
	  transform: rotate(-45deg);
	  width: 200px;
	  background: #b33934;
	  padding: 10px 0;
	  color: #fff;
	  text-align: center;
	  font-size: 17px;
	  text-transform: uppercase;
	  box-shadow: 0 5px 10px rgba(0,0,0,0.12);
}
/*new package end*/

.width100 { width: 100%!important; }
.topupplan { padding-left: 100px!important; }
.topupplan h3 { font-family: 'Kaushan Script', cursive; font-size: 45px; margin: 0px 0 20px 0; }
.topupplan p { font-size: 19px; line-height: 1.8; }
.topupplan p strong { font-size: 38px; line-height: 1; color: #c93a34; }


.topup-joinbtn button { 
    border: 0;
    text-align: center;
    background: #b33934;
    padding: 6px!important;
    margin: 40px 4px 0 0;
    color: #fff;
    font-size: 26px!important;
    -webkit-box-shadow: inset 0px 0px 0px 0px rgb(239 239 239);
    -moz-box-shadow: inset 0px 0px 0px 0px rgba(239, 239, 239, 1);
    box-shadow: inset 0px 0px 0px 0px rgb(239 239 239);
    transition: all 0.5s ease-in-out;
    width: 100px;
    height: 100px;
    border-radius: 100%!important;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    position: relative!important;
    right: -10px; bottom: -40px;
}
.topup-joinbtn button:hover { background: #781e19!important; transform: rotate(-10deg); }

.message-icon {
	  
}
.sidebar-contact{
	  position:fixed;
	  top: 80%;
	  right: -300px;
	  
	  width: 300px;
	  height:auto;
	  background: #f7f7f7;
	  border: 1px solid #ddd;
	  padding: 2px 20px;
	  box-sizing:border-box;
	  transition: 0.2s;
	  z-index: 100000000;
	  opacity: 0;
	  transition: all 0.5s ease-in-out;
}
.sidebar-contact.show { opacity: 1; top: 50%; transform:translateY(-50%); }
.sidebar-contact.active { right: 0; box-shadow: 0px 0px 20px rgb(0 0 0 / 10%); }


.sidebar-contact h2 {
    margin: 20px 0 0px 0;
    padding: 0;
    font-size: 29px;
}
.sidebar-contact p { margin: 4px 0px; padding: 0px; font-size: 16px; } 
.sidebar-contact .form-group { margin: 5px 0px; padding: 0px; }
.sidebar-contact .form-group label { margin: 5px 0px; padding: 0px; font-size: 13px; }
.sidebar-contact .form-group input { border: 1px solid #ccc; border-radius: 3px; font-size: 13px; padding: 5px; outline: none; }
.main-search-btn {
	width: 100%;
	display: block;
    background: #b33934!important;
    margin: 10px 0 20px 0;
    padding: 6px 0px;
    text-align: center;
    font-size: 14px;
    color: #fff;    
    transition: all 0.5s ease-in-out;    
    text-transform: uppercase;
    border: 0;
}
.main-search-btn:hover { background: #000!important; }
.enquirytoggle{
	  position:absolute;
	  width: 50px;
	  height: 50px;
	  text-align:center;
	  cursor:pointer;
	  background: #fff;
	  top: 0;
	  left:-72px;
	  line-height: 47px;
	  color: #b33934;
	  font-size: 30px;
	  border-radius: 50%;
	  box-shadow: 1px 1px 8px rgb(0 0 0 / 20%);
	  
	  
}

.validation { font-size: 10px; margin: 5px 0px 0px 0px; }
.validation img { vertical-align: sub; }

.field-icon {
  float: right;
  margin-right: 7px;
  margin-top: -25px;
  position: relative;
  z-index: 2;
}
.container{
      margin: auto;
}
.whyuscont img { max-width: 100%; }
.enquiryclose { position: absolute; right: 10px; top: 10px; }
.afterslider { padding: 20px 0px 0px 0px; min-height: 300px; position: relative;
	background: rgb(255,244,232);
	background: -moz-linear-gradient(0deg, rgba(255,244,232,1) 0%, rgba(255,232,206,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,244,232,1) 0%, rgba(255,232,206,1) 100%);
	background: linear-gradient(0deg, rgba(255,244,232,1) 0%, rgba(255,232,206,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff4e8",endColorstr="#ffe8ce",GradientType=1);
}
.afterslider:after { content: ''; width: 559px; height: 239px; background: url(../images/afterbnr-bg.png) right top no-repeat; position: absolute; right: 0; top: 0; z-index: 0; }
.container-fluid { max-width: 1600px; }
.afterslider .container-fluid { z-index: 1; position: relative; }
.mainhd { font-family: 'Open Sans', sans-serif; font-size: 30px; color: #161414; margin: 20px 0 0 0; display: block; font-weight: 600; }
.mainhd span { color: #d11912; }
.whycont { position: relative; margin: -15px 0 0 0; background: #fff; border-radius: 8px; text-align: center; padding: 0px 20px 30px 20px; z-index: 1; }
.whycont-top { position: relative; height: 30px; margin: 40px 0 0 0; }
.whycont-top:after { content: ''; width: 93%; height: 100%; position: absolute; top: 0; left: 10px; border: 1px solid #fcd994; border-bottom: 0; border-radius: 8px; z-index: 0; }
.whycont-bot { position: relative; height: 30px; margin: -15px 0 40px 0; }
.whycont-bot:after { content: ''; width: 93%; height: 100%; position: absolute; top: 0; left: 10px; border: 1px solid #fcd994; border-top: 0; border-radius: 8px; z-index: 0; }

.pos-rel { position: relative; }
.whycont img { position: relative; margin-top: -30px; }
.whycont h4 { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #d11912; margin: 15px 0; }
.whycont p { text-align: center; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; margin: 0px; padding: 0px; } 
.feat-profile { padding: 50px 0px 0px 0px; }
.prof-arrow { width: 41px; height: 41px; border-radius: 100%; background: rgba(255,255,255,0.5); box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
 top: 0; bottom: 0; margin: auto; position: absolute; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease-in-out; }
.prof-arrow img { width: auto; }
.prof-arrow:hover { background: #fff; box-shadow: 0px -3px 5px rgba(0,0,0,0.3); }
.prof-arrow.prv { left: -20px; }
.prof-arrow.nxt { right: -20px; }
.threesimple-step { background: #e9f1f5; padding: 50px 0 20px 0; }
.threesimple-stephd { position: relative; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 600; color: #000; }
.threesimple-stephd:before { content: ''; position: absolute; height: 1px; width: 65px; left: -55px; top: 10px; background: #fff; }
.threesimple-stephd span { background: #fff; padding: 2px 40px 2px 20px; border-radius: 0px 15px 15px 0px; }
.threesimple-box { text-align: center; padding: 50px 0; }
.threesimple-box h4 { text-align: center; margin: 0px; position: relative; color: #161414;
font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600;
 }
.threesimple-box h4 span { position: relative; width: 43px; height: 43px; background: #d11912; color: #fff; font-size: 20px;
 display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-left: 50px; margin-bottom: 15px;
 }
.threesimple-box h4 span.scnd { margin-left: 50px; }



.login-modal { max-width: 380px!important; z-index: 100000000000000000000000000000; }
.register-modal { max-width: 632px!important; z-index: 100000000000000000000000000000; margin-top: 10px!important; overflow-y: auto; }
.register-modal .formrow { display: flex; align-items: center; margin: 6px 0 0 0; }
.register-modal .formrow label { width: 35%; margin-bottom: 0px; margin-right: 20px; }
.register-modal .modal-body {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0px;
}
.genderfld { width: 100%; height: 33px; padding-top: 5px; font-size: 13px; }
.genderfld input { vertical-align: middle; }
.dobfld, .mobfld {
    display: flex;
    width: 100%;
}


.dobfld select { margin-right: 10px; }
.dobfld select:last-child { margin-right: 0px; }
.mobfld select { margin-right: 10px; max-width: 70px; }
.policytext { width: 100%; }
.policytext p { font-family: 'Open Sans', sans-serif; font-size: 12px; text-align: left; margin: 0px 0px 10px 0px; padding: 0px; }
.policytext p a { font-weight: 600; text-align: left; color: #0075ff; }
.registertext p { width: 100%; }
.inr-bnr { position: relative; min-height: 165px; padding: 100px 0 0 0; margin-bottom: 40px;
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe8ce+0,fff4e8+100 */
		background: #ffe8ce; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffe8ce 0%, #fff4e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffe8ce 0%,#fff4e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffe8ce 0%,#fff4e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe8ce', endColorstr='#fff4e8',GradientType=0 ); /* IE6-9 */	
}
.inr-bnr:after { content: ''; position: absolute; z-index: 0; width: 481px; height: 126px; background: url(../images/inrbnr-bg.jpg) right bottom no-repeat; right: 0; bottom: 0; }




.inr-bnr .container-fluid { position: relative; z-index: 1; }
.inr-bnr h1 { font-family: 'Open Sans', sans-serif; font-size: 30px; color: #161414; margin: 10px 0 0 0; padding: 0px; display: block; font-weight: 600; }
.inr-bnr h1 span { color: #c5271e; }
.paging { float: right; margin: 10px 0px 0px 0px; }
.paging li { float: left; margin: 0px 0px 0px 0px; }
.paging li a { min-width: 76px; text-align: center; display: block; background: url(../images/paging-arrow-white.png) center center no-repeat; background-size: 100% auto;
font-family: 'Open Sans', sans-serif; font-size: 11px; color: #000; padding-top: 5px; padding-bottom: 5px; }
.paging li a.active, .paging li a:hover { background: url(../images/paging-arrow-red.png) center center no-repeat; color: #fff; }
.formborder-cont { border: 2px solid #fde9d4; border-radius: 8px; padding: 15px; margin: 20px 0 0 0; }
.form-cont-inr { width: 62%; margin:0 auto; }
.formhd { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #101010; margin: 10px 0 20px 0; padding: 0px; display: block; font-weight: 600; }
.formhd span { color: #c5271e; }

.formhd img { margin-right: 15px; }
.form-cont-inr .formrow { display: flex; margin: 6px 0 10px 0; }
.form-cont-inr .formrow label { width: 20%; margin-top: 10px; margin-bottom: 0px; margin-right: 20px; }
.form-cont-inr .formrow label { min-width: 200px; }
.save-nextbtn { float: right; margin: 15px 0 0 0; width: 50%; }
.upload-imgcont { width: 100%; height: 215px; border: 1px solid #efefef; display: flex; align-items: center; justify-content: center; }
.addimg-icon { float: left; margin: 0px 15px 0px 0px; }
.uploadphoto-grey { min-height: 90px; display: block; margin: 10px 0px; background: #eeeeee; padding: 10px; border-radius: 5px; }
.uploadphoto-grey p { font-family: 'Open Sans', sans-serif; font-size: 15px; color: #515151; }



.form-cont-inr .formfld { width: 45%; }
.form-cont-inr .formfld .form-control {
    width: 100%;
    height: 42px!important;
    border: 1px solid #ced4da;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px!important;
    padding: 10px 10px!important;
    border-radius: 3px!important;
}
.form-cont-inr .formfld p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #737373;
    margin: 10px 0 0 0;
}
.checkboxfld { display: flex;
    width: 100%;
    height: 33px;
    padding-top: 5px;
    font-size: 13px;
}
.checkboxfld div { margin: 5px 15px 0 0;
font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #737373; }
.smallfld { width: 180px!important; }
.formfld-big { width: 100%!important; }
.footadd-list { margin: 0px; padding: 0px; list-style: none; }
.footadd-list li { position: relative; font-family: 'Roboto', sans-serif; font-size: 15px; color: #e7e7e8; line-height: 2; padding: 0px 0px 15px 35px; }
.footadd-list li i { color: #b9babf; position: absolute; left: 0; top: 3px; font-size: 22px; }
.userhdr .logo { max-width: 120px; margin: 10px 0px 8px 0px; }
.userhdr .logo img { max-width: 100%; }
.userhdr .menu-box, .userhdr .userhdr-right { background: #c5271e; border-radius: 0; }
.userhdr .menu-box { overflow: visible; }
.userhdr .userhdr-right:after { content: ''; background: #c5271e; width: 80px; height: 100%; position: absolute; right: -80px; top: 0; }
.userhdr-right ul { float: right; margin: 24px 0 0 0; padding: 0; list-style: none; }
.userhdr-right ul li { float: left; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; margin: 0px 0px 0px 10px; }
.userhdr-right ul li a { color: #fff; padding: 5px 10px; border-radius: 5px; }
.userhdr-right ul li a:hover, .userhdr-right ul li a.userhdr-rightactive { background: rgba(255,255,255,0.3); }
.profiledropdown { z-index: 100000; padding: 0px!important; margin: -14px 0px 0px 0px; }
.profiledropdown button { background: transparent; border: 0 none; color: #fff; }
.profiledropdown button img { width: 49px; height: 49px; border-radius: 100%; }
.profiledropdown .dropdown-menu { z-index: 10000000000!important; }
.profiledropdown .dropdown-toggle::after { height: 8px; width: 8px; border-top: 0;
  border-style: solid; border-color: white; border-width: 0px 1px 1px 0px; transform: rotate(45deg);
  transition: border-width 150ms ease-in-out; }
.profiledropdown .dropdown-item { color: #000; font-size: 12px; }
.user-inr-bnr { min-height: 112px; padding: 69px 0 0 0; margin-bottom: 0px; }
.prof-remain-txt { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #c3170d!important; background: #fff!important; position: absolute; right: 80px;
 bottom: -38px; z-index: 10000; padding: 5px 15px; }

/*dropdown show on hover*/
	.profiledropdown:hover>.dropdown-menu {
	  display: block; left: auto; right: 0; top: 97%;
	}

	.profiledropdown>.dropdown-toggle:active {
	  /*Without this, clicking will make it sticky*/
	    pointer-events: none;
	}
/*dropdown show on hover end*/
.user-grey-cont { background: #f8f8f8; }
.userleft-cont { background: #fff; border-radius: 6px; border: 1px solid #d8d8d8; margin: 25px 0 15px 0; padding: 0px; text-align: center; }
.userleft-img { padding: 30px 0px; border-bottom: 1px dashed #d8d8d8; }
.userleft-img span{ width: 150px; height: 150px; border-radius: 100%; display: flex; flex-direction: column; margin: 0 auto; }
.userleft-img img { max-width: 150px; max-height: 150px; border-radius: 100%; }
.userleft-img a { margin-top: -20px; }
.userleft-img a img { width: auto; height: auto; }
.userleft-det { background: #f2f2f2; padding: 10px; border-radius: 0px 0px 6px 6px; }
.userleft-detrow { border-bottom: 1px solid #d8d8d8; padding: 16px 0px; }
.userleft-detrow h5 { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; color: #000; text-align: left; margin: 0px 0px 3px 0px; padding: 0px; }
.userleft-detrow h6 { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 500; color: #808080; text-align: left; margin: 0px 0px 3px 0px; padding: 0px; }
.detrow-edit { float: right; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; color: #107fdd; margin: 10px 0 0 0; }
.detrow-edit:hover, .userleft-detrow a:hover { color: #000; }
.userright-cont { margin-top: 35px; }
.summary-row { background: #fff; border-radius: 5px; margin-bottom: 15px; }
.summary-cont { border-right: 1px solid #efefef; padding: 15px 20px; }
.summary-cont h5 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 500; color: #000; text-align: left; margin: 0px; padding: 0px; }
.summary-noti { background: #107fdd; color: #fff; font-size: 10px; padding: 1px 5px; border-radius: 5px; font-weight: 400; }
.summary-cont h6 { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 500; color: #959595; text-align: left; margin: 0px 0px 3px 0px; padding: 0px; }
.summary-cont h6 span { color: #c5271e; }
.summary-lock { position: absolute; right: -22px; top: 9px; }
.user-white-cont { padding: 50px 0px 0px 0px; }
.hd-withall-lnk { margin-bottom: 5px; }
.hd-withall-lnk h4 { color: #101010; }
.hd-withall-lnk h4 span { color: #d11912; }
.view-link { color: #d11912; float: right; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; margin-right: 10px; margin-top: 9px; }
.recomed-cont { box-shadow: 0px 0px 7px rgba(0,0,0,0.2); margin: 5px; background: #fff; text-align: center; padding: 20px 15px; }
.recomed-img { display: inline-block; width: 120px; height: 120px; border-radius: 100%; overflow: hidden; }
.recomed-img img { max-width: 120px; max-height: 120px; border-radius: 100%; }
.recomed-det {min-height: 160px;}
.recomed-det p { color: #000; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 500; text-align: center; margin: 0px 0px 10px 0px; padding: 0px; }
.recomed-det a { background: #d11912; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 3px 8px; transition: all 0.5s ease-in-out; }
.recomed-det a:hover { background: #e89321; }
.copy-outer { border-top: 1px solid #202229; padding: 15px 0px; }
.copy-cont { display: flex; align-items: center; justify-content: space-between; color: #5c5d5f; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; }
.foot-social { float: right; margin: 0px; padding: 0px; }
.foot-social li {
    display: inline-block;
    position: relative;
    padding: 0px 19px 0 5px;
}
.footer-inr { padding: 0px!important; margin: 0px!important; }
.viewprof-cont { background: #fff; border-radius: 6px; border: 1px solid #d8d8d8;
    margin: 25px 0 15px 0; padding: 13px; text-align: center;
}
.viewprof-img { border-radius: 6px; width: 100%; min-height: 394px; overflow: hidden; margin-left: 0px;
display: flex; align-items: center; justify-content: center; }
.viewprof-img img { border-radius: 6px; max-width: 100%; max-height: 394px; }
.viewprof-det { margin-left: 0; }
.viewprof-det h3 { font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 500;
 color: #101010; text-align: left; margin: 0px 0px 3px 0px; padding: 15px 0px; border-bottom: 1px solid #ebebeb; }
.viewprof-det h3 i { font-size: 15px; color: #c5271e; margin-left: 5px; }
.viewprof-detinr { width: 70%; min-height: 325px; margin-top: -4px; position: relative; float: left; }
.viewprof-detinr:after { content: ''; width: 1px; height: 100%; background: #ebebeb; position: absolute; right: 0; top: 0px; }
.viewprof-detinr ul { text-align: left; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; color: #343434;
margin: 20px 0px 0px 0px; padding: 0px; list-style: none; }
.viewprof-detinr ul li { margin: 8px 0px 0px 0px; padding: 0px;  }
.viewprof-star { padding-top: 80px; width: 30%; text-align: center; float: right; display: flex; align-items: center; justify-content: center; flex-direction: column;
 }
.viewprof-star p { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 500; color: #343434; margin-bottom: 10px; padding-bottom: 0; }
.viewprof-star a { text-transform: uppercase; font-size: 12px; color: #c5271e; margin-top: 15px; }
.viewprof-star a:hover { color: #000; }
.userleft-cont-big { width: 115%; margin-top: 12px; }
.userright-cont2 { width: 95%; right: -5%; position: relative; margin-top: 0px; }
.userleft-cont2 { background: #fff; border: 1px solid #d8d8d8; border-radius: 0px 0px 7px 7px; position: relative; margin-bottom: 20px; }
.userleft-cont2-hd { border-bottom: 1px dashed #c5c5c5; background: #f2f2f2; font-family: 'Open Sans', sans-serif;
 font-size: 15px; font-weight: 500; color: #000; padding: 7px 10px; }
.userleft-cont2-det { padding: 7px 10px; }
.userleft-cont2-det p { padding-bottom: 0px; margin-bottom: 0px; }
.secure-icon { position: absolute; right: 20px; top: 20px; }
.similer-prof { border-bottom: 1px dashed #c5c5c5; padding: 15px 0px; }
.similer-prof:last-child { border-bottom: 0; }

.similar-prof-img { float: left; width: 80px; height: 80px; float: left; margin: 0px 15px 0px 15px; border-radius: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.similar-prof-img img { max-width: 80px; max-height: 80px; }
.similar-prof-det { float: left; width: 60%;  }
.similar-prof-det h6 { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 500; color: #000; margin: 0px 0px 5px 0px; padding: 0px; }
.similar-prof-det p { font-family: 'Open Sans', sans-serif; font-size: 11px; font-weight: 500; color: #808080; line-height: 1.7; margin: 0px; padding: 0px; }
.detpro-whitecont { background: #fff; border-radius: 6px; margin: 5px 0px 15px 0px; padding: 20px 20px 10px 100px; position: relative; }
.detpro-icon { position: absolute; left: 25px; top: 18px; font-size: 20px; color: #c5271e; height: 53px; width: 53px; border-radius: 100%; background: #ffe7e8;
 display: flex; align-items: center; justify-content: center; }
.detpro-whitecont h4 { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #c5271e; margin: 10px 0px 15px 0px; padding: 0px; display: block; font-weight: 600; }
.detpro-whitecont h4 span { display: block; font-size: 11px; color: #808080; margin-top: 3px; }
.detpro-whitecont p { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #343434; font-weight: 500; margin: 0px 0 10px 0; padding: 0px; display: block; }
.lifestyle-cont { border-radius: 5px; border: 1px solid #d4d4d4; margin: 0px 0px 15px 0px;
font-family: 'Open Sans', sans-serif; font-size: 15px; color: #000; font-weight: 500;
display: flex; align-items: center;
 }
.lifestyle-icon { background: #ffefdd; min-width: 50px; height: 45px; text-align: center; 
display: flex; align-items: center; justify-content: center; border-radius: 5px 0px 0px 5px;
}
.lifestyle-cont h6 { padding: 0px 0 0 15px; margin: 0px; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #000; font-weight: 500; }
.background-list {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #343434;
    margin: 20px 0px 0px 0px;
    padding: 0px;
    list-style: none;
}
.background-list li {
    margin: 0px 0px 8px 0px;
    padding: 0px 0px 0px 30px;
    position: relative;
}
.background-list li img {
	position: absolute;
	left: 0;
}
.cont-det { border-radius: 5px; border: 1px solid #d4d4d4; padding: 9px 15px; position: relative; }
.cont-det-inr { padding: 10px; display: flex; }
.cont-det-inr h5 { font-size: 15px; margin-left: 15px; }
.cont-det-inr h6 { font-size: 13px; margin-left: 15px; }
.afterline:after { content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #dfdfdf;  }
.lock-icon { width: 29px; height: 29px; border-radius: 100%; box-shadow: 5px 0px 10px rgba(0,0,0,0.1555); background: #fff; text-align: center; padding: 2px 0 0 0;
color: #c5271e; position: absolute; right: -15px; top: 20px; }
.updatetxt { margin: 30px 0 0 0!important; display: block; font-family: 'Open Sans', sans-serif; font-size: 12px!important; }
.match-row { border-radius: 80px; padding: 15px 0px;
	display: flex; align-items: center; justify-content: space-between;
 background: rgb(255,231,232);
background: linear-gradient(0deg, rgba(255,231,232,1) 0%, rgba(255,245,246,1) 100%); } 
.match-img {
    width: 100px;
    height: 100px;
    margin: 0px 15px 0px 15px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.match-img img {
    max-width: 100px;
    max-height: 100px;
}
.matchres-hd { height: 40px; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 0px; border-radius: 15px; color: #c5271e;
 font-family: 'Open Sans', sans-serif; font-size: 18px!important; font-weight: 600; line-height: 1;
 display: flex; align-items: center; justify-content: space-between;
 }
.matchres-hd i { margin: 0px 15px; }
.her-preferen { font-family: 'Open Sans', sans-serif; font-size: 15px; padding: 20px 15px; border-bottom: 1px solid #f0f0f0; }



.her-preferen h6 { font-family: 'Open Sans', sans-serif; font-size: 15px; padding: 0; margin: 0;
  line-height: 23px; word-break: break-word;}
.her-preferen-rht { border-bottom: 1px solid #f0f0f0;
    text-align: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 0 50px 0 0px;
    position: absolute;
    bottom: 0;
    width: 94%; }
.her-preferen-hd { padding: 30px 15px 10px 15px; border-bottom: 3px solid #cb3b31; }
.her-preferen span { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; color: #c5271e; margin-bottom: 5px; display: block; }


/*accordion start*/
.panel-default>.panel-heading a > span {  }
#accordionMenu {  }
.panel-body { padding: 0; }

.panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
	  display: block;
	  padding: 7px 15px;
	  text-decoration: none;
	  font-family: 'Open Sans', sans-serif;
	  font-size: 14px;
	  font-weight: 500;
	  color: #000000;
	  text-align: left;
}

.panel-default>.panel-heading a:after {
	  content: "";
          height: 8px;
    width: 8px;
    border-top: 0;
    border-style: solid;
    border-color: #000;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;

	  position: relative;
	  top: 1px;
	  display: inline-block;
	  line-height: 1;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  float: right;
	  transition: transform .25s linear;
	  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  /*content: "\e113";*/
    transform: rotate(225deg); top: 5px;
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  /*content: "\e114";*/
}

.panel-default>.panel-heading .panel-title { margin-bottom: 0px!important; border-bottom: 1px solid #efefef; }



/*accordion end*/

.listbox { background: url(../images/list-pattren.jpg) left top repeat; box-shadow: 0px 0px 10px rgba(0,0,0,0.05); margin-bottom: 25px; }
.listbox-img { float: left; width: 27%; min-height: 242px; background: #fff; padding: 10px; 
	display: flex; align-items: center; justify-content: center; position: relative; }
.listbox-img img { max-width: 100%; max-height: 242px; background: #fff; }
.listbox-det { padding: 15px; float: left; width: 72%; }
.listbox-det h4 {
    font-size: 18px;    
    color: #000;
    margin: 0px 0px 3px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #d0bc94;
}
.listbox-det h4 i {
    font-size: 15px;
    color: #c5271e;
    margin-left: 5px;
}
.listbox-det ul {
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #33312d;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.listbox-det ul li {
	float: left;
	width: 40%;
    margin: 5px 10px 0px 0px;
    padding: 0px;
}
.listbox-det p { width: 80%; font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #33312d;
    margin: 10px 0px 0px 0px;
    padding: 0px;
}
.listbox-star { width: 102%; border-left: 1px solid #d0bc94; padding-top: 55px; padding-bottom: 55px; }
.listbox-star p { text-align: center; }
.listbox-img2 { width: 25%; min-height: 280px; }
.listbox-img2 img { max-width: 100%; max-height: 280px; }
.listbox-det2 { width: 75%; padding: 20px; }
.listbox-redhd { display: flex; width: 100%; justify-content: space-between; }
.listbox-redid {
    background: #c5271e;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    max-width: 93%;
    padding: 5px 10px;
}
.listbox-redid span { font-weight: 500; }
.listbox-black { background: #000; padding: 3px 10px 5px 10px; }
.listbox-det ul.listbox-detlist li { width: 100%; display: flex; justify-content: space-between; font-size: 14px; font-weight: 400; margin-top: 8px; }
.listbox-name { width: 30%; position: relative; opacity: 0.9; padding-left: 12px; }
.listbox-name:after { content: ':'; position: absolute; right: 20px; color: #000; }
.listbox-fld { width: 70%; position: relative; color: #000000; }
.listbox-abtme { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; background: #fff; margin-top: 20px!important; padding: 5px 15px!important; width: 100%!important; text-align: left!important; }
.listbox-expresbtns { display: flex; margin-top: 10px; }
.listbox-expresbtns a {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #646464;
    text-align: center;
    border: 1px solid #e6ae9e;
    border-right: 0 none;
    background: #fff;
    width: 34%;
    height: 35px;
    line-height: 35px;
    transition: all 0.5s ease-in-out;
}
.listbox-expresbtns a:hover { color: #fff; background: #c5271e; border-color: #c5271e; }
.listbox-expresbtns a:last-child { border-right: 1px solid #e6ae9e; }
.listbox-star2 {
    width: 100%;
    border: 0;
    background: #fbe8ce;
    border-radius: 3px;
    min-height: 202px;
    margin: 0 14px 0 0;
    padding: 0px 0 0 0;
}
.listbox-star2 p { text-align: center; width: 100%; margin: 0px 0px 10px 0px; }
.listbox-star2-white { background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin: 0px 9px;
    display: flex;
    align-items: center;
    justify-content: center; }
.listbox-star2-white a { color: #101010; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; margin: 0px 5px; }
.listbox-star2-white a img { margin: 5px 0px; }


/*pagination start*/
nav.Pager1{ float: right;
  margin:0;
  padding:0px;
}

.pagination.pagination-circle { margin-bottom: 0px!important; }
.pagination.pagination-circle .page-item.active .page-link {
    border-radius: 100%;
        
}
.pagination .page-item .page-link:hover {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: .125rem;
    background-color: #c5271e;
    color: #fff;
}
.pagination.pg-blue .page-item.active .page-link:hover {
    background-color: #BD5410;
}
.pagination .page-item.active .page-link {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: .125rem;
    background-color: #c5271e;
    color: #fff;
}
.pagination .page-item .page-link {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    outline: 0;
    border: 0;
    background-color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #000;
}
.pagination.pagination-circle .page-item .page-link:hover {
    border-radius: 50%;
}
.pagination.pagination-circle .page-item .page-link {
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.06), 0 2px 10px 0 rgba(0,0,0,.06);
}
.pagination.pagination-circle .page-item.frst .page-link, .pagination.pagination-circle .page-item.lst .page-link {
    font-size: 25px!important; line-height: 0.7; color: #c5271e;
}
.pagination.pagination-circle .page-item.frst .page-link:hover, .pagination.pagination-circle .page-item.lst .page-link:hover {
    color: #fff;
}
.dblock { display: block; }

.page-link{
  border:none!important;
}
/*pagination end*/

.imageblur { position: relative; overflow: hidden; }
.imageblur img { filter: blur(4px); }
.imageblur a { position: absolute; bottom: 20px; text-align: center; padding: 3px 15px; background: rgba(255,255,255,0.8);
font-family: 'Open Sans', sans-serif; font-size: 15px; color: #000; transition: all 0.3s ease-in-out; z-index: 1;}
.imageblur a:hover { color: #fff; background: #c5271e; }
.membership-hd { padding: 0 0 0 20px; margin: 20px 0px;
	background: rgb(255,238,239);
	background: linear-gradient(0deg, rgba(255,238,239,1) 0%, rgba(255,244,245,1) 100%);
}
.membership-hd-rht { font-family: 'Open Sans', sans-serif; font-size: 16px; color: #161515; padding: 14px 50px; position: relative; }
.membership-hd-rht a { color: #c5271e; transition: all 0.3s ease-in-out; }
.membership-hd-rht a:hover { color: #000;  }
.membership-hd-rht:before { content: ''; width: 1px; height: 100%; left: 0; top: 0; background: #fff; position: absolute;  }
.membership-hd h4 { margin-top: 27px; }
.membership-tabbing .nav { float: none!important; padding-bottom: 6px; }
.membership-tabbing .nav li a { background: #fff6eb;
    font-family: 'Open Sans', sans-serif; font-size: 16px; color: #000;
    font-weight: 400;
    padding: 10px 40px;
    margin: 0px 6px 0px 0px;
    text-transform: none; border-radius: 0;
}
.membership-tabbing .nav-tabs { border-bottom: 1px solid #eaeaea; }
.membership-tabbing .nav-tabs .nav-link:hover, 
.membership-tabbing .nav-tabs .nav-link.active {
        border-color: #c5271e; background: #c5271e; color: #fff!important;
}
.yellow-cont { background: #fff6eb; padding: 15px; margin-top: 15px; min-height: 385px; }
.yellow-cont h6 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #de261d; margin: 20px 0px 20px 20px; }
.yellow-cont ul { margin: 0px 0px 0px 30px; }
.yellow-cont ul li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 25px; position: relative; }
.yellow-cont ul li img { position: absolute; left: 0; top: 5px; }
.pricetotal-cont { float: right; }
.pricetotal-cont h3 { font-family: 'Open Sans', sans-serif; font-size: 25px; color: #000; font-weight: 400; margin: 20px 0 10px 0; }
.pricetotal-cont h3 span { color: #de261d; }
.pricetotal-cont a { font-family: 'Open Sans', sans-serif; font-size: 16px; background: #c5271e; display: block; text-align: center;
    color: #fff; font-weight: 400; padding: 7px 0px; width: 100%; border-radius: 5px; margin-top: 20px; transition: all 0.5s ease-in-out; }
.pricetotal-cont a:hover { background: #000; }
.personblue-cont { background: #263452; padding: 40px 0px; margin: 60px 0 0 0; color: #fff; }
.personblue-cont h2 { padding: 0 0 20px 0px; margin: 0 0 20px 0px; font-family: 'Open Sans', sans-serif; font-size: 25px; color: #fff; font-weight: 400; border-bottom: 1px solid #fff; }
.personblue-cont h6 { font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; }
.personblue-cont ul { margin: 0px 0px 25px 15px; }
.personblue-cont ul li { margin: 0px 0px 5px 0px; padding: 10px 0px 0px 35px; position: relative; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.personblue-cont ul li img { position: absolute; left: 0; top: 8px; }
.personblue-cont a {
	display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: transparent;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    font-weight: 600;
    padding: 7px 30px;
    margin-top: 20px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out; }
.personblue-cont a:hover { background: #fff; color: #000; }
.nav.personblue-tab { margin: 0px; padding: 0px; border: 0 none; }
.nav.personblue-tab li {
    margin: 0px 0px 5px 0px;
    padding: 0px; }
.nav.personblue-tab .nav-link { border-radius: 0px; text-align: center; padding: 10px 30px; margin: 0px;
    background-color: #fff; min-height: 102px; }
.nav.personblue-tab .nav-link h4 { 
	text-align: center;
	font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    color: #000;
    font-weight: 400;
 }
 .nav.personblue-tab .nav-link h4 span { display: block;
    font-size: 15px;
 }
 .nav.personblue-tab .nav-link h4 span em { font-style: normal; font-size: 18px; }
 .nav.personblue-tab .nav-link h6 { background: #c5271e; color: #fff; font-size: 12px; margin: 0px; padding: 0px; }
.nav.personblue-tab .nav-item.show .nav-link, .nav.personblue-tab .nav-link.active {
    color: #fff;
    background-color: #1d2840;
    border-color: #1d2840;
}
.nav.personblue-tab .nav-item.show .nav-link h4, .nav.personblue-tab .nav-link.active h4, 
.nav.personblue-tab .nav-item.show .nav-link h6, .nav.personblue-tab .nav-link.active h6 { color: #fff; }


.filelabel {
    width: 75px;
    height: 72px;
    display: block;
    padding: 5px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
    margin: 0;
    background: #eee;
}
.filelabel .fa-file-image-o img { display: none; }
.filelabel i {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
}
.filelabel i,
.filelabel .title {
  color: grey;
  transition: 200ms color;
}
.filelabel .title { font-size: 12px; }
.filelabel:hover {
  border: 2px solid #1665c4;
}
.filelabel:hover i,
.filelabel:hover .title {
  color: #1665c4;
}
#FileInput{
    display:none;
}
#FileInput1{
    display:none;
}
#FileInput2{
    display:none;
}
/*membership package design start*/
.radio-label {
        background: #fff;
        cursor: pointer;
                
        font-weight: 600;
        margin: 0 auto 10px;
        padding: 0px 160px 0px 20px;
        min-height: 98px;
        position: relative;
        transition: .3s ease all;
        width: 100%;
        display: flex; align-items: center; justify-content: space-between;
    }
    .radio-label:hover {
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    }
    .radio-label:before {
        background: #fff;
        border: 2px solid #bebebe;
        border-radius: 50%;
        content:'';
        height: 22px; width: 22px;
        left: auto;
        right: 20px;
        position: absolute;
        top: calc(50% - 10px);
        transition: .3s ease background-color;
        
    }
    .radio-label span {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }
    .radio-label h5 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #c5271e; margin-bottom: 0px!important; }
    .pricecont { font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 400; color: #000; }
    .pricecont span span { font-size: 17px; }
    .mrp { font-size: 18px; text-decoration: line-through; opacity: 0.5; margin-right: 15px;  }

    .radio-btn {
        position: absolute;
        visibility: hidden;
    }
    .radio-btn:checked + .radio-label {
        background: #ECF5FF;
        border-color: #4A90E2;
    }
    .radio-btn:checked + .radio-label:before {
        background-color: #4A90E2;
        background-image:  url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNiIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIyLjAyOTY4IC00MC4wOTAzIDI2IDIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdGVkIGJ5IElKU1ZHIChodHRwczovL2dpdGh1Yi5jb20vaWNvbmphci9JSlNWRyktLT48cGF0aCBkPSJNMjcuOTc0MywtMzYuMTI3MmMwLDAuNDQ2NDI4IC0wLjE1NjI1LDAuODI1ODkzIC0wLjQ2ODc1LDEuMTM4MzlsLTEyLjEyMDUsMTIuMTIwNWwtMi4yNzY3OSwyLjI3Njc5Yy0wLjMxMjUsMC4zMTI1IC0wLjY5MTk2NCwwLjQ2ODc1IC0xLjEzODM5LDAuNDY4NzVjLTAuNDQ2NDI4LDAgLTAuODI1ODkzLC0wLjE1NjI1IC0xLjEzODM5LC0wLjQ2ODc1bC0yLjI3Njc5LC0yLjI3Njc5bC02LjA2MDI3LC02LjA2MDI3Yy0wLjMxMjUsLTAuMzEyNSAtMC40Njg3NSwtMC42OTE5NjUgLTAuNDY4NzUsLTEuMTM4MzljMCwtMC40NDY0MjkgMC4xNTYyNSwtMC44MjU4OTMgMC40Njg3NSwtMS4xMzgzOWwyLjI3Njc5LC0yLjI3Njc5YzAuMzEyNSwtMC4zMTI1IDAuNjkxOTY1LC0wLjQ2ODc1IDEuMTM4MzksLTAuNDY4NzVjMC40NDY0MjksMCAwLjgyNTg5MywwLjE1NjI1IDEuMTM4MzksMC40Njg3NWw0LjkyMTg4LDQuOTM4NjJsMTAuOTgyMSwtMTAuOTk4OWMwLjMxMjUsLTAuMzEyNSAwLjY5MTk2NCwtMC40Njg3NSAxLjEzODM5LC0wLjQ2ODc1YzAuNDQ2NDI4LDAgMC44MjU4OTMsMC4xNTYyNSAxLjEzODM5LDAuNDY4NzVsMi4yNzY3OCwyLjI3Njc5YzAuMzEyNSwwLjMxMjUgMC40Njg3NSwwLjY5MTk2NCAwLjQ2ODc1LDEuMTM4MzlaIiB0cmFuc2Zvcm09InNjYWxlKDEuMDAxOTgpIiBmaWxsPSIjZmZmIj48L3BhdGg+PC9zdmc+');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 15px;
    }
    .radio-btn.positive:checked + .radio-label {
        background: #EAFFF6;
        border-color: #32B67A;
    }
    .radio-btn.positive:checked + .radio-label:before {
        background-color: #fff; border-color: #fff;
    }
    .radio-btn.positive:checked + .radio-label:after {
    	content: '';
	    background: #c5271e;
	    border-radius: 50%;
	    height: 18px; width: 18px;
	    left: auto;
	    right: 22px;
	    position: absolute;
	    top: calc(50% - 8px);
	    transition: .3s ease background-color;
	    
	}
    .radio-btn.neutral:checked + .radio-label:before {
    	/*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAtMTUgMzAgOC41NzE0MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PCEtLUdlbmVyYXRlZCBieSBJSlNWRyAoaHR0cHM6Ly9naXRodWIuY29tL2ljb25qYXIvSUpTVkcpLS0+PHBhdGggZD0iTTMwLC0xMi4zMjE0djMuMjE0MjljMCwwLjczNjYwNyAtMC4yNjIyNzcsMS4zNjcxOSAtMC43ODY4MywxLjg5MTc0Yy0wLjUyNDU1NCwwLjUyNDU1NCAtMS4xNTUxMywwLjc4NjgzMSAtMS44OTE3NCwwLjc4NjgzMWgtMjQuNjQyOWMtMC43MzY2MDcsMCAtMS4zNjcxOSwtMC4yNjIyNzcgLTEuODkxNzQsLTAuNzg2ODMxYy0wLjUyNDU1MywtMC41MjQ1NTMgLTAuNzg2ODMsLTEuMTU1MTMgLTAuNzg2ODMsLTEuODkxNzR2LTMuMjE0MjljMCwtMC43MzY2MDcgMC4yNjIyNzcsLTEuMzY3MTkgMC43ODY4MywtMS44OTE3NGMwLjUyNDU1NCwtMC41MjQ1NTMgMS4xNTUxMywtMC43ODY4MyAxLjg5MTc0LC0wLjc4NjgzaDI0LjY0MjljMC43MzY2MDcsMCAxLjM2NzE5LDAuMjYyMjc3IDEuODkxNzQsMC43ODY4M2MwLjUyNDU1MywwLjUyNDU1NCAwLjc4NjgzLDEuMTU1MTMgMC43ODY4MywxLjg5MTc0WiIgZmlsbD0iI2ZmZiI+PC9wYXRoPjwvc3ZnPg==');*/
    }
    .radio-btn.negative:checked + .radio-label {
        background: #FFF2F2;
        border-color: #E75153;
    }
    .radio-btn.negative:checked + .radio-label:before {
        background-color: #E75153;
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIxLjg1MTg1IC0zOS42OTcgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjwhLS1HZW5lcmF0ZWQgYnkgSUpTVkcgKGh0dHBzOi8vZ2l0aHViLmNvbS9pY29uamFyL0lKU1ZHKS0tPjxwYXRoIGQ9Ik0yMS43Mjk5LC0yMy40NzFjMCwwLjQ0NjQyOCAtMC4xNTYyNSwwLjgyNTg5MyAtMC40Njg3NSwxLjEzODM5bC0yLjI3Njc5LDIuMjc2NzljLTAuMzEyNSwwLjMxMjUgLTAuNjkxOTY0LDAuNDY4NzUgLTEuMTM4MzksMC40Njg3NWMtMC40NDY0MjgsMCAtMC44MjU4OTMsLTAuMTU2MjUgLTEuMTM4MzksLTAuNDY4NzVsLTQuOTIxODcsLTQuOTIxODhsLTQuOTIxODgsNC45MjE4OGMtMC4zMTI1LDAuMzEyNSAtMC42OTE5NjQsMC40Njg3NSAtMS4xMzgzOSwwLjQ2ODc1Yy0wLjQ0NjQyOCwwIC0wLjgyNTg5MiwtMC4xNTYyNSAtMS4xMzgzOSwtMC40Njg3NWwtMi4yNzY3OSwtMi4yNzY3OWMtMC4zMTI1LC0wLjMxMjUgLTAuNDY4NzUsLTAuNjkxOTY1IC0wLjQ2ODc1LC0xLjEzODM5YzAsLTAuNDQ2NDI5IDAuMTU2MjUsLTAuODI1ODkzIDAuNDY4NzUsLTEuMTM4MzlsNC45MjE4OCwtNC45MjE4OGwtNC45MjE4OCwtNC45MjE4OGMtMC4zMTI1LC0wLjMxMjUgLTAuNDY4NzUsLTAuNjkxOTY0IC0wLjQ2ODc1LC0xLjEzODM5YzAsLTAuNDQ2NDI4IDAuMTU2MjUsLTAuODI1ODkzIDAuNDY4NzUsLTEuMTM4MzlsMi4yNzY3OSwtMi4yNzY3OGMwLjMxMjUsLTAuMzEyNSAwLjY5MTk2NCwtMC40Njg3NSAxLjEzODM5LC0wLjQ2ODc1YzAuNDQ2NDI5LDAgMC44MjU4OTMsMC4xNTYyNSAxLjEzODM5LDAuNDY4NzVsNC45MjE4OCw0LjkyMTg4bDQuOTIxODcsLTQuOTIxODhjMC4zMTI1LC0wLjMxMjUgMC42OTE5NjUsLTAuNDY4NzUgMS4xMzgzOSwtMC40Njg3NWMwLjQ0NjQyOSwwIDAuODI1ODkzLDAuMTU2MjUgMS4xMzgzOSwwLjQ2ODc1bDIuMjc2NzksMi4yNzY3OGMwLjMxMjUsMC4zMTI1IDAuNDY4NzUsMC42OTE5NjUgMC40Njg3NSwxLjEzODM5YzAsMC40NDY0MjkgLTAuMTU2MjUsMC44MjU4OTMgLTAuNDY4NzUsMS4xMzgzOWwtNC45MjE4OCw0LjkyMTg4bDQuOTIxODgsNC45MjE4OGMwLjMxMjUsMC4zMTI1IDAuNDY4NzUsMC42OTE5NjQgMC40Njg3NSwxLjEzODM5WiIgdHJhbnNmb3JtPSJzY2FsZSgxLjAwNTYxKSIgZmlsbD0iI2ZmZiI+PC9wYXRoPjwvc3ZnPg==');
    }

    .radio-btn.positive:checked + .radio-label {
        background: #c5271e;
        border-color: #c5271e;
    }
    .radio-btn.positive:checked + .radio-label h5, 
    .radio-btn.positive:checked + .radio-label .pricecont {
        color: #fff;
    }

/*membership package design end*/

.navalign-rht ul{ justify-content: flex-end; }
.pricebtn { 
	font-size: 15px!important;
	font-weight: 400!important;
    background: #c5271e!important;
    border: 0!important;
    border-radius: 5px!important;
    float: right;
    display: inline-block!important;
    text-align: center;
    color: #fff;
    padding: 10px 50px!important;
    width: auto!important;
    text-transform: none!important;
}
.pricebtn:hover { 
	background: #fff!important;
    color: #000!important;
}
.feat-profile .nav-tabs { border: 0px; margin: -30px 0px 0px 0px; float: right!important; }
.feat-profile .nav-tabs .nav-link { border-radius: 0!important; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #161414;
padding: 3px 0px; min-width: 135px; text-align: center; background: #d9d9d9; }
.feat-profile .nav-tabs .nav-link:hover, .feat-profile .nav-tabs .nav-link.active {
	padding: 3px 0px; background: #d11912!important; color: #fff!important; }
.fetprof { box-shadow: 0px 0px 7px rgb(0 0 0 / 19%); margin: 8px; }

.fetimg { width: 100%; min-height: 300px; border: 1px solid #efefef; display: flex; align-items: center; justify-content: center; }
.fetimg img { max-width: 100%; max-height: 300px; }

.fetdet { padding: 10px 10px 35px 10px; position: relative; min-height: 164px;}
.fetdet p { padding: 0px; margin: 0px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #343434; font-weight: 600; text-align: left;}
.fetdet a.viewdet-btn { width: 100%; padding: 5px 0px; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #fff;
 background: #d11912; text-transform: uppercase; transition: all 0.5s ease-in-out;
 position: absolute; left: 0; bottom: 0; }
 .fetdet a.viewdet-btn:hover { background: #d66d14; }
.home-membershp { padding: 30px 0px 20px 0px;
	background: rgb(245,208,210);
	background: linear-gradient(0deg, rgba(245,208,210,1) 0%, rgba(255,247,247,1) 100%);
}
.memberhd { font-family: 'Open Sans', sans-serif; font-size: 30px; color: #161414; margin: 20px 0 0 0; padding: 0px 0px 0px 30px; display: block; font-weight: 600; position: relative; }
.memberhd span { color: #d11912; }
.memberhd:before { content: ''; position: absolute; left: 0; top: 0px; width: 5px; height: 100%; background: #d11912; }
.memberhd i { display: block; font-style: normal; font-size: 15px; color: #161414; margin-top: 5px; }
.home-membershp-cont { background: #fff; border-radius: 0px 0px 15px 15px; padding: 15px; margin: 30px 0px 0px 0px; min-height: 427px; }
.home-membershp-head { text-align: center; }
.home-membershp-cont h4 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #0a0a0a; margin: 15px 0 0 0; padding: 0px; display: block; font-weight: 600; position: relative; text-align: center; }
.home-membershp-cont h4 span { color: #d11912; }
.home-membershp-cont a { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; background: #d11912; border:  2px solid #d11912; display: inline-block; margin: 15px 0; padding: 5px 25px; border-radius: 25px; transition: all 0.5s ease-in-out; }
.home-membershp-cont a:hover, .home-membershp-cont a.whitebtn { background: #fff; color: #bc0e07; }
.home-membershp-cont a.whitebtn:hover { color: #fff; background: #d11912; }
.home-membershp-cont ul { padding: 5px 0px 0px 10px; margin: 0px; }
.home-membershp-cont ul li { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; font-weight: 500; display: inline-block; margin: 0px; padding: 0 0 10px 21px; position: relative; }
.home-membershp-cont ul li img { position: absolute; left: 0; top: 6px; }
.premium-img { padding: 50px 0px; margin: 0px; }
.premium-img img { max-width: 100%; }
.memberhd-mar { margin: 39px 0 0 0!important; }
.person-cont { padding: 30px 0px; background: #fbfbfb; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.personal-rightcont { padding: 5px 0; }
.personal-rightcont h3 { padding: 0px 0px 0px 10px; }
.personal-rightcont h6 { padding: 0px 0px 0px 10px; }
.personal-rightcont h3 span { color: #d11912; }
.personal-redborder { background: #fff; padding: 15px 15px 15px 20px; margin: 15px 0 15px -12px; border: 3px solid #d11912; border-left: 0 none; border-radius: 0px 15px 15px 0px; }
.personal-redborder ul { padding: 0px 0px 0px 0px; margin: 0px; }
.personal-redborder ul li { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #171717; font-weight: 500; display: inline-block; margin: 0px; padding: 3px 0 5px 28px; position: relative; }
.personal-redborder ul li img { position: absolute; left: 0; top: 0px; }
.personal-more {
	display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    background: transparent;
    text-align: center;
    color: #d11912;
    border: 2px solid #d11912;
    font-weight: 600;
    padding: 5px 30px;
    margin: 10px 0px 0px 10px;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out; }
.personal-more:hover { background: #d11912; color: #fff; }
.homesucc-story { padding: 30px 0px; }
.homesucc-story h3 { font-family: 'Open Sans', sans-serif; font-size: 30px; color: #161414; margin: 15px 0 0 0; padding: 0px; display: block; font-weight: 600; position: relative; }
.homesucc-story h3 span { color: #d11912; }
.homesucc-story h3 img { margin-left: 30px; }
.suc-story-cont { background: #e9f1f5; }
.suc-story-img { float: left; width: 47%; min-height: 272px; }
.suc-story-img img { max-width: 100%; width: auto!important; }
.suc-story-det { float: left; width: 50%; padding: 0.8% 0 0.8% 2%; }
.suc-story-det h4 { font-family: 'Open Sans', sans-serif; font-size: 22px; color: #d11912; margin: 20px 0 15px 0; padding: 0px; display: block; font-weight: 600; position: relative; }
.suc-story-det p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; line-height: 1.8; padding: 0px; text-align: left; }
.suc-story-det a { font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    background: #000;
    text-align: center;
    color: #fff;
    font-weight: 400;
    padding: 2px 20px;
    margin: 10px 0px 0px 0px; transition: all 0.5s ease-in-out; }
.suc-story-det a:hover { background: #d11912; }
/*.owl-carousel#success-story .owl-nav.disabled { display: block; }*/
.owl-carousel#success-story .owl-dots { text-align: center; padding-top: 20px; }
.owl-carousel#success-story .owl-dots:focus, .owl-carousel#success-story .owl-dots:visited { border: 0px!important; outline: none!important; }
.owl-carousel#success-story .owl-dots span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #c3dae5; margin: 0px 5px; transition: all 0.3s ease-in-out; }
.owl-carousel#success-story .active span { background: #d11912; width: 26px; border-radius: 5px; }
.mobileapp-outer { margin: 0px 0px 110px 0px; }
.mobileapp-inr { background: #d11912; height: 271px; position: relative;
 padding: 40px 30px 0 70px; border-radius: 0px 200px 200px 0px; width: 95%; }
.mobileapp-img { position: absolute; top: -100px; }
.qr-code { display: flex; }
.qr-code img { margin: 0px 30px 0px 0px; }
.qr-code h2 { font-family: 'Open Sans', sans-serif; font-size: 30px; color: #fff; 
	margin: 15px 0px 20px 0px; padding: 0px; display: block; font-weight: 600; position: relative; }
.welcm-txt { background: url(../images/about-bg.jpg) center top no-repeat; background-size: cover; padding-bottom: 40px; }
.welcm-txt img { margin-bottom: 20px; }
.welcm-txt p { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; line-height: 1.8; padding: 0px; }
.prem-light { display: none; padding: 0px; }
.prem-light h6 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #000; }
.prem-light h3 { font-family: 'Open Sans', sans-serif; font-size: 20px; color: #fff; background: #d11912; padding: 8px; border-radius: 0px 5px 5px 0px; }
.prem-light img { margin: 15px 0px; padding: 0px; }
.prem-light p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600;
 text-align: left; margin-bottom: 10px; padding-bottom: 0px; }

.prem-light a {
    float: left;
    background: #fff;
    border: 2px solid #da251d;
    color: #da251d;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block;
    border-radius: 0;
    padding: 5px 15px;
    margin: 0px;
    text-align: center;
    line-height: 20px;
    transition: all 0.5s ease-in-out;
}
.prem-light a:hover { background: #da251d; }


		  .sidebar-contact .toggle{
		    top:50%;
		    transform:translateY(-50%);
		    transition:0.5s;
		  }
		  .sidebar-contact.active .toggle
		  {
		    top:0;
		    right:0;
		    transform:translateY(0);
		  }
		  .scroll{
		    width:100%;
		    height:100%;
		    overflow-y:auto;
		  }
		  .content{
		    padding:50px 50px;
		  }
}

.aboutcont1 { background: url(../images/about-bg.jpg) center top no-repeat; background-size: cover; }
.aboutcont1 p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; color: #000; }
.vision-cont { width: 100%; min-height: 230px; background: url(../images/vision-bg.jpg) center top no-repeat; background-size: cover;
padding: 30px 30px 20px 30px; margin: 30px 0px 0px 0px; display: block; position: relative; }
.vision-cont p { margin-bottom: 0px; padding-bottom: 0px; }
.vision-cont h3 { font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 600; color: #161414;
 margin: 10px 0px 10px 0px; padding: 0px; }
.vision-cont h3 span { color: #d11912; }
.vision-cont:before, .vision-cont:after { content: ''; width: 115px; height: 7px; background: #c5271e; position: absolute; left: 0; top: 0; } 
.vision-cont:after { left: auto; right: 0; }
.aboutcont2 { text-align: center; }
.aboutcont2 h5 { background: url(../images/comma-img.png) left top no-repeat; margin: 50px 0 0 0; padding: 12px 20px 0px 20px;
 font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 26px; color: #000;
 }
.aboutcont3 { background: #c5271e; padding: 35px; margin: 50px 0px; color: #fff; }
.aboutcont3 h4 { font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 400; }
.aboutcont3 p, .aboutcont4 p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; }
.aboutcont3 ol { margin: 0px 0px 0px 20px; padding: 0px; font-size: 14px; }
.aboutcont3 ol li { margin: 5px 0px 0px 0px; padding: 0px; }
.aboutcont4 p { color: #000; }
.aboutcont4 h6 { color: #000; font-size: 18px; }
.contactcont1 { padding: 0px 0px 30px 0px; }
.contactcont1 h3 { padding: 0px; margin: 0px; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 500; }
.contactcont1 h3 a { color: #de261d; transition: all 0.5s ease-in-out; }
.contactcont1 h3 a:hover { color: #000; }
.contactcont2 { background: #f5f5f5; min-height: 100px; } 
.add-hd, .writeus-hd { display: block; margin: 0px; padding: 40px 0px 0px 0px; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 500; color: #000; }
.add-hd span { color: #d11912; }
.writeus-hd { padding: 10px 0px 10px 0px; margin: 0px; color: #fff; }

.add-cont { position: relative; padding: 20px 20px 20px 110px; }
.add-cont img { position: absolute; top: 30px; left: 0px; }
.add-cont p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; color: #000; }
.contactform { background: #c5271e; min-height: 250px; border-radius: 220px 0 0 220px; padding: 20px 0px 20px 90px; position: relative; }
.contactform:after { content: ''; position: absolute; background: #c5271e; width: 80px; height: 100%; top: 0; right: -80px; }
.contform-row { margin: 0px 0px 8px 0px; }
.contform-row input[type=text], .contform-row select, .contform-row textarea {
	background:#fff;
	border: 0;
	padding: 5px 10px;
	border-radius: 10px;
	color:#848484;
	font-size: 14px;
	height: calc(1.5em + 0.75rem + 0px);
}
.contform-row textarea { height: 116px!important; resize: none; }
.submitbtn { background: #ffd29d; color: #000; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; border: 0;
padding: 5px 20px; border-radius: 10px; text-transform: uppercase; float: right; transition: all 0.5s ease-in-out; }
.submitbtn:hover { background: #000; color: #fff; }

.contact-no { padding: 50px 0 50px 60px; display: flex; align-items: center; }
.contact-no img { margin-right: 20px; }
.contact-no h5 { font-family: 'Open Sans', sans-serif; font-size: 22px; font-weight: 700; }
.contact-no h6 { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 400; color: #000; }
.contact-no h6 a { color: #000; transition: all 0.5s ease-in-out; }
.contact-no h6 a:hover { color: #c5271e; }
.gmap { margin: 0px; padding: 0px; }
.gmap iframe { margin: 0px; padding: 0px; width: 100%; }
.tc-cont p { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; color: #000; margin: 0px 0 15px 0; padding: 0px; }
.tc-cont ul, .tc-cont ol { margin-left: 0px; padding-left: 15px; }
.tc-cont li { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; color: #000; margin: 0px 0 8px 0; padding: 0px; }
.abouse-form { background: #efefef; padding: 50px; } 
.abouse-form label { margin: 15px 0px 5px 0px; }
.abouse-form input[type=text], .abouse-form select, .abouse-form textarea {
	background: #fff; border: 0; padding: 5px 10px; border-radius: 5px;	color:#848484; font-size: 14px;	height: calc(1.8em + 0.75rem + 0px);
}
.abouse-form textarea { height: calc(8em + 0.75rem + 10px)!important; }
.submitbtn2 { background: #ffd29d!important; color: #000!important; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; border: 0;
padding: 15px 20px; margin: 15px 0px 0px 0px; border-radius: 5px; text-transform: uppercase; transition: all 0.5s ease-in-out; text-align: center;
 cursor: pointer;
 }
.submitbtn2:hover { background: #000!important; color: #fff!important; }

/*faq css start*/
    .faqaccordion .panel-title > a:before {
	    float: right !important;
	    content: ''!important;
	    padding-right: 5px;
	}
	.faqaccordion .panel-title > a.collapsed:before {
	    float: right!important;
	    content:''!important; background: #777;
	    height: 15px; width: 1px; padding: 0px!important;
	    position: relative;
        right: 13px;
	}
	.faqaccordion .panel-title { margin: 0px; padding: 0px; }
	.faqaccordion .panel-default>.panel-heading a:after { content: '';
		width: 15px; height: 1px; background: #777777; top: 7px; right: 5px;
	}
	.faqaccordion .panel-default { border: 1px solid #efefef; }
	.faqaccordion .panel-title > a:hover, 
	.faqaccordion .panel-title > a:active, 
	.faqaccordion .panel-title > a:focus  {
	    text-decoration:none;
	}	
/*faq css end*/
.editpro-btn { font-size: 13px; float: right; margin: 20px; color: #c5271e; transition: all 0.3s ease-in-out; }
.editpro-btn:hover { color: #000; }

.editpro-btn2 { margin: 20px 0px -10px 0; float: left; color: #fff; background: #c5271e; padding: 2px 10px; font-size: 13px;
position: relative; z-index: 2; }
.editpro-btn2:hover { background: #e9a559; }
.editformrow { text-align: left; }
.registerpop-body { max-height: 500px; overflow-y: scroll; }
.btn-info { background-color: #fbbb64!important; border-color: #fbbb64!important; }
.btn-danger { background-color: #c5271e!important; border-color: #c5271e!important; }
.filtertoggle {
    display: none;
    margin: 15px 15px;
    padding: 5px 15px;
    background: #fff7d2;
    border: 1px solid #ffead2;
    border-radius: 8px;
    color: #c5271e;
}
.filtertoggle i { float: right; }




/*harpreet css end*/

/*26-july start*/

.filelabel {
    width: 75px;
    height: 72px;
    display: block;
    padding: 5px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
    margin: 0;
    background: #eee;
}
.filelabel .fa-file-image-o img { display: none; }
.filelabel i {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
}
.filelabel i,
.filelabel .title {
  color: grey;
  transition: 200ms color;
}
.filelabel .title { font-size: 12px; }
.filelabel:hover {
  border: 2px solid #1665c4;
}
.filelabel:hover i,
.filelabel:hover .title {
  color: #1665c4;
}
#FileInput{
    display:none;
}
.paymentsuccess-msg { box-shadow: 0px 0px 10px rgba(0,0,0,0.11); border-radius: 5px;
 margin: 50px 0px; padding: 20px; text-align: center; }
.paymentsuccess-msg h3 { text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    color: #379918;
    display: flex; align-items: center; flex-direction: column;
}
.paymentsuccess-msg h3 i { display: inline-block; font-size: 100px; }
.paymentsuccess-msg h6 {
    color: #606060;
    font-weight: 400;
}
.paymentsuccess-msg hr { border-top: 1px dashed rgba(0,0,0,.1); }
.payment-row { display: flex; align-items: center; justify-content: space-between;
   background: #efefef; padding: 5px 20px; margin: 0px 50px 5px 50px;
}
.payment-row h6 { margin: 0px; padding: 0px; text-align: right!important; }
.payment-row p { margin: 0px; padding: 0px; }
.tryagain-btn {
    display: inline-block;
    border: 2px solid #1f9157;
    padding: 5px 43px;
    border-radius: 5px;
    color: #1f9157;
    font-weight: 600;
    margin: 5px 0 0 0;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}
.tryagain-btn:hover { background: #1f9157; color: #fff; }
.payment-failed h3 { color: #c5271e; }

.loginto-view { font-family: 'Open Sans', sans-serif; font-size: 15px;
    font-weight: 500; color: #000; padding: 3px 15px; background: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 30px; transition: all 0.5s ease-in-out;
}
.loginto-view:hover { background: rgba(255,255,255,1); }
/*26-july end*/

.ul-scrolling { height: 200px; overflow-y: auto; }
  .menubody { font-size: 11px; text-align: center; line-height: 17px!important; display: block;
    margin-bottom: 10px; padding: 5px; border-bottom: 1px solid #d9d9d9; }
  .paid-note { font-size: 11px; text-align: center; line-height: 18px; }
  .becom-paid { display: block; font-size: 12px; text-align: center; line-height: 18px; color: #ff0000; 
  	text-transform: uppercase; margin: 8px 0px; }
  .becom-paid:hover { color: #000; }
  .menucheck-body { padding: 0px; margin: 8px 0px 0px 10px; list-style: none; text-align: left; }
  .menucheck-body li { display: block; padding: 0px; margin: 5px 0px 0px 0px; list-style: none; }
  .menubody-select { display: flex; align-items: center; justify-content: space-between; width: 80% }
  .menubody-select select { margin: 0px 5px; width: 50%; border: 1px solid #ccc }
  .menucheck-body2 { margin: 0px 0px 10px 10px; position: relative; }
  .parentfilter{ padding-top: 20px; }
  .childfilter{ position: absolute; top: 0px; }
  .slidermob { display: none; }
  .statuscont { background: url(../images/list-pattren.jpg) left top repeat!important; }
  .pendingicon { width: 60px; height: 60px; line-height: 15px; font-size: 60px; border-radius: 100%; color: #fff; background: #c5271e; margin: 0px 0px 20px 0px; }
  .statuscont h6 {  font-size: 18px; }


/*reponsive css start*/	
@media (max-width:1200px) {
	.footlist { margin: 66px 0px 10px 70px; }
	.footsocial { margin: 20px 0px 0px 150px; }
	.whyus-outer { background-position:right -190px top 0; }
	.service-devider-left em { margin-left:-22px; }
	.service-devider-right em {	margin-right:-22px; }
}

@media (max-width:1024px) {
	 .inrslider img { max-width:60%; }
	 .page-name {
	margin:70px 0px 40px 45px;
	}
	 .whyus-outer {
	background-position:right -280px top 0;
	}
}
@media (max-width:991px) {
	 .fixed-header, .inn-nav-box { position: relative; }
	 .groomcont, .bridecont { margin: 20px 0px;	padding: 60px 40px 45px 40px; width: 100%; }
	 .bracket-para { padding: 10px 30px 0px 30px; }
	 .frm-box {	width: 100%; float: none; margin: 8px 0px; }
	 .footlist { margin: 50px 0px 10px 0px; }
	 .footlist li { margin: 0px 10px }
	 .footsocial { margin: 20px 0px 0px 0px; }
	 .copyright { text-align:center; }
	 .powered { display:block; width:100%; text-align:center; }
	 .footwhite-box { margin-bottom:15px }
     .whyus-outer { background-image:none; }
	 .service-devider-left em { margin-left:-16px; }
	 .service-devider-right em {	margin-right:-16px; }
	 .cont-text{ width:48%; min-height:1px; margin-top:10px; padding-bottom:10px; }
	 .teamcont-outer { width:32%; }
	 #myTab { display: block!important; }
	 .servicehd { font-size: 30px; margin: 9px 0px 20px 0px; text-align: left; }
}

@media (max-width:991px) {
	.menu-box { overflow: visible; }
	.logo img { max-height: 38px; }
	.homesrc-form { padding: 60px 24px 0px 78px; }
	.formrow { margin: 5px 0 0 0; }
	.formrow2 label { font-size: 11px; margin-bottom: 2px; }
	.formrow2 .form-control { height: 26px; min-height: 1px; font-size: 11px; }
	.srcbtn2 { padding: 4px 0px; margin: 6px 0 0 0; }

}
@media (max-width: 880px) {
		 .head-form {
			position:relative;
			margin:15px 0px;
			width:auto;
		}
		 .hd-form-box {
			float:none;
			width: 100%;
			margin:0 auto;
			background-color:#cfdfee;
		}
		.sidebar-contact { top: 76%; }
}
 @media (max-width: 768px) {
	 .top-left { margin-bottom: 10px;}
	 .leftmenu { margin: 5% 0% 5% 0%;}
	 .leftmenu h2 { text-align:left; font-size: 16px;}
	 .topbar { font-size: 15px;}
	 .service-cont, .service-cont-rht { width: 100%; min-height: 60px; padding: 15px 30px; }
	 .servicebdr { border-right: 0 none; padding: 0; }
	 .service-devider-left, .service-devider-right { display:none; }
	 .service2 { margin-top: 0%; }
	 .service3 { margin-top: 2.3%; padding-bottom: 0% !important; }
	 .outdoor-tour { margin: 2% 0; }	 
	 .serviceimg, .service-hd2, .servicedate { text-align: center; }
	 .body-2:after { display: none; }
	 .footwhite-box { text-align:center; padding:8px}
	 .footwhite-box img { display:none; }
	 .footlist { margin: 15px 0px; float:none;}
	 .footlist li { margin: 5px 0px; float:none;}
	 .footsocial { margin: 20px 0px 0px 0px; }
     .cont-text{ width: 100%; margin: 10px 0px 0px 0px; } 
     .homesrc-form { padding: 60px 24px 0px 8px; margin: -267px auto 30px auto; }
     .srcbtn2 { padding: 18px 0px 0px 0px; margin: 0px 0 0 0; font-size: 16px; }
     .person-cont img { max-width: 100%; }
     .personal-rightcont { padding: 25px 0 5px 25px; }
     .personal-redborder { border-left: 3px solid #d11912; }
     .suc-story-img { float: none; width: 100%; min-height: 272px; text-align: center; background: #fff; }
     .suc-story-img img { display: inline-block!important; }
     .suc-story-det { float: none; width: 100%; padding: 15px; }
     .mobileapp-inr { height: auto; padding: 40px 30px 40px 70px; }
     .mobileapp-img { display: none; }
     .qr-code h2 { font-size: 23px; }
     .mobileapp-outer { margin: 0px 0px 40px 0px; }
     .secondary_footer .footer_widget_area { padding: 0px 60px; }
     .copy-outer { margin-top: 30px; }
     .ul_li_block { margin: 0px 0px 40px 0px; }
     .mnone { display: none; }
     .prem-light { display: block; }
     .slider img { display: none; }
     .slider img.slidermob { display: block!important; max-width: 100%; }
}

@media (max-width: 504px) {
	.top-left, .top-right, .logo-box, .menu-box { width:100% !important; text-align:center;	}
	.menu-box { text-align:left; }
	.menu { z-index: 10;
		margin: 10px 0px!important; left: 0px!important; width: 100%!important; float: none!important;
	}
	.toggleMenu { width:42px; margin: 0px 0px 0px 0px !important; }
	.toggleMenu img { float:right; }
	 .bracket-para { padding:0px; width:100%; }
	 .bracket-para:before, .bracket-para:after { display: none;	}
	.teamcont-outer { width:50%; }
}

@media (max-width: 480px) {
	  .userhdr .userhdr-right { padding-left: 0; padding-right: 0; }
	  .inboxpaging-break { color: #000!important; display: block; margin-bottom: 20px; }
	 .inr-bnr { padding: 20px 0 0 0; min-height: 120px; margin-bottom: 0; }
	 .inr-bnr h1 { margin: 20px 0 0 0; }
	 .footer-inr { padding: 0px 33px!important; }
     .photogallery .nav-tabs li { float: left!important; background: transparent!important; }
	 .groomimg { width: 100%; height: auto;	}
	 .groomimg img { width: 100%; height:100%;}
	 .groomcont, .bridecont { margin: 10px 0px; padding: 30px 40px;	}
	 .groomname, .bridename { margin: 0 0 4% 0; line-height:35px }
	 .groomname span, .bridename span { background-color:transparent; padding: 0px; }
	 .body-1 { background-image:none; }
	 .block480 { display:block; }
	 .teamcont-outer { width:100%; }
	 .package-outer2 { padding: 10px 20px 40px 20px; min-height: 50px; }
	 .package-box { padding: 14px 0 24px 15px; }
	 .package-box ul li span { right: 10px; }
	 .package-box ul li, .package-box.paidbox ul li { margin: 8px 0px; padding: 0px 30px 0px 0px; }
	 .topupplan h3 { font-size: 34px; margin: 0px 0 0px 0; }
	 .topupplan { padding-left: 81px!important; }
	 .topupplan p { font-size: 16px; line-height: 1.5; text-align: left; }
	 .topup-joinbtn button { font-size: 19px!important; width: 200px; height: 36px; right: 0; bottom: 0; border-radius: 0px!important; }
	 .whyuscont h2 { font-size: 30px; }
	 .wlcm-stat { margin: 0px 0px 20px 0px; }
	 #myTab { margin: 18px 0px 6px 0px; }
	 .profiledet p { font-size: 15px; line-height: 23px; }
	 .sidebar-contact { width: 262px; top: 50%; }
	 .enquirytoggle { left: -98px; }
	 .sidebar-contact.active .enquirytoggle { left: -60px; }
	 .secondary_footer .footer_about { padding: 20px 20px 20px;	}
	 .secondary_footer .copyright_text { padding: 10px 10px 0px 10px; }
	 .text-white .footer_widget_title { margin-bottom: 22px; margin-top: 20px; }
	 .footer_widget_area .ul_li_block { margin: 0px 0px 0px 10px; }
	 .text-white .footer_newsletter_boxed { margin-top: 0px; margin-bottom: 30px; }
	 .logo { text-align: left; }
	 .menu-box { margin: -54px 0 0 119px; }
	 body { padding-top: 40px; }
	 .listbox-img2, .listbox-det2, .listbox-name { width: 100%; }
	 .listbox-det ul.listbox-detlist li { flex-direction: column; margin-right: 0; }
	 .listbox-name:after { position: relative; right: 0; margin-left: 5px; }
	 .listbox-name { font-weight: 600; opacity: 1; }
	 .listbox-fld { width: 100%; padding-left: 12px; }
	 .listbox-expresbtns { flex-direction: column; }
	 .listbox-expresbtns a { width: 100%; border-right: 1px solid #e6ae9e; margin-bottom: 10px; }
	 .radio-label { padding: 20px 60px 20px 20px;
		    justify-content: center;
		    flex-direction: column;
		}
	.filtertoggle {
	    display: block;
	}
	.membership-hd { padding: 0 20px; }
	.membership-hd-rht { padding: 14px 0px; }
	.membership-hd-rht:before { display: none; }
	.nav.personblue-tab .nav-link { min-height: 2px; }
	.qr-code { flex-direction: column; }
	.mobileapp-inr { width: 100%; border-radius: 0px; }
	.qr-code img { margin: 0px 0px 20px 0px; }
	.secondary_footer .footer_widget_area { padding: 0px; }
	.bannertext { font-size: 19px; margin-bottom: 7px; }
	.srcbtn2 { border-radius: 5px; padding: 10px 0px;
	    margin: 0px 0 0 0; font-size: 14px; line-height: 1;
	    font-weight: 400;
	}
	.personal-rightcont {
	    padding: 25px 0 5px 0px;
	}
	.personal-redborder { padding: 15px 15px 15px 10px; 
		margin: 15px 0 15px 0; border: 2px solid #d11912; }
	.mobileapp-inr { padding: 40px; }
	.memberhd-mar { margin: 15px 0 0 0!important; }
	.home-membershp-cont { min-height: 27px; }
	.threesimple-box { padding: 20px 0 20px 0; }
	.listbox-img { width: 100%; }
	.listbox-det { width: 100%; }
	.listbox-star2 {
	    width: 100%;
	    min-height: 10px;
	    margin: 0 0px 0 25px;
	    padding: 20px 0;
	}
	.listbox-whitebox { margin-right: 0px; }
	.listbox-star { border-left: 0; padding-top: 15px; padding-bottom: 15px;
	    border-top: 1px solid #d0bc94; margin-top: 15px;
	}
	.form-cont-inr { width: 100%; }
	.form-cont-inr .formrow { display: block; margin: 6px 0 10px 0; }
	.form-cont-inr .formrow label {
		    width: 100%;
		    margin-top: 10px;
		    margin-bottom: 10px;
		    margin-right: 0;
	}
	.form-cont-inr .formfld {
	    width: 100%;
	}
	.agefld { width: 38%!important; }
	.checkboxfld { height: auto; padding-top: 5px; flex-direction: column; }
	.viewprof-img {
	    width: 100%;
	    min-height: 260px;
	    margin-left: 0;
	    display: block;
	}
	.viewprof-img { max-height: 260px; }
	.viewprof-det { margin-left: 0px; }
	.viewprof-detinr { width: 100%; min-height: 5px; margin-top: 0px; position: relative; }
    .viewprof-star { width: 100%; text-align: center; border-top: 1px solid #efefef; margin-top: 21px; }
    .userright-cont2 { width: 100%; right: 0; }

	.detpro-whitecont { padding: 20px 20px 10px 20px; }
	.detpro-icon { position: static; }
	.background-list li { padding: 0; }
	.cont-det { padding: 9px 14px 9px 5px; }
	.lock-icon { padding: 5px 0 0 0; right: -12px; top: -21px; }
	.careerlist img { position: relative!important; }
	.match-row { border-radius: 0; padding: 15px 0px; display: block; text-align: center; }
	.match-img { margin: 0px auto 15px auto; }
    .match-img img { border-radius: 100%; }
    .matchres-hd { display: block; height: auto; padding: 20px 0px 14px 0px; position: relative; border-radius: 0px; }
    .matchres-hd i.fa-chevron-left { position: absolute; left: 0; right: 0; top: 5px; margin: auto; width: 30px; transform: rotate(90deg); }
    .matchres-hd i.fa-chevron-right { position: absolute; left: 0; right: 0; bottom: 5px; margin: auto; width: 30px; transform: rotate(91deg); }
    .detpro-whitecont h4 { font-size: 15px; }
    .her-preferen-rht { padding: 0 25px 0 0px; }
    .login-modal .modal-body { padding-left: 34px; padding-right: 34px; }
    .register-modal .formrow { display: block; }
    .register-modal .formrow label { width: 100%; margin-bottom: 4px; margin-right: 0; margin-top: 8px;	}
    .registerpop-body { max-height: 400px; }
    .inrhdr { background: #c5271e; }
    .logo-box2 { background: #fff; }
    .recomed-cont { margin-bottom: 30px; }
    .userhdr .userhdr-right:after { display: none!important; }
    .userleft-cont-big { width: 100%; }
    .viewprof-detinr2 { width: 100%!important; }
    .viewprof-detinr2:after { display: none!important; }
    .userleft-cont {display: none;}


}



/*Login Button Responsive*/

@media (max-width: 768px) {
.login-btn-for-res{
    		display: block!important;
    	}
    	.login-mobile-hide{
    		display: none;
    	}
}
.login-btn-for-res{
	position: relative;
	z-index: 1111;
	display: none;
}
.login-btn-for-res ul{
	display: inline-block;
    float: right;
    margin-right: 50px;
    margin-top: 15px;
}
.login-btn-for-res ul li a{
	 font-size: 14px;
    color: #000;
    font-weight: 600;
    padding: 0px 0px 9px 0px;
    margin:0px 0px 0px 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.login-btn-for-res ul li i{
	color: #da261e;
}