figure{font-style:italic}
p{margin:0px;}
ul,li{list-style-type:none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-padding-start: 0px;
}
a:hover,a:active,a:visited{text-decoration:none}

li{display:inline-block;vertical-align:top}
.positionrelative{position:relative;max-width:100%}
.generalblock{max-width:100%;height:auto}
.displayblock{display:block}
.sub_block{margin:0px auto;max-width:1050px;padding:15px 15px}
.relativeblock{position:relative;}
.absoluteblock{position:absolute;}
.fontwhitecolor{color:white}
.textindent15{text-indent:15px}
.textindent10{text-indent:10px}
.marginauto{margin:0px auto}
.margintop10{margin-top:10px}
.margintop15{margin-top:15px}
.margintop20{margin-top:20px}
.margintop25{margin-top:25px}
.margintop30{margin-top:30px}
.margintop35{margin-top:35px}
.margintop40{margin-top:40px}
.margintop45{margin-top:45px}
.margintop50{margin-top:50px}
.margintb50{margin:50px 0px}
.margintb75{margin:75px 0px}
.italic{font-style:italic}
.padding20{padding:20px}
.padding15{padding:15px}
.padding10{padding:10px}
.padding25{padding:25px}
.padding30{padding:30px}
.padding35{padding:35px}
.padding40{padding:40px}
.paddinglr10{padding:0px 10px}
.paddinglr15{padding:0px 15px}
.paddinglr20{padding:0px 20px}
.paddinglr25{padding:0px 25px}
.paddinglr30{padding:0px 30px}
.paddingtb5{padding:5px 0px}
.paddingtb20{padding:20px 0px}
.paddingtb15{padding:15px 0px}
.paddingtb10{padding:10px 0px}
.paddingtb25{padding:25px 0px}
.paddingtb30{padding:30px 0px}
.paddingtb35{padding:35px 0px}
.paddingtb40{padding:40px 0px}
.paddingtb50{padding:50px 0px}
.paddingtop20{padding-top:20px}
.paddingtop15{padding-top:15px}
.paddingtop10{padding-top:10px}
.paddingtop25{padding-top:25px}
.paddingtop30{padding-top:30px}
.paddingtop35{padding-top:35px}
.paddingtop40{padding-top:40px}
.paddingtop50{padding-top:50px}
.paddingside20{padding:20px}
.paddingside15{padding:15px}
.paddingside10{padding:10px}
.paddingside25{padding:25px}
.paddingleft5{padding-left:5px}
.paddingleft10{padding-left:10px}
.paddingleft15{padding-left:15px}
.paddingleft20{padding-left:20px}
.paddingleft25{padding-left:25px}
.paddingleft30{padding-left:30px}
.paddingright10{padding-right:10px}
.paddingright15{padding-right:15px}
.paddingright20{padding-right:20px}
.inlineblock{display:inline-block;vertical-align:top}
.iconleft{position:absolute;top:20px;left:20px;}
.iconright{position:absolute;bottom:20px;right:20px;}
.fontsize1p5{font-size:1.5em}
.fontsize1p4{font-size:1.4em}
.fontsize1p2{font-size:1.2em}
.fontsize1p3{font-size:1.3em}
.fontsize1p1{font-size:1.1em}
.fontsize095{font-size:0.95em}
.fontsize085{font-size:0.85em}
.fontsize2{font-size:2em}
.bold{font-weight:bold}
.textaligncenter{text-align:center}
.textalignleft{text-align:left}
.textalignright{text-align:right}
.whitebox{box-shadow: 0px 0px 15px rgba(110, 110, 110, 0.5);background-color:white}
.box{box-shadow: 0px 0px 15px rgba(110, 110, 110, 0.5);}
.imgcontrol{max-width:100%}
.radius20{border-radius:20px}
.fontsize2p5{font-size:2.5em}
.fontcolorgray1{color:#acb2b5}
.fontcolorgray2{color:#81858a}
.fontcolorgray3{color:#959595}
.fontcolorgray4{color:#5c5c5c}
.fontcolorgray5{color:#c6ccd2}
.fontcolorgray6{color:#787b80}
.fontcolorgreen1{color:#65c6cf}
.fontcolorblue1{color:#30719b}
.fontcolorblue2{color:#83aac3}
.fontblackcolor{color:#848484}
.row {margin:0px}
.width100{width:100%}
.width95{width:95%}
.width90{width:90%}
.width85{width:85%}
.width80{width:80%}
.width75{width:75%}
.width70{width:70%}
.width65{width:65%}
.width60{width:60%}
.width55{width:55%}
.width50{width:50%}
.width49{width:49.5%}
.width33{width:33%}
.width25{width:24.5%}
.width20{width:19.5%}
.width12{width:12%}
.height15{height:15px}
.height25{height:25px}
.height50{height:50px}
.height75{height:75px}
.img-responsive{display:block;max-width:100%;height:auto;}
.img-unblock-responsive{max-width:100%;height:auto}
.floatleft{float:left}
.floatright{float:right}
.clearboth{clear:both;line-height:0px}
.textcenter{text-align:center}
.textleft{text-align:left}
.textright{text-align:right}
.bgcolorgreen{background-color:#65c6cf}
.bgcolorgray{background-color:#f8f8f8}
.bgcolorgray1{background-color:#c9cccf}
.bgcolorblack{background-color:#474747}
.bgcolorwhite{background-color:white}
.borderradius5{border-radius:5px;}
.borderradius3{border-radius:3px;}
.bordercolorgray{border:1px solid #e3e3e3}
.bordercolorgray1{border:2px solid #c6ccd2}
.fontnormal{font-weight:normal}
.wordbreakall{-ms-word-break: break-all;word-break: break-all;}
.noneblock{display:none;}

/* landing page css */

.container {padding:0px}
.container {
	width: 100% !important;
}
@media (min-width: 1400px){	
	.container {
		/* width: 100%; */
		width: 1396px;
	}
	.logabolutecontrol{top:20%;left:2.5%}	
	.paddingtop10p{padding-top:10%}
	.paddingleft10p{padding-left:10%}	
}
@media (max-width: 1400px){	
	.logabolutecontrol{max-width:25%;top:20%;left:-3%}
	.paddingtop10p{padding-top:7%}
	.paddingleft10p{padding-left:10%}	
	.rsp_width_green{width:85%!important;}
	.rsp_width_chat{width:75%!important;}
	.connect_block{width:40% !important;}
	.search{width:45% }
	.rsp_header_description{width:40% !important;margin:0px auto}
	.rsp_width_sidebar{width:22.5% !important}
	.rsp_width_center{width:77.5% !important}
	.rsp_width_center_left{width:77.5% !important}
	.rsp_width_center_center{width:69% !important}
	.rsp_width_center_side{width:15% !important}
}
@media (max-width: 1200px){	
	.logabolutecontrol{max-width:24%;top:20%;left:-3%}
	.paddingtop10p{padding-top:5%}
	.paddingleft10p{padding-left:10%}
	.rsp_width_green{width:100%!important;}	
	.rsp_width_chat{width:95%!important;}
	.connect_block{width:50% !important;}
	.rsp_width_signin{width:100% !important}
	.search{width:50% !important;}
	.rsp_header_description{width:50% !important;margin:0px auto}
	.rsp_width_total{width:97.5% !important}
	.rsp_width_sidebar{width:24.5% !important}
	.rsp_width_center{width:75.5% !important}
	.rsp_width_center_left{width:77.5% !important}
	.rsp_width_center_center{width:63% !important}
	.rsp_width_center_side{width:18% !important}
}
@media (max-width: 992px){	
	.logabolutecontrol{max-width:24%;top:25%;left:-3%}
	.paddingtop10p{padding-top:0%}
	.paddingleft10p{padding-left:10%}
	.rsp_width_chat{width:100%!important;}	
	.rsp_textalign_left{width:100%;text-align:left !important;}
	.rsp_padding_bottom{padding-left:35px;padding-top:15px}
	.connect_block{width:60% !important;}
	.rsp_width_signin{width:100% !important}
	.rsp_width_signin_block{width:100% !important}
	.rsp_width_signin_desciption{width:100% !important}
	.rightline{border:0px !important}
	.gridview_block{display:none}
	.search{width:60% !important;}
	.rsp_header_description{width:60% !important;margin:0px auto}
	.rsp_width_total{width:98% !important}
	.rsp_width_sidebar{width:0% !important;display:none}
	.rsp_width_center{width:98% !important}
	.rsp_width_center_left{width:77.5% !important}
	.rsp_width_center_center{width:63% !important}
	.rsp_width_center_side{width:18% !important}
	.sideline {border:0px !important}
	.info_block{display:none !important}
	.pagination_block{display:none !important}
}
@media (max-width: 770px){	
	.navbar-nav{
		display: none;
		position: absolute;
		top: 35px;
		right: 30px;
		min-width: 150px;
		width: auto;
		opacity: 1;
		background-color: #00aadc;
		box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.075);
		z-index: 999;
		border-radius:5px
	}
	.rsp_nav_position{
		right: 10px;
	}
	.navbar-nav li{
		display: block;
		list-style: none;
		margin: 0;
		outline: 0;
		padding: 0;
		width:100%;
	}
	.navbar-nav li a{
		color: white;
		padding: 10px 16px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		transition: all .1s ease-in;
		text-decoration: none;
		display: block;
	}
	.navbar-nav li a:hover, .navbar-nav li a:focus {
		background-color: #1ab3e0 !important;
	}
	.navbar-nav li .loginbutton {
		padding: 10px 16px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.logabolutecontrol{top:35%;}
	.rsp_main_title, .rsp_main_img{width:95% !important;}
	.rsp_main_img{padding-top:40px}
	.rsp_main_title_fontsize{font-size:2.1em !important;font-weight:bold}
	.rsp_width_chat_content{width:100%!important;padding-top:40px}
	.rsp_width_chat_description{width:100%!important;}
	.rsp_textalign_left{width:100%;text-align:left !important;}
	.padding_description1 {
		padding-top: 0% !important;
	}
	.padding_description {
		padding-top: 0% !important;
	}
	.rsp_padding_bottom{padding-left:35px;padding-top:15px}
	.header_button_block{display:none}
	.menu_hidden_button{display:inline-block!important;}
	.nav_padding_control{padding:0px !important}
	.selected_line{display:none !important;}
	.connect_block{width:90% !important;}
	.username{width:100% !important}
	.password{width:100% !important}
	.rsp_width_signin1{width:75% !important}
	.rsp_width_signup{display:inline-block !important;margin-top:8px;padding: 7px 15px 5px 15px !important;}
	.search{width:75% !important;}
	.rsp_header_description{width:70% !important;margin:0px auto}
	.rsp_width_total{width:98% !important}
	.rsp_width_sidebar{width:0% !important;display:none}
	.rsp_width_center{width:98% !important}
	.rsp_width_center_left{width:100% !important}
	.rsp_width_center_center{width:100% !important}
	.rsp_width_center_side{width:100% !important}
	.sideline {border:0px !important}
	.thumb_img{width:75% !important;height:75% !important;margin-bottom:25px !important}
	.navbar-header{width:98% !important}
	.navbar-toggle{display:block !important}
	.donwload, .share{height:40px !important;line-height:30px !important}
}
@media (min-width: 770px){
	.nav .loginbutton{background-color:#eff9fa;border-radius:5px;padding:9px 25px 7px 25px;border:2px solid #65c6cf;line-height:100%;margin-top:5px}
	.nav .menu_hidden_button{display:none}
	.rsp_width_signup{display:none !important}
}
@media (max-width: 360px){	
	.connectbutton{padding:5px 25px 3px 25px !important}
	.connectedbutton{padding:3px 15px 1px 15px !important}
}
.navbar-toggle {
    border-color: #4cbda1;
	position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #65c6cf;
    border-radius: 4px;
	text-align: center;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	background-color:#65c6cf	
}
.navbar-nav{float:right}
.navbar-nav-left{float:right}
.navbar{width:90%;margin:0px auto}
.header_bgcolor{background-color:#eff9fa}
.header_bgcolor_app{background-color:#f2f5f8}
.nav .active a:hover{background-color:#eff9fa}

.signoutbutton{padding:9px 25px 7px 25px;}
.logo{max-width:120px}

.signbutton{padding:12px 30px 10px 30px}
.startbutton{padding:15px 50px 9px 50px}
.chat_block{border-top-left-radius:30px;border-top-right-radius:30px;border-left:2px solid #c6ccd2;border-right:2px solid #c6ccd2;border-top:2px solid #c6ccd2}
.chat_direct_right{bottom:8px;right:-6px}
.chat_direct_left{bottom:8px;left:-6px}
.chat_padding{padding:3px 15px 3px 15px}
.chat_box_shadow{bottom:-20px;left:0px;width:100%;box-shadow: 0 -10px 6px -6px #ddd;}
.padding_description{padding-top:7%;}
.padding_description1{padding-top:12%;}
.bottom a:hover,.bottom a:active,.bottom a:visited{color:white}

/* connected app page css */
.selected_line{border-bottom:3px solid #30719b;top:25px}
.connect_block{width:33%;margin:25px auto}
.connectbutton{padding:7px 30px 5px 30px}
.connectedbutton{padding:5px 20px 3px 20px}
.each_block{border-bottom:1px solid #e4e7ea}
.border0{border:0px}

/* singin page css */
.signupbutton{padding:9px 25px 7px 25px;color:black}
.rightline{border-right:2px solid #cbe2eb}
.fieldsetmargin{margin:40px 0px 15px 0px}
.username{text-align:center;background-color:#eff0f4;width:70%;height:40px;border:0px;border-radius:5px}
.password{text-align:center;width:70%;height:40px;border-radius:5px;border: 1px solid #eee;box-shadow: 0px 3px 5px 3px rgba(127, 127, 127, 0.1)}
.enter{border:0px;border-radius:5px;background-color:#65c6cf;color:white;padding:15px 50px 10px 50px}
.fogotpass, .underline{text-decoration:underline}

/* home page css */
.search{border:2px solid #c6ccd2;border-radius:5px;padding:10px 20px;height:50px;font-size:1.2em;width:38%}
.searchbtn{margin-left:-6px;height:50px;vertical-align:top;display:inline-block}
.searchbtn:hover{cursor:pointer}
.gridview_block{bottom:35px;right:0px}
.gridview{margin-top:-1px}
.sideline{border-left:2px solid #d6e3eb}
.sub_search{border:2px solid #c6ccd2;border-radius:5px;padding:5px 15px;height:36px;width:82%}
.sub_searchbtn{margin-left:-6px;height:36px;margin-top:0px;vertical-align:top;display:inline-block}
.sub_searchbtn:hover{cursor:pointer}
.uncheckedbtn{margin-left:-15px;margin-top:-5px}
.checkedbtn{margin-left:-15px;margin-top:-5px}
.donwload{padding:8px 0px 5px 0px;height:30px;margin:10px 5px}
.share{padding:5px 0px 5px 0px;height:30px;margin:5px 5px}
.first{margin-top:0px}
.page_selected{padding:5px 10px;border-radius:50%;background-color:#65c6cf;color:white}
.servicebtn{border:2px solid #65c6cf;border-radius:25px;padding:0px 20px 0px 15px;font-size:0.75em;color:#65c6cf;margin-left:15px;line-height:1.3;display:none;}
.effect{position:absolute;right:-19px;top:0px;display:inline-block}

/* checkbox in home page css */
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin: 15px 10px;
  cursor: pointer;
  font-weight:normal ;
  padding-top:5px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border-radius:5px
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

/* animation loading css */

.loader {
  position: absolute;
  /* top: calc(50% - 32px);
  left: calc(50% - 32px); */
  left: calc(0% + 40px);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  perspective: 800px;
}

.inner {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;  
}

.inner.one {
  left: 0%;
  top: 0%;
  animation: rotate-one 1s linear infinite;
  border-bottom: 2px solid #65c6cf;
}

.inner.two {
  right: 0%;
  top: 0%;
  animation: rotate-two 1s linear infinite;
  border-right: 2px solid #65c6cf;
}

.inner.three {
  right: 0%;
  bottom: 0%;
  animation: rotate-three 1s linear infinite;
  border-top: 2px solid #65c6cf;
}

@keyframes rotate-one {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes rotate-two {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes rotate-three {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}