body {
	background-color:white;
	/*font-family:Montserrat, sans-serif; */
	color:#333;
	font-size:14px;
	line-height:20px;
	
}
h1 {
	margin-top:20px;
	margin-bottom:10px;
	font-size:38px;
	line-height:44px;
	font-weight:700
}
h2 {
	margin-top:0;
	margin-bottom:0;
	font-size:32px;
	line-height:36px
}
h3 {
	margin-top:20px;
	margin-bottom:10px;
	font-size:24px;
	line-height:30px;
	font-weight:700
}
h4 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:18px;
	line-height:24px;
	font-weight:700
}
h5 {
	margin-top:10px;
	margin-bottom:5px;
	font-size:14px;
	line-height:20px;
	font-weight:700
}
h6 {
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
	line-height:18px;
	font-weight:700
}
p {
	margin-bottom:5px;
	padding-right:20px;
	padding-left:20px;
	color:#b5b5b5;
	font-size:12px;
	line-height:1.9em
}
a {
	width:100%;
	color:#333;
	text-decoration:none
}
.button {
	display:inline-block;
	padding:4px 15px;
	background-color:black;
	color:white;
	text-align:center;
	text-decoration:none
}
.navbar {
	position:fixed;
	z-index:5;
	height: 50px;
	padding-top: 4px;
	background-color: #3054AD;
	background-image:linear-gradient(to top, rgba(60, 149, 245, 0.77) 0%, rgb(109, 130, 255) 100%), url(img/top.jpg);

	color:white;
}
.navbar.transparent {
	background-color:transparent
}
.mobile-wrapper {
    position: relative;
    width: 342px;
    height:600px;
    margin-right: auto;
    margin-left: auto;
    background: #f5f5f5;
}
.navbar-button {
	position:relative;
	width:45px;
	height:45px;
	padding:0;
	color:#ccc;
	line-height:49px;
	text-align:center
}
.navbar-button.left {
	float:left
}
.navbar-button.left.w--open {
	background-color:transparent
}
.navbar-button.right {
	float:right
}
.navbar-button.right:active {
	color:#333
}
.navbar-button.right.bigger {
	font-size:16px
}
.icon.ion-ios-more.bigger {
	font-size:21px
}
.icon.ion-ios-arrow-left.bigger {
	font-size:21px
}
.icon.ion-ios-arrow-right.bigger {
    font-size: 21px;
}
.navbar-button-icon {
	width:45px;
	height:45px;
	font-size:40px
}
.navbar-button-icon.home-icon {
	display:inline-block;
	width:27px;
	height:auto;
	margin-top:12px;
	margin-left:5px
}
.navbar-button-icon.smaller {
	font-size:28px
}
.navbar-button-icon.ion-ios-search {
	font-size:27px
}
.navbar-title {
	position:absolute;
	display:block;
	width:100%;
	height:45px;
	margin-right:auto;
	margin-left:auto;
	font-size:16px;
	line-height:60px;
	text-align:center;
	    text-transform: uppercase;
		color:#FFFFFF;
}
.body {
	padding-top:60px;
	/*overflow-y: scroll;*/
    height: 100%;
}
.hero-slider {
	height:190px
}
.hero-slider.bigger {
	height:300px
}
.slider-bullets {
	font-size:8px
}
.arrow-icon {
	width:53px;
	font-size:20px;
	text-shadow:rgba(0, 0, 0, 0.32) 1px 1px 1px
}
.w-slider-arrow-right, .w-slider-arrow-left {
	text-shadow:rgba(0, 0, 0, 0.32) 1px 1px 1px
}
.w-slider.home-slider {
	height:270px
}
.n-p-l {
	padding-left:0 !important
}
.n-p-r {
	padding-right:0 !important
}
.slide {
	overflow-x:hidden;
	overflow-y:hidden;
	background-image:url('../images/789.png');
	background-position:42% 0;
	background-size:cover;
	background-repeat:no-repeat
}
.slide.bg2 {
	background-image:url('../images/Manh80.png');
	background-size:cover;
	background-position:60% 0
}
.slide.bg3 {
	background-image:url('../images/Manh78.png');
	background-size:cover
}
.list {
	padding-left:0;
	background-color:white;
	list-style-type:none;
	    box-shadow: 0 0 10px #E8E8E8;
		    margin:3px;
}
.list.list-messages {
	border-top:1px solid #e7e7e9
}
.list.list-chats {
	padding-top:24px;
	padding-bottom:65px;
	border-top:1px solid #e7e7e9
}
.list-item {
	overflow-x:hidden;
	overflow-y:hidden;
	height:60px;
	border-bottom:1px solid #e7e7e9;
	border-left:3px solid transparent;
	background-color:white
}
.list-item:active {
	background-color:#f7f7f7
}
.list-item.grey {
	border-left:3px solid transparent;
	background-color:#f7f7f7
}
.list-item.highlighted {
	border-left:3px solid #ff274a
}
.icon-list {
	display:inline-block;
	width:50px;
	height:50px;
	float:left;
	color:#ddd;
	font-size:40px;
	line-height:60px;
	text-align:center
}
.icon-list.highlighted {
	color:#ff274a
}
.title-list {
	display:inline-block;
	float:left;
	font-size:14px;
	line-height:60px
}
.highlighted {
	color:#c2c2c2
}
.nav-menu {
	position:absolute;
	display:none;
	width:92%;
	padding-right:22px;
	padding-left:22px;
	background-color:white
}
.nav-menu.bg-gradient.visible {
	display:block;
	overflow-x:scroll;
	overflow-y:scroll;
	height:550px;
	background-image:-webkit-linear-gradient(107deg, #4c68b1, black 82%);
	background-image:linear-gradient(343deg, #4c68b1, black 82%)
}
.nav-menu-header {
    background: #FFF;
    margin: 0 -23px;
	margin-bottom: 15px;
}
.nav-menu-header img{
    width:150px;
}
.nav-menu-link {
	display:block;
	height:45px;
	padding:0;
	color:rgba(255, 255, 255, 0.72);
	font-size:13px;
	text-decoration:none
}
.nav-menu-link:active {
	color:white
}
.nav-menu-link.last {
	border-bottom-style:none;
	border-bottom-width:0
}
.nav-menu-link.dropdown {
	height:auto;
	-webkit-transition:all 400ms ease;
	transition:all 400ms ease
}
.nav-menu-titles {
	display:inline-block;
	float:left;
	/*line-height:48px;*/
	text-align:left;
	color:rgba(255, 255, 255, 0.84)
}
.icon-list-menu {
	display:inline-block;
	width:30px;
	height: 35px;
	/*height:50px;*/
	float:left;
	color:#FFF;
	font-size:17px;
	/*line-height:40px;*/
	text-align:left
}
.nav-menu-text-right {
	display:inline-block;
	width:22px;
	height:22px;
	margin-top:14px;
	float:right;
	border-radius:12px;
	background-color:#ff274a;
	color:white;
	font-size:11px;
	line-height:22px;
	font-weight:400;
	text-align:center
}
.logo {
 
/*padding-bottom: 10px;*/
padding-bottom: 20px;
font-size: 15px;

text-align: left;

margin-left: 25px;

color: #383838;

font-weight: 400;

text-transform: capitalize;

/*font-family: Montserrat, sans-serif;*/
}
.slogan {
	color:#c2c2c2;
	font-size:11px;
	text-align:left
}
.wrapper-mask {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	margin-top:-15px;
	background-color:black;
	opacity:0
}
.hero-image {
	position:relative;
	overflow-x:hidden;
	overflow-y:hidden;
	height:173px;
	background-color:black
}
.hero-image-img {
	height:100%;
	opacity:.62
}
.hero-image-title {
    position: absolute;
    left: 5px;
    bottom: 30px;
    z-index: 1;
    color: white;
}
.logo-login {
    height: 198px;
	background-image: url(../img/logo.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.logo-login.smaller {
	height:97px;
	background-size:70px
}
.logo-login.bigger {
	height:304px
}
.bottom-section {
	position:absolute;
	
	left:0;
	right:0;
	/*bottom:34px;*/
	padding-bottom:5px
}
.padding {
	padding-right: 25px;
    padding-left: 25px;
    background-color: transparent;
    opacity: 1;
}
.padding.smaller {
	padding-right:16px;
	padding-left:16px
}
.padding.smaller.search-fixed {
	position:fixed;
	z-index:3;
	height:130px;
	-webkit-transform:translate(0, -69px);
	-ms-transform:translate(0, -69px);
	transform:translate(0, -69px)
}
.link-upper {
	display:inline-block;
	color:#1316EA;
	font-size:10px;
	text-align:center;
	text-decoration:none
}
.link-upper.dark {
	color:#c2c2c2
}
.b-link {
	color:white;
	font-weight:400
}
.b-link:active {
	color:#4fd2c2
}
.action-button {
	display: inline-block;
    width: 100%;
	height: 49px;
	padding: 12px;
	border-radius: 1px;
	background-color: #d41f26;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .3px;
}
.action-button:active {
	background-color:#df3e49
}
.action-button.grey {
	background-color:#102a3b
}
.separator-button {
	height:21px
}
.label-form {
	margin-bottom: 0;
    color: #3054AD;
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 1px;
	text-transform: uppercase;
}
.label-form.middle {
	display:inline-block;
	float:left;
	line-height:36px
}
.label-form.light {
	color:#0A26FF;
}
.input-form {
	display:inline-block;
	width:100%;
	height:38px;
	padding-right:0;
	padding-left:0;
	border-style:none none solid;
	border-bottom-width:1px;
	border-bottom-color:#e6e6e6;
	border-radius:0;
	background-color:transparent;
	color:#222;
	font-size:12px
}
.input-form:focus {
	border-bottom-width:1px;
	border-bottom-color:#ff274a
}
.input-form.left {
	width:100%;
	color:#9e9696
}
.input-form.one-line {
	height:55px;
	margin-bottom:3px
}
.input-form.last {
	border-bottom-style:none;
	border-bottom-width:0
}
.input-form.in-grey {
	height:42px;
	padding-bottom:12px
}
.input-form.in-grey-last {
	margin-bottom:15px;
	border-bottom-style:none;
	border-bottom-width:0
}
.input-form.search-input {
	height:38px;
	margin-bottom:15px;
	padding-right:35px;
	padding-left:10px;
	background-color:white
}
.input-form.light {
    border-bottom-width: 1px;
    border-bottom-color: #2A26FD;
    color: #333333;
}
.input-form.textarea {
	height:80px
}
.input-form.select {
	background-image:-webkit-linear-gradient(transparent, transparent);
	background-image:linear-gradient(transparent, transparent)
}
.separator-button-input {
	height:30px
}
.separator-fields {
	height:40px
}
.right-input-link {
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	width:40%;
	height:37px;
	color:#F00;
	font-size:11px;
	line-height:120px;
	text-align:left;
	text-decoration:none
}
.right-input-link:active {
	color:#333
}
.block-input-combined {
	position:relative
}
.sub-title-small {
	padding-top: 0px;
    color: #fff;
    font-size: 12px;
}
.w50 {
	width:50%;
	float:left
}
.w50.left {
	padding-right:20px
}
.radio-button {
	position:relative;
	display:inline-block;
	margin-left:31px;
	float:right
}
.radios-container {
	padding-top:9px;
	line-height:21px
}
.radio-bullet {
	margin-left:-23px;
	opacity:0
}
.radio-bullet-replacement {
	position:absolute;
	left:-4px;
	top:4px;
	width:13px;
	height:13px;
	border:1px solid #c2c2c2;
	border-radius:15px
}
.radio-bullet-replacement.checked {
	border-color:#ff274a;
	border-bottom-width:1px;
	background-color:#ff274a
}
.checkbox-field {
	position:relative;
	float:right
}
.checkbox-label {
	display:inline-block;
	width:35px;
	height:15px;
	min-width:30px;
	margin-top:3px;
	border-radius:15px;
	background-color:#ededed;
	-webkit-transition:all 150ms ease-out;
	transition:all 150ms ease-out
}
.checkbox-label.checked {
	background-color:#e7bec5
}
.checkbox-handle {
	position:absolute;
	width:21px;
	height:21px;
	border-radius:20px;
	background-color:#d6d6d6;
	-webkit-transition:all 150ms ease-out;
	transition:all 150ms ease-out
}
.checkbox-handle.checked {
	background-color:#ff274a;
	-webkit-transform:translate(16px, 0);
	-ms-transform:translate(16px, 0);
	transform:translate(16px, 0)
}
.checkbox-input {
	display:none
}
.background-grey {
	position:absolute;
	z-index:0;
	width:100%;
	height:79px;
	margin-top:-16px;
	margin-left:-28px;
	background-color:#f7f7f7
}
.background-grey.last {
	height:71px
}
.background-grey.search {
	height:69px;
	margin-left:-16px
}
.row-input-list {
	position:relative
}
.row-input-list.search {
	margin-top:0
}
.right-input-icon {
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	width:37px;
	height:37px;
	color:#dbdbdb;
	font-size:18px;
	line-height:36px;
	text-align:right
}
.right-input-icon.color {
	margin-right:0;
	color:#ff274a;
	text-align:center
}
.right-input-icon.search {
	margin-right:0;
	padding-top:2px;
	padding-right:3px;
	text-align:center
}
.page-content {
	position:absolute;
	width:100%;
	height:100%
}
.page-content.loading-mask {
	position:fixed;
	z-index:50;
	display:none;
	background-color:black;
	opacity:.6;
	-webkit-transition:opacity 250ms linear;
	transition:opacity 250ms linear;
	text-align:center;
	color:rgba(255, 255, 255, 0.72)
}
.page-content.loading-mask.stop-loading {
	opacity:0
}
.page-content.bg-gradient {
	/*background-color:#1f2532;
	background-image:-webkit-linear-gradient(107deg, #4c68b1, black 98%);
	background-image:linear-gradient(343deg, #4c68b1, black 98%)*/
	 background-image: linear-gradient(to top, rgba(245, 172, 60, 0.64) 0%, rgb(255, 255, 255) 100%), url(img/bg-image.jpg);
	background-size: contain;
    background-repeat: no-repeat;
}
.page-content.bg-gradient:before {
	content:'';
	position:absolute;
	background:#000;
}
.loading-icon {
	position:absolute;
	left:0;
	top:50%;
	right:0;
	bottom:50%;
	display:block;
	width:44px;
	height:40px;
	margin-right:auto;
	margin-left:auto;
	font-size:40px
}
.loading-icon.splash {
	top:70%;
	width:30px;
	color:#2225DA;
	font-size:36px
}
.text-centered {
	text-align:center
}
.version-text {
	padding-bottom:40px;
	color:#a1a1a1;
	font-size:11px
}
.separator-bottom {
	height:15px
}
.splash-logo {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url(../img/mono.png);
	background-position:50% 38%;
	background-size:200px;
	background-repeat:no-repeat
}
.separator-big {
	height:95px
}
.toolbar-top-button {
	display: inline-block;
   	padding-top: 16px;
	padding-bottom: 12px;
	border-bottom: 3px solid white;
	background-color: white;
	font-size: 15px;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	color: #f1766d;
}
.toolbar-top-button.w--current {
	border-bottom-width:3px;
	border-bottom-color:#f1766d;
	background-color:white
}
.tabs-content {
	background-color:white
}
.group-block {
	width:50%;
	padding-top:10px;
	padding-right:4px;
	float:left
}
.group-block.last {
	margin-right:0;
	padding-right:0;
	padding-left:6px
}
.group-image {
	height:164px;
	background-image:url('../images/photo-1422036306541-00138cae4dbc.jpg');
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat
}
.group-image.bg1 {
	background-image:url('../images/photo-1428948304740-392e214d312f%20(1.html).jpe');
	background-size:cover
}
.group-image.bg2 {
	background-image:url('../images/8S64npOgTu2eWTZIXEfy_DSC_0955.jpg');
	background-position:0 50%;
	background-size:cover
}
.group-image.bg3 {
	background-image:url('../images/photo-1422479516648-9b1f0b6e8da8.jpg');
	background-size:cover
}
.group-image.bg4 {
	background-image:url('../images/photo-1433785567155-bf5530cab72c.jpg');
	background-position:0 50%;
	background-size:cover
}
.group-image.bg5 {
	background-image:url('../images/photo-1437422061949-f6efbde0a471.jpg');
	background-size:cover
}
.group-title {
	height:68px;
	background-color:white;
	text-align:center
}
.title-text {
	line-height:68px
}
.tab-pane {
	padding-right:10px;
	padding-bottom:10px;
	padding-left:10px
}
.list-news {
	display:inline-block;
	padding-left:0;
	list-style-type:none
}
.list-item-new {
	margin-bottom:25px;
	box-shadow:#e3e3e3 0 0 6px 0
}
.image-new {
	position:relative;
	height:200px;
	background-image:url('../images/photo-1437422061949-f6efbde0a471.jpg');
	background-position:50% 0;
	background-size:cover;
	background-repeat:no-repeat
}
.image-new.bg1 {
	background-image:url('../images/photo-1428948304740-392e214d312f%20(1.html).jpe');
	background-size:cover
}
.image-new.bg2 {
	background-image:url('../images/photo-1422479516648-9b1f0b6e8da8.jpg');
	background-size:cover
}
.text-new {
	padding: 15px 10px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    margin: 20px 0px 10px;
    overflow: hidden;
    position: relative;
}
.text-new.no-borders {
	border-style:none;
	border-width:0
}
.text-new.grey {
	border-style:solid none;
	border-top-width:1px;
	border-top-color:#e6e6e6;
	border-bottom-width:1px;
	border-bottom-color:#e6e6e6;
	background-color:#fafafa
}
.text-new.n-b-b {
	border-bottom:1px none black
}
.title-new {
	padding-top:5px;
	padding-bottom:5px;
	font-family:Montserrat, sans-serif;
	font-size:15px;
	line-height:1.6em
}
.text-new .title-new {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #3054AD;
}

.description-new {
	padding-right:0;
	padding-left:0;
	font-size:11px
}
.description-new.larger {
	font-size:13px
}
.news-container {
	position:relative;
	display:block;
	margin-top:77px;
	padding-right:15px;
	padding-left:15px;
	background-color:white
}
.news-container.item-new {
	margin-top:0;
	padding-right:0;
	padding-left:0
}
.news-container.home {
	margin-top:0
}
.category-link {
	display:inline-block;
	width:auto;
	height:20px;
	margin-top:10px;
	margin-right:10px;
	padding-right:10px;
	padding-left:10px;
	border-radius:15px;
	background-color:#ededed;
	color:#878787;
	font-size:8px;
	line-height:21px;
	text-decoration:none
}
.news-mask {
	position:fixed;
	z-index:2;
	display:none;
	height:100%;
	background-color:rgba(0, 0, 0, 0.61);
	opacity:0
}
.options-new {
	padding:18px 20px 16px;
	background-color:#fafafa
}
.options-new.tighter {
	position:absolute;
	top:0;
	right:-3px;
	display:inline-block;
	padding:10px 0 5px 10px;
	float:left;
	background-color:rgba(0, 0, 0, 0)
}
.options-new.less-padding-sides {
	padding:11px 11px 5px
}
.options-new.less-padding-sides-blog {
	padding:18px 15px 16px
}
.options-new.border-top {
	border-top:1px solid #e6e6e6
}
.small-button {
	width:auto;
	margin-right:12px;
	padding:7px 16px;
	border-radius:2px;
	background-color:#ff274a;
	color:white;
	font-size:10px;
	text-decoration:none
}
.small-button.icon-only {
	padding-right:7px;
	padding-left:7px;
	text-align:center
}
.small-button.icon-only.grey {
	background-color:#e8e8e8;
	color:#878787
}
.small-button.icon-only.grey.right {
	margin-right:0;
	margin-left:16px;
	float:right
}
.small-button.icon-only.grey.p-r {
	margin-right:5px
}
.small-button.icon-only.grey.p-r.selected2 {
	background-color:#fafafa
}
.small-button.icon-only.grey.selected {
	background-color:#fafafa
}
.small-button.icon-only.social-squared.facebook {
	background-color:#3b5998
}
.small-button.icon-only.social-squared.twitter {
	background-color:#4099ff
}
.small-button.icon-only.social-squared.pinterest {
	background-color:#c92228
}
.small-button.icon-only.social-squared.dribbble {
	background-color:#ea4c89
}
.small-button.icon-only.social-squared.mail {
	background-color:#1f81c2
}
.small-button.grey {
	background-color:#e8e8e8;
	color:#878787
}
.small-button.grey.right {
	float:right
}
.small-button.grey.last {
	margin-right:0
}
.small-button.social {
	margin-right:7px;
	margin-bottom:7px;
	padding-right:12px;
	padding-left:12px
}
.small-button.social.facebook {
	background-color:#3b5998
}
.small-button.social.twitter {
	background-color:#4099ff
}
.icon-button {
	display:inline-block;
	overflow-x:hidden;
	overflow-y:hidden;
	width:20px;
	height:15px;
	padding-bottom:20px;
	float:left;
	font-size:13px
}
.icon-button.bigger {
	font-size:20px
}
.text-button {
	display:inline-block;
	padding-top:1px;
	float:left;
	line-height:19px
}
.grey-header {
	overflow:hidden;
	position:relative;
	padding:10px 20px;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2;
	background-color:#fafafa
}
.grey-heading-title {
	font-size:16px
}
.square-map {
	height:300px
}
.hero-map {
	height:280px
}
.image-message {
	position:relative;
	display:inline-block;
	overflow-x:hidden;
	overflow-y:hidden;
	width:48px;
	height:48px;
	margin-top:7px;
	border-radius:25px
}
.column-left {
	position: relative;
    display: block;
    width: 47%;
    float: left;
    text-align:left;
	padding-left: 20px;
}
.full-area{
	padding-left: 20px;	
}
.message-title {
	display:inline-block;
	padding-top:3px;
	padding-bottom:5px;
	font-size:14px
}
.list-message {
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e7e7e9
}
.list-message:active {
	background-color:#f7f7f7
}
.column-right {
	padding-right:20px;
    text-align: right;
}
.column-right.chat {
	overflow-x:hidden;
	overflow-y:hidden;
	margin-right:50px
}


.column-right.chat.right {
	position:relative;
	margin-right:10px;
	margin-left:100px;
	padding-left:20px
}
.message-text {
	display:block;
	padding-bottom:3px;
	color:#a3a3a3;
	font-size:11px;
	line-height:1.6em;
	text-decoration:none
}
.list-chat {
	margin-bottom:8px
}
.chat-text {
	display:inline-block;
	margin-top:7px;
	padding:12px 15px;
	float:left;
	border-radius:0 12px 12px;
	background-color:#f0f0f0;
	color:#333;
	font-size:12px;
	line-height:17px
}
.chat-text.right {
	float:right;
	border-top-left-radius:12px;
	border-top-right-radius:0;
	background-color:#102a3b;
	color:white
}
.arrow-globe {
	position:absolute;
	width:0;
	height:0;
	margin-top:7px;
	margin-left:-12px;
	border-right:12px solid #f0f0f0;
	border-bottom:6px solid transparent
}
.arrow-globe.right {
	top:0;
	right:9px;
	border-right:0 none transparent;
	border-left:12px solid #102a3b
}
.chat-time {
	display:block;
	padding-left:12px;
	float:left;
	clear:left;
	color:#cfcfcf;
	font-size:9px;
	line-height:19px
}
.chat-time.right {
	padding-right:15px;
	float:right;
	clear:both
}
.input-chat-block {
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	display:block;
	height:60px;
	margin-right:auto;
	margin-left:auto;
	padding-top:10px;
	padding-right:10px;
	padding-left:10px;
	border-top:1px solid #ebebeb;
	background-color:#f2f2f2
}
.input-chat {
	width:82%;
	height:39px;
	float:left;
	border-style:solid;
	border-width:0 0 1px;
	border-color:black black #e3e3e3;
	border-radius:0;
	font-size:11px
}
.input-chat:focus {
	border-bottom-color:#4fd2c2
}
.chat-button {
	width:18%;
	padding:9px 0;
	float:right;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	background-color:#102a3b;
	color:white;
	font-size:12px
}
.slider-element-test {
	padding-top:90px;
	color:white;
	font-size:19px;
	line-height:1.6em;
	text-align:center
}
.social-block {
	display:inline-block;
	float:left
}
.bar-home-icon {
	width:100%;
	height:1px;
	margin-bottom:7px;
	background-color:#fff;
}
.bar-home-icon.top {
	width:80%
}
.bar-home-icon.middle {
	width:60%
}
.bar-home-icon.bottom {
	width:40%
}
.shadow-layer {
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:-1;
	display:none;
	width:100%;
	height:100%;
	background-color:transparent;
	background-image:none;
	background-size:auto;
	background-repeat:repeat;
	box-shadow:rgba(0, 0, 0, 0.34) 0 0 15px -2px
}
.shadow-layer.white {
	background-color:white;
	background-image:none;
	background-position:0 0;
	background-size:auto;
	background-repeat:repeat
}
.stop-loading22 {
	opacity:0
}
.todelete {
	position:absolute;
	display:none;
	width:287px;
	height:52px;
	background-color:black
}
.todelete.top {
	left:104px;
	top:-207px;
	width:145px;
	height:156px
}
.light {
	color:white
}
.light-semitransparent {
	color:rgba(255, 255, 255, 0.66)
}
.bg-gradient {
 background-image: -webkit-linear-gradient(107deg,#0D96CA,#05126D 82%);
    background-image: linear-gradient(343deg,#0D96CA,#05126D 82%);

}
.list-calendar-events {
	margin-right:20px;
	margin-left:30px;
	padding-top:20px;
	padding-bottom:12px;
	border-bottom:1px solid #e7e7e9;
	background-color:#fff;
}
.calendar-col-left {
	width:100%;
	float:left
}
.calendar-col-right {
	position:absolute;
	display:inline-block;
	width:32px;
	margin-left:-32px;
	float:left
}
.image-calendar-event {
	overflow-x:hidden;
	overflow-y:hidden;
	width:28px;
	height:28px;
	margin-top:4px;
	float:right;
	border-radius:16px
}
.calendar {
	padding:10px;
	background-color:#fff
}
.calendar-days {
	padding-right:0;
	padding-left:0;
	list-style-type:none
}
.calendar-cell-day {
	width:14.28%;
	height:50px;
	float:left;
	text-align:center
}
.text-calendar-event {
	color:white;
	line-height:50px
}
.text-calendar-event:hover {
	background-color:white;
	color:#102a3b
}
.text-calendar-event:active {
	background-color:white
}
.text-calendar-event.header {
	color:rgba(255, 255, 255, 0.30);

	font-size:12px
}
.text-calendar-event.header:hover {
	background-color:rgba(255, 255, 255, 0.04)
}
.text-calendar-event.semitrans {
	background-color:rgba(255, 255, 255, 0.04);
	color:rgba(255, 255, 255, 0.30)
}
.text-calendar-event.semitrans:hover {
	color:rgba(255, 255, 255, 0.5)
}
.event-bullet {
	display:block;
	width:5px;
	height:5px;
	margin-top:-12px;
	margin-right:auto;
	margin-left:auto;
	border-radius:4px;
	background-color:#ff274a;
}
.present-bullet {
	display:block;
	width:5px;
	height:5px;
	margin-top:-12px;
	margin-right:auto;
	margin-left:auto;
	border-radius:4px;
	background-color:#27FF67;
}
.leave-bullet {
	display:block;
	width:5px;
	height:5px;
	margin-top:-12px;
	margin-right:auto;
	margin-left:auto;
	border-radius:4px;
	background-color:#FFDD00;
}
.left-text-icon {
	display:inline-block;
	width:22px;
	height:20px;
	float:left;
	color:#a3a3a3;
	font-size:18px
}
.event-title {
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 10px;
    color: #1A48B9;
    font-size: 18px;
    font-weight: 600;
}
.event-text {
	display: inline-block;
    margin-right: 20px;
    float: left;
    color: #4E4E53;
    font-size: 13px;
    line-height: 1.6em;
}
.portfolio-item {
	width:50%;
	padding-right:10px;
	padding-bottom:10px;
	float:left;
	-webkit-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}
.portfolio-gallery {
	padding-top:10px;
	padding-left:10px
}
.portfolio-gallery.inline {
	padding-left:20px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:0
}
.portfolio-image {
	width:100%;
	padding-top:100%;
	background-image:url('../images/photo-1422479516648-9b1f0b6e8da8.jpg');
	background-position:50% 50%;
	background-size:cover;
	background-repeat:no-repeat
}
.portfolio-image.bg1 {
	background-image:url('../images/photo-1433785567155-bf5530cab72c.jpg');
	background-position:0 0;
	background-size:cover
}
.portfolio-image.bg2 {
	background-image:url('../images/photo-1428948304740-392e214d312f%20(1.html).jpe');
	background-position:0 50%;
	background-size:cover
}
.portfolio-image.bg3 {
	background-image:url('../images/photo-1422036306541-00138cae4dbc.jpg');
	background-position:0 0;
	background-size:cover
}
.portfolio-image.bg4 {
	background-image:url('../images/photo-1416949929422-a1d9c8fe84af.jpg');
	background-position:0 0;
	background-size:cover
}
.portfolio-image.bg5 {
	background-image:url('../images/8S64npOgTu2eWTZIXEfy_DSC_0955.jpg');
	background-position:0 0;
	background-size:cover
}
.icon-grid-cols {
	margin-top:4px;
	margin-left:2px
}
.icon-grid-cols.p-l {
	margin-left:4px
}
.icon-grid-item {
	width:3px;
	height:3px;
	margin-right:2px;
	margin-bottom:2px;
	float:left;
	background-color:#333
}
.icon-grid-item.last {
	margin-right:0
}
.icon-grid-item._2-cols {
	width:6px;
	height:5px;
	margin-right:3px;
	margin-bottom:3px
}
.icon-grid-item._1-col {
	width:15px;
	height:2px;
	margin-right:3px;
	margin-bottom:3px
}
.grid-1-column {
	width:100%
}
.grid-2-columns {
	width:50%
}
.grid-3-columns {
	width:33.333%
}

.title-h1 {
	margin-top:0;
	margin-bottom:0;
	font-size:16px
}
.news-slider {
	height:100%;
	padding-right:20px;
	padding-left:20px;
	background-color:transparent
}
.news-slider.grey {
	border-bottom:1px solid #e6e6e6;
	background-color:#fafafa
}
.news-slide {
	height:100%
}
.news-arrows {
	margin-top:90px;
	font-size:25px
}
.news-arrows.left {
	margin-left:35px
}
.news-arrows.right {
	margin-right:35px
}
.news-slidenav {
	top:169px;
	bottom:auto;
	font-size:6px
}
.portfolio-image-hidden {
	display:none;
	background-image:url('../images/index.html');
	background-position:0 0
}
.portfolio-video-icon {
	position:absolute;
	display:inline-block
}
.link-blog-list {
	display:block
}
.footer-copyright {
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #e6e6e6;
	text-align:center
}
.social-media-centered {
	text-align:center
}
.drop-down-list {
	position:relative;
	display:none;
	margin:8px -22px;
	padding:8px 22px 8px 45px;
	background-color:rgba(255, 255, 255, 0.02)
}
.dropdown-icon {
	margin-right:6px
}
html.w-mod-js *[data-ix="menu-mask"] {
	opacity:0
}
html.w-mod-js *[data-ix="list-item"] {
	opacity:0;
	-webkit-transform:translate(-26px, 0);
	-ms-transform:translate(-26px, 0);
	transform:translate(-26px, 0)
}
@media(max-width:479px) {
.mobile-wrapper {
width:100%
}
}
.navbar {
	width:inherit
}
.radio-bullet-replacement, .checkbox-handle, .loading-mask, .shadow-layer {
	pointer-events:none
}
input[type=text], textarea {
	outline:0
}
input[type=text]:focus, textarea:focus {
	outline:0
}
* {
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
*:not(input):not(textarea) {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.loading-icon {
	-webkit-animation-name:spin;
	-webkit-animation-duration:2500ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-moz-animation-name:spin;
	-moz-animation-duration:2500ms;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-ms-animation-name:spin;
	-ms-animation-duration:2500ms;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;
	animation-name:spin;
	animation-duration:2500ms;
	animation-iteration-count:infinite;
	animation-timing-function:linear
}
@-moz-keyframes spin {
from {
-moz-transform:rotate(0)
}
to {
	-moz-transform:rotate(360deg)
}
}
@-webkit-keyframes spin {
from {
-webkit-transform:rotate(0)
}
to {
	-webkit-transform:rotate(360deg)
}
}
@keyframes spin {
from {
transform:rotate(0)
}
to {
	transform:rotate(360deg)
}
}
.loading-mask {
	display:block !important
}
.w-input.light::-webkit-input-placeholder {
color:#6F6F6F;
font-size:14px;
}
.w-input.light:-moz-placeholder {
color:#6F6F6F;
font-size:14px;
}
.w-input.light::-moz-placeholder {
color:#6F6F6F;
font-size:14px;
}
.w-input.light:-ms-input-placeholder {
color:#6F6F6F;
font-size:14px;
}
.navbar, .page-content, .news-mask, .search-fixed, .input-chat-block, .loading-mask, .shadow-layer {
	width:inherit
}
.nav-menu {
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch
}
.small-button.social.last {
	margin-right:0
}
.small-button.icon-only.grey.right.last {
	margin-left:0
}
.home-menu {
	text-align:center;	
	position: relative;
    overflow: hidden;
	 
}

.home-menu a{
	position: relative;
    display: block;
}


.home-menu .w-col .icon {
		width: 111px;
	height: 111px;
}
.home-menu .w-col h2 {
	font-size: 14px;
   margin: 15px 0;
	line-height: 20px;
}
.profile-icon img {
    width: 25px;
    height: 25px;
    position: absolute;
     right: 25px;
    top: 5px;
}

.hero-image .floating-button {
	position: absolute;
    bottom: 15px;
    right: 10px;
}
.hero-image .btn-floating img {
    width: 150px;
    height: 150px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 37px;
}


.hero-image .btn-floating {
display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 150px;
    height: 150px;
    line-height: 37px;
    padding: 0;
    background-color: #26a69a;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
}

.hero-image-title h2{
    font-size: 15px;
    text-transform: capitalize;
}
.image-message .ion-grid {
    font-size: 35px;
}
.present {
	display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #3054ad;
}
.absent {
	display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background-color:#FF274A;
}
.leave {
	display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 50%;
    background-color:#FFDD00;
}
.block-attendance {
	background: #fff;
    position: relative;
    margin:16px 0;
    overflow: hidden;
	    box-shadow: 0 0 10px #E0E0E0;
}
.block-attendance h2{
    display: block;
    font-size: 16px;
    padding: 5px 15px;
    border-bottom: 1px solid #DEDEDE;
    color: #fff;
    background: #E43E54;
}
.arrow {
    position: absolute;
    top: 10%;
    right: 5%;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.block-attendance .att-sum {
    overflow: hidden;
    position: relative;
    list-style: none;
    padding:10px 0;
    text-align: center;
}
.att-sum h6{
	    font-size: 30px;
	}
	 .att-sum h4{   color: #4E4E53;
		    font-size: 18px;
			}
			.att-sum .green{   color: #3054ad;
		    
			}
			.att-sum .red{   color: #E41307;
		    
			}
.block-attendance .att-sum li{
    display: inline-block;
    width: 48%;
    border-right: 1px solid #C5C5C5;
}
.block-attendance .att-sum li:last-child{
	border:none;
}

.block-attendance p{
	text-align: center;
    margin:10px 0 0;
    font-weight: 600;
    color: #4E4E4E;
}
.event-text p {
	padding: 0;
	color:#8E8E8E;
	    font-size: 13px;
}
.event-text p span{
	    color: #E21414;
    font-size: 10px;
}

w-form::-webkit-input-placeholder {
   color: red;
   font-size:12px;
}

w-form:-moz-placeholder { /* Firefox 18- */
   color: red; 
   font-size:12px; 
}

w-form::-moz-placeholder {  /* Firefox 19+ */
   color: red;
   font-size:12px;  
}

w-form:-ms-input-placeholder {  
   color: red;  
   font-size:12px;
}
.login-ic {
	position: absolute;
   right: 5%;
	top: 41%;
	font-size: 25px;
	color: #b13b3f;
}
.login-ic1 {
position: absolute;
    right: 11%;
    top: 22%;
    font-size: 28px;
    color: #2138CC;
}

/* expand collapse   */
.accordion dl,
.accordion-list {
  border: 1px solid #ddd;
}
.accordion dl:after,
.accordion-list:after {
    content: "";
    display: block;
    height: 0.5em;
    width: 100%;
    background-color: #3054AD;
}

.accordion dd,
.accordion__panel {
    background-color: #FFF;
    font-size: 1em;
    line-height: 1.5em;
    margin: 0;
}

.accordion p {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0;
}

.accordionTitle,
.accordion__Heading {
	background-color: #FFFFFF;
    text-align: center;
    font-weight: 700;
    padding: 2em;
    display: block;
    text-decoration: none;
    color: #333;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
    border-bottom: 1px solid #D2D2D2;
    text-transform: uppercase;
}
.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 1.5em;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #FFFFFF;
}

.accordionTitleActive,
.accordionTitle.is-expanded {
    background-color: #F1E83C;
}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  max-height: 50em;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}
@media screen and (min-width: 48em) {
  .accordionItem {
    max-height: 15em;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}

.more-detail {
	    display: block;
    background: #F3F3F3;
    padding: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #E84242;
}

 
.fee-block1 {
	background: #FF4949;
   background-image: linear-gradient(to top, rgba(245, 172, 60, 0.7686274509803922) 0%, rgb(255, 109, 115) 100%);
	padding: 25px 0 10px;
}
.fee-block1 .amt-headline {
font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	line-height: 25px;
	padding: 0 12px;
}
.fee-block1 .amt {
	font-size: 18px;
    color: #000;
    text-align: center;
	margin: 10px 0;
}
.fee-block1 .btm {
    background: #D82424;
    margin: 0 0 -8px;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.fee-block1 a {
	display:block;
}
.fee-block2 {
	background: #E2CD36;
background-image: linear-gradient(to top, rgba(245, 172, 60, 0.7686274509803922) 0%, rgb(226, 205, 54) 100%);
	padding: 25px  0 10px;
}
.fee-block2 .amt-headline {
font-size: 18px;
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	line-height: 25px;
	padding: 0 12px;
}
.fee-block2 .amt {
	font-size: 18px;
    color: #000;
    text-align: center;
	margin: 10px 0;
}
.fee-block2 .btm {
    background: #B7A208;
    margin: 0 0 -8px;
    text-align: center;
    padding: 8px;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}
.fee-block2 a {
	display:block;
}

.fe-hed {
	font-size: 16px;
    border-bottom: 1px solid #C3C3C3;
    margin-bottom: 10px;
    color: #3054AD;
    text-transform: uppercase;
}

/*-------------------------------

	POPUP.CSS

-------------------------------*/

.popup_back {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.popup_cont {
	position: fixed;
	z-index: 102;
	width: 95%;
}

.preloader {
	z-index: 101;
}

/*---------------------

	EDIT BELOW

*/

.popup_close {
	color: #888;
	cursor: pointer;
	position: absolute;
	padding: 5px;
	right: 5px;
	top: 0;
}

.popup_close:hover {
	color: #111;
}

.popup_back {
	cursor: pointer;
	background-color: #222;
}

div.popup {
	background: #fff;
	padding: 30px 10px;
	box-shadow: 0 3px 10px #222;
}

.preloader {
	left: 50%;
	margin: -10px 0 0 -25px;
	position: fixed;
	top: 50%;
}
.blk{
	    margin: 20px 0 0;
}
.bottom-fixed {
    position: fixed;
    bottom: 0;
    background: #E8E8E8;
    width: 100%;
    padding: 10px 10px;
    box-shadow: 0 0 10px #969595;
}
.bottom-fixed a img{
    width: 50px;
    height: 50px;
}
.bottom-fixed .FL {
	float:left;
}
.bottom-fixed .FR {
	float:right;
}
.bottom-fixed .small-bl{
	display: block;
    width: auto;
    padding: 0px 10px;
    position: static;
    height: auto;
    margin-top: 5px;
}
.bottom-fixed .small-bl i{
    font-size: 35px;
    background: #292C96;
    padding: 6px 13px;
    color: #fff;
    border-radius: 50%;
}

.bottom-fixed .small-button{
	    display: inline-block;
}
.h-pending-amnt {
    position: relative;
    overflow: hidden;
    text-align: center;
	margin-bottom: 15px;
}
.h-pending-amnt.red {
    background: #FF5D57;
}
.h-pending-amnt.red a{
    background: #DE3E38;
}
.h-pending-amnt.green {
    background: #0ED078;
}
.h-pending-amnt.green a {
    background: #0B9255;
}
.home-menu .w-col .h-pending-amnt h2{
    color: #fff;
    font-size: 12px;
    margin: 0;
    padding: 15px 8px 0px;
}
.home-menu .w-col .h-pending-amnt h5{
    margin: 14px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.home-menu .w-col .h-pending-amnt a{
    color: #fff;
    font-size: 12px;
    padding: 8px;
    text-transform: capitalize;
    font-weight: 600;
}
.home-menu .w-col .h-pending-amnt p{
	color: #fff;
    font-size: 10px;
    padding: 0;
}
	
.h-progress {
	position: relative;
    overflow: hidden;
    text-align: center;
    background: #F5F5F5;
	margin-bottom: 15px;
}
.h-progress h4{
	background: #FFBC40;
    padding: 8px;
    margin: 0 0 10px;
    color: #fff;
}

.one-half {
    float: left;
    width: 49%;
    margin-right: 2px;
}

.dropbtn {
    color: white;
    padding: 4px;
    font-size: 12px;
    border: none;
    line-height: 15px;
    background-color: transparent;
    text-transform: uppercase;
    outline: 0px;
}

.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 123px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.mobile-wrapper {
background: linear-gradient(120deg, #ffffffbf 0%, #bfbebeeb 100%), url(../img/top.jpg);
    background-size: cover;
    overflow:auto;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    position: fixed;
    width: 100%;
    background-position: center;
}
.col.s4 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
    padding: 0;
}

.col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
}
.icon-service .content {
    border: 1px solid #d1d1d1;
    border-top: 0;
    border-left: 0;
    text-align: center;
    padding-bottom: 79%;
    height: 0px;
    width: 100%;
    position: relative;
    /* margin-bottom: 20px; */
    background: #ffffffb0;
    border-radius: 0;
}content .in-content {
    width: 100%;
    height: 100%;
    display: table;
    position: absolute;
}.content .in-content .in-in-content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
    margin: 29%;
}.content .in-content .in-in-content h5 {
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
    color: #333;
}.content .in-content .in-in-content img {
    width: 47%;
    height: auto;
}.col.s1 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
    padding: 0;
}
.s1 .content .in-content .in-in-content img {
    width: 47%;
    height: auto;
}

.dropbtn {
    color: white;
    padding: 4px;
    font-size: 12px;
    border: none;
    line-height: 15px;
    background-color: transparent;
    text-transform: uppercase;
    outline: 0px;
}

.dropdown1 {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 123px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content a {
    color: black;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    line-height: 12px;
	font-weight: bold;
}
.icon-color{color:red !important;}
.show {display: block;}
.dropdown-content a:hover {background-color: #ddd;}

.dropdown1:hover .dropdown-content {display: block;}

.dropdown1:hover .dropbtn {background-color: #3e8e41;}.sty{font-size: 15px;color: #f68534;}.v-loc{display: inline-block;margin-right: 4px;font-size: 20px;color: #e26409;font-weight: 900;}  @media only screen and (min-width:450px) and (max-width:479px){.mobile-wrapper{width:100%}.ripplelink img {width: 36%;margin: 15px auto 0;}}
@media only screen and (min-width:481px) and (max-width:640px){.mobile-wrapper{width:100%} .ripplelink img {width: 28%;margin:20px auto 0;}.navbar-title img {width: 135px;} .navbar-title {width: 36%;}}










@media only screen and (max-width: 767px) {
  
  
  
  
 .nav-submenu-link {
  display: block;
  height: 40px;
  padding: 0;
  padding-top: 0px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  text-decoration: none;
  line-height: 25px;
  padding-top: 9px;
}
	
	
	
	.icon-list-submenu {
  display: inline-block;
width: 30px;
  height: 6px;
  float: left;
  color: #FFF;
  font-size: 19px;
  line-height: 21px;
  text-align: left;
}
	
	
	.mobile-menu .submenu {
  display: none;
}

/* Styling for the toggle button */
.mobile-menu .menu-toggle {
 /* background-color: #0074d9;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;*/
}
.menu-toggle {

font-size: 13px;
}
/* Style the submenu items */
.mobile-menu .submenu li {
  list-style: none;
  margin: 0;
  padding: 0;
    display: ruby;

  /*display: block ruby;*/
}

.submenu a {
  
  border-left: 2px solid #ccc;
  margin-left: 8px;
  margin-top: -7px;
  }


.mobile-menu .submenu a {
  display: flex;
  
 /* padding: 10px;
  text-decoration: none;
  color: #333;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
  transition: background-color 0.2s;*/
}

.mobile-menu .submenu a:hover {
  background-color: #ddd0;
}
	
	.mobile-menu {
  
 /* padding: 15px 0px;*/
}
	
	
	submenu li::before {
  background: #677484;
  bottom: auto;
  content: "";
  height: 60px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%;
  left: 23px;
  top: 0;
  bottom: 0;
  width: 2px;
  top: 0px;
  overflow: hidden;
}
	
	.nav-submenu-titles {
  display: inline-block;
 float: left;
  line-height: 20px;
  text-align: left;
  color: rgba(255, 255, 255, 0.84);
  font-size: 12px;
}



  .subhead {
   box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
  border-radius: 0px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 35px;
  background: #caced5;
  text-align: center;
  color: #535050;
}
  

  
  
  
}





@media only screen and (min-width: 591px) {
  
  
   .nav-submenu-link {
  display: block;
  height: 40px;
  padding: 0;
  padding-top: 0px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  text-decoration: none;
  line-height: 25px;
  padding-top: 9px;
}
	
	
	
	.icon-list-submenu {
  display: inline-block;
  width: 30px;
  height: 6px;
  float: left;
  color: #FFF;
  font-size: 19px;
  line-height: 21px;
  text-align: left;
}
	
	
	.mobile-menu .submenu {
  display: none;
}

/* Styling for the toggle button */
.mobile-menu .menu-toggle {
 /* background-color: #0074d9;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;*/
}
.menu-toggle {

font-size: 13px;
}
/* Style the submenu items */
.mobile-menu .submenu li {
  list-style: none;
  margin: 0;
  padding: 0;
  
  display: block ruby;
}

.submenu a {
  
  border-left: 2px solid #ccc;
  margin-left: 8px;
  margin-top: -7px;
  }


.mobile-menu .submenu a {
  display: block;
  
 /* padding: 10px;
  text-decoration: none;
  color: #333;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
  transition: background-color 0.2s;*/
}

.mobile-menu .submenu a:hover {
  background-color: #ddd;
}
	
	.mobile-menu {
  
 /* padding: 15px 0px;*/
}
	
	
	submenu li::before {
  background: #677484;
  bottom: auto;
  content: "";
  height: 60px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  border-radius: 50%;
  left: 23px;
  top: 0;
  bottom: 0;
  width: 2px;
  top: 0px;
  overflow: hidden;
}
	
	.nav-submenu-titles {
  display: inline-block;
  float: left;
  line-height: 20px;
  text-align: left;
  color: rgba(255, 255, 255, 0.84);
  font-size: 12px;
}



  
  .subhead {
   box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1);
  border-radius: 0px;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 35px;
  background: #caced5;
  text-align: center;
  color: #535050;
}
  

  
  
  }
  
  
  
  
  .fixedcol  {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
 /* z-index: 2;*/
  font-size: 10px;
 /* background: #e4e8ff;*/
  background-attachment: scroll;
  border-right: 0px solid white !important;
}

 .fixedcol div {
  box-shadow: rgb(170, 170, 170) 3px 3px 4px;
  background: #b6c1ff;
    background-attachment: scroll;
}
  
  
  
  
  /* ------------------------------- menu and submenu -------------------------------------------*/
  
  
   .menu ul {
    list-style: none;
    padding: 0;
}

.menu li {
    /*padding: 10px;*/
    cursor: pointer;
}

.menu li.has-submenu .submenu {
    display: none;
}

.menu li.has-submenu.active .submenu {
    display: block;
	padding-bottom: 15px;
  margin-top: -15px;
}

.menu a {
   /* text-decoration: none;*/
}

.submenu {
    list-style: none;
    padding: 0;
}

.submenu li {
    /*padding: 5px 20px;*/
}