/*!
 * 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 li .dropdown-item { margin-top: 0px; height: auto; padding:10px 0px; }
.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);   
    margin-top: 20px;   
}
.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;
 }