@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
*
* ---------------------------------------------------------------------------
*
* Template : Blue - A One-Page HTML Portfolio/Business Template
* Author : Muhammad Morshd
* Author URI : http://morsheds.com
*
* --------------------------------------------------------------------------- 
*
*/

/* =================================== */
/*  Basic Style 
/* =================================== */

body {
    background-color: #fff;
    font-family: 'Poppins', sans-serif !important;
    line-height: 24px !important;
    font-size: 16px !important;
    color: #2f2f2f !important;
}

figure, p, address {
    margin: 0;
}

p {
    line-height: 25px;
}

iframe {
    border: 0;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

a, a:hover, a:focus, .btn:focus {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Open Sans', sans-serif;
    color: #252525;
}

main > section {
    padding: 70px 0;    
}

.btn {
    border-radius: 0;
    border: 0;
    position: relative;
    text-transform: uppercase;
}

div.caption-content .btn-blue {
    background-color: rgb(2, 25, 81) !important;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.15) inset !important;
    padding: 15px 55px !important;
    color: #fff !important;
}

.btn-border {
    border: 2px solid #fff;
    color: #fff;
    padding: 12px 35px;
}

.bg-blue {
    background-color: #009EE3;
}

/* Sweep To Right */
.btn-effect {
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    display: inline-block;

    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
            transform: translateZ(0);
          
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
          
    -webkit-transition-property: color;
       -moz-transition-property: color;
        -ms-transition-property: color;
            transition-property: color;
          
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
          
    -moz-osx-font-smoothing: grayscale;
}

.btn-effect:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #094dee;
    
    -webkit-transform: scaleX(0);
       -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
            
    -webkit-transform-origin: 0 50%;
       -moz-transform-origin: 0 50%;
        -ms-transform-origin: 0 50%;
            transform-origin: 0 50%;
            
    -webkit-transition-property: transform;
       -moz-transition-property: transform;
        -ms-transition-property: transform;
            transition-property: transform;
            
    -webkit-transition-duration: 0.3s;
       -moz-transition-duration: 0.3s;
        -ms-transition-duration: 0.3s;
            transition-duration: 0.3s;
            
    -webkit-transition-timing-function: ease-out;
       -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
}

.btn-effect:hover, .btn-effect:focus, .btn-effect:active {
    color: #000;
    
}

.btn-effect:hover:before, .btn-effect:focus:before, .btn-effect:active:before {
    -webkit-transform: scaleX(1);
       -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
}

.sec-title {
    margin-bottom: 50px;
}

.sec-title.white {
    color: #fff;
}

.sec-title h2 {
    font-size: 36px;
    margin: 0 0 30px;
    padding-bottom: 30px;
    position: relative;
    text-transform: uppercase;
    font-weight: 800;
}

#service .sec-title h2 {
    color: #2e0360;
}

#Facilities .sec-title h2 {
    color: #2e0360;
}

.sec-title.white h2 {
    color: #0044fb;
}

.sec-title h2:after {
    border-bottom: 1px solid #0044fb;
    content: "";
    display: block;
    left: 45%;
    bottom: 0;
    position: absolute;
    width: 115px;
}

.sec-title.white h2:after {
    border-bottom: 1px solid #fff;
}

.parallax {
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}



/**
/*  Preloader
/* ==========================================*/

#preloader {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

/*Battery*/
.loder-box {
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 1px;
  height: 100px;
  left: 50%;
  margin-left: -64px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 128px;
}

.battery{
    width: 60px;
    height: 25px;
    top: 35%;
    border: 1px #2E2E2E solid;
    border-radius: 2px;
    position: relative;
    -webkit-animation: charge 5s linear infinite;
       -moz-animation: charge 5s linear infinite;
            animation: charge 5s linear infinite;
    margin: 0 auto;
}

.battery:after {
  background-color: #2E2E2E;
  border-radius: 0 1px 1px 0;
  content: "";
  height: 10px;
  position: absolute;
  right: -5px;
  top: 7px;
  width: 3px;
}

@-webkit-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}

@-moz-keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}

@keyframes charge{
    0%{box-shadow: inset 0px 0px 0px #2E2E2E;}
    100%{box-shadow: inset 60px 0px 0px #2E2E2E;}
}



#preloader {
    background-color: #041c53;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#loader-container {
  width: 200px;
  height: 200px;
  color: white;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 5px solid #fff;
  border-radius: 50%;
  -webkit-animation: borderScale 1s infinite ease-in-out;
  animation: borderScale 1s infinite ease-in-out;
}

#loadingText {
  font-family: 'Poppins', sans-serif !important;
  font-weight: bold;
  font-size: 2em;
  position: absolute;
  color: #fff;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes borderScale {
  0% {
    border: 5px solid white;
  }
  50% {
    border: 25px solid #3498db;
  }
  100% {
    border: 5px solid white;
  }
}

@keyframes borderScale {
  0% {
    border: 5px solid white;
  }
  50% {
    border: 25px solid #3498db;
  }
  100% {
    border: 5px solid white;
  }
}


/**
/*  Header
/* ==========================================*/

#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    /* background-color: rgba(0,0,0,.4); */
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 0px 0 20px 0;
}

#navigation.animated-header {
    padding: 0px 0 20px 0;
}

h1.navbar-brand {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    height: 0;
    padding: 0;
    line-height: 0;
}

h1.navbar-brand img {
    margin-top: 0px;
    margin-right: 10px;
}

h1.navbar-brand a {
    color: #060060 !important;
}

h1.navbar-brand a .gitanjali {    
    position: relative;
    text-align: center;    
    display: block;
    padding-top:10px !important;
}

h1.navbar-brand a .gitanjalinabh {
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    color: #313131;
    text-align: center;
    width: 475px !important;
    display: block;
    padding:20px !important;
}

div.gmclogo {
    float: left;
    width: 475px;
}

div.nabhlogo {
    float: left;
    width: 100px;
    position: relative;
    bottom: 7px;
    left: 15px;
}

div.nabhlogo img {
    width: 50px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
}



/*=================================================================
    Home Slider
==================================================================*/


#home-slider {
    position: relative;
    padding: 0;
}

.sl-slider-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} 

.sl-slide {
    z-index: 1;
}

.slide-caption {
    color: #fff;
    display: table;
    height: 100%;
    left: 0;
    min-height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 11;
}

.slide-caption .caption-content {
    vertical-align: middle;
    display: table-cell;
}

.caption-content h2 {
    color: #fff;
    font-size: 52px;
    font-weight: 800;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.caption-content > span {
    display: block;
    font-size: 24px;
    margin-bottom: 45px;
    text-transform: capitalize;
}

.caption-content p {
    font-size: 29px;
    margin-bottom: 65px;
}

/* The duplicate parts/slices */

.sl-content-slice {
    overflow: hidden;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
    width: 100%;
    height: 50%;
    left: -200px;
    -webkit-transform: translateY(0%) scale(1);
    -moz-transform: translateY(0%) scale(1);
    -o-transform: translateY(0%) scale(1);
    -ms-transform: translateY(0%) scale(1);
    transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
    top: -200px;
    padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
    top: 50%;
    padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
    width: 50%;
    height: 100%;
    top: -200px;
    -webkit-transform: translateX(0%) scale(1);
    -moz-transform: translateX(0%) scale(1);
    -o-transform: translateX(0%) scale(1);
    -ms-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
    left: -200px;
    padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
    left: 50%;
    padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
    position: absolute;
}

.sl-content {
    width: 100%;
    height: 100%;
}

/* Default styles for background colors

.btn-effect:after {
    width: 0%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    content: "";
    position: absolute;
    z-index: -1;

    -webkit-transition: all 0.3s ease-out 0s;
       -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
         -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
}

.btn-effect:hover,
.btn-effect:active {
    color: #0e83cd;
}

.btn-effect:hover:after,
.btn-effect:active:after {
    width: 100%;
} */


/* Project laughtbox setup */

.fancybox-item.fancybox-close {
    background: url("../img/icons/close.png") no-repeat scroll 0 0 transparent;
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
}

.fancybox-next span {
    background: url("../img/right.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    right: 0;
}

.fancybox-prev span {
    background: url("../img/left.png") no-repeat scroll center center #009ee3;
    height: 50px;
    width: 50px;
    left: 0;
}

#navigation.animated-header {
    padding: 0px 0 20px 0;
}

/*=================================================================
    About
==================================================================*/

#about {
    background-color: #fff;
    color: #2f2f2f;
}

#about h3 {
    
    margin: 0 0 35px;
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
}

#about .welcome-block h3 {
    margin: 0 0 35px;
    font-weight: 800;
    color: #000;
}

#about .welcome-block .message-body h4 {
    margin: 20px 0 20px 0;
    font-weight: 600;
    font-size: 22px;
    color: #05bdb8;
}

#about .welcome-block .message-body ul li {
    list-style-type: disc;
    line-height: 25px;
}

#about .welcome-block a {
    background: #0070ff;
    margin: 20px;
    color: #fff;
    padding: 15px 20px;
}

#about .welcome-block img {
    border: 3px solid #fff;
    border-radius: 50%;
    margin-right: 35px;
    max-width: 100px;
}

#about .message-body {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 70px;
}

.owl-buttons {
    border: 2px solid #000;
    display: inline-block;
    float: right;
    padding: 1px 8px 5px;
}

.owl-buttons > div {
    display: inline-block;
    padding: 0 5px;
}

.welcome-message {
    padding: 0 50px;
}

.welcome-message img {
    display: block;
    height: auto;
    max-width: 100px;
    float: left;
}

.welcome-message p {
    font-size: 13px;
    margin-left: 135px;
}

/*=================================================================
    Services
==================================================================*/

.service-icon {
    border: 3px solid transparent;
    display: inline-block;
    height: 85px;
    width: 85px;
    line-height: 101px;

    -webkit-transform: rotate(47deg);
       -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
         -o-transform: rotate(47deg);
            transform: rotate(47deg);

    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

.service-item:hover .service-icon {
    border: 3px solid #eee;
    margin-bottom: 20px;
    color: #010f15;
}

.service-icon i {
    -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
}

.service-item h3 {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 800;
    padding: 15px 25px;
    min-height: 85px;
    
}

.service-item {    
    position: relative;
    background: #186BEC;
    padding: 0;
    border-radius: 5px;
    margin: 0px 15px 35px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.3s ease-in-out;
    transform: translateY(0px) !important;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.service-item:hover {
  transform: translateY(-10px) !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.service-item p { 
    padding: 5px 25px;
}

#services {
    background: #f8f8f8;
    color: #000;
}

#services a.btn {
    background: #fff;
    margin: 20px;
    color: #0a1b4d;
    padding: 15px 20px;
    float: none !important;
     border: none;
     border-radius: 0;
}

#services a.btn:hover {
    background: #060062;
    color: #fff;
    border: none;
    border-radius: 4px !important;
}

#service .col-md-4 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 10px;
    width: 31%;
}
.service-item img {
    padding: 0px 0px 0px 0px;
}
#service .col-md-4 .btn {
    background: #2e0560;
    margin: 20px;
    color: #fff;
    padding: 15px 20px;
    float: none !important;
}




#insuranceproducts .insurance-item img {
    height: 150px;
    width: 150px;
    border: 1px solid #eaeaea;
    border-radius: 5px;
}


/*=================================================================
    Facilities
==================================================================*/

.facility-icon {
    border: 3px solid transparent;
    display: inline-block;
    height: 85px;
    width: 85px;
    line-height: 101px;

    -webkit-transform: rotate(47deg);
       -moz-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
         -o-transform: rotate(47deg);
            transform: rotate(47deg);

    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

.facility-item:hover .facility-icon {
    border: 3px solid #eee;
    margin-bottom: 20px;
    color: #010f15;
}

.facility-icon i {
    -webkit-transform: rotate(-48deg);
       -moz-transform: rotate(-48deg);
        -ms-transform: rotate(-48deg);
         -o-transform: rotate(-48deg);
            transform: rotate(-48deg);
}

.facility-item h3 {
    font-size: 25px;
    text-transform: capitalize;
    font-weight: 800;
    padding: 15px 25px;
    min-height: 85px;
    
}

.facility-item {    
    position: relative;
    background: #186BEC;
    padding: 0;
    border-radius: 5px;
    margin: 0px 15px 35px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all 0.3s ease-in-out;
    transform: translateY(0px) !important;
    display: inline-block;
    text-align: center;
    color: #fff;
}

.facility-item:hover {
  transform: translateY(-10px) !important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.facility-item p { 
    padding: 5px 25px;
}

#facilities {
    background: #0034ff;
    color: #030033;
}

#facilities .sec-title h2,
#portfolio .sec-title h2,
#services .sec-title h2,
#about .sec-title h2,
#social .sec-title h2,
#testimonials .sec-title h2,
#fundproduct .sec-title h2,
#social .sec-title h2 {
    color: #030033;
    text-align: center;
}

#facilities a.btn {
    background: #fff;
    margin: 20px;
    color: #0a1b4d;
    padding: 15px 20px;
    float: none !important;
     border: none;
     border-radius: 0;
}

#facilities a.btn:hover {
    background: #060062;
    color: #fff;
    border: none;
    border-radius: 4px !important;
}

#facilities .col-md-4 {
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    margin: 10px;
    width: 31%;
}
.facility-item img {
    padding: 0px 0px 0px 0px;
    height: 350px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.facility-item:hover img {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

#facilities .col-md-4 .btn {
    background: #2e0560;
    margin: 20px;
    color: #fff;
    padding: 15px 20px;
    float: none !important;
}

.facility-item .facility-img {
    float: left;
    width: 50%;
}

.facility-item .facility-content {
    float: left;
    width: 50%;
}


#insuranceproducts .insurance-item img {
    height: 150px;
    width: 150px;
}

/*=================================================================
    Portfolio
==================================================================*/

.project-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.project-wrapper li {
    display: inline-block;
}

.portfolio-item {
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    /*width: 32%;*/
    width: 20%;
}

figcaption.mask {
    background-color: #0ac7fe;
    bottom: -126px;
    color: #020c4d;
    /*padding: 25px;*/
    padding: 10px 5px;
    position: absolute;
    width: 100%;
    text-align: left;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #05012b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

figcaption p {
    margin-bottom: 0px;
    font-size: 12px;
    text-transform: uppercase;
}

ul.external {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -47px;
    
    -webkit-transition: all 0.4s ease 0s;
       -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
         -o-transition: all 0.4s ease 0s;
            transition: all 0.4s ease 0s;
}

ul.external li {
    display: inline-block;
}

ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #818181;
    display: block;
    padding: 10px 18px 13px;
    
    -webkit-transition: all 0.5s ease 0s;
       -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
         -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}

ul.external li a:hover {
    background-color: #009EE3;
    color: #fff;
}

.portfolio-item:hover ul.external {
    top: 0;
}

.fancybox-skin {
    border-radius: 0;
}

.fancybox-title.fancybox-title-inside-wrap {
    padding: 15px;
}

.fancybox-title h3 {
    margin: 0 0 15px;
}

.fancybox-title p {
    color: #818181;
    font-size: 16px;
    line-height: 22px;
}

.fancybox-title-inside-wrap {
    padding-top: 0;
}

/*=================================================================
    Testimonials
==================================================================*/


#testimonials {
    background-image: url(../img/parallax/testimonial.jpg);
    padding: 0;
    color: #fff;
}

#testimonials .sec-title h2:after {
    border-bottom: 1px solid #0044fb;
}

#testimonials .overlay {
    background-color: rgba(13, 83, 227, 0.9);
    padding: 70px 0 40px;
}

.testimonial-item {
    margin: 0 auto;
    padding-bottom: 50px;
    width: 64%;
}

.testimonial-item img {
    border: 3px solid #fff;
    border-radius: 50%;
    display: inline-block !important;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    background: #fff;
}

.testimonial-item > div {
    line-height: 30px;
    position: relative;
}

.testimonial-item > div:before {
    background-image: url("../img/icons/quotes.png");
    background-repeat: no-repeat;
    bottom: 127px;
    height: 33px;
    left: -35px;
    position: absolute;
    width: 45px;
}

.testimonial-item > div:after {
    background-image: url("../img/icons/quotes.png");
    background-position: -58px 0;
    background-repeat: no-repeat;
    bottom: -50px;
    height: 33px;
    position: absolute;
    right: 0;
    width: 45px;
}

.testimonial-item > div > span {
    display: inline-block;
    font-weight: 700;
    margin: 40px 0 30px;
    text-transform: capitalize;
    font-size: 23px;
}

#testimonials .owl-controls.clickable {
    margin-top: 20px;
    text-align: center;
}

#testimonials .owl-buttons {
    /*border: 2px solid #fff;*/
    float: inherit;
}

#testimonials .owl-prev:hover,
#testimonials .owl-next:hover {
    color: #011338;
    background: #fff;
   /* border: 2px solid #011338 !important; */
}

#testimonials .owl-nav .owl-prev,
#testimonials .owl-nav .owl-next {
  /*  border: 2px solid #fff !important; */
}

.price-table {
    border: 1px solid #e3e3e3;
}

.price-table.featured {
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.19);
       -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.19);
            box-shadow: 0 4px 5px rgba(0,0,0,0.19);
}

.price-table > span {
    color: #252525;
    display: block;
    font-size: 24px;
    padding: 30px 0;
    text-transform: uppercase;
}

.price-table .value {
    background-color: #f8f8f8;
    color: #727272;
    padding: 20px 0;

    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}

.price-table.featured .value {
    background-color: #009EE3;
    color: #fff;
}

.price-table .value span {
    display: inline-block;
}

.price-table .value span:first-child {
    font-size: 32px;
    line-height: 32px;
}

.price-table .value span:nth-child(2) {
    font-size: 65px;
    line-height: 65px;
    margin-bottom: 25px;
}

.price-table .value span:last-child {
    font-size: 16px;
}

.price-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.price-table ul li {
    border-top: 1px solid #e3e3e3;
    display: block;
    padding: 25px 0;

    -webkit-transition: all 0.7s ease 0s;
       -moz-transition: all 0.7s ease 0s;
        -ms-transition: all 0.7s ease 0s;
         -o-transition: all 0.7s ease 0s;
            transition: all 0.7s ease 0s;
}

.price-table ul li a {
    display: block;
    text-transform: uppercase;
}

.price-table.featured ul li:last-child,
.price-table ul li:last-child:hover {
    background-color: #009EE3;
}

.price-table.featured ul li:last-child a,
.price-table ul li:last-child:hover a {
    color: #fff;
}


/*=================================================================
    Price
==================================================================*/

#social {
    background-image: url(../img/slider/banner.jpg);
    padding: 0;
}

#social .overlay {
    /*background: url("../img/slide_bg.png") repeat scroll 0 0 transparent;*/
    padding: 100px 0 120px;
    background: #f9f9f9;
}

.social-button {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

.social-button li {
    display: inline-block;
}

.social-button li:nth-child(2) {
    margin: 0 75px;
}

.social-button li a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: block;
    height: 90px;
    line-height: 96px;
    width: 90px;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.social-button li a:hover {
    color: #008ECC;
    border: 2px solid #008ECC;
}


/*=================================================================
    Contact
==================================================================*/

.input-field {
    margin-bottom: 10px;
}

.form-control {
    border: 1px solid #ececec;
    border-radius: 0;
    box-shadow: none;
    color: #818181;
    font-size: 16px;
    height: 50px;
}

textarea.form-control {
    width: 100%;
    height: 165px;
}

#submit:hover {
  color: #fff;
}

#submit:before {
  background-color: #0A85BB;
}

#submit.btn-effect:after {
  background: #2E2E2E;
}

.contact-details h3 {
    border-bottom: 1px solid #1f458c;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.contact-details p {
    line-height: 30px;
}

.contact-details p i {
    margin-right: 10px;
}

.contact-details span {
    display: block;
    margin-left: 24px;
}

.contact-details h1.footertitle {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0px 10px 10px;
}


/*============================================================
    Google Maps
==============================================================*/

#google-map {
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 300px;
}


/*============================================================
    Footer
==============================================================*/

#footer {
    background: #060455;
    padding: 70px 0 0px 0;
    color: #fff;
}
#footer p.copy {
    text-align: center;
    background: #01003c;
    padding: 10px 0px;
    margin: 0;
}    
.footer-content {
    width: 390px;
    margin: 0 auto;
}

.footer-content > div {
    margin-bottom: 40px;
}

.footer-content > div > p:first-child {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.subscribe-form {
    position: relative;
}

.subscribe.form-control {
    background-color: transparent;
    border: 1px solid #7f7f7f;
}

.subscribe.form-control:focus {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.submit-icon {
    background-color: #7f7f7f;
    border: 0 none;
    border-radius: 0;
    color: #c1c1c1;
    padding: 13px 20px;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
}

.submit-icon .fa-paper-plane {
    position: relative;
    top: 0;
    
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);

    -webkit-transition: all 0.3s ease 0.2s;
       -moz-transition: all 0.3s ease 0.2s;
        -ms-transition: all 0.3s ease 0.2s;
         -o-transition: all 0.3s ease 0.2s;
            transition: all 0.3s ease 0.2s;
}

.submit-icon:hover .fa-paper-plane {
    position: relative;
    top: -37px;
    
    -webkit-transform: translateX(30px);
       -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
         -o-transform: translateX(30px);
            transform: translateX(30px);
}

.footer-content .footer-social {
    margin: 40px 0 35px;
}

.footer-social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.footer-social ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer-social ul li a {
    color: #789ef4;
    display: block;
    
    -webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}

.footer-social ul li a:hover {
    color: #0034ff;
}

.footer-content > p {
    color: #ababab;
    font-size: 12px;
}



/*============================================================ 
    Responsive Styles
 ============================================================*/

/*============================================================
    For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {

/*about*/
    #about .welcome-block img {
        margin-bottom: 30px;
    }

/* portfolio */
    figcaption.mask {
        bottom: -151px;
    }

    .testimonial-item > div:after {
        bottom: -40px;
    }
}


/*============================================================
    Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {

/* home slider  */
    .caption-content h2 {
        font-size: 40px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 45px;
    }

/* about */
    .recent-works {
        margin-bottom: 50px;
    }

    .service-item {
        margin-bottom: 50px;
    }
    
    .facility-item {
        margin-bottom: 50px;
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

/* testimonial */
    .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:after {
        bottom: -35px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }
}


/*============================================================
    Mobile (Portrait) Design for a width of 320px
==============================================================*/

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

    body {
        font-size: 14px;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 25px;
    }

    .sec-title h2:after {
        left: 30%;
    }

/*navigation*/
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

/* slider */
    .caption-content h2 {
        font-size: 18px;
    }

    .caption-content > span {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .caption-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .caption-content strong {
        font-size: 22px;
    }

/* about */
    .recent-works {
        margin-bottom: 85px;
    }

    #about h3 {
        font-size: 18px;
        margin: 0 0 35px !important;
        font-weight: 800;
    }

    #about .owl-buttons {
        margin-top: 20px;
    }

    #about .message-body {
        margin-bottom: 45px;
    }

    #about .welcome-block img {
        margin: 0 25px 15px 0;
    }

/* service */
    .service-item {
        width: 100%;
    }

/* service */
    .facility-item {
        width: 100%;
    }


/*portfolio*/
    .portfolio-item {
        margin: 0 auto 10px;
        font-size: 14px;
        width: 280px;
    }

    figcaption.mask {
        bottom: 0px;
        color: #fff;
        padding: 15px;
    }

/* lightbox */
    .fancybox-title h3 {
        font-size: 20px;
    }

    .fancybox-title p {
        font-size: 14px;
    }

/* testimonial */
    .testimonial-item {
        width: 95%;
    }

    .testimonial-item > div:before,
    .testimonial-item > div:after {
        background-image: none;
    }

    .testimonial-item > div > span {
        margin: 30px 0 20px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* follow us */
    .social-button li:nth-child(2) {
        margin: 0 25px;
    }

    .social-button li a {
        height: 65px;
        line-height: 71px;
        width: 65px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 100%;
    }

    .footer-social ul li {
        margin: 0 7px;
    }
}


/*============================================================
    Mobile (Landscape) Design for a width of 480px
==============================================================*/

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

    .sec-title h2:after {
        left: 38%;
    }

/* home slider */
    .caption-content h2 {
        font-size: 35px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about*/

    /*#about .welcome-block h3 {
        margin: 0 0 35px;
    }*/

    #about .welcome-block a.btn {
        background: #2e0560;
        margin: 20px;
        color: #fff;
        padding: 15px 20px;
        float: none !important;
    }
/* service */

    .service-item {
        margin: 0 auto 50px;
        width: 100%;
    }

    /* facilities */

    .facility-item {
        margin: 0 auto 50px;
        width: 100%;
    }

    

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: 0px !important;
    }

/* testimonial */
    .testimonial-item {
        width: 100%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social */
    .social-button li:nth-child(2) {
        margin: 0 50px;
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 380px;
    }
}











.topmenu {
    /*background: green;*/
    width: 100%;
    max-width: 100% !important;
    display: inline-table;
    margin-top: 0px !important;
    padding: 20px 20px 0px 20px !important;
}


nav#menu {
    float: right;
    position: relative;
    left: 150px;
}
.menu ul.menu-section {
    margin-bottom: 0px !important;
}

.menu ul li a {
  color: #01002b !important;
  text-decoration: none !important;
  font-size: 20px;
}
.menu ul li .list-item h4.title a {
    color: #07bef7 !important;
    font-weight: 800 !important;
}
.header .menu > ul > li .menu-subs {
    /*background: #0b054f !important;*/
    background: #0b2d6c !important;
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.header .menu > ul > li .menu-subs > ul > li > a {
    color: #fff !important;
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul {
    padding-left: 0 !important;
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a {
    padding: 5px 5px !important;
    font-size: 16px !important;
    color: #fff !important;
    width: 380px !important;  
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li:hover {
    
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover {
    color: #0752c6 !important;
    background: #07bef7;
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a > .menuimg img {
    width: 50px !important;    
    height: 50px !important;   
    border-radius: 3px; 
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a > .menuimg {
    float: left;
    padding: 0px 10px 0 0 !important;    
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a > .title h3 {
    padding: 2px !important;
    font-size: 14px !important;
    color: #fff !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-transform: uppercase;
}

.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a > .title p {
    padding: 3px !important;
    font-size: 12px !important;
    color: #124fdf !important;
    line-height: 12px  !important;
    margin: 0px !important;
}

.header {
 position:fixed;
 display:block;
 top:0;
 left:0;
 width:100%;
 height:auto;
 margin:0 auto;
 padding:.75rem 0 0 0;
 z-index:100;
 background:var(--color-white);
 -webkit-box-shadow:var(--shadow-medium);
 box-shadow:var(--shadow-medium)
}
.header .wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.header-item-left {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 0 17%;
 flex:0 0 17%
}
.header-item-center {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex
}
.header-item-center {
    float: right;
}
.header-item-right {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 0 17%;
 flex:0 0 17%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:end;
 -ms-flex-pack:end;
 justify-content:flex-end
}

@media screen and (max-width: 993px) {
    nav#menu {
        float: none;
        position: fixed;
        left: 0;
    }
    span.gitanjali {
        font-size: 12px;
        margin-top: -11px !important;
    }
    h1.navbar-brand img {
        padding-left: 0px;
        margin-top: -11px !important;
    }
    .menu ul.menu-section {
        padding-left: 0;
    }
    .header .menu > ul > li > a {
        padding: 10px !important;
        line-height: auto !important;
        height:  auto !important;
    }
    .header .menu > ul > li > a i.ion {
        padding: 10px !important;
        line-height: auto !important;
        height:  auto !important;
    }

    #navigation.animated-header {
        padding: 5px 0 20px 0;
    }
    .facility-item {
        margin: 0;
    }
    .service-item {
        margin: 0;        
    }
    .fa-chevron-right {
        margin-right: 20px;
    }
    .fa-chevron-left {
        margin-left: 20px;
    }
    .fa-arrow-right {
        margin-right: 20px;
    }
    .fa-arrow-left {
        margin-left: 20px;
    }
    .portfolio-item {
        width: 50%;
    }
    .portfolio-item img {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
 .header-item-center {
  -webkit-box-flex:0;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  -webkit-box-ordinal-group:4;
  -ms-flex-order:3;
  order:3
 }
 .header-item-left,
 .header-item-right {
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto
 }
 .wrapper {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:0 auto;
  padding:.5rem 0
 }
 
 .overlay {
  position:relative !important;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:100;
  opacity:1 !important;
  visibility:visible !important;
  background:rgba(0,0,0,.65);
  -webkit-transition:all .45s ease-in-out;
  transition:all .45s ease-in-out
 }
 .overlay.active {
  opacity:1;
  visibility:visible
 }
}

















@media only screen and (max-width: 756px) {
  
  #viewdetails .col-md-8 {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
  #viewdetails .col-md-4 {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .gallery-photos .big-photo {
    margin-left: -20px;
  }

  div.boxproducts {
    width: 100% !important;
  }
}














.animateds {
  animation-duration: 0.8s;
  backface-visibility: hidden;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.animateds {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}



.icon-animated.inview::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.icon-animated.inview::after, .icon-animated.inview::before {
  animation: 1.3s icon-animate infinite;
    animation-delay: 0s;
}
.icon-animated::after, .icon-animated::before {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  background: inherit;
  border-radius: inherit;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-animation-delay: 0s;
}



.features .hotspots  .item .item-inner {
  box-shadow: ;
}
.hotspots  .item .item-inner {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #e60c9b;
  box-shadow: ;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.icon-animated {
  position: relative;
}
[data-toggle="popover"] {
  cursor: pointer;
  position: relative;
}




.hotspots  .item {
  position: relative;
}
.visible {
  visibility: visible !important;
}
.animateds {
  animation-duration: 0.8s;
  backface-visibility: hidden;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.animateds {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.visible {
  visibility: visible !important;
}




.icon-animated.inview::after, .icon-animated.inview::before {
  animation: 1.3s icon-animate infinite;
}
.icon-animated::after, .icon-animated::before {
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  background: inherit;
  border-radius: inherit;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-animation-delay: 0s;
}



.tallDiv 
{
   height: 800px;
   background-color: silver;
}




.sectionClass {
  padding: 20px 0px 50px 0px;
  position: relative;
  display: block;
}

.fullWidth {
  width: 100% !important;
  display: table;
  float: none;
  padding: 0;
  min-height: 1px;
  height: 100%;
  position: relative;
}


.sectiontitle {
  background-position: center;
  margin: 30px 0 0px;
  text-align: center;
  min-height: 20px;

}

.sectiontitle h2 {
  font-size: 30px;
  color: #065bb5;
  margin-bottom: 0px;
  padding-right: 10px;
  padding-left: 10px;
  font-weight: 800;
}


.headerLine {
  width: 160px;
  height: 2px;
  display: inline-block;
  background: #0b2542;
}


.projectFactsWrap{
    display: flex;
  margin-top: 30px;
  flex-direction: row;
  flex-wrap: wrap;
}


#projectFacts .fullWidth{
  padding: 0;
}

.projectFactsWrap .item{
  width: 25%;
  height: 300px;
  padding: 50px 0px;
  text-align: center;
}

.projectFactsWrap .item:nth-child(1){
  background: rgb(9, 99, 189);
}

.projectFactsWrap .item:nth-child(2){
  background: rgb(15, 176, 176);
}

.projectFactsWrap .item:nth-child(3){
  background: rgb(48, 217, 59);
}

.projectFactsWrap .item:nth-child(4){
  background: rgb(9, 191, 3);
}

.projectFactsWrap .item p.count{
  font-size: 40px;
  padding: 20px;
  font-weight: bold;
}

.projectFactsWrap .item p{
  color: rgba(255, 255, 255, 0.8);
  font-size: 25px;
  margin: 0;
  padding: 10px;
}


.projectFactsWrap .item span {
  /*width: 60px;
  background: rgba(255, 255, 255, 0.8);
  height: 2px;
  display: block;
  margin: 0 auto;*/
}


.projectFactsWrap .item i{
  vertical-align: middle;
  font-size: 50px;
  color: rgba(255, 255, 255, 0.8);
}


.projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
  color: white;
}

.projectFactsWrap .item:hover span{
  background: white;
}

@media (max-width: 786px){
  .projectFactsWrap .item {
     flex: 0 0 50%;
  }
}

footer h2 {
    color: #1ba0f0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 0;
}

/* AUTHOR LINK */


/*footer{
  z-index: 100;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
  bottom: 0;
  left: 0;
}

footer p {
color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  opacity: 0;
  font-family: 'Open Sans';
  width: 100%;
    word-wrap: break-word;
  line-height: 25px;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  margin: 0;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  transition: all 250ms ease;
}

footer .authorWindow a{
  color: white;
  text-decoration: none;
}

footer p strong {
    color: rgba(255, 255, 255, 0.9);
}*/

.about-me-img {
  width: 120px;
  height: 120px;
  left: 10px;
  /* bottom: 30px; */
  position: relative;
  border-radius: 100px;
}


.about-me-img img {
}


.authorWindow{
  width: 600px;
  background: #75439a;
  padding: 22px 20px 22px 20px;
  border-radius: 5px;
  overflow: hidden;
}

.authorWindowWrapper{
  display: none;
  left: 110px;
  top: 0;
  padding-left: 25px;
  position: absolute;
}





.trans{
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
    .authorWindow{
         width: 210px;
    }

    .authorWindowWrapper{
             bottom: -170px;
  margin-bottom: 20px;
    }

    /*footer p{
          font-size: 14px;
    }*/
}

div.message-body ul li {
    list-style-type: none !important;    
    padding: 3px;
    /*list-style: none;*/
    list-style-image: url("../img/icons/gmc_arrow.png");
    /*background-image: url("../img/icons/gmc_arrow.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px;*/
}

footer ul li {
    list-style-type: none  !important;
    padding: 3px;
    list-style-image: url("../img/icons/gmc_arrow.png");
    /*list-style: none;*/
    /*background-image: url("../img/icons/gmc_arrow.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 11px;*/
}
footer ul li a {
    font-size: 14px;
    color: #d7d7d7 !important
}
footer ul li a:hover {
    color: #a7a3ea !important
}
footer h2 {
    color: #1ba0f0;
}



.ml1 {
  font-weight: 900;
  font-size: 3.5em;
}

.ml1 .letter {
  display: inline-block;
  line-height: 1em;
}

.ml1 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml1 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 3px;
  width: 100%;
  background-color: #fff;
  transform-origin: 0 0;
}

.ml1 .line1 { top: 0; }
.ml1 .line2 { bottom: 0; }

#content-header div.content-wrapper {
    height: 200px;
    display: block;
}

#content-header div.content-wrapper img {
    height: 300px;
    width: 1920px;
    object-fit: cover;
}

.content-header .overlay {
    background-color: rgba(13, 83, 227, 0.955);    
}















/* previus/next slider control container */
/*.owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-80px);
  left: 0;
  right: 0;
  opacity: 0;
  transition: all .3s;
}*/

/* previus/next slider control*/
.owl-prev,
.owl-next {
    /*width: 200px;
    height: 100px;
    line-height: 70px;*/
    position: absolute;
    top:50%;
    transform: translateY(50%);
    /*     border-radius: 4px; */
    overflow: hidden;
    transition: all 1s ease;



    background: transparent;
    width: 55px;
    height: 55px;
    line-height: 53px;
    margin-top: -55px !important;
    text-align: center;
    border: 2px solid #000;
    border-radius: 55px;
    opacity: 5;
    transition: all .3s ease;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    /*border: 2px solid #000 !important;
    border-radius: 55px !important;*/
}

.owl-next {
    position: absolute;
    right: -6%;


}
.owl-prev {
    position: absolute;
    left: -6%;
}
.owl-next .fas,
.owl-prev .fas {
    font-size: 30px; 
}

.owl-theme .owl-nav [class*="owl-"] {
    border-radius: none;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #000d2d !important;
    color: #FFF;
    text-decoration: none;
    border-radius: 55px;
}

#testimonials .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #000d2d !important;
    color: #FFF;
    text-decoration: none;
    border-radius: 55px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #07bef7 !important;
}

.owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot span {
    background: #060060 !important;
}

span.blue-title {
    color: #07bef7;
}

span.white-title {
  color: #040331;  
}



.content-header {
    height: 275px;
    background: url("../contentbanner.jpg") no-repeat scroll 20% 60% transparent;
}
.content-header h1 {
    margin: 0;
    padding: 95px 95px 70px 95px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.header .menu-mobile-toggle {
    position: absolute;
    right: 30px;
}

.dept .depttitle {
    color: #070260 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.dept .col-md-6 {
    background: #0eb6c8 !important;
    color: #fff !important;
    border-radius: 5px !important;
    min-height: 120px;
    margin: 10px 20px 10px 0px;
    width: 48%;
}    

.dept .col-md-6 .dricon {
    background: #fff !important;
    padding: 15px !important;
    border-radius: 50px !important;
    float: left !important;
    margin: 30px 10px 30px 0px !important
}

.dept .col-md-6 .dricon i {
    color: #0eb6c8 !important;
    font-size: 30px !important;
}
.dept .col-md-6 h5 {
    font-size: 19px;
    font-weight: 800;
}
.dept .col-md-6 span {
    color: #042f2f;
    font-size: 13px;
}
.page-block h3 {
    margin: 20px 0px;
    font-weight: 600;
    color: #000;
}
.page-block img.conimg {
    padding: 20px 20px 20px 20px;
    border: 1px solid #cacaca;
    margin: 0px 20px 20px 0px;
    /*border: 1px solid #080063;
    border-radius: 5px;*/    
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
    transition: all 0.3s ease-in-out;
    transform: translateY(0px) !important;
}
.page-block img.conimg:hover {
    /*box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
    padding: 20px 20px 20px 20px;
    /*-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;*/
}
.deptdr .col-md-2 {
    background-color: #eee;
    position: relative;
    color: #020c4d;
   /* width: 22%;*/
    margin: 20px 15px 20px 0px;
    text-align: left;    
    padding: 0;
    min-height: 200px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
/*.deptdr .col-md-4 img {
    text-align: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}*/
.deptdr .col-md-2 h5 {
    text-align: center;
    padding: 5px 0;
    font-size: 12px !important;
    font-weight: 600;
}

.deptdr .col-md-2:hover {
   -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; 
    color: #fff;
    background-color: #020c4d;
} 

figure {
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
figure:hover+span {
    bottom: -36px;
    opacity: 1;
}

/* Zoom In #1 */
/*.deptdr .col-md-4 figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.deptdr .col-md-4 figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}*/

.deptdr .col-md-2 figure img {
    -webkit-transform: rotate(0deg) scale(1.05);
    transform: rotate(0deg) scale(1.05);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.deptdr .col-md-2 figure:hover img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
}

/*figcaption.mask {
    background-color: #0ac7fe;
    bottom: -126px;
    color: #020c4d;
    padding: 25px;
    position: absolute;
    width: 100%;
    text-align: left;
    
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.portfolio-item:hover figcaption.mask {
    bottom: 0;
}

figcaption.mask h3 {
    margin: 0;
    color: #fff;
}*/


/*background-color: #0ac7fe;
bottom: -126px;
color: #020c4d;
padding: 25px;
position: absolute;
width: 100%;
text-align: left;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;*/
.page-block ul {
list-style-type: disc !important;
}

.page-block ul li {
    list-style-type: disc !important;
}

.page-block h4 {
    font-weight: 600;
    color: #056fcc;
    padding: 10px 0;
}
.emergency-header {
    text-align: right;
    background: #04c3ff;
    width: 100%;
    color: #fff;
    padding: 5px 20px;
}
.emergency-header h2 {
    margin: 0 !important;
    animation: blinker 1s step-start infinite;
    margin-top: 2px;
    font-size: 16px;
}

.emergency-header {
  animation: blinker 1s step-start infinite;
}

.tsignal span.titreck {
  animation: blinkers 1s step-start infinite;
 /* background: cornsilk; */
  margin-top: 2px;
}

@keyframes blinkers {
  50% {
    /* opacity: .50; */
    color:#fff;
  }
  100% {
    /* opacity: 1; */
    color:#ff0000;
  }
}

@keyframes blinker {
  50% {
    /* opacity: .50; */
    color:#ff0000;
  }
  100% {
    /* opacity: 1; */
    color:#fff;
  }
}


/***** cyberneusys code are starts here *****/

h2.pagetitle-2 {
    padding: 15px 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    color: #06144d;
}

ul.pagedepartment {
    
}

ul.pagedepartment li {
    padding: 8px 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

div.gmcmission {
    background: #3974ff;
    padding: 20px;
}
div.gmcmission h4 {
    margin: 15px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 25px;
    color: #06144d !important;
    text-align: center;
}
div.gmcmission p {
    margin: 15px;
    font-size: 18px;
    color: #fff !important;
}
div.gmcmission i {
    color: #06144d;
    text-align: center;
    display: block;
    font-size: 50px;
}
div.gmcvision {
    background: #06144d;
    padding: 20px;
}
div.gmcvision h4 {
    margin: 15px;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 25px;
    color: #3974ff !important;
    text-align: center;
}
div.gmcvision p {
    margin: 15px;
    font-size: 18px;
    color: #fff !important;    
}
div.gmcvision i {
    color: #3974ff;
    text-align: center;
    display: block;
    font-size: 50px;
}
div.gmcvalues {
    background: #3974ff;
    padding: 20px;
}
div.gmcvalues h4 {
    margin: 15px;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 25px;
    color: #06144d !important;
    text-align: center;
}
div.gmcvalues p {
    margin: 15px;
    font-size: 18px;
    color: #fff !important;    
}
div.gmcvalues i {
    color: #06144d;
    text-align: center;
    display: block;
    font-size: 50px;
}

div.gmcvalues ul li {
    padding: 6px 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

div.gmcdoctors {
    background-color: #020339;
    border-radius: 10px;
    margin: 50px 0px;
}

div.gmcdoctors h3 {
    color: #fff;
    text-align: center;
    padding: 0px 10px 10px 10px;
}

div.gmcdoctors .col-md-3 {
    text-align: center;
}

div.gmcdoctors figure {
    text-align: center;
    display: inline-block;
    background: none;
}
div.gmcdoctors figure img {
    height: 170px;
    border-radius: 10px;
    text-align: center;
}

div.gmcdoctors h5 {
    font-size: 12px;
    font-weight: 600;
    color: #b4b5ff;
    text-transform: uppercase;
    padding: 0px 10px 10px 10px;
}
.emergency-footer h3 {
    font-size: 16px;
    text-align: center;
    color: #1ba0f0;
}

.emergency-footer span.gmcmobile {
    display: block;
    text-align: center;
    color: #ffef00;
    font-size: 25px;
    font-weight: 800;
    margin-left: 0;
}
.emergency-footer span.gmclline {
    display: block;
    text-align: center;
    color: #ffef00;
    font-size: 25px;
    font-weight: 800;
    margin-left: 0;
}
section#portfolio {
    /*background: #0e0220;*/
}

section#portfolio h2 {
    color: #fff !important;
}
section#portfolio p.subtitle {
    color: #fff;
}

#portfolio {
    background-image: url(../img/parallax/testimonial.jpg);
    padding: 0;
    color: #fff;
}

#portfolio .overlay {
    background-color: rgba(5, 21, 53, 0.9);
    padding: 70px 0 40px;
}

@media only screen and (max-width: 576px) {
    #navigation {
        padding: 0px 0 8px 0;
    }
  header#navigation h2 {
    font-size: 9px;
    padding-right: 10px;
  }
  #navigation.animated-header {
    padding: 0px 0 8px 0;
  }
  h1.navbar-brand a .gitanjalinabh {
    font-size: 9px;
    width: 345px !important;
    padding: 15px !important;
  }
  div.nabhlogo{
    float: right;
    width: 100px;
    position: relative;
    bottom: 37px;
    right: 27px;
    left: auto;
  }
  h1.navbar-brand a .gitanjali {
    padding-right: 33px;
  }
  #about .welcome-block h3 {
    font-size: 15px;
    margin: 25px 0px !important;
  }
  main > section {
    padding: 0px 0;
  }
  #portfolio ul.project-wrapper {
    width: 60%;
    margin: 0 auto;
  }
  #insuranceproducts .insurance-item img {
     text-align:center;
     margin: 0 auto;
  }
  .facility-item h3 {
    padding: 0px 25px;
    min-height: 0;
  }
  #facilities a.btn {
    margin: 10px;
  }
  .facility-item p {
    padding: 0px 25px;
    margin: 0 0 0px;
    line-height: 23px;
  }
  .footertitle1,
  .footertitle2,
  .footertitle3 {
    display: none;
  }
  address {
    text-align:center;
  }
  .fooabout {
   text-align:center; 
  }
  .fooabout span img {
    text-align: center;
    margin: 0 auto;
  }
  .fooabout span img.pull-left {
    float: none !important;
  }

  .content-header {
    height: 150px;
}
.content-header h1 {
    margin: 0;
    padding: 100px 0px 0px 20px;
    font-weight: 500;
    font-size: 20px !important;
    color: #fff;
    text-transform: uppercase;
}
.page-block {
    padding-top: 50px; 
}
div.gmcdoctors h3 {
    padding: 25px 20px;
}
.header .menu > ul > li > a { 
    color: #fff !important;
}
.sec-title h2 { 
    margin: 35px 0 30px;
}

}

@media (min-width: 577px) and (max-width: 767px) {
  
  #about .welcome-block h3 {
    font-size: 15px;
    margin: 25px 0px !important;
  }
  main > section {
    padding: 0px 0;
  }
  #portfolio ul.project-wrapper {
    width: 60%;
    margin: 0 auto;
  }
  #insuranceproducts .insurance-item img {
     text-align:center;
     margin: 0 auto;
  }
  .facility-item h3 {
    padding: 0px 25px;
    min-height: 0;
  }
  #facilities a.btn {
    margin: 10px;
  }
  .facility-item p {
    padding: 0px 25px;
    margin: 0 0 0px;
    line-height: 23px;
  }
  .footertitle1,
  .footertitle2,
  .footertitle3 {
    display: none;
  }
  address {
    text-align:center;
  }
  .fooabout {
   text-align:center; 
  }
  .fooabout span img {
    text-align: center;
    margin: 0 auto;
  }
  .fooabout span img.pull-left {
    float: none !important;
  }

  .content-header {
    height: 150px;
}
.content-header h1 {
    margin: 0;
    padding: 100px 0px 0px 20px;
    font-weight: 500;
    font-size: 20px !important;
    color: #fff;
    text-transform: uppercase;
}
.page-block {
    padding-top: 50px; 
}
div.gmcdoctors h3 {
    padding: 25px 20px;
}
.header .menu > ul > li > a { 
    color: #fff !important;
}
.sec-title h2 { 
    margin: 35px 0 30px;
}
.service-item {
        margin: 0 auto 50px;
        width: 100% !important;
    }
    .footertitle1,
    .footertitle2,
    .footertitle3 {
        display: none;
    }  
}

@media (min-width: 768px) and (max-width: 992px) {    
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
    /*.footertitle1,
    .footertitle2,
    .footertitle3 {
        display: none;
    }*/
}
@media (min-width: 993px) and (max-width: 1199px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}

.enquirebtn {
    background: #350cc8 !important;
    border: 1px solid #350cc8 !important;
}
.enquirebtn:hover {
    background: #0f0144 !important;
}
.enquirebtnclose {
    background: #ff0000 !important;
    border: 1px solid #ff0000 !important;
}
.enquirebtnclose:hover {
    background: #bd0505 !important;
    color: #fff !important;
}
.enquirebtnsubmit {
    background: #350cc8 !important;
    border: 1px solid #350cc8 !important;
}
.enquirebtnsubmit:hover {
    background: #1c0a60 !important;
}
.modal-header .close:hover {
    color: #bd0505;
    opacity: 1 !important;
}

/***** cyberneusys code are ends here *****/