/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

 @font-face {
  font-family: 'Harrington';
  src: url('../fonts/Harrington.eot?#iefix') format('embedded-opentype'),  url('../fonts/Harrington.woff') format('woff'), url('../fonts/Harrington.ttf')  format('truetype'), url('../fonts/Harrington.svg#Harrington') format('svg');
  font-weight: normal;
  font-style: normal;
}

a:hover {text-decoration: none!important;}
.body-bg{background:#e9e9e9}
.navbar-expand-lg .navbar-nav li{font-size: 18px!important; font-weight: bold!important;}
.navbar-expand-lg .navbar-nav .nav-link{ padding-left:18px; padding-right:18px}
.paydues{position:absolute; right:0px;}
.padding-0{ padding:0px}
.carousel-item {
  height: 450px;
  min-height: 180px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.img-responsive{ width:100%; height:auto}
.portfolio-item {
  margin-bottom: 30px;
}
.readmore {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 4em;
    color: #e22727;
    font-size: 14px;
}
.readmore > i {
    display: inline-block;
    -webkit-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.readmore:hover > i {
    -webkit-transform: translate3d(10px, 0px, 0);
    transform: translate3d(10px, 0px, 0);
}
.logo-container{padding:0px; background: #f3f3f5; position: relative;}
.logo-container .logo-bg{margin-bottom:0px !important}
		.logo-container a{ position:relative; z-index:9; color:#fff}
		.logo-container:after{background: #1bbce8; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 50%; margin-left: -400px;}
		.logo{background: #1bbce8; padding-top:10px; padding-bottom:10px}
		.logo img{ height:100px}
		 .logo:after{
			 content: ""; 
			 background: #1bbce8 none repeat scroll 0 0;
			 transform: skewX(-30deg);
			 -webkit-transform: skewX(-30deg);
			 height: 100%;
			 width: 79px;
			 right: -25px;
			 position: absolute;
			 top: 0;
}
.top-info__block {
    padding-bottom: 34px;
    padding-top: 38px;
}
.top-info__block a{ position:static}
.top-info__block a:hover{ text-decoration:none}
.top-info__block ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.top-info__block ul li {
    display: inline-block;
    position: relative;
}
.top-info__block li {
    border-right: 1px solid #cfcfd0;
}
.top-info__block li:last-child {
    border: medium none;
}
.top-info__block li i {
    color: #0c1f38;
    font-size: 30px;
    height: 36px;
    left: 0;
    line-height: 36px;
    margin-top: -17px;
    position: absolute;
    text-align: center;
    top: 46%;
    width: 50px;
}
.top-info__block li a {
    color: #fff;
    height: 36px;
    left: 0;
    margin-top: -17px;
    text-align: center;
    top: 46%;
    line-height: 14px;
}
.top-info__block p {
	margin:0px;
    margin-right: 15px;
    padding-left: 50px;
    text-align: left;
    font-size: 12px;
    color: #222;
    line-height: 1.54;
    font-weight: bold;
	
}
.top-info__block p span {
    color: #1bbce8;
    display: block;
    font-size: 12px;
}
.top-info__block .dropdown-toggle:after{ display:none}
.top-info__block .dropdown-item{color:#222; padding-bottom:6px; padding-top:6px}
.top-info__block .dropdown-menu{
	border : 1px solid #E6E6E6;
	border-radius : 0 0 0.25rem 0.25rem;
  	-webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1);    
}
.top-info__block li.myact{background:#fff; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1);}
.top-info__block li.myact i{background:#fff}
.gb_vb {
	border-color: transparent;
    border-bottom-color: #fff;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    display: block;
    position: absolute;
    left:15px;
    top:-8px;
    z-index: 1;
    height: 0;
    width: 0;
    -moz-animation: gb__a .2s;
    animation: gb__a .2s;
}
.top-info__block .dropdown-menu .logout-menu{
	width:100%; 
	padding:10px 0px; 
	text-align:center; 
	background:#f5f5f5; 
	border-top:#d3d3d3 solid 1px
	}
.top-info__block .dropdown-menu .logout-menu a{
	font-size:14px; 
	background: #f8f8f8; 
	color: #666; 
	border: 1px solid #c6c6c6; 
	line-height: 28px;
	padding: 3px 12px; 
	border-radius: 2px;
	}
.italic{
	font-style:italic;
	margin: 0px;
	font-weight: normal;
	color: #8e8e8e;
}
h2 span{ color:#1bbce8; font-weight:300; position:relative}
h2 span::after{ padding-bottom:10px; position:absolute; bottom:10px; height:2px; background:#09F}
.home-about-mt{margin-top:165px}
/*--home services--*/
.home-services-bg{ background:#1bbce8; margin-top:40px; margin-bottom:40px}
.home-services-bg .text-out{float:left; width:25%; padding-top:15px}
.home-services-bg .text-out .text-con{ padding:20px}
.home-services-bg .text-out .text-con h2{ color:#fff; margin-bottom:30px; margin-top:30px}
.home-services-bg .text-out .text-con p{color:#fff; line-height:2}
.home-services-bg .services-home-img-main{float:left; width:75%}
.home-services-bg figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.5;
}
.home-services-bg .service-img-box{
	float:left; 
	width:33.333%; 
	position:relative; 
	overflow:hidden
	}
	/***** Goliath *****/
/*-----------------*/

figure.effect-goliath {
	background: #222;
}
figure.effect-goliath img, figure.effect-goliath h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
figure.effect-goliath img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.effect-goliath h2, figure.effect-goliath p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 30px;
	color:#fff;
	font-weight:600;
	
}
figure.effect-goliath p {
	text-transform: none;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	letter-spacing: 1px;
	text-align:center;
	padding-bottom:10px
}
figure.effect-goliath:hover img {
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
}
figure.effect-goliath:hover h2 {
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
}
figure.effect-goliath:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.grid figure.effect-goliath {
	margin: 0;
}
/*---------------*/
/*--end home services--*/
/*--home blog--*/
.home-blog{margin-top:80px; margin-bottom:80px}
.home-blog h2{text-align:center; display:block; margin-bottom:30px}

.news-event-blog{margin-top:50px; margin-bottom:50px}
.news-event-blog h2{text-align:center; display:block; margin-bottom:30px}

.img-scale figure {
	overflow: hidden;
}
.img-scale img {
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	width: 100%;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.img-scale:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
	-o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.latest__block-post {
	padding: 20px;
}
.gray-bg {
    background: rgb(247, 247, 247);
}
.latest__block .more_btn__block {
	margin-top: 10px;
}
.latest__block-title {
	font-size: 20px;
	font-weight: 800;
}
.latest__block-title a{color: #201a15;}
.more_btn__block {
	color: #1bbce8;
	font-weight: bold;
	display: inline-block;
	margin-top: 30px;
}
.project-detail-block {
	padding: 30px;
}
/*end blog--*/
/*--login model--*/
.userlogin{ max-width:400px}
.userlogin .modal-content .close{position:absolute; right: 20px; top: 20px;}
.userlogin .modal-content .modal-header{ display:block; background:#1bbce8}
.userlogin .modal-body{ padding:0px; padding-top:10px}
.userlogin .modal-body .control-group{ padding:0px 40px 0px 40px}
.userlogin .modal-body .control-group label{ margin-bottom:0px; font-weight:500}
.userlogin .modal-body .control-group .error{ color:red;}
.userlogin .modal-body .form-control{padding:10px 10px;}
.userlogin .modal-body .modal-footer{ margin-top:20px; background:#f5f5f5; display:block}
.userlogin .modal-body .modal-footer .btn{ padding-left:50px; padding-right:50px}
/*--end login model--*/
/*user admin--*/
.user-admin-hdr{
	background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
	}
.user-admin-hdr .user-title{
	color: #ffffff;
	padding: 20px 0;
	}
.user-admin-hdr .user-title h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 20px;
    position: relative;
	text-align:center
}
.user-admin-hdr .user-title h1::before {
    background: #f68a15 none repeat scroll 0 0;
    bottom: -5px;
    content: "";
    height: 3px;
    position: absolute;
    right: 47.5%;
    width: 60px;
}
.dashboard-tabs{ width:auto}
.list-shadow{box-shadow:2px 2px 5px rgba(0, 0, 0, 0.1);}
.info-box {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  height: 80px;
  cursor: default;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  width:100%;
  display:table
  }
.info-box a{
	text-align:center;
	vertical-align:middle;
	width:100%;
	height:100%;
	color:#fff;
	display:table-cell;
	font-size: 20px;
	line-height:20px
	
	}
.info-box .content {
	color:#fff;
	margin-top:-5px
	}
.info-box .content span {
      font-size: 14px;
      margin-top: 4px;
      color: #fff;
	  width:100%;
	  display:block;
	  position:absolute;
	  bottom:0px;
	  background:rgba(255, 255, 255, 0.5);
}
.info-box .content span:first-child{ bottom:21px}
.bg-pink {
    background-color: #E91E63;
    color: #fff;
}
.bg-cyan {
    background-color: #00BCD4;
    color: #fff;
}
.bg-cyan .content{ margin-bottom:35px}
.bg-light-green {
    background-color: #8BC34A;
    color: #fff;
}
.bg-orange {
    background-color: #FF9800;
    color: #fff;
}
.card .header {
    color: #555;
    padding: 20px;
    position: relative;
    border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}
.card .header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    color: #111;
}
.card .body {
    font-size: 14px;
    color: #555;
    padding: 20px;
}
.profile-dl-main{
	width:100%;
	border-bottom: 1px solid rgba(204, 204, 204, 0.35);
}
/*.profile-dl-main:last-child{
	width:100%;
	border-bottom:none;
	}*/
.profile-dl-main:after{
	content:''; 
	clear:both; 
	display:block;
}
.profile-dl-main .name{width:250px; float:left; font-weight:500; padding-top:10px; padding-bottom:10px}
.profile-dl-main .name-details{float:left; width:auto; padding-top:10px; padding-bottom:10px}
.drp-shadw{filter: drop-shadow(1px 1px 2px #737373);}
.pb-30{padding-bottom: 30px;}
/*end user admin--*/

.rwa-gallery > ul {
  margin-bottom: 0;
}
.rwa-gallery > ul > li {
    float: left;
    margin-bottom: 25px;
    margin-right: 0px;
    margin-left: 0px;
    /*width: 200px;*/
}
.rwa-gallery > ul > li a {
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.rwa-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 250px;
  width: 250px;
}
.rwa-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.rwa-gallery > ul > li a:hover .rwa-gallery-poster > img {
  opacity: 1;
}
.rwa-gallery > ul > li a .rwa-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.rwa-gallery > ul > li a .rwa-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.rwa-gallery > ul > li a:hover .rwa-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.rwa-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.rwa-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.rwa-gallery .justified-gallery > a:hover .rwa-gallery-poster > img {
  opacity: 1;
}
.rwa-gallery .justified-gallery > a .rwa-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.rwa-gallery .justified-gallery > a .rwa-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.rwa-gallery .justified-gallery > a:hover .rwa-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.rwa-gallery .video .rwa-gallery-poster img {
  height: 50%;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 50%;
}
.rwa-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.home .rwa-gallery {
  padding-bottom: 80px;
}
.heading{
    padding: 20px 0px;
    font-size: 50px; 
    font-family: 'Harrington'!important;
}
.main-post-intro-title, .main-section-title {
    background: #e9e9eb;
    margin-bottom: 20px;
    border: 3px solid #0dc0d6;
    border-left: none;
    border-right: none;
    padding-top: .5em;
}
@media (min-width:768px) and (max-width:991px){
	.logo-container .container{ max-width:100%}
	.logo-container::after{ display:none}
	.logo-container .logo-bg{ background:#1bbce8}
	.top-info__block .dropdown-menu{ left:-100px;}
	.gb_vb{left:auto; right:40px}
}
	
	
@media (min-width:1px) and (max-width:767px){
	.logo-container .container{ max-width:100%}
	.carousel-item { height:200px}
	.logo img{ max-width:100%; height:auto}
	.logo:after{position: relative;}
	.logo-container .logo-bg{ background:#1bbce8}
	 .paydues{top:0px}
	.home-about-mt {margin-top:10px;}
	.top-info__block ul li{ float:left;}
	.top-info__block{ padding-top:10px; padding-bottom:10px}
	.top-info__block:after{ content:''; clear:both; display:block}
	.top-info__block ul li{ margin-bottom:5px;margin-left: 3px;}
	.top-info__block li i{ font-size:20px; line-height: 40px; width: 30px; height:30px; margin-top: -20px; display:none}
	.top-info__block li a {height: 36px;left: 0;margin-top: -0px;top: 46%; line-height: 14px;}
    .top-info__block p{padding-left: 10px; margin-right:5px;}
	.navbar-toggler{}
	/*services---*/
	.home-services-bg{background:#fff}
	.home-services-bg .text-out .text-con{background:#1bbce8}
	.home-services-bg .text-out{ float:none; width:100%}
	.home-services-bg .services-home-img-main{ float:none; width:100%; padding:15px}
	.home-services-bg .service-img-box{ float:none; width:100%}
	.top-info__block .dropdown-menu{ left:-60px;}
	.gb_vb{left:auto; right:40px}
	.profile-dl-main .name{width:250px; float:left; font-weight:500; padding-top:5px; padding-bottom:5px}
	.profile-dl-main .name-details{float:left; width:auto; padding-top:0px; padding-bottom:5px}
	.navbar-toggler{ margin:5px 0px 5px 5px}
	.navbar-nav{border-top: #ccc solid 1px;}
	.paydues{ right:5px; top:5px}
	.paydues .btn{padding:8px 5px; font-size:14px}
	/*.side-link{ display:none}*/
    .card{display: block;}
}

.notification > a {
    display: table;
    position: relative;
    padding-left: 5px;
 }
 .notification-count {
    font-size: 10px;
     color: #fff;
     background: #5d5d5d;
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     border: 0px;
     position: absolute;
     border-radius: 50%;
     right: -5px;}
 .circul{
    width: 40px;
     height: 40px;
     /* line-height: 40px; */
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     color: #000;
     border: 1px solid #000;
     border-radius: 50%;
 }         
 .notification-panel {
    width: 280px;
    border-radius: .25rem !important;
    border: 1px solid rgba(0,0,0,.15)!important;
    overflow:auto;
    max-height:450px;
 }
 .notification-list {
    border-top: 1px solid #e9ecef;
    font-weight: 600;
    background-color: #f8f9fa;
 }