body{
	background: url(../img/bg.jpg) top no-repeat #028cd4;
	font-family: 'Open Sans', sans-serif !important;
	font-size:15px;
}

.rotate{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);  
	-ms-transform: rotate(90deg); 
	transform: rotate(90deg);  
}

.panel-heading{
	background-color:#0d3c64;
	padding:14px 12px;
}

.panel-heading a{
	text-decoration:none;
}

.panel-default{
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	margin-bottom:10px;
}

.panel-heading h4{
	padding:0px;
	margin:0px 0px;
	color:#d3dfe8;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	position:relative;
}

.panel-heading h4 i{
	position:absolute;
	right:5px;
	color:#a8b9c7;
}

.panel-heading h4 a{
	color:#d3dfe8;
	width:100%;
}

.panel-body{
	background-color:#00325c;
	padding:15px;
}
.panel-body-height{
	height: 300px;
	overflow: auto;
	text-align: justify;
}
.panel-body p{
	margin:0px;
	color:#a8b9c7;
}

.panel-body h6{
	padding:0px 0px 16px 0px;
	margin:0px 0px 16px 0px;
	color:#a8b9c7;
	font-size:15px;
	position:relative;
	width:100%;
	font-weight:400;
	border-bottom:1px solid #1c496e;
}

.panel-body a{
	color:#a8b9c7;
	text-decoration:none;
}
.panel-body .row{
clear: both;
}
.panel-body h6 button{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:none;
	position:absolute;
	right:0px;
	outline:none;
	color:#6f8ba2;
}
.panel-body .input button{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border:none;
	background:none;
	position:absolute;
	right:0px;
	outline:none;
	color:#6f8ba2;
}

.panel-body .col-sm-6:last-child h6{
	padding-bottom:0px;
	border:none;
	margin-bottom:0px;
}

.panel-body h5{
	text-transform:uppercase;
	padding:8px 0px;
	margin:15px 0px;
	text-align:center;
	background-color:#0d3c64;
	font-weight:600;
	color:#a8b9c7;
	font-size:18px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.threebuttons h6 button:nth-child(2){
	right:25px;
}

.threebuttons h6 button:nth-child(3){
	right:52px;
}

.profile-wrapper,
.profile-dup-wrapper{
	width:100%;
	background-color:#00325c;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px;
	position:relative;
	min-height:115px;
	padding-left:120px;
}

.profile-wrapper h5,
.profile-dup-wrapper h5{
	text-transform:uppercase;
	padding:0px;
	margin:8px 0px 0px 0px;
	color:#d3dfe8;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.profile-wrapper h6,
.profile-dup-wrapper h6{
	padding:0px;
	margin:6px 0px 0px 0px;
	color:#a8b9c7;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.profile-wrapper span,
.profile-dup-wrapper span{
	width:90px;
	height:90px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:4px solid #FFFFFF;
	position:absolute;
	left:12px;
	top:12px;
	overflow:hidden;
}

.profile-wrapper span img,
.profile-dup-wrapper span img{
	width:90px;
	height:90px;
	object-fit:cover;
}

.profile-wrapper a,
.profile-dup-wrapper a{
	color:#a8b9c7;
}

.header-container{ 
	width:100%;
	text-align:center;
	position:relative ;
	padding:20px 0px 20px 0px;
}

.header-container h3{
	/* text-transform:uppercase; */
	padding:0px 25px;
	margin:0px;
	font-weight:400;
	color:#FFFFFF;
	font-size:20px;
}

.header-container button{
	border:none;
	background:none;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	position:absolute;
	top:18px;
	font-size:20px;
	outline:none !important;
}

.header-container button:first-child{
	left:0px;
}

.header-container button:last-child{
	right:0px;
}

.profile-dup-wrapper h4{
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#d3dfe8;
	font-weight:400;
}

.profile-dup-wrapper h4 i{
	font-size:10px;
	margin-right:4px;
}

.profile-dup-wrapper h4 font{
	margin-right:20px;
}

.peace-logo{
	width:300px;
	position:relative;
	left:50%;
	margin-left:-150px;
	margin-top:3%;
	margin-bottom:2%;
}
.footer-btn-con{
	width:100%;
	background-color:#ebfffe;
	position:fixed;
	bottom:0px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.35);
	width:100%;
	z-index:998;
	min-height:45px;
}

.footer-btn-con button{
	width:50%;
	border:none;
	background:none;
	float:left;
	text-align:center;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	color:#01325d;
	font-weight:600;
	outline:none;
	line-height:45px;
}

.footer-top-buttons{
	width:100%;
	position:fixed;
	bottom:55px;
	z-index:999;
}

.footer-top-buttons button{
	border:none;
	background:none;
	padding:0px;
	margin:0px;
	float:left;
	outline:none !important;
}

.footer-top-buttons button:last-child{
	float:right;
}

.footer-top-buttons .sm-btns img{
	width:30px;
}

.footer-top-buttons .sm-btns{
	position:relative;
	top:34px;
}
.footer-top-buttons .sm-btns font{
	position:absolute;
	top:-5px;
	right:-5px;
	background-color:#FF0000;
	font-size:11px;
	font-weight:600;
	color:#FFFFFF;
	min-width:20px;
	height:20px;
	padding:0px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height:20px;
	text-align:center;
}
.notifybadge font{
	position:absolute;
	top:-5px;
	right:-5px;
	background-color:#FF0000;
	font-size:11px;
	font-weight:600;
	color:#FFFFFF;
	min-width:20px;
	height:20px;
	padding:0px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height:20px;
	text-align:center;
}
.home-btns-con button{
	width:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	border:none;
	height:70px ;
	text-align:left;
	color:#FFFFFF;
	font-size:14px;
	font-weight:400;
	position:relative;
	outline:none !important;
	text-transform:uppercase;
}

.home-btns-con{
	padding-left:0px;
	padding-right:0px;
	width:100%;
	overflow:hidden;
}
.menuimg{
	height: 70px;
}

.home-btns-con .row, .home-btns-con .col-6{
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	position:relative;
}

.home-btns-con button span{
	width:42px;
	height:42px;
	float:left;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:absolute;
	top:13px;
	overflow:hidden;
}

.home-btns-con button span img{
	width:100%;
	left:0px !important;
	height:42px;
	object-fit:cover;
	position:relative !important;
	z-index:990 !important;
}

.home-btns-con .col-6:nth-child(2) button{
	text-align:right;
	padding-right:60px;
	background:none;
}

.home-btns-con .col-6:nth-child(2) button img{
	position:absolute;
	left:-10px;
	top:0px;
	z-index:-10;
	
}

.home-btns-con .col-6:nth-child(1) button{
	padding-left:60px;
	position:relative;
	background:none;
}

.home-btns-con .col-6:nth-child(1) button img{
	position:absolute;
	right:-11px;
	top:0px;
	z-index:-10;
}

.home-btns-con .col-6:nth-child(1){
	background: rgba(0,51,92,1);
	background: -moz-linear-gradient(left, rgba(0,51,92,1) 0%, rgba(0,51,92,1) 60%, rgba(0,51,92,0) 60%, rgba(0,51,92,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,51,92,1)), color-stop(60%, rgba(0,51,92,1)), color-stop(60%, rgba(0,51,92,0)), color-stop(100%, rgba(0,51,92,0)));
	background: -webkit-linear-gradient(left, rgba(0,51,92,1) 0%, rgba(0,51,92,1) 60%, rgba(0,51,92,0) 60%, rgba(0,51,92,0) 100%);
	background: -o-linear-gradient(left, rgba(0,51,92,1) 0%, rgba(0,51,92,1) 60%, rgba(0,51,92,0) 60%, rgba(0,51,92,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,51,92,1) 0%, rgba(0,51,92,1) 60%, rgba(0,51,92,0) 60%, rgba(0,51,92,0) 100%);
	background: linear-gradient(to right, rgba(0,51,92,1) 0%, rgba(0,51,92,1) 60%, rgba(0,51,92,0) 60%, rgba(0,51,92,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00335c', endColorstr='#00335c', GradientType=1 );
	margin-bottom:6px;
}

.home-btns-con .col-6:nth-child(2){
	background: rgba(0,51,92,0);
	background: -moz-linear-gradient(left, rgba(0,51,92,0) 0%, rgba(0,51,92,0) 40%, rgba(0,51,92,1) 41%, rgba(0,51,92,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,51,92,0)), color-stop(40%, rgba(0,51,92,0)), color-stop(41%, rgba(0,51,92,1)), color-stop(100%, rgba(0,51,92,1)));
	background: -webkit-linear-gradient(left, rgba(0,51,92,0) 0%, rgba(0,51,92,0) 40%, rgba(0,51,92,1) 41%, rgba(0,51,92,1) 100%);
	background: -o-linear-gradient(left, rgba(0,51,92,0) 0%, rgba(0,51,92,0) 40%, rgba(0,51,92,1) 41%, rgba(0,51,92,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,51,92,0) 0%, rgba(0,51,92,0) 40%, rgba(0,51,92,1) 41%, rgba(0,51,92,1) 100%);
	background: linear-gradient(to right, rgba(0,51,92,0) 0%, rgba(0,51,92,0) 40%, rgba(0,51,92,1) 41%, rgba(0,51,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00335c', endColorstr='#00335c', GradientType=1 );
	margin-bottom:6px;
}

.home-btns-con .col-6:nth-child(1) button span{
	left:10px;
}

.home-btns-con .col-6:nth-child(2) button span{
	right:10px;
}
.home-btns-con .col-6:nth-child(2) button .font{
	left: 8px;
}

.home-btns-con .col-6:nth-child(2) button .font{
	right:8px;
	left:auto;
}

.home-btns-con .col-6 button .font{
	position: absolute;
    top: 8px;
    left: 8px;
    background-color: #FF0000;
    font-size: 11px;
    font-weight: 600;
    color: #FFFFFF;
    min-width: 20px;
    height: 20px;
    padding: 0px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
	z-index:994;
	
}

.subcontent { 
	display:none; 
	width:100%;
	-webkit-animation:linear;
	-webkit-animation-name: opac;
	-webkit-animation-duration: 1s;
}

@-webkit-keyframes opac {
    0% { opacity:0;}
	 50% { opacity:0;}
    100%{ opacity:1;}
}
.home-btns-con .row .menu-item:first-child{
	left:-55%;
	-webkit-animation:linear;
	-webkit-animation-name: run;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes run {
    0% { left: 0%;}
    100%{ left: -55%;}
}

.home-btns-con .row .menu-item:last-child{
	right:-55%;
	-webkit-animation:linear;
	-webkit-animation-name: runss;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes runss {
    0% { right: 0%;}
    100%{ right: -55%;}
}

/*--*/

.home-btns-con .row .menu-return:first-child{
	left:0%;
	-webkit-animation:linear;
	-webkit-animation-name: return;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes return {
    0% { left: -55%;}
    100%{ left: 0%;}
}

.home-btns-con .row .menu-return:last-child{
	right:0%;
	-webkit-animation:linear;
	-webkit-animation-name: returns;
	-webkit-animation-duration: 0.5s;
}

@-webkit-keyframes returns {
    0% { right: -55%;}
    100%{ right: 0%;}
}

.page-content-wrap{
	position:relative;
}

.peace-logo{

}

.peacelogo-hide{
	-webkit-animation:linear;
	-webkit-animation-name: opaci;
	-webkit-animation-duration: 0.5s;
	opacity:0
}

@-webkit-keyframes opaci{
    0% { opacity:1;}
    100%{ opacity:0;}
}


.peacelogo-return{
	-webkit-animation:linear;
	-webkit-animation-name: opaci;
	-webkit-animation-duration: 1s;
}

@-webkit-keyframes opaci{
    0% { opacity:0;}
    100%{ opacity:1;}
}

.subcontent{
	position:absolute;
	top:0px;
}

.page-content-con{
	width:100%;
	background-color:#00325c;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:12px;
	text-align:justify;
	color: #c4d0d9;
}

.page-header-con{
	position:relative;
	padding:15px 0px;
}

.page-header-con h4{
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0px 40px;
	margin:0px;
	color:#FFFFFF;
	font-size:22px;
	font-weight:400;
}

.page-header-con .subbtn{
	border:none;
	background:none;
	color:#FFFFFF;
	position:absolute;
	left:-5px;
	top:10px;
	outline:none;
	font-size:22px;
}

.form-wrapper{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px;
	position: relative;
	
}
.form-wrapper-for-radio{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px;
	position: relative;
}
.form-wrapper-for-radio label,p,h4{
	padding:0px;
	margin:0px;
	color:#c4d0d9;
	font-weight:400;
}
.form-wrapper-for-radio input[type=text]{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px; 
	min-height:38px;
}
.form-wrapper-for-radio input[type=radio]{
	padding: 10px;
}
.form-wrapper input{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}
.form-wrapper textarea{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper ion-datetime{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper select{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper ion-select{
	max-width: 100% !important;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper ionic-selectable{
	/* width:200% !important; */
	max-width: 100% !important;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper label,p,h4{
	padding:0px;
	margin:0px;
	color:#c4d0d9;
	font-weight:400;
}



.form-wrapper .input{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper .select{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper .label{
	padding:0px;
	margin:0px;
	color:#c4d0d9;
	font-weight:400;
}
.form-btn{
	width:100%;
	border:none;
	outline:none;
	text-transform:uppercase;
	font-weight:700;
	color:#00325c;
	font-size:13px;
	padding:0px 0px;
	position:relative;
	margin:6px 0px;
	border-bottom:4px solid #7696b3;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height:46px;
	background: rgba(144,176,203,1);
	background: -moz-linear-gradient(top, rgba(144,176,203,1) 0%, rgba(170,200,228,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(144,176,203,1)), color-stop(100%, rgba(170,200,228,1)));
	background: -webkit-linear-gradient(top, rgba(144,176,203,1) 0%, rgba(170,200,228,1) 100%);
	background: -o-linear-gradient(top, rgba(144,176,203,1) 0%, rgba(170,200,228,1) 100%);
	background: -ms-linear-gradient(top, rgba(144,176,203,1) 0%, rgba(170,200,228,1) 100%);
	background: linear-gradient(to bottom, rgba(144,176,203,1) 0%, rgba(170,200,228,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90b0cb', endColorstr='#aac8e4', GradientType=0 );
}
.form-btn-Peegee{
	line-height: 25px;
	padding: 0px 10px;
	min-height: 50px;

}
.form-btn img{
	margin-right:-15px;
}
.button-group-center{
	text-align: center;
}

.button-group .col-6:first-child{
	padding-right:5px;
}

.button-group .col-6:last-child{
	padding-left:5px;
}

.btn-green{
	border-color:#74b442;
	background: rgba(128,193,79,1);
	background: -moz-linear-gradient(top, rgba(128,193,79,1) 0%, rgba(155,210,106,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(128,193,79,1)), color-stop(100%, rgba(155,210,106,1)));
	background: -webkit-linear-gradient(top, rgba(128,193,79,1) 0%, rgba(155,210,106,1) 100%);
	background: -o-linear-gradient(top, rgba(128,193,79,1) 0%, rgba(155,210,106,1) 100%);
	background: -ms-linear-gradient(top, rgba(128,193,79,1) 0%, rgba(155,210,106,1) 100%);
	background: linear-gradient(to bottom, rgba(128,193,79,1) 0%, rgba(155,210,106,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c14f', endColorstr='#9bd26a', GradientType=0 );
}

.btn-yellow{
	border-color:#eab035;
	background: rgba(245,188,64,1);
	background: -moz-linear-gradient(top, rgba(245,188,64,1) 0%, rgba(254,206,84,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,188,64,1)), color-stop(100%, rgba(254,206,84,1)));
	background: -webkit-linear-gradient(top, rgba(245,188,64,1) 0%, rgba(254,206,84,1) 100%);
	background: -o-linear-gradient(top, rgba(245,188,64,1) 0%, rgba(254,206,84,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,188,64,1) 0%, rgba(254,206,84,1) 100%);
	background: linear-gradient(to bottom, rgba(245,188,64,1) 0%, rgba(254,206,84,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5bc40', endColorstr='#fece54', GradientType=0 );
}

.btn-red{
	border-color:#d23e32;
	background: rgba(221,74,61,1);
	background: -moz-linear-gradient(top, rgba(221,74,61,1) 0%, rgba(237,95,85,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,74,61,1)), color-stop(100%, rgba(237,95,85,1)));
	background: -webkit-linear-gradient(top, rgba(221,74,61,1) 0%, rgba(237,95,85,1) 100%);
	background: -o-linear-gradient(top, rgba(221,74,61,1) 0%, rgba(237,95,85,1) 100%);
	background: -ms-linear-gradient(top, rgba(221,74,61,1) 0%, rgba(237,95,85,1) 100%);
	background: linear-gradient(to bottom, rgba(221,74,61,1) 0%, rgba(237,95,85,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd4a3d', endColorstr='#ed5f55', GradientType=0 );
}

.btn-blue{
	border-color:#2aa5c3;
	background: rgba(55,179,210,1);
	background: -moz-linear-gradient(top, rgba(55,179,210,1) 0%, rgba(78,193,231,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,179,210,1)), color-stop(100%, rgba(78,193,231,1)));
	background: -webkit-linear-gradient(top, rgba(55,179,210,1) 0%, rgba(78,193,231,1) 100%);
	background: -o-linear-gradient(top, rgba(55,179,210,1) 0%, rgba(78,193,231,1) 100%);
	background: -ms-linear-gradient(top, rgba(55,179,210,1) 0%, rgba(78,193,231,1) 100%);
	background: linear-gradient(to bottom, rgba(55,179,210,1) 0%, rgba(78,193,231,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b3d2', endColorstr='#4ec1e7', GradientType=0 );
}

.btn-purple{
	border-color:#6262c7;
	background: rgba(117,117,215,1);
	background: -moz-linear-gradient(top, rgba(117,117,215,1) 0%, rgba(147,152,236,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(117,117,215,1)), color-stop(100%, rgba(147,152,236,1)));
	background: -webkit-linear-gradient(top, rgba(117,117,215,1) 0%, rgba(147,152,236,1) 100%);
	background: -o-linear-gradient(top, rgba(117,117,215,1) 0%, rgba(147,152,236,1) 100%);
	background: -ms-linear-gradient(top, rgba(117,117,215,1) 0%, rgba(147,152,236,1) 100%);
	background: linear-gradient(to bottom, rgba(117,117,215,1) 0%, rgba(147,152,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7575d7', endColorstr='#9398ec', GradientType=0 );
}

.check-btn{
	margin:5px 0px 12px 0px !important;
	background-color:#00325c !important;
	height:auto !important;
	width:auto !important;
	min-height:inherit  !important;
	
}
.check-box-con{
	text-align: center;
}
.check-box-con a{
	padding-left: 5px;
	cursor: pointer;
	color: rgb(141, 216, 230);
}
.check-box-con a:hover{
	text-decoration: underline !important;
	color: #FFFFFF;
}
.check-box-con .col-2{
	padding-right:0px;
}

.check-box-con .col-12{
	padding-left:0px;
}

/*responsive table style start*/

.table-condensed tr td{
	font-size:15px;
	padding:8px 10px;
}

.table-bordered{
	background-color:#00325c;
	border:none;
	padding:0px;
}

#no-more-tables{
	color:#a8b9c7;
	border:none;
}

.table-bordered td, .table-bordered th{
	border:none;
}

#no-more-tables tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,0.3);
}

.table-header{
	text-transform:uppercase;
	background-color: rgba(0,0,0,0.5);
}

#no-more-tables thead td, 
#no-more-tables thead th{
	padding:14px 10px;
	font-weight:700;
}




@media only screen and (max-width: 800px) {
    
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { 
		padding:12px;
	}
 
	#no-more-tables td { 
		border: none;
		border-bottom: 1px solid #5c7c96; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
		color:#a8b9c7;
		min-height:38px;
	}
	
 
	#no-more-tables td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	#no-more-tables td:before { content: attr(data-title); }
	
	#no-more-tables tbody tr:nth-of-type(odd) {
		background-color: rgba(0,0,0,0.3);
	}
}

/*responsive table style end*/

.alert-modal{
	padding:30px 20px;
}

.alert-modal h6{
	width:100%;
	text-align:center;
	padding:0px;
	margin:12px 0px 0px 0px;
	line-height:24px;
	float:left;
}

.alert-modal span i{
	font-size:32px;
}

.alert-modal span{
	width:70px;
	height:70px;
	border:2px solid;
	float:left;
	text-align:center;
	position:relative;
	left:50%;
	margin-left:-35px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height:70px;
}

.center-btn{
	width:100%;
}

.btn-cons{
	position:relative;
	left:50%;
	margin-left:-47px;
	margin-bottom:-40px;
	float:left;
}	

.center-btn span{
	width:95px;
	height:107px;
	background:url(../img/center-icon.png) top no-repeat;
	overflow:hidden;
	float:left;
	position:relative;
	margin-left:0;
	z-index:999;
}

.center-btn font{
	width:90px;
	height:90px;
	overflow:hidden;
	float:left;
	background-color:#FF0000;
	position:absolute;
	top:14px;
	left:4px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation:linear pulse infinite;
	-webkit-animation-name: colorchange;
	-webkit-animation-duration: 8s;
}

@-webkit-keyframes colorchange{
	0% { background-color:#aac8d8}
	7% { background-color:#9f9180}
    14%{ background-color:#acb8c0}
	21%{ background-color:#9ec7cc}
	28%{ background-color:#8bd1b6}
	35%{ background-color:#717772}
	42%{ background-color:#7c7c7a}
	49%{ background-color:#4b6f85}
	56%{ background-color:#7c7c7a}
	63%{ background-color:#717772}
	70%{ background-color:#8bd1b6}
	77%{ background-color:#9ec7cc}
	84%{ background-color:#acb8c0}
	91%{ background-color:#9f9180}
	100%{ background-color:#aac8d8}
}



.step{
	position:absolute;
	top:0px;
	-webkit-animation:ease-in;
	-webkit-animation-name: opaci;
	-webkit-animation-duration: 1.5s;
	}


	.modal-header-con{
		width:100%;
		position:relative;
		background: rgba(37,73,104,1);
		background: -moz-linear-gradient(top, rgba(37,73,104,1) 0%, rgba(13,53,88,1) 7%, rgba(13,53,88,1) 92%, rgba(7,29,48,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(37,73,104,1)), color-stop(7%, rgba(13,53,88,1)), color-stop(92%, rgba(13,53,88,1)), color-stop(100%, rgba(7,29,48,1)));
		background: -webkit-linear-gradient(top, rgba(37,73,104,1) 0%, rgba(13,53,88,1) 7%, rgba(13,53,88,1) 92%, rgba(7,29,48,1) 100%);
		background: -o-linear-gradient(top, rgba(37,73,104,1) 0%, rgba(13,53,88,1) 7%, rgba(13,53,88,1) 92%, rgba(7,29,48,1) 100%);
		background: -ms-linear-gradient(top, rgba(37,73,104,1) 0%, rgba(13,53,88,1) 7%, rgba(13,53,88,1) 92%, rgba(7,29,48,1) 100%);
		background: linear-gradient(to bottom, rgba(37,73,104,1) 0%, rgba(13,53,88,1) 7%, rgba(13,53,88,1) 92%, rgba(7,29,48,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254968', endColorstr='#071d30', GradientType=0 );
		padding:10px;
		min-height:55px;
	}
	
	.modal-header-con img{
		position:absolute;
		left:10px;
		height:35px;
	}
	
	.modal-header-con h4{
		text-align:center;
		padding:0px;
		margin:0px;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:400;
		letter-spacing:4px;
	}
	
	.modal-header-con button{
		position:absolute;
		right:10px;
		top:12px;
		border:none;
		background:none;
		outline:none;
		color:#9eaebb;
	}
	
	.modal-header-con button:hover{
		color:#FFFFFF;
	}
	
	
	
	
	.modal-conanim{
		-webkit-animation:linear;
		-webkit-animation-name: modalanim;
		-webkit-animation-duration: 0.5s;
	}
	
	@-webkit-keyframes modalanim{
		0% {
			opacity:0;
			margin-top:-12%;
		}
		
		100%{
			opacity:1;
			margin-top:12%;
		}
	}
	
	.modal-close{
		-webkit-animation:linear;
		-webkit-animation-name: modalclose;
		-webkit-animation-duration: 0.5s;
		opacity:0;
		
	}
	
	@-webkit-keyframes modalclose{
		0% {
			opacity:1;
		}
		
		100%{
			opacity:0;
			margin-top:50%;
			display:none;
		}
	}
	
	
	.modalcon-wrapper{
		position:relative;
		z-index:999;
	}
	
	.modal-container{
		width: 100%;
		background-color: #00325c;
		margin-bottom: 10px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 0px;
		position: absolute;
		overflow:hidden;
		margin-top:12%;
	}
	
	.modal-container p{
		text-align:center;
		padding:15px;
		color:#bec9d5;
		line-height:28px;
	}
	
	.modal-content-area{
		width:100%;
		padding:0px;
		-webkit-animation:linear;
		-webkit-animation-name: modconsss;
		-webkit-animation-duration: 1s;
		height:200px;
	}
	
	@-webkit-keyframes modconsss{
		0% {
			height:0px;
		}
		
		 55% {
			height:0px;
		}
		
		100%{
			height:200px;
		}
	}
	
	
	
	
	
	.pegee-imgcon{
		text-align:center;
		margin-top:12px;
	}

	.pegee-imgcon img{
		height:160px;
		margin-bottom:-24px;
		position:relative;
		z-index:995;
	}

	
	.pegeehead-con{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.pegee-content-con{
		width: 100%;
		background-color: #00325c;
		margin-bottom: 10px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 12px;
		position: relative;
		color:#b4c3d0;
		text-align:justify;
		
	}
	
	.pegee-content-con h6{
		padding:0px;
		margin:0px 0px 20px 0px;
		font-weight:600;
		color:#cfdae2;
	}
	.pegee-content-con .back{
		float: left;
		color:#ffffff;
	}
	/*
	.pegeeleft-anim{
		-webkit-animation:linear;
		-webkit-animation-name: leftanim;
		-webkit-animation-duration: 0.5s;
	}
	
	@-webkit-keyframes leftanim{
		0% {
			left:-50%;
			opacity:0;
		}
		
		100%{
			left:0%;
			opacity:1;
		}
	}
	
	.pegeeright-anim{
		-webkit-animation:linear;
		-webkit-animation-name: rightanim;
		-webkit-animation-duration: 0.5s;
		opacity:1;
	}
	
	@-webkit-keyframes rightanim{
		0% {
			right:0%;
			opacity:1;
		}
		
		50%{
			right:-50%;
			opacity:0;
			display:none;
		}
		
		50%{
			left:-50%;
			opacity:0;
		}
		
		50%{
			left:0%;
			opacity:1;
		}
	}
	
	*/
	
	.card{
		border:none;
		background:transparent;
	}
	
	.pegeehead-con img{
		left:50%;
		margin-left:-17px;
	}
	
	.pegee-wrapper{
		width:100%;
		overflow:hidden;
	}
	
	
	.pegee-anim{
		-webkit-animation:linear;
		-webkit-animation-name: peganim;
		-webkit-animation-duration: 0.20s;
	}
	
	@-webkit-keyframes peganim{
		0% {
			margin-top:-100%;
			opacity:0;
		}
		
		100%{
			margin-top:0%;
			opacity:1;
		}
	}
	
	.no-bg{
		background:none;
		padding:0px;
	}
	
	.analysis-header-con{
		width:100%;
		background-color:#0d3558;
		text-align:center;
		padding-bottom:25px;
		margin-bottom:110px;
	}
	
	.analysis-header-con h2{
		font-weight:700;
		padding:25px 0px 12px 0px;
		margin:0px 0px 0px 0px;
		font-size:32px;
		color:#e3e6eb;
	}
	
	.analysis-header-con h6{
		font-weight:600;
		padding:0px;
		margin:0px;
		font-size:16px;
		color:#cacfd5;
	}
	
	.analysis-header-con .container{
		position:relative;
	}
	
	.analysis-header-con .container img{
		position:absolute;
		left:0px;
		top:0px;
	}
	
	.footer-con{
		width:100%;
		background-color:#0d3558;
		text-align:center;
		color:#a7a9ba;
		padding:25px 0px;
		margin-top:60px;
	}
	
	.analysis-page-con h2{
		font-size:28px;
		padding:0px;
		margin:50px 0px 10px 0px;
		color:#00325c;
		font-weight:700;
	}
	.analysis-page-con p{
		/* font-size:28px;
		padding:0px;
		margin:50px 0px 10px 0px; */
		color:#00325c;
		/* font-weight:700; */
	}
	
	.analysis-page-con {
		text-align:justify;
		position:relative;
		background:url(../img/watermark.jpg) top no-repeat;
		background-position:50% 22%;
	}
	
	.disputer-img{
		width:100%;
		margin-bottom:25px;
		margin-top:12px;
	}
	
	.full-height-repeat{
		position:absolute;
		height:100%;
		left:-45px;
		width:14px;
		background:url(../img/peacegate-repeat.jpg) repeat-y;
	}
	
	/* .dispute-process h4{
		padding:10px 25px;
		margin:0px;
		font-size:24px;
		text-transform:uppercase;
		font-weight:700;
		background-color:#47c7f0;
		color:#FFFFFF;
	}
	
	.dispute-process p{
		background-color:#d7f3fc;
		padding:25px;
		line-height:24px;
		margin:0px;
	}
	
	.dispute-process .row{
		margin-top:30px;
		margin-bottom:30px;
	}
	
	.dispute-process .row:first-child .col-6 p{
		min-height:320px;
	}
	
	.dispute-process {
		position:relative;
	}
	
	.dispute-process  span{
		position:absolute;
		top:270px;
		width:225px;
		height:225px;
		background-color:#00a653;
		z-index:990;
		left:50%;
		margin-left:-112px;
		-moz-border-radius: 50%;
		border-radius: 50%;
		text-align:center;
		text-transform:uppercase;
		border:16px solid #FFFFFF;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
		font-size:26px;
		color:#FFFFFF;
		font-weight:700;
		line-height:30px;
		padding-top:48px;
	}
	
	.nego-col-1 p{
		min-height:435px;
	}
	
	.nego-col-2 p{
		min-height:435px;
		background-color:#e0f1d6;
		text-align: justify;
		  direction:rtl;
	}
	
	.nego-col-2 h4{
		text-align:right;
		background-color:#73c046;
	}
	
	.nego-col-3 p{
		min-height:300px;
		background-color:#dfdfee;
	}
	
	.nego-col-3 h4{
		background-color:#6f6db2;
	}
	
	.nego-col-4 p{
		min-height:300px;
		background-color:#eed2d3;
	}
	
	.nego-col-4 h4{
		background-color:#aa1e24;
		text-align:right;
	}
	
	.nego-col-4 p{
		position:relative;
		
	}
	
	.nego-col-4 font{
		width:100%; 
		text-align:right; 
		float:right
	}
	 */
	 
.dispute-process h4{
	padding:10px 25px;
	margin:0px;
	font-size:24px;
	text-transform:uppercase;
	font-weight:700;
	background-color:#47c7f0;
	color:#FFFFFF;
}

.dispute-process p{
	background-color:#d7f3fc;
	padding:25px;
	line-height:24px;
	margin:0px;
}

.dispute-process .row{
	margin-top:30px;
	margin-bottom:30px;
}

.dispute-process .row:first-child .col-6 p{
	min-height:320px;
}

.dispute-process {
	position:relative;
}

.dispute-process  span{
	position:absolute;
	top:390px;
	width:225px;
	height:225px;
	background-color:#00a653;
	z-index:990;
	left:50%;
	margin-left:-112px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
	text-transform:uppercase;
	border:16px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	font-size:26px;
	color:#FFFFFF;
	font-weight:700;
	line-height:30px;
	padding-top:48px;
}

.nego-col-1 p{
	min-height:435px;
}

.nego-col-2 p{
	min-height:435px;
	background-color:#e0f1d6;
	text-align: justify;
  	direction:rtl;
}

.nego-col-2 h4{
	text-align:right;
	background-color:#73c046;
}

.nego-col-3 p{
	min-height:300px;
	background-color:#dfdfee;
}

.nego-col-3 h4{
	background-color:#6f6db2;
}

.nego-col-4 p{
	min-height:300px;
	background-color:#eed2d3;
}

.nego-col-4 h4{
	background-color:#aa1e24;
	text-align:right;
}

.nego-col-4 p{
	position:relative;
	
}

.nego-col-4 font{
	width:100%; 
	text-align:right; 
	float:right
}
	.login-container{
		width: 100%;
		background-color: #00325c;
		margin-top: 0px;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 20px 20px;
		position: relative;
		color: #b4c3d0;
		text-align: justify;
		
	}
	
	.login-page h3{
		width:100%;
		text-align:center;
		padding:14px 0px;
		margin:0px;
		background-color:#012748;
		color:#a8b9c7;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		font-size:22px;
	}
	
	.login-logo{
		position:relative;
		left:50%;
		margin-left:-78px;
		margin-top:40px;
		margin-bottom:25px;
	}
	
	.login-page input{
		outline:none;
		background:none;
		width:100%;
		border:none;
		border-bottom:1px solid #23537b;
		color:#a8b9c7;
		height:50px;
		margin-bottom:12px;
		font-size:15px;
	}
	
	.login-page input::-webkit-input-placeholder {
		color: #7691a7;
	}
	
	.login-page input::-moz-placeholder { 
		color: #7691a7;
	}
	
	.login-page input:-ms-input-placeholder {
		color: #7691a7;
	}
	
	.login-page input:-moz-placeholder {
		color: #7691a7;
	}
	
	.for-btn{
		width:100%;
		text-align:center;
		padding:0px;
		margin:10px 0px 15px 0px;
		background:none;
		outline:none !important;
		border:none;
		color:#a8b9c7;
		font-weight:600;
	}
	
	.for-btn:hover{
		color:#d6e1ea;
	}


	.logo-wrapper-con{
		text-align:center;
	}
	
	.logo-wrapper-con img{
		width:300px;
		position:relative !important;
		margin-top:12%;	
	}

	.help{
        font-weight: bold;
        cursor: pointer;
		color: #54bdf5 !important; 
	text-decoration: underline;
		}
		.help_noline{
			font-weight: bold;
			color: #54bdf5 !important; 
			}
	
.boottab-page .nav-tabs{
	border-bottom:none;
	margin-bottom:15px;
	background: rgba(0,49,91,1);
	background: -moz-linear-gradient(top, rgba(0,49,91,1) 0%, rgba(13,73,125,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,49,91,1)), color-stop(100%, rgba(13,73,125,1)));
	background: -webkit-linear-gradient(top, rgba(0,49,91,1) 0%, rgba(13,73,125,1) 100%);
	background: -o-linear-gradient(top, rgba(0,49,91,1) 0%, rgba(13,73,125,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,49,91,1) 0%, rgba(13,73,125,1) 100%);
	background: linear-gradient(to bottom, rgba(0,49,91,1) 0%, rgba(13,73,125,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00315b', endColorstr='#0d497d', GradientType=0 );
}

.boottab-page .tab-content{
	text-align:justify;
	color:#a8b9c7
}

.boottab-page .nav-tabs .nav-link{
	border:none;
	color:#a8b9c7;
	font-weight:600;
	font-size:14px;
}

.boottab-page .nav-tabs .nav-item.show .nav-link, .boottab-page .nav-tabs .nav-link.active{
	background:none;
	border-bottom:2px solid #FFFFFF;
}

.boottab-page .nav-tabs .nav-item{
	margin-bottom:0px;
}


.comment-boxcon{
	background-color:#014575;
	padding:25px 20px;
	width:80%;
	position:relative;
	text-align:center;
	margin:20px 10%;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}	

.comment-boxcon i{
	font-size:52px;
	position:absolute;
	top:-32px;
	color:#014575;
}

.comment-boxcon h6{
	font-family: 'Caveat', cursive !important;
	padding:0px;
	margin:0px;
	font-size:18px !important;

}

.comment-anim{
	-webkit-animation:linear;
	-webkit-animation-name: comment;
	-webkit-animation-duration: 5s;
	opacity:0;
}

@-webkit-keyframes comment{
    0% {
		opacity:0;
	}
	
	20% {
		opacity:1;
	}
	
	80% {
		opacity:1;
	}
	
    100%{
		opacity:0;
	}
}

.list-wrapper{
	width:100%;
	background-color:#00325c;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px;
	position:relative;
	/* min-height:115px; */
	padding-left:10px;
	cursor: pointer;
}

.list-wrapper h5{
	text-transform:uppercase;
	padding:0px;
	margin:0px 0px 0px 0px; 
	color:#d3dfe8;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.list-wrapper h6{
	padding:0px;
	margin:6px 0px 0px 0px;
	color:#a8b9c7;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.list-wrapper font{
	padding-right:10px;
	
}


.list-wrapper span
{
	width:90px;
	height:90px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:4px solid #FFFFFF;
	position:absolute;
	left:12px;
	top:12px;
	overflow:hidden;
}

.list-wrapper span img{
	width:90px;
	height:90px;
	object-fit:cover;
}

.list-wrapper a{
	color:#a8b9c7;
}



.chat-item{
	width:100%;
	float:left;
	margin:5px 0px;
}

.chat-item h6{
	padding:0px 0px 0px 25px;
	margin:0px 0px 5px 0px;
	font-size:15px;
	font-weight:normal;
	/* overflow:hidden; */
	position:relative;
}
.chat-item h6 span{
	width:20px;
	height:20px;
	position:absolute;
	left:0px;
	top:-1px;
	-moz-border-radius: 50%; 
	border-radius: 50%;
	overflow:hidden;
}

.chat-item h6 span img{
	width:20px;
	height:20px;
	object-fit:cover;
}
.chat-item h6 font{
	float:right;
	font-size:12px;
	margin-left:15px;
}

.chat-item p{
	padding:0px;
	margin:0px 0px 0px 0px;
	float: left;
    word-break: break-all;
}

.chat-sent{
	background-color:#00325c;
	color:#FFFFFF;
	float:right;
	text-align:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	border-top-right-radius: 0px;
 
}
.chat-sent p{float: left;}

.chat-receve{
	background-color:#d0d7de;
	color:#00325c;
	float:left;
	text-align:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	border-top-left-radius: 0px;
}
.chat-receve p{color:#00325c;float: left;}
.color2{
	background-color:#b6e2e1;
}
 
.color3{
	background-color:#f9ccab;
}

.color4{
	background-color:#b2e2b7;
}

.color5{
	background-color:#f1b5b5;
}

.alert-box{
	width:100%;
	background-color:#e05e50;
	padding:12px 6px;
	-moz-border-radius: 8px;
    border-radius: 8px;
	font-style:italic;
	border:2px solid #e75140;
	font-size:14px;
	color:#0c0100; 
	text-align: center;
}
.alert-box p{
	color:#0c0100;
 }
.propic-bg{
	width:100%;
	/* background-color:#e9edf0; */
	float:left;
	padding:20px 0px;
}

.propic-bg span{
	width:140px;
	height:140px;
	background-color:#ffffff;
	float:left;
	-moz-border-radius: 50%;
	border-radius: 50%;
	position:relative;
	left:50%;
	margin-left:-70px;
	overflow:hidden;
}

.propic-bg span img{
	width:100%;
	height:150px;
	object-fit:cover;
}

.switch { 
	position : relative ;
	display : inline-block;
	width : 40px;
	height : 20px;
	background-color: rgb(151, 148, 148);
	border-radius: 20px;
  }

  .switch::after {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: white;
	 top: 1px; /*// TO GIVE AN EFFECT OF CIRCLE INSIDE SWITCH. */
	left: 1px;
	transition: all 0.3s;
  }
  .check-btn-toggle:checked + .switch::after {
	left : 20px; 
  }
  .check-btn-toggle:checked + .switch {
	background-color: #4ddfa2;
  }
  .check-btn-toggle { 
	display : none;
 }

 .thankyou-page-con{
	width:96%;
	margin-left:2%;
	margin-right:2%;
	}
	
	.thankyou-page-con h2{
	text-transform:uppercase;
	padding:0px;
	margin:20px 0px 0px 0px;
	color:#11375a;
	font-weight:bold;
	font-size:50px;
	}
	
	.thankyou-page-con h4{
	text-transform:uppercase;
	padding:0px;
	margin:0px 0px 30px 0px;
	color:#11375a;
	font-weight:bold;
	font-size:24px;
	letter-spacing:3.2px;
	}
	
	.thankyou-page-con p{
	line-height:24px;
	}
	
	.thankyou-page-con img{
	width:150px;
	margin-top:115px;
	}
	
	.thankyou-bg{
	background:url(../../assets/imgs/thankyou-bg.jpg) bottom repeat-x;
	height:100vh;
	}

	.headingcontain h5{
		/* text-transform:uppercase; */
		padding:10px 0px;
		margin:0px;
		background-color:#00315b;
		text-align:center;
		color:#FFFFFF;
		font-weight:600;
		font-size:15px;
		margin-bottom:6px;
		width: 100%; 
		/* -moz-border-radius: 25px;
		border-radius: 25px; */
	}
	
	.headbutton-con{
		position:fixed;
		top:0px;
		padding-left:0px;
		padding-right:0px;
		z-index:999;
	}
	
	.headbutton-con button{
		outline:none;
		border:none;
		background:transparent;
		color:#FFFFFF;
		font-size:18px;
		margin-top:10px;
		margin-left:5px;
	}
	
	.headbutton-con button:last-child{
		float:right;
		margin-right:5px;
	}	

	
.accordian-style .panel-heading{
	position:relative;
}

.accordian-style .panel-heading h4{
	font-size:18px;
	padding-left:35%
}

.accordian-style .panel-heading input{
	position:absolute;
	left:15px;
	top:15px;
	width:15px;
	height:15px;
	z-index:999;
}

.accordian-style .panel-heading button{
	position:absolute;
	right:14px;
	top:8px;
	text-transform:uppercase;
	padding:5px 12px;
	margin:0px;
	font-size:13px;
	font-weight:bold;
	border:none;
	color:#00315b;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom:3px solid #7695b2;
	background: rgba(145,176,203,1);
	background: -moz-linear-gradient(top, rgba(145,176,203,1) 0%, rgba(170,199,227,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145,176,203,1)), color-stop(100%, rgba(170,199,227,1)));
	background: -webkit-linear-gradient(top, rgba(145,176,203,1) 0%, rgba(170,199,227,1) 100%);
	background: -o-linear-gradient(top, rgba(145,176,203,1) 0%, rgba(170,199,227,1) 100%);
	background: -ms-linear-gradient(top, rgba(145,176,203,1) 0%, rgba(170,199,227,1) 100%);
	background: linear-gradient(to bottom, rgba(145,176,203,1) 0%, rgba(170,199,227,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91b0cb', endColorstr='#aac7e3', GradientType=0 );
	z-index:990;
	outline:none;
}

.accordian-style .panel-heading button i{
	margin-right:5px;
}

.accordian-style .panel-body input[type=checkbox]{
	margin-top:5px;
	margin-right:10px;
}


.pledge-mediate-con{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    position: relative;
	float:left;
	color:#d3dfe8;
	font-size:15px !important;
}

.pledge-mediate-con .row .col-md-2,
.pledge-mediate-con .row .col-md-10,
.pledge-mediate-con .row .col-md-4,
.pledge-mediate-con .row .col-md-8{
	border-bottom:1px solid #5c7c96;
	margin-bottom:-1px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	min-height:20px;
}

.pledge-mediate-con h3{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
	font-weight:bold;
}

.pledge-mediate-con h4{
	width:100%;
	text-align:center;
	padding:0px;
	margin:40px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:bold;
}

.pledge-mediate-con h5{
	width:100%;
	text-align:center;
	padding:0px;
	margin:10px 0px 30px 0px;
	font-size:16px;
	font-weight:600;
}

.pledge-mediate-con h6{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px 0px 20px 0px;
	font-size:15px;
	font-style:italic;
}

.certification-wrapper-con{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    position: relative;
	float:left;
	color:#d3dfe8;
	font-size:15px !important;
}

.certification-border{
	width:100%;
	float:left;
	border: 10px double #FFFFFF;
	padding:50px;
}

.certification-border .bordertop:before{
	content:'';
	left:14px;
	top:14px;
	background:url(../img/border-corner.jpg);
	width:22px;
	height:22px;
	position:absolute;
}

.certification-border .bordertop:after{
	content:'';
	right:14px;
	top:14px;
	background:url(../img/border-corner.jpg);
	width:22px;
	height:22px;
	position:absolute;
	transform: rotate(90deg);
}

.certification-border .borderbottom:before{
	content:'';
	left:14px;
	bottom:14px;
	background:url(../img/border-corner.jpg);
	width:22px;
	height:22px;
	position:absolute;
	transform: rotate(270deg);
}

.certification-border .borderbottom:after{
	content:'';
	right:14px;
	bottom:14px;
	background:url(../img/border-corner.jpg);
	width:22px;
	height:22px;
	position:absolute;
	transform: rotate(180deg);
}

.time-bank-logo{
	width:245px;
	height:245px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:2px solid #FFFFFF;
	position:relative;
	left:50%;
	margin-left:-122px;
}	

.time-bank-logo font{
	overflow:hidden;
	margin-top:5px;
	margin-left:5px;
	float:left;
}

.time-bank-logo font img{
	width:231px;
	height:231px;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.certification-border h2{
	padding:0px;
	margin:20px 0px 20px 0px;
	text-transform:uppercase;
	width:100%;
	text-align:center;
	font-size:32px;
}

.certification-border p{
	text-align:center;
	font-style:italic;
	font-size:15px;
	margin-bottom:40px;
}

.certification-border  h5{
	width:80%;
	text-align:center;
	padding:0px 0px 10px 0px;
	margin:0px 0px 40px 10%;
	border-bottom:1px dashed #61829d;
}

.certification-border  h6{
	width:100%;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:12px 0px 0px 0px;
	
}

.certification-border  h6 font{
	border-bottom:1px dashed #61829d;
	width:100%;
	float:left;
	padding-bottom:5px;
}

.share-container-wrap{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    position: relative;
	float:left;
	color:#d3dfe8;
	font-size:15px !important;
	text-align:center;
}

.share-container-wrap h3{
	font-size:24px;
	padding:0px;
	margin:45px 0px 8px 0px;
	font-weight:600;
}

.share-container-wrap h3:first-child{
	margin-top:25px;
}

.share-container-wrap textarea{
	width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #5c7c97;
    outline: none;
    color: #FFFFFF;
    margin-bottom: 15px;
    min-height: 100px;
}
.share-container-wrap input{
	width: 100%;
    background: none;
    border: none;
    border-bottom: 1px solid #5c7c97;
    outline: none;
    color: #FFFFFF;
    margin-bottom: 15px;
    min-height: 50px;
}

.feedback-list{
	text-align:left;
	border-bottom:1px dashed #5c7c96;
	padding-bottom:20px;
	margin-top:20px;
}

.feedback-list:last-child{
	border-bottom:none;
}


.feedback-list p{
	font-style:italic;
	padding:0px;
	margin:0px;
	line-height:24px;
}

.feedback-list h5{
	font-weight:600;
	padding:0px;
	margin:0px;
	font-size:20px;
}

.feedback-list h6{
	padding:0px;
	margin:8px 0px;
	font-size:15px;
}

.share-container-wrap textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5c7c96
}
.share-container-wrap textarea::-moz-placeholder { /* Firefox 19+ */
  color: #5c7c96
}
.share-container-wrap textarea:-ms-input-placeholder { /* IE 10+ */
  color: #5c7c96
}
.share-container-wrap textarea:-moz-placeholder { /* Firefox 18- */
  color: #5c7c96
}


.profile_pic_con{
	width:120px;
	height:120px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	position:relative;
	left:50%;
	margin-left:-60px;
	margin-top:20px;
	margin-bottom:25px;
}

.profile_pic_con img{
	width:100%;
	height:120px;
	object-fit:cover;
}

.profilepic-con button{
	width:180px;
	padding:0px;
	margin:20px 0px;
	text-transform:uppercase;
	border:none;
	background:none;
	font-weight:bold;
	outline:none;
}


.profilepic-con button span{
	width:100%;
	height:180px;
	background:url(../img/profile_logo.jpg) center center no-repeat #e5e9f2;
	float:left;
	overflow:hidden;
}

.profilepic-con button span img{
	width:100%;
	height:180px;
	object-fit:cover;
}

.profilepic-con button h6{
	background-color:#abb0b4; 
	color:#404142;
	font-weight:bold;
	font-size:14px;
	padding:10px 0px;
	width:100%;
	float:left;
}

/* -------For Slot Booking--------------------- */
.op-section h4{
	padding:0px 0px 0px 5px;
	margin:0px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	width:100%;
	float:left;
}

.op-evg{
	margin-top:20px !important;
}

.op-section a{
	text-decoration:none;
	font-size:14px;
	text-transform:uppercase;
	color:#655d5f;
	font-weight:600;
	border:1px solid #aec4cc;
	float:left;
	padding:5px 0%;
	margin:0px 0.5%;
	width:9%;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	margin-bottom:10px;
}

.op-section a:hover{
	color:#1aa89e;
	border:1px solid #1aa89e;
}

.op-section a:focus, .op-active{
	color:#fff !important;
	border:1px solid #1aa89e !important;
	background-color:#1aa89e;
}

.op-booked{
	color:#375159 !important;
	border:1px solid #aec4cc !important;
	background-color:#aec4cc;
}
.op-confirmed{
	color:#375159 !important;
	border:1px solid #90e901 !important;
	background-color:#90e901;
}
.op-elapsed{
	color:#383333 !important;
	border:1px solid #dd4048 !important;
	background-color:#dd4048;
}

.op-online{
	color:#375159 !important;
	border:1px solid #5fd1ee !important;
	background-color:#5fd1ee ;
}
.op-reserved{
	color:#375159 !important;
	border:1px solid #f0a542 !important;
	background-color:#f0a542;
}
h5{
	color:white;
}
/* -------End Slot Booking--------------------- */

.coming-soon-bg{
	background:url(../img/star-bg.jpg) top no-repeat #001135;
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	-moz-border-radius: 15px;
	border-radius: 10px;
	padding-top:0px;
	margin-bottom:15px;
}

.moon-image{
	position:absolute;
	right:0px;
	top:0px;
}

.background-btm-con{
	width:100%;
	background: rgba(238,247,253,1);
	background: -moz-linear-gradient(top, rgba(238,247,253,1) 0%, rgba(163,212,247,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,247,253,1)), color-stop(100%, rgba(163,212,247,1)));
	background: -webkit-linear-gradient(top, rgba(238,247,253,1) 0%, rgba(163,212,247,1) 100%);
	background: -o-linear-gradient(top, rgba(238,247,253,1) 0%, rgba(163,212,247,1) 100%);
	background: -ms-linear-gradient(top, rgba(238,247,253,1) 0%, rgba(163,212,247,1) 100%);
	background: linear-gradient(to bottom, rgba(238,247,253,1) 0%, rgba(163,212,247,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef7fd', endColorstr='#a3d4f7', GradientType=0 );
	position:relative;
	bottom:0px;
	padding-bottom:30px;
	text-align:center
}

.background-btm-con span{
	width:100%;
	height:99px;
	background:url(../img/background-bg.png) top repeat-x;
	position:relative;
	float:left;
	margin-top:-98px;
	margin-bottom:15px;
}

.background-btm-con p{
	padding:0px;
	margin:10px 0px 0px 0px;
	color:#001135;
	font-weight:700;
	font-size:16px;
}

.background-btm-con p:first-child{
	margin-top:55px;
}

.comingsoon-text{
	margin-bottom:180px;
	width:400px;
	margin-top:80px;
}

.background-btm-con span img{
	position:absolute;
	top:-60px;
	margin-left:-120px;
	-webkit-animation:infinite;
	-webkit-animation-name: modconsss;
	-webkit-animation-duration: 3s;
	animation-timing-function: ease-out;
}


.application-rating{
	padding-top:45px;
	padding-bottom:45px;
}

.application-rating h5{
	padding:0px;
	margin:0px 0px 40px 0px;
	text-align:center;
	color:#d3dfe8;
	font-weight: 600;
}

.application-rating .col{
	color:#a8b9c7;
}

.application-rating font{
	width:100%;
	text-align:center;
	position:relative;
	float:left;
}

.application-rating font i{
	font-size:24px;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-13px;
	    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.application-rating h6{
	padding:0px;
	margin:5px 0px 0px 0px;
	text-align:center;
	width:100%;
	float:left;
	font-size:12px;
}

.application-rating{
	text-align:center;
}

.application-rating a{
	text-decoration:none;
}

.application-rating a:hover font i{
	font-size:32px;
	bottom:0px;
	left:50%;
	margin-left:-17px;
}

.application-rating a:nth-child(1):hover i{
	color:#74d702;
}

.application-rating a:nth-child(2):hover i{
	color:#efdc03;
}

.application-rating a:nth-child(3):hover i{
	color:#fba416;
}

.application-rating a:nth-child(4):hover i{
	color:#ff5f2f;
}

.application-rating a:nth-child(5):hover i{
	color:#de332b;
}

.application-rating a:nth-child(1) .rating-selected{
	color:#74d702;
	font-size:32px;
	bottom:0px;
	left:50%;
	margin-left:-17px;
}

.application-rating a:nth-child(2) .rating-selected{
	color:#efdc03;
	font-size:32px;
	bottom:0px;
	left:50%;
	margin-left:-17px;
}

.application-rating a:nth-child(3) .rating-selected{
	color:#fba416;
	font-size:32px;
	bottom:0px;
	left:50%;
	margin-left:-17px;
}

.application-rating a:nth-child(4) .rating-selected{
	color:#ff5f2f;
	font-size:32px;
	bottom:0px;
	left:50%;
	margin-left:-17px;
}
.application-rating a:nth-child(5) .rating-selected{
	color:#de332b;
	font-size:32px;
	bottom:0px;
	left:50%;
	margin-left:-17px;
}


@-webkit-keyframes modconsss{
    0% {
		top:-60px;
	}
	
	 50% {
		top:-70px;
	}
	
    100%{
		top:-60px;
	}
}


.birthday-bg {
    background: url(../img/birthday-bg.jpg) top repeat-x #001135;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    -moz-border-radius: 15px;
    border-radius: 10px;
    padding-top: 0px;
    margin-bottom: 15px;
	margin-top:4px;
	padding-bottom:180px;

}

.birthday-bg p{
	color:#e6d9bf;
	font-family: 'Caveat', ;
	font-size:16px;
	line-height:22px;
	padding-left:15px;
	padding-right:15px;
}

.birthday-bg h6{
	color:#fc83a3;
	font-family: 'Caveat', cursive;
	font-size:28px;
	line-height:22px;
	padding:0px;
	margin:15px 0px 12px 0px;
	font-weight:700;
}

.birthda-btm-div{
	width:100%;
	position:absolute;
	bottom:0px;
	min-height:180px;
}

.birthda-btm-div img:nth-child(2){
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:992;
	height:200px;
}

.birthda-btm-div img:nth-child(1){
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:990;
	height:100px;
}

.birthday-img{
	width:200px;
	margin-top:25px;
}

.green-baloon{
	position:absolute;
	top:100%;
	margin-top:-80px;
	left:40px;
	opacity:0.85;
	width:45px;
	z-index:998;
	-webkit-animation:infinite;
	-webkit-animation-name: greenbaloon;
	-webkit-animation-duration: 6s;
	animation-timing-function: ease-out;
}

@-webkit-keyframes greenbaloon{
    0% {
		top:100%;
	}
	
	 40% {
		left:20px;
		transform: rotate(-40deg);
	}
	
    100%{
		top:0px;
	}
}

.red-baloon{
	position:absolute;
	top:100%;
	margin-top:-80px;
	left:60px;
	opacity:0.85;
	width:45px;
	z-index:998;
	-webkit-animation:infinite;
	-webkit-animation-name: redbaloon;
	-webkit-animation-duration: 8s;
	animation-timing-function: ease-out;
}

@-webkit-keyframes redbaloon{
    0% {
		top:100%;
	}
	
	 60% {
		left:-20px;
		transform: rotate(40deg);
	}
	
    100%{
		top:0px;
		left:60px;
	}
}

/*style added by sabitha-April-02-2020*/
.timeslots-con li{
	list-style:none;
	float:left;
	text-transform:uppercase;
	font-weight:600;
	border:1px solid #33597a;
	width:85px;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	font-size:14px;
	min-height:44px;
	padding-top:10px;
}

.timeslots-con li div{
	width:50%;
	float:left;
	text-align:center;
	line-height:16px;
}

.timeslots-con li div font{
	width:100%;
	float:left;
}

.slot-btns button{
	background:none;
	font-size:14px;
	width:100%;
	border:none;
	color:#c4d0d1;
	font-weight:600;
	background-color:#335879;
	-moz-border-radius: 5px;
    border-radius: 5px;
	padding:10px 0px 10px 18px;
	outline:none !important;
	margin-bottom:15px;
	position:relative;
	height: 50px;
}

.slot-btns button:hover{
	background-color:#2c4e6e;
}

.slot-btns .col-md-3:nth-child(1){
	padding-right:3px;
}

.slot-btns .col-md-3:nth-child(2){
	padding-left:3px;
}

.slot-btns .active{
	background-color:#c4d0d1 !important;
	color:#00315b !important;
}

.slot-btns .active div{
	border:2px solid #00315b;
	display:block;
	visibility:visible;
}

.slot-btns button div{
	position:absolute;
	left:8px;
	top:8px;
	width:25px;
	height:25px;
	border:2px solid #c4d0d1;
	-moz-border-radius: 5px;
    border-radius: 5px;
	display:none;
	visibility:hidden;
	padding-top:0px;
	
}

.slot-btns button div i{
	font-size:12px;
	top:0px;
	position:relative;
}

.slot-active{
	background-color:#33597a;
	border:1px solid #33597a !important;
}

.slot-active-right{
	background: rgba(51,88,121,0);
	background: -moz-linear-gradient(left, rgba(51,88,121,0) 0%, rgba(51,88,121,0.17) 50%, rgba(51,88,121,1) 50%, rgba(51,88,121,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,88,121,0)), color-stop(50%, rgba(51,88,121,0.17)), color-stop(50%, rgba(51,88,121,1)), color-stop(100%, rgba(51,88,121,1)));
	background: -webkit-linear-gradient(left, rgba(51,88,121,0) 0%, rgba(51,88,121,0.17) 50%, rgba(51,88,121,1) 50%, rgba(51,88,121,1) 100%);
	background: -o-linear-gradient(left, rgba(51,88,121,0) 0%, rgba(51,88,121,0.17) 50%, rgba(51,88,121,1) 50%, rgba(51,88,121,1) 100%);
	background: -ms-linear-gradient(left, rgba(51,88,121,0) 0%, rgba(51,88,121,0.17) 50%, rgba(51,88,121,1) 50%, rgba(51,88,121,1) 100%);
	background: linear-gradient(to right, rgba(51,88,121,0) 0%, rgba(51,88,121,0.17) 50%, rgba(51,88,121,1) 50%, rgba(51,88,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335879', endColorstr='#335879', GradientType=1 );
	border:1px solid #33597a !important;
	padding-top:5px !important;
}

.slot-active-left{
	background: rgba(51,88,121,1);
	background: -moz-linear-gradient(left, rgba(51,88,121,1) 0%, rgba(51,88,121,1) 50%, rgba(51,88,121,0) 50%, rgba(51,88,121,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(51,88,121,1)), color-stop(50%, rgba(51,88,121,1)), color-stop(50%, rgba(51,88,121,0)), color-stop(100%, rgba(51,88,121,0)));
	background: -webkit-linear-gradient(left, rgba(51,88,121,1) 0%, rgba(51,88,121,1) 50%, rgba(51,88,121,0) 50%, rgba(51,88,121,0) 100%);
	background: -o-linear-gradient(left, rgba(51,88,121,1) 0%, rgba(51,88,121,1) 50%, rgba(51,88,121,0) 50%, rgba(51,88,121,0) 100%);
	background: -ms-linear-gradient(left, rgba(51,88,121,1) 0%, rgba(51,88,121,1) 50%, rgba(51,88,121,0) 50%, rgba(51,88,121,0) 100%);
	background: linear-gradient(to right, rgba(51,88,121,1) 0%, rgba(51,88,121,1) 50%, rgba(51,88,121,0) 50%, rgba(51,88,121,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#335879', endColorstr='#335879', GradientType=1 );
	border:1px solid #33597a !important;
	padding-top:5px !important;
}
/*style added by sabitha-April-02-2020*/


/*style added by sabitha-July-27-2020*/
.video-wrap{
	margin-top:45px;
	margin-bottom:45px;
}

.big-video-con{
	width:100%;
	min-height:440px;
	background-color:#333333;
	position:relative;
	overflow:hidden;
}

.big-video-con .btns-wrapper{
	width:100%;
	position:absolute;
	bottom:-45px;
	width:90%;
	margin-left:5%;
	background-color:rgba(0,138,210,0.8);
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}	

.big-video-con:hover .btns-wrapper{
	bottom:20px;
}

.video-right-items .col-lg-4 button{
	width:100%;
	height:130px;
	background:url(../img/pro-icon.jpg) no-repeat center #00315b;
	border:none;
	outline:none;
	padding:0px;
	margin:0px 0px 30px 0px;
	float:left;
	cursor:pointer;
	overflow:hidden;
}

.video-right-items .col-lg-4 button img{
	width:100%;
	height:130px;
	object-fit:cover;
}

.video-right-items{
	height:440px;
	overflow-y:scroll;
}

.video-right-items::-webkit-scrollbar {
    width: 5px;
	
}
 
.video-right-items::-webkit-scrollbar-track {
    border-radius: 0px;
	background-color:#fff;
}
 
.video-right-items::-webkit-scrollbar-thumb {
    border-radius: 0px;
	background-color: rgba(4, 138, 210, 0.7);
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.video-right-items::-webkit-scrollbar-thumb:hover{
	background-color: rgba(4, 138, 210, 1);
}


.btns-wrapper{
	width:100%;
	background-color:#00315b;
	float:left;
	text-align:center;
	margin-top:30px;
	height:45px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	overflow:hidden;
}

.btns-wrapper button{
	width:100%;
	text-align:center;
	height:45px;
	border:none;
	outline:none;
	background:none;
	color:#FFFFFF;
	font-size:22px;
	cursor:pointer;
}

.sidebar-con{
	width:300px;
	background-color:rgba(255,255,255,0.9);
	height:100vh;
	position:fixed;
	top:0px;
	right:0px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	margin-right:-300px;
	    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
	z-index:1301;
}

.sidebar-con .chat-header-con{
	width:100%;
	height:45px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:995;
	background: rgba(158,94,226,1);
	background: -moz-linear-gradient(left, rgba(158,94,226,1) 0%, rgba(207,93,171,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(158,94,226,1)), color-stop(100%, rgba(207,93,171,1)));
	background: -webkit-linear-gradient(left, rgba(158,94,226,1) 0%, rgba(207,93,171,1) 100%);
	background: -o-linear-gradient(left, rgba(158,94,226,1) 0%, rgba(207,93,171,1) 100%);
	background: -ms-linear-gradient(left, rgba(158,94,226,1) 0%, rgba(207,93,171,1) 100%);
	background: linear-gradient(to right, rgba(158,94,226,1) 0%, rgba(207,93,171,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e5ee2', endColorstr='#cf5dab', GradientType=1 );
	position:relative;
}

.sidebar-con .chat-header-con font{
	width:35px;
	height:35px;
	overflow:hidden;
	margin:5px 0px 0px 6px;
	float:left;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.sidebar-con .chat-header-con font img{
	width:35px;
	height:35px;
	object-fit:cover;
}

.sidebar-con .chat-header-con h6{
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	font-size:15px;
	position:absolute;
	top:12px;
	left:50px;
}

.sidebar-con .chat-header-con .closebtns{
	position:absolute;
	top:10px;
	right:10px;
	padding:0px;
	margin:0px;
	background:none;
	border:none;
	cursor:pointer !important;
	z-index:999;
	color:#FFFFFF;
}

.sidebar-con .chat-header-con .closebtns:hover,
.sidebar-con .chat-header-con .closebtns:focus{
	outline:none !important;
}

.show-chat .sidebar-con{
	margin-right:0px;
}

body{
-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.show-chat {
	padding-right:300px;
	
}

.chat-field{
	position:absolute;
	bottom:0px;
	width:100%;
	height:70px;
}

.sidebar-con .chat-field textarea{
	width:100%;
	height:70px;
	outline:none;
	padding:10px 35px 10px 10px;
	border:none;
	margin:0px;
	font-size:15px;
	-webkit-box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.2);
box-shadow: 0px -3px 4px 0px rgba(0,0,0,0.2);
}

.sidebar-con .chat-field button{
	position:absolute;
	right:10px;
	top:6px;
	padding:0px;
	margin:0px;
	border:none;
	outline:none;
	cursor:pointer;
	font-size:42px;
	background:none;
	color:#048ad2;
}

.sidebar-con .content-con{
	width:100%;
	overflow:scroll;
	height:100%;
	padding:40px 10px 70px 10px;
	font-size:14px;
	line-height:18px;
}

.chatbutton-icon{
	position:fixed;
	right:40px;
	bottom:40px;
	border:none;
	outline:none;
	background-color:#044294;
	color:#FFFFFF;
	width:55px;
	height:55px;
	padding:5px 0px 0px 0px;
	cursor:pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	outline:none !important;
}

.chatbutton-icon i{
	font-size:24px;
}

.display-chat{
	padding-right:300px !important;
}

.display-chat .chatbutton-icon{
	display:none;
	visibility:hidden;
}

.display-chat .sidebar-con{
	margin-right:0px;
}

.sidebar-con .content-con::-webkit-scrollbar {
    width: 5px;
	
}
 
.sidebar-con .content-con::-webkit-scrollbar-track {
    border-radius: 0px;
	background-color:#fff;
}
 
.sidebar-con .content-con::-webkit-scrollbar-thumb {
    border-radius: 0px;
	background-color: rgba(4, 138, 210, 0.7);
	-webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.sidebar-con .content-con::-webkit-scrollbar-thumb:hover{
	background-color: rgba(4, 138, 210, 1);
}

.sidebar-con .chatitem-right font{
	border-top-right-radius: 0px ;
}

.sidebar-con .chatitem-left font{
	border-top-left-radius: 0px ;
}

.sidebar-con .chatitem-left span{
	padding-top:0px;
}

.sidebar-con .chatitem-left font{
	background-color:rgba(0,49,91,0.15);
}

.greenchat span{
	background-color:#31b24a;
}

.greenchat font{
	background-color:rgba(49,178,74,0.2) !important;
}

.bluechat span{
	background-color:#2695d2;
}

.bluechat font{
	background-color:rgba(38,149,210,0.2) !important;
}

.orangechat span{
	background-color:#f26122;
}

.orangechat font{
	background-color:rgba(242,97,34,0.2) !important;
}

.small-video{
	width:100px;
	height:100px;
	background: url(../img/pro-icon.jpg) no-repeat center #00315b;
	position:absolute;
	top:10px;
	right:10px;
	overflow:hidden;
}

.small-video img{
	width:100px;
	height:100px;
	object-fit:cover;
}	

.chatitem-right{
	width:100%;
	float:left;
	position:relative;
	margin:4px 0px;
}

.chatitem-right font{
	background-color:#048ad2;
	padding:4px 6px;
	float:right;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#FFFFFF;
}

.chatitem-left{
	width:100%;
	float:left;
	position:relative;
	padding-left:32px;
	margin:3px 0px;
}

.chatitem-left span{
	position:absolute;
	left:0px;
	top:0px;
	height:26px;
	width:26px;
	background-color:#00315b;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	text-align:center;
	color:#FFFFFF;
	font-weight:700;
	line-height:26px;
}

.chatitem-left font{
	background-color:#f1e9f9;
	padding:4px 6px;
	float:left;
	-moz-border-radius: 10px;
	border-radius: 10px;
	white-space: normal;
	word-break: break-all;
}




/*style added by sabitha-July-27-2020*/
@media screen and (max-width: 1024px) {
	.logo-wrapper-con img{
		margin-top:20%;
	}
}

@media screen and (max-width: 980px) {
	.peace-logo{
		margin-top:4%;
		margin-bottom:3%;	
	}
	
	body{
		padding-bottom:100px;
	}

	.analysis-page-con h2{
		text-align:left;
	}
	
	.dispute-process .row{
		margin-bottom:0px;
		margin-top:0px;
	}
	
	.dispute-process span{
		width:100%;
		position:relative;
		border:none;
		-moz-border-radius: 0%;
    	border-radius: 0%;
		left:0px;
		float:left;
		margin-left:0px;
		top:0px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
		height:auto;
		padding:40px 0px;
		margin-top:30px;
	}
	
	.dispute-process span br,
	.dispute-process br{
		display:none;
		visibility:hidden;
	}
	
	.nego-col-1 p,
	.nego-col-2 p,
	.nego-col-3 p,
	.nego-col-4 p{
		min-height:inherit;
	}
	
	.nego-col-1 h4,
	.nego-col-2 h4,
	.nego-col-3 h4,
	.nego-col-4 h4{
		text-align:center;
	}
	
	.nego-col-2 p{
		direction: ltr;
	}
	
	.nego-col-4 font{
		width:auto;
	}
	
	.analysis-header-con .container img{
		position:relative;
	}
	
	.analysis-header-con{
		margin-bottom:60px;
	}
	
	.logo-wrapper-con img{
		margin-top:6%;
	}
}

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

}

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

}

@media screen and (max-width: 480px) {
	.logo-wrapper-con img{
		margin-top:50%;
		width:250px;
	}
	.moon-image{
		width:80px;
	}
	
	.comingsoon-text{
		width:280px;
	}
	
	.background-btm-con p{
		font-size:14px;
		padding-left:15px;
		padding-right:15px;
	}
	
	.comingsoon-text{
		margin-bottom:160px;
	}
}

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

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


/* RoomBooking New design by clinse on 31st jan 2020 */

.booking-container h6{
	text-transform:uppercase;
	font-weight:600;
	font-size:16px;
}

.booking-container{
	padding-top:24vh;
	padding-bottom:22vh;
}

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

	.comment-boxcon{
		width:100%;
		margin-left:0%;
		margin-right:0%;
	}
	
	.booking-container{
		padding-top:14vh;
		padding-bottom:12vh;
	}
}

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

	.logo-wrapper-con img{
		margin-top:50%;
		width:250px;
	}
	
	.peace-logo{
		margin:4% 12%;
		width:76%;	
		left:0%;
	}
	
	.certification-border{
		padding:10px;
	}
	
	.nego-col-4 font{
		float:none;
		clear:both;
		text-align:left;
	}
	
	.avail-options li{
		width:100%;
	}
	
	.images-wrapper .col-md-3 img{
		margin-bottom:15px;
	}
	
	.services-row .col-6:nth-child(odd){
		padding-right:8px;
	}
	
	.services-row .col-6:nth-child(even){
		padding-left:8px;
	}
	
	.timeslots-con li{
		width:31.33%;
		margin-right:1px;
		margin-left:1%;
	}
	
	
	.booking-container{
		padding-top:14vh;
		padding-bottom:12vh;
	}
	.moon-image{
		width:80px;
	}
	
	.comingsoon-text{
		width:280px;
	}
	
	.background-btm-con p{
		font-size:14px;
		padding-left:15px;
		padding-right:15px;
	}
	
	.comingsoon-text{
		margin-bottom:160px;
	}
}

.seritem{
	width:100%;
	float:left;
	text-align:center;
	background:none;
	border: 2px solid #33597a;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px 0px;
	outline:none !important;
}
.seritem-active{
	width:100%;
	float:left;
	text-align:center;
	background-color:#33597a;
	border: 2px solid #d8e4ef;
	margin-bottom:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:12px 0px;
	outline:none !important;
	position:relative;
}
.seritem:hover{
	border:2px solid #d8e4ef;
}
.seritem-active font{
	position:absolute; 
	right:-2px;
	top:-2px;
	padding:0px;
	margin:0px;
	border: 2px solid #d8e4ef;
	width:28px;
	height:28px;
	text-align:center;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:#d8e4ef;
}

.seritem:hover font{
	border:2px solid #d8e4ef;
	color:#d8e4ef;
}
.seritem h6{
	font-size:14px;
	padding:0px;
	margin:10px 0px 0px 0px;
	font-weight:600;
	color: #c4d0d9;
}
.seritem-active h6{
	font-size:14px;
	padding:0px;
	margin:10px 0px 0px 0px;
	font-weight:600;
	color: #c4d0d9;
}


.form-wrapper{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px;
    position: relative;
}
.form-wrapper-for-radio{
	width: 100%;
    background-color: #00325c;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px;
    position: relative;
}
.form-wrapper-for-radio input[type=text]{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper input{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper select{
	width:100%;
	background:none;
	border:none;
	border-bottom:1px solid #5c7c97;
	outline:none;
	color:#FFFFFF;
	margin-bottom:15px;
	min-height:38px;
}

.form-wrapper label{
	padding:0px;
	margin:0px;
	color:#c4d0d9;
	font-weight:400;
}


.tabbed-item{
	width:100%;
	margin:15px 0px;
	float:left;
	padding:0px 0px;
}

.tabbed-item span img{
	position:relative;
	width:100%;
	height:215px;
	object-fit:cover;
	 -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.tabbed-item:hover span img{
	 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity:0.7;
}

.tabbed-item span{
	position:relative;
	width:100%;
	height:215px;
	float:left;
	overflow:hidden;
	background-color:#000;
}

.tabbed-item span font{
	background-color: rgba(245, 199, 35, 0.92);
	position:absolute;
	left:0px;
	z-index:990;
	bottom:0px;
	font-size:15px;
	padding:6px 30px;
	font-weight:900;
	color:#2a2100;
	text-transform:uppercase;
}

.tabbed-item h5{
	width:100%;
	text-align:center;
	padding:0px;
	margin:0px;
	color:#dbdee8;
	background-color:#002442;
	font-size:16px;
	padding:17px 20px 10px 20px;
	line-height:22px;
	min-height:80px;
	float:left;
	    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.tabbed-item:hover h5{
	background-color:#001d35;
	color:#f5c723;
}

.tabbed-item span div{
	width:100%;
	position:absolute;
	top:0px;
	z-index:990;
	text-align:center;
	height:215px;
	background-color:rgba(0,0,0,0.8);
	color:#CCCCCC;
	font-size:28px;
	padding-top:80px;
}


.images-wrapper .col-md-3 img{
	height:80px;
	object-fit:cover;
}

.images-wrapper .col-md-12 img{
	height:260px;
	object-fit:cover;
	width:100%;
	margin-bottom:20px;
}
.images-wrapper .col-md-3 img{
	margin-bottom:15px;
}

.booking-page-wrap{
	padding:30px;
	color: #c4d0d9;
}

.booking-page-wrap h4{
	padding:0px;
	margin:0px 0px 15px 0px;
	font-weight:600;
	font-size:22px;
	color:#fff;
	width:100%;
	float:left;
}

.booking-page-wrap .col-lg-4 p{
	/* text-align:justify; */
	text-align:left;  
}
.booking-page-wrap .col-lg-8{
	padding-left:45px;
}

.booking-page-wrap .col-lg-4 hr{
	padding:0px;
	margin:20px 0px;
	background-color:#335879;
	width:100%;
	float:left;
}

.booking-page-wrap .col-lg-4 h6{
	padding:0px;
	margin:10px 0px 0px 0px;
	font-weight:600;
	font-size:15px;
	width:100%;
	float:left;
}

.booking-page-wrap .col-lg-4 h5{
	padding:0px;
	margin:30px 0px 0px 0px;
	font-weight:600;
	font-size:22px;
	width:100%;
	float:left;
	color:#FFFFFF;
}

@media screen and (max-width: 980px) {
	.peace-logo{
		margin-top:4%;
		margin-bottom:3%;	
	}
	
	body{
		padding-bottom:100px;
	}
	
	.analysis-page-con h2{
		text-align:left;
	}
	
	.dispute-process .row{
		margin-bottom:0px;
		margin-top:0px;
	}
	
	.dispute-process span{
		width:100%;
		position:relative;
		border:none;
		-moz-border-radius: 0%;
    	border-radius: 0%;
		left:0px;
		float:left;
		margin-left:0px;
		top:0px;
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0);
		height:auto;
		padding:40px 0px;
		margin-top:30px;
	}
	
	.dispute-process span br,
	.dispute-process br{
		display:none;
		visibility:hidden;
	}
	
	.nego-col-1 p,
	.nego-col-2 p,
	.nego-col-3 p,
	.nego-col-4 p{
		min-height:inherit;
	}
	
	.nego-col-1 h4,
	.nego-col-2 h4,
	.nego-col-3 h4,
	.nego-col-4 h4{
		text-align:center;
	}
	
	.nego-col-2 p{
		direction: ltr;
	}
	
	.nego-col-4 font{
		width:auto;
	}
	
	.analysis-header-con .container img{
		position:relative;
	}
	
	.analysis-header-con{
		margin-bottom:60px;
	}
	
	.logo-wrapper-con img{
		margin-top:6%;
	}
	
	.booking-page-wrap .col-lg-8{
		padding-left:15px;
		padding-top:40px;
	}
}

.avail-options{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}

.avail-options li{
	list-style:none;
	padding:0px;
	margin:5px 0px;
	width:50%;
	float:left;
}

.avail-options li i{
	margin-right:5px;
}

.timeslots-con{
	padding:0px;
	margin:0px;
	width:100%;
}

.timeslots-con li{
	list-style:none;
	float:left;
	text-transform:uppercase;
	font-weight:600;
	border:1px solid #33597a;
	width:85px;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	padding:5px 0px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
}

.timeslots-con li:hover{
	border:1px solid #d8e4ef;
}

.slot-active{
	background-color:#33597a;
	border:1px solid #33597a !important;
}
.slot-white{
	background-color:#d8e4ef;
	border:1px solid #d8e4ef !important;
}
.imgmore-btn{
	width:100%;
	border:none;
	background-color:#335879;
	color:#c4d0d1;
	font-weight:600;
	height:80px;
	-moz-border-radius: 5px;
    border-radius: 5px;
	outline:none !important;
}

.imgmore-btn:hover{
	outline:none !important;
	color:#00315b;
	background-color:#c4d0d1;
}

.services-row{
	width:100%;
	float:left; 
	margin-top:25px;
}
.services-row .row{
	clear: both;
}
.button-wrapper{
	width:100%;
	float:left;
}

.booking-modal h5{
	font-weight:bold;
	text-transform:uppercase;
	color:#00315b;
}

.booking-modal h6{
	padding:0px;
	margin:0px;
	font-size:15px;
	font-weight:600;
	padding-top:8px;
}