@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;900&display=swap');
@font-face {
    font-family: 'Eras Bold ITC';
    src: url('../fonts/ErasITC-Bold.woff2') format('woff2'),
        url('../fonts/ErasITC-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html 								{ scroll-behavior: smooth;}
.bodyhidden							{overflow-x: hidden;}
body								{ font-family: 'Montserrat', sans-serif;}
*									{ padding:0px; margin:0px;}
img									{ max-width:100%; height:auto;}
p									{ margin-bottom:0px;}
h1									{font-family: 'Eras Bold ITC';}
h2									{}
h3									{font-family: 'Eras Bold ITC';}
h4									{font-family: 'Eras Bold ITC';}
h5									{font-family: 'Eras Bold ITC';}
a									{ text-decoration:none !important;}
a:hover {color: #fff;}
ul									{ list-style:none;}
li 									{ list-style: none}
input,select,button:focus 			{ box-shadow: none;outline: none;}
.container                          { max-width:1400px; margin: auto;}
.form-control:focus					{ box-shadow: none;background: #f4f4f4;border-color:#ced4da; }
.btn.focus, .btn:focus 				{outline: 0; box-shadow:none;}
.con-details2 						{margin:0px;}
.header-logo						{padding: 12px;}
.header-logo img					{ width:97px;}
.logos {}
.site-logos	{ text-align:center;}
.logos a:hover						{ text-decoration:none;}
.logo-text p {text-align: center;color: #00ca3c;font-size: 22px;text-transform: uppercase;padding-top: 38px; line-height: 30px; font-weight: 700;}
.logo-text span 	{color:#333;}

.vip-img							{ width: 100%;float: right;}
.vip-img div						{ width:50%; float:left;}

.vip-img img 						{ }
.desig {
    margin-bottom: 0px;
    font-size: 14px;
    color: #333;
    text-align: center;
    background: gba(0,0,0,0.4);
    border-radius: 7px;
    padding: 5px 0px;
    font-weight: 600;
    padding-bottom: 0px;
}
.desig-name {
    font-size: 12px;
    color: 
    #00a923;
    text-align: center;
    font-weight: 700;
}

.header-slide 						{ position: relative;}
.header1 							{ position: inherit; width: 100%;z-index: 50;}

.top-header 						{ background:#2a6aa2;}
.hdate	 							{ font-size: 14px;}
.hbutton 							{}
.g-button							{text-align: right;padding-top: 10px;color:#fff;padding: 5px 0px;}
/*
.g-button span 						{ background: #0b3967;vertical-align: middle;display: inline-block;
    padding-top: 3px;width: 30px;height: 25px;text-align: center;font-family: 'Saira', sans-serif;font-size: 13px;border-radius: 6px;}
*/
.g-button a 						{ background: #0b3967;height: 25px;display: inline-block;color: #fff; vertical-align: middle;text-align: center;padding: 4px 10px;font-size: 13px;border-radius: 6px;}
.header-book {text-align:right;}
.header-book a { background: #005550;color:#fff; padding: 10px 20px; font-size: 14px;
    display: inline-block;}
.g-button a:hover  { color:#ff8f21}
.nav-item 							{}
/*.navbar-nav .active 				{color: #ff8f21;background: #0b3967;}*/
.top-bar 							{ background: none;padding: 7px 0px;    -webkit-box-shadow: 0px 0px 7px 1px rgba(189, 189, 189, 1);
    -moz-box-shadow: 0px 0px 7px 1px rgba(189, 189, 189, 1);
    box-shadow: 0px 0px 7px 1px rgba(189, 189, 189, 1);}
.con-detailsn li 					{ float:none !important; width:100% !important;border: 1px solid #cacaca;
margin-bottom: 15px;}
.con-details 						{ margin-bottom:5px;}
.con-details li 					{ font-weight: 400; font-size: 14px;color: #fff;padding: 8px;float:left; width:50%;}
.con-details li i 					{ color: #00ca3c;}
.con-details li a 					{ color: #fff;font-size: 14px;}
.con-details li span 				{ color: #fff;font-size: 14px;}
.vip-left 							{ float:left; width:65px;}
.vip-right 							{ float:left;width: 77%;padding-left: 6px;box-sizing: border-box;}
.vip-right p 						{ font-weight:300; font-size: 13px !important; text-align: left !important; padding: 0px !important; padding-top: 3px !important; line-height: 20px !important;color:#fff;}
.dept-heading 						{display: inline;position: absolute;top: 22px;font-weight: 600;}
.con-details2 li 					{font-weight: 400;font-size: 14px; margin-bottom: 5px; float:left; margin-right: 20px;}
.con-details2 li span 				{color: #ff8f21;font-size: 14px;}
.con-details2 li a 					{color: #fff;font-size: 14px;}

.logo-header 						{display: table;
    float: left;
    vertical-align: middle;
    padding: 0;
    font-size: 36px;
    color: #1bbce8;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 205px;
    height: 108px;
    position: absolute;
    z-index: 9;}
.header-skew:before, .header-skew:after { background-color: #fff;
    content: "";
    position: absolute;
    top: -8px;
    height: 80%;
    z-index: -1;
}
.header-skew:before 				{border-right: 7px solid #212427;
    right: -50px;
    width: 120%; -webkit-transform: skew(-30deg);-moz-transform: skew( -30deg); -o-transform: skew( -30deg);-ms-transform: skew( -30deg);transform: skew(-30deg);}
.logo-header > a 					{display: table-cell;
    vertical-align: middle;
    position: relative;
    top: -18px;}
.header-skew:after 					{right: 10%; width: 2000px;}

.header-nav 						{position: relative;padding: 0;}
.main-nav ul 						{}
.navbar-nav .nav-link   			{font-size: 14px; font-weight: 500; color: #333 !important; padding: 5px 14px !important;} 
.my-nav 							{padding: 5px 0px; padding-top: 12px; }
.my-nav .dropdown-menu 				{border-radius: 0px;padding: 0px;}
.my-nav .dropdown-item				{font-weight: 500;}
.my-nav .dropdown-item:focus, .dropdown-item:hover {
        color: #2a6aa2;
    text-decoration: none;
    background-color: #ffffff;
}
.sticky-wrapper 					{ background: #fff;}
.sticky-header {background: #fff; z-index: 999;}
.sticky 							{ position: fixed;top: 0 ;width: 100%;z-index: 999;}
.wh-text 							{ background: #00ca3c; width: 30%;float: left; text-align: right; padding-right: 20px;position: relative; } 
.wh-text p 							{ padding: 10px 0px;font-size: 20px; color: #fff; font-weight: 600;padding-right: 55px;}
.wh-shape 							{ width: 0;height: 0; border-top: 50px solid #00ca3c;border-right: 50px solid #f5f5fd;position: absolute;right: 0px;}
.slider 							{ background: url("../images/slidebg.png") no-repeat center; background-size: cover; background-attachment: fixed; padding-top: 30px;}
.slide-content {}
.slide-content span { background: #005550; padding: 5px 20px; color:#fff; border-radius:30px; fon-size:18px; text-transform: uppercase; display: inline-block; margin-bottom: 15px; margin-top: 60px;}
.slide-content span i { color:#fff; margin-right: 15px;}
.slide-content h2 { font-size: 35px; color:#005550;margin-bottom: 15px;font-family: 'Eras Bold ITC';}
.slide-content p { font-size: 18px; color:#005550;margin-bottom: 15px;}
.slide-content a { font-size: 16px; color:#005550;text-transform: uppercase; display: inline-block; margin-right: 15px;margin-bottom: 15px;}
.sb1 { background: #005550; color:#fff !important; padding: 5px 20px; border-radius:30px; }
.sb2 { background: none; color:#005550 !important; padding: 5px 20px; border-radius:30px; border:1px solid #005550}


.inner-slider {text-align: center;}
.inner-slider h3 {}

.my-slide 							{ }
.my-slide img 						{   width: 550px !important;}
.carousel-caption img 				{height:auto !important;}
.heading-border 					{ }
.welcome 							{ padding: 40px 0px; padding-top: 60px;}
.welcome h2 						{ font-size:22px; font-weight: 400; color: #21292e; display: inline-block; background:#f5f5fd;padding: 0px 15px;}
.welcome h2 span 					{color: #ff8f21; font-weight: 700;}
.welcome p 							{ font-size: 16px; color: #333; padding: 0px 15px 15px 15px;line-height: 28px; text-align: justify;}

/*
.about-skew							{display: block; position: relative; width: 393px;padding-bottom: 0%;transform-origin: 0 133%;transform: skewX(
-30deg) translatez(1px); overflow: hidden;}
.about-skew:before					{content: '';position: absolute;width: 150%;height: 103%;background-image: url(../images/about-slide.jpg);background-size: cover;background-position: center; transform-origin: inherit;transform: skewX(30deg);}
*/
.our_client {padding: 60px 0px;background-image: url("../images/shape2.png"),url("../images/shape3.png");background-repeat:no-repeat,no-repeat; background-position:right top,left bottom;background-color: #fafafa; padding-top: 0px; }
.about_us {padding: 60px 0px;background: url("../images/shape1.png") no-repeat left top; padding-bottom: 10px; }
.about_us h2 {font-size:20px; font-weight: 400; color: #d3af5e; padding-top: 60px;}
.about_us h1 {font-size: 35px;color: #005550;margin-bottom: 15px;}
.about_us p {font-size: 18px;color: #333;margin-bottom: 15px;}
.ab_imp {margin-top: 30px;}
.ab_imp img {float: left;margin-top: 8px;margin-right: 18px;}
.ab_imp h4 { font-size: 22px;color:#d3af5e; font-weight: 600;}
.ab_imp p {font-size: 16px;color: #333;}
.ab_quote { border-left:5px solid #005550; border-radius: 12px; margin-top: 20px;}
.ab_quote p {font-size: 16px;color: #333; font-weight: 600; font-style: italic;}
.ab_quote i {color:#d3af5e; font-size: 29px; }

  
.item-holder {
      padding-bottom: 145px;
      position: relative;
      z-index: 1;
      overflow: hidden;margin-top: -120px; }
.awsm-grid-holder {
        overflow: hidden; }
.awsm-grid-holder img {
          -webkit-transition: -webkit-transform 0.8s;
          -moz-transition: -moz-transform 0.8s;
          transition: -webkit-transform 0.8s;
          -o-transition: transform 0.8s;
          transition: transform 0.8s;
          transition: transform 0.8s, -webkit-transform 0.8s; }
.item-holder .awsm-grid-holder .item-data-holder {
          height: 50px;
          width: 100%;
          bottom: 144px;
          position: absolute;
          padding: 10px;
          color: #fff;background: rgb(204 171 94 / 91%);
          text-align: center;
          overflow: hidden;
          -webkit-transition: height 0.4s;
          -moz-transition: height 0.4s;
          -o-transition: height 0.4s;
          transition: height 0.4s;
          }
/*
.item-holder .awsm-grid-holder .item-data-holder::before {
            content: "";
            position: absolute;
            bottom: 0;
            width: 100%;
            background: #06b2b6 !important;
            -webkit-transition: height 0.4s;
            -moz-transition: height 0.4s;
            -o-transition: height 0.4s;
            transition: height 0.4s;
            left: 0; }
*/
.item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info {
            position: relative;
            margin-bottom: 15px; }
.item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info p {
              font-family: 'Poppins', sans-serif;
              font-weight: 500; }
 .item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info .depart {
              font-family: 'Poppins', sans-serif;
              font-weight: 300;
              display: block;
              margin-bottom: 20px; }
 .item-holder .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name {
              margin-bottom: 22px;font-size: 20px; }

.item-holder .awsm-grid-holder .item-data-holder .awsm-contact-info {
            opacity: 0;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            transform: translateY(100%);
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
            -moz-transition: -moz-transform 0.4s, opacity 0.1s;
            -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
            transition: opacity 0.1s, -webkit-transform 0.4s;
            -o-transition: transform 0.4s, opacity 0.1s;
            transition: transform 0.4s, opacity 0.1s;
            transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; }
      .our-specialist .our-specialist-carousel .item .item-holder:hover {
        -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15); }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name {
          color: #000000;    padding-top: 50px;font-size: 20px; }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info .doctor-name::before {
            background: #fff; }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info p {
          color: #fff; }
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-personal-info .depart {
          color: #fff; }
      .our-specialist .our-specialist-carousel .item .item-holder:hover img {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
.item-holder:hover .item-data-holder {
        height: 210px;
        color: #fff; }
.item-holder:hover a {background: #005550;color: #ffffff;padding: 10px 30px;}
.item-holder:hover .awsm-grid-holder .item-data-holder .awsm-contact-info {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
        -moz-transition: -moz-transform 0.4s, opacity 0.1s;
        -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
        transition: opacity 0.1s, -webkit-transform 0.4s;
        -o-transition: transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s;
        transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s; }
.item-holder:hover .item-data-holder::before {
        height: 100%;
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        transition: height 0.2s;
       background: rgba(0, 85, 80, 0.9) !important; }


.mservices { background: #005550}
.mservices h2 {
    font-size: 20px;
    font-weight: 400;
    color: #d3af5e;
    padding-top: 60px;text-align: center;
}

.mservices h1 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 15px; text-align: center;
}

.mservices p {text-align: center;padding-bottom: 155px;color:#fff;}



.our_client h2 {font-size:20px; font-weight: 400; color: #d3af5e; padding-top: 60px;}
.our_client h1 {font-size: 35px;color: #005550;margin-bottom: 15px;}
.our_client p {font-size: 18px;color: #333;margin-bottom: 15px;}
.our_left {padding-top:88px;} 
.our_client h4 {font-size: 38px;color: #005550; font-weight: 700;}
.client_bg {margin-top:20px;}


.cgr 					{ position: relative;margin: 6px; }
.cll h5					{ background: #fff;position:absolute;top: 20px;width: 117px;padding: 7px 0px 7px 11px;    left: 22px;font-size: 20px;letter-spacing: 0.5px;color: #ff5700; }
.cll 					{ background:#fff;padding: 20px 0px;}
.blog_img 				{ width:100%; height: 213px;overflow: hidden;}
.blog_img img 			{ object-fit: cover;height: 213px;width: 100%; border-radius: 20px;}
.cll h6 				{ margin-top: 1px;font-size: 21px;letter-spacing: 0.5px;color: #005550;line-height: 31px;min-height: 60px; }
.cll h6 a 				{ color: #005550;}
.cll span 				{ font-size: 17px;color:#656565;    letter-spacing: 0.5px; }
.res_img 				{display: none;}
.our_blog                {padding:60px 0px;background: url(../images/shape2.png) no-repeat right center;
}
.our_blog h2 {font-size:20px; font-weight: 400; color: #d3af5e;}
.our_blog h1 {font-size: 35px;color: #005550;margin-bottom: 15px;} 

.about-skew1 						{ text-align:center;}
.about-skew1 h2  					{ font-size: 17px;}
.about-skew1 h2 span 				{ display:block;}
.dashboard-bg 						{ background: rgba(0, 0, 0, 0.5);padding: 40px 0px; color:#fff;}
.widged-box 						{ height: 380px; overflow: hidden;}
.widged-box h2 						{ color:#fff; font-weight: 600;}
.devision 							{ background: url("../images/dashboard.jpg") no-repeat center; background-size: cover; background-attachment: fixed; }
.mpad 								{ padding: 0px;}
.devision ul 						{ margin-top:40px;}
.devision ul li 					{ width:30%; margin: 1.2%; border-right:1px dashed #fff; float:left; }
.devision ul li h3 					{color:#ff8f21; font-weight: 700;}
.devision ul li:nth-child(3)  		{ border-right:0px;}
.devision ul li:nth-child(5)  		{ border-right:0px;}
.d-left 							{ width:40%; float:left;}
.d-right 							{ width:60%; float:left; color:#fff; padding-left: 30px;} 

.divison-heading 					{ padding-left: 0px; background:#21292e;margin-bottom: 50px;}
.di-text							{ background: #00ca3c; width: 26%;float: left; text-align: right; padding-right: 20px;position: relative;}
.di-shape 							{ width: 0;height: 0; border-top: 66px solid #00ca3c;border-right: 67px solid #21292e;position: absolute;right: 0px;}
.di-text p 							{ padding: 15px 0px;font-size: 24px; color: #fff; font-weight: 600;padding-right: 55px;}
.campa 								{ margin-top: -30px; text-align: center;}
.campa-inner 						{margin-bottom:30px;}
.campa-inner h2 					{ font-size:18px; color:#00ca3c; padding-top: 15px;}
.campa-inner p 						{ font-size:15px; color:#333333;}
.campa-inner a 						{ background: #00ca3c;height: 30px;display: inline-block;color: #fff; vertical-align: middle;text-align: center;padding: 2px 10px; margin-top:15px;}
.eve  								{ margin-bottom:20px}

.back_img {background: #005550; color:#fff; text-align: center;}
.b_content {padding:40px 0px; }
.bimg1:hover {background: url("../images/campa-1.jpg") no-repeat center; background-size: cover;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.bimg2:hover {background: url("../images/campa-2.jpg") no-repeat center; background-size: cover;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.bimg3:hover {background: url("../images/campa-3.jpg") no-repeat center; background-size: cover;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}
.b_content img { padding-top: 20px; width:60px;}
.b_content h2 { font-size:26px; padding-top: 15px;}
.b_content a { color:#fff;}

.holder {
  overflow:hidden;
  padding:10px;
  font-family:Helvetica;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:568px;
  height:285px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px;background:rgba(255,255,255,0.3); margin-bottom: 10px;
}
.holder ul li a {
  color:darkred;
  text-decoration:none;
}

#contact1 span { background: #cc0000; padding: 8px 15px; color:#fff; display: inline-block; margin:10px;}
.main-pb  							{background:#282a2e}
.snip1584 {
  
  position: relative;
  display: inline-block;
  overflow: hidden;
 /* margin: 10px 8px;
  min-width: 230px;
  max-width: 315px;*/
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  text-align: left;margin-bottom: 0px;
}
.snip1584 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.snip1584:before {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right:0px;
  top: 100%;
  content: '';
  background-color: rgba(51, 51, 51, 0.5);
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.snip1584 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;width:100%
}
.snip1584 figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
/*  align-items: center;*/
  display: flex;
  flex-direction: column-reverse;
  justify-content: end;
}
.snip1584 h3,
.snip1584 h5,
.snip1584 p{
  margin: 0;
  opacity: 0;
  letter-spacing: 1px; 
}
.snip1584 h3 {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  margin-bottom: 20px;font-size:18px; padding: 0px 10px;text-align:left;color:#fff;
}
.h-click 	{background:#0b3967; border:none; color:#fff;font-size: 14px;padding: 7px 10px;}
.snip1584 p {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition-delay: 0.03s;
  transition-delay: 0.03s;
  margin-bottom: 10px;font-size:15px; padding: 0px 10px; text-align: justify;
}
.snip1584 h5 {
  font-weight: normal;
  padding: 3px 10px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;margin-bottom: 15px;
}
.snip1584 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.snip1584:hover:before,
.snip1584.hover:before {
  top:0px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.snip1584:hover h3,
.snip1584.hover h3,
.snip1584:hover h5,
.snip1584.hover h5,
.snip1584:hover p,
.snip1584.hover p {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.snip1584:hover h3,
.snip1584.hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.snip1584:hover h5,
.snip1584.hover h5 {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.snip1584:hover p,
.snip1584.hover p {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
/*--------image-hover----------*/


.parallelogram-button {position: relative; padding: 5px 14px; border: 0; margin-bottom: 25px;margin-left: 25px; background: transparent; font-size: 16px;color: white; display: inline-block;z-index: 1;}

  .parallelogram-button:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    background: #2a6aa2;
    transform: skew(-30deg);
  
}
#owl-demo .item 		{ float:left;margin-top: 65px;}
.divison-content 		{ background: #fff; margin: 0px 10px; text-align: center; position:relative;padding-top: 65px;}
.divison-content h5 	{ font-size: 18px; color: #333;min-height: 45px; padding: 0px 20px; margin-top:20px;}
.cimage-fit 			{ width: 120px; height: 120px; text-align: center;box-shadow: 0 0 15px 0 rgb(0 0 0 / 18%); border-radius: 50%;position: absolute;top: -56px;right: 34%; background: #fff; overflow: hidden;border: 4px solid #00ca3c;}
.cimage-fit img 		{ width: 85px;padding-top: 13px;}
.fac-name 				{padding: 0px 20px 20px 20px;min-height: 155px;}
.contact {background: url(../images/shape1.png) no-repeat left top;background-size:cover;
}
.gallery 							{ padding: 50px 0px;background-color: #fafafa;}
.gallery h2 						{ font-size: 20px;font-weight: 400;color: #d3af5e;
    text-align: center;}
.gallery h1 {font-size: 35px;
    color: #005550;
    margin-bottom: 15px;
    text-align: center;}

.international 			{}
.international h2 		{ font-size: 24px; color: #333; font-weight: 600; margin-bottom: 20px;}
.international p 		{ font-size: 18px;
    color: #666666;
    font-weight: 300;
    background: url(../images/small-arrow.png) no-repeat top left;
    padding-left: 18px;
    background-position: 0px 10px;
    margin-bottom: 12px;
    line-height: 33px;}
.national 			{}
.national h2 		{ font-size: 24px; color: #333; font-weight: 600; margin-bottom: 20px;}
.national p 		{ font-size: 18px;
    color: #666666;
    font-weight: 300;
    background: url(../images/small-arrow.png) no-repeat top left;
    padding-left: 18px;
    background-position: 0px 10px;
    margin-bottom: 12px;
    line-height: 33px;}

.news 							{ padding: 30px 0px; padding-top: 60px; background:#0b3967;}
.news h2 						{ font-size: 28px;font-weight: 700;color: #ffffff;display: inline-block; padding-bottom: 10px;
}
.news-left {
    float: left;
    width: 120px;
}
.news-pic {
    background: #000;
    width: 110px;
    height: 80px;
    border-radius: 5px;
}
.news-right 						{float: right;width: 81%; padding-right: 20px;}
.news-right p 						{font-size: 14px !important; line-height: 26px !important; font-weight: 400;padding-top: 10px;color:#fff;}
.latest-news 						{ margin:10px; background: #fff;padding: 10px 0px;}
.latest-news li 					{ margin: 10px 20px;border-bottom: 1px solid #cacaca;padding: 10px;}
.latest-news li:nth-child(3) 		{ border-bottom:0px;}
.news-right h3 						{ color:#fff; font-size:18px; font-weight:600; margin-bottom: 0px;}
.news-date 							{ font-size:16px; font-weight:400;color:#974b3f; font-style:italic}
.newsevents-date					{ background:#2a6aa2; text-align:center;}
.news-left1 						{float: left; width: 85px;}
.newsevents-date 					{ font-size:18px; color:#fff; }
.n-year 							{ font-size: 18px;color: #fff;background: #2a6aa2;padding: 8px 0px;border-top: 1px dashed #0b3967;}
.upcoming-news						{ padding-top: 0px;}
.upcoming-news li 					{ padding:8px 15px;background:rgba(255,255,255,0.3); margin-bottom: 20px;}
.upcoming-news li:nth-child(2) 		{ margin-bottom:0px;}
.r-more 							{    background: #2a6aa2; display: inline-block; color: #ffffff;vertical-align: middle;text-align: center; padding: 6px 10px;margin-top: 15px;}
.r-more:hover 						{}
#myTabContent 						{ background: rgba(255,255,255,0.3); height:319px;}
.nav-tabs .nav-link.active 			{ background-color: rgba(255,255,255,0.3); border:none; border-radius:0px;color:#fff;}
.nav-tabs 							{ border-bottom:0px;} 
.nav-tabs .nav-link {color:#fff;font-weight:700;}
.nav-tabs .nav-link:hover {
    border:none;background:rgba(255,255,255,0.3) ;
}
.tab-pane p a 						{color:#fff; font-weight:600; padding:7px 20px;display: inline-block;}
.imp-links 							{padding:40px 0px; text-align: center;}
.imp-links h2						{color:#0b3967; font-size:32px;font-weight:600; margin-bottom: 0px; margin-bottom: 20px;} 
.i-link1							{ padding: 15px;-webkit-box-shadow: 0px 0px 7px 1px rgba(189,189,189,1);
-moz-box-shadow: 0px 0px 7px 1px rgba(189,189,189,1);
box-shadow: 0px 0px 7px 1px rgba(189,189,189,1); margin-top: 20px;background:#f7f7f7}
.i-link1 span 						{font-size:20px; font-weight: 600;color:#333;padding-right: 10px;}
.f-contact a i 						{ margin-right:15px}
.footer								{ padding: 40px 0px;background: #f4f4f4;
    margin-top: 20px;}
.footer h2 							{ color: #005550;font-size: 24px;font-family: 'Eras Bold ITC';}

.footer ul li 						{}
.footer p 							{ color: #333; margin-top: 20px;font-size:15px;}
.footer a 							{ background: url("../images/white-arrow.png") no-repeat left; color: #005550;padding-left: 14px;margin-bottom: 12px;display: inline-block;}
.footer-links 						{ padding: 40px 0px;}
.footer-border 						{ border: 1px solid #fff; padding: 20px;min-height: 152px;}
.ficon1								{  background: url("../images/location.png") no-repeat top left; padding-left: 30px; color: #005550;min-height: 72px;}
.ficon2								{  background: url("../images/phone.png") no-repeat top left; padding-left: 30px; color: #005550; min-height: 72px;}
.ficon3								{  background: url("../images/fax.png") no-repeat top left; padding-left: 30px; color: #005550; min-height: 72px;}
.ficon4								{  background: url("../images/mail.png") no-repeat top left; padding-left: 30px; color: #005550; min-height: 72px;}
.copyright 							{ border-top:1px solid #00ca3c; text-align:center;}


@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}

.innerimage-text {position: absolute;bottom: 40px;color: #fff; width: 100%;text-align: center;}
.innerimage-text h2 { font-size:42px;}

.login { padding: 50px 0px;}
.login-box  {    max-width: 500px;margin: auto;border: 1px solid #ccc;padding: 30px 20px; border-radius:5px;}
.login label { display: block; font-size: 20px;}
.login input[type=text] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none; margin-bottom: 20px; }
.login input[type=password] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none; }
.login a { font-size:20px; color:#00ca3c; display:inline-block; margin-top:15px;}
.login input[type=submit] { height: 50px;width:100%; border-radius:50px; border:none; font-size:20px; background:#00ca3c; color:#fff; margin-top:15px; }
.about-us 		{ padding: 40px 0px; background: url("../images/shape1.png") no-repeat left top;}
.about-us h2 	{ margin-bottom: 30px; background: url("../images/heading-border.jpg") bottom left; background-repeat: no-repeat; padding-bottom: 10px;font-size: 22px;}
.about-us h4 	{ margin-bottom: 20px;}
.about-us ul li { padding-bottom: 10px; background: url("../images/green-tick.png") left; background-repeat: no-repeat;padding-left: 32px;
    background-position: 0px 0px; background-size: 24px; color: #717171}
.about-us p     { padding-bottom: 20px;color: #717171;line-height: 30px;text-align: justify;}
.chairman 		{ text-align: right;}
.chairman h4 	{ color: #00ca3c; margin-bottom: 10px;} 


.contact2 {background:url("../images/contact_bg.png") no-repeat center;border-radius:20px; padding: 40px 0px; background-size: cover;}
.contact-us 						{ padding:50px;}
.contact-us h2 						{ font-size:32px; font-weight:600; color:#000000; text-transform: uppercase; padding-bottom: 20px;}
.slide-content1 h2 {font-size:20px; font-weight: 400; color: #d3af5e; padding-top: 60px;}
.slide-content1 h1 {font-size: 35px;color: #005550;margin-bottom: 15px;}
.slide-content1 p { font-size: 18px; color:#005550;margin-bottom: 15px;}
.slide-content1 a { font-size: 16px; color:#005550;text-transform: uppercase; display: inline-block; margin-right: 15px;margin-bottom: 15px;}
.sb1 { background: #005550; color:#fff !important; padding: 5px 20px; border-radius:30px; }
.sb2 { background: none; color:#005550 !important; padding: 5px 20px; border-radius:30px; border:1px solid #005550}


.tes_heading h2 {font-size:20px; font-weight: 400; color: #d3af5e; padding-top: 60px; text-align: center;}
.tes_heading h1 {font-size: 35px;color: #005550;margin-bottom: 15px;text-align: center;}

.testimonial 						{background: url(../images/shape4.png) no-repeat right center; }
.tes_img {width:100px; height: 130px; overflow: hidden; position: absolute; top: 17px;right:30px;    border: 1px solid #9a9a9a;
    border-radius: 20px;}
.tes_img img { width:100px;height:100%;object-fit: cover; border-radius:20px;}
.t-quote i 							{color:#dec285;}
.tes 								{padding: 12px; margin: 10px;-webkit-box-shadow: 0px 0px 7px 1px rgba(189,189,189,1);
-moz-box-shadow: 0px 0px 7px 1px rgba(189,189,189,1);
box-shadow: 0px 0px 7px 1px rgba(189,189,189,1); border-radius:15px;padding-top: 60px; }
.t-user 							{ margin-top:12px}

.t-right 							{padding-top: 20px;padding-left: 12px;}
.t-right h4 						{ font-size: 18px;margin-bottom: 0px;}
.t-right p 							{ font-size: 12px;}

.services 		{ padding: 40px 0px;}
.services h2 	{ margin-bottom: 30px; background: url("../images/heading-border.jpg") bottom left; background-repeat: no-repeat; padding-bottom: 10px;}
.services ul li { padding:20px;color: #717171; width: 25%; border:1px solid #ccc; margin-right: -1px; float:left;text-align:center;}
.services ul li:hover { background: #fff;} 
.services p     { padding-top: 20px;color: #717171;}




.plant 		{ padding: 40px 0px;}
.plant h2 	{ margin-bottom: 30px; background: url("../images/heading-border.jpg") bottom left; background-repeat: no-repeat; padding-bottom: 10px;}
.plant ul li { padding-bottom: 10px; background: url("../images/green-tick.png") left; background-repeat: no-repeat;padding-left: 32px;
background-position: 0px 0px; background-size: 24px; color: #717171}
.clients 	{}
.clients li { float:left; width:20%; border:1px solid #ccc; margin-right:-1px; background:none !important; padding:0px !important;margin-bottom:-1px;}
.rti h5 		{ text-align:center; max-width:750px; margin:auto; margin-bottom:20px; font-weight: 700}
.rti p strong  		{ color:#00ca3c;}
.rti p i  		{ color:#00ca3c;}
.envis 				{}
.envis a 		{  color: #717171;}
.envis a:hover{    color: #00ca3c;}
.tender-list 		{}
.tender-list tr th     { background: #00ca3c; color: #fff;padding: 8px;}
.tender-list tr td     {  color: #717171; padding: 8px;}
.application {}
.application p a { color:#00ca3c;}
.downloads {}
.downloads ul li a { color:#717171;}
.downloads ul li a:hover { color:#00ca3c;}
.on-form      { padding:40px 0px;}
.on-form h2{margin-bottom: 30px; background: url(../images/heading-border.jpg) bottom left; background-repeat: no-repeat; padding-bottom: 10px;}
.on-form label { display: block; font-size: 16px;}
.on-form input[type=text] { height: 35px;width:100%; padding-left: 15px; border-radius:5px; border:none; margin-bottom: 20px; }
.login input[type=password] { height: 40px;width:100%; padding-left: 15px; border-radius:5px; border:none; }
.on-form a { font-size:20px; color:#00ca3c; display:inline-block; margin-top:15px;}
.on-form input[type=submit] { height: 50px;width:100%; border-radius:50px; border:none; font-size:20px; background:#00ca3c; color:#fff; margin-top:15px; }
.tender-list input[type=text] { margin-bottom:0px;}
.on-form textarea { width:100%;}

.c-location 						{ margin-bottom: 30px;}
.c-location h4 						{ font-size: 22px;color: #d3af62; font-weight:500;}
.c-location p 						{ font-size: 16px;color: #666666;}
.c-location i 						{
    padding-right: 15px;
	color: #d3af62;}

.c-phone {
    margin-bottom: 30px;
}
.c-phone h4 {
    font-size: 22px;
    color:#d3af62;
}
.c-phone p {
    font-size: 16px;
    color: #666666;
}
.c-phone i {
    padding-right: 15px;
    color: #d3af62;
}
.c-email {
    margin-bottom: 30px;
}
.c-email h4 {
    font-size: 22px;
    color: #d3af62;
}
.c-email p {
    font-size: 16px;
    color: #666666;
}
.c-email i {
    padding-right: 15px;
    color: #d3af62;
}
.appoint-send 		{border:none;color: #000; font-size: 20px; font-weight: 400; padding: 12px 35px; background:#d3af62; ; border-radius:30px;  display: inline-block;}
.appoint-send:hover {background: #353535 !important;color: #FFFFFF !important;}
.contact-us input[type=text] { background: #f8f8f8; border-radius:0px;}
.contact-us input[type=email] { background: #f8f8f8; border-radius:0px;}
.contact-us textarea { background: #f8f8f8; border-radius:0px;}
.p-news ul li		{list-style: disc; margin-bottom: 10px; margin-left: 30px;}
.g-shade 		{ background:#00ca3c; padding: 20px; color: #fff; min-height: 200px; border-radius:8px;}
.g-shade h2 	{color:#fff; }
.w-shade 		{ background:#ffffff; padding: 20px;  min-height: 200px;border-radius:8px;}
/*.c-border 		{ border:1px solid #ccc; margin-right: -1px; margin-bottom: -1px;}*/
.dept 			{ margin-top: 30px;}
.c-border>div 		{ border:1px solid #ccc; padding: 15px;min-height: 195px; margin-bottom: 20px;}
.dept h2 		{ font-size: 16px;}
.dept p 		{ font-size: 14px;}


.photo-header span 	{background: #00ca3c; color:#fff; font-weight: 600; display: inline-block;display: block;
    padding: 10px 20px;font-size: 20px;}
.photo-header ul    {padding:5px 20px;background: #fff;}
.photo-header ul li {  padding: 10px 0px; border-bottom: 1px solid #ccc;}
.photo-header ul li a {color:#333;}
.photo-header ul li a:hover {color:#00ca3c}
.photo-header ul li:nth-child(4) { border-bottom:0px;}
.photo-innerheading span {background: #00ca3c; color:#fff; font-weight: 600; display: inline-block;display: block;
    padding: 10px 20px;font-size: 20px;}

#gallery{
  position:relative;
  width:100%;
  height:100%;
  min-height:100%;
  display:table;
  transition: all ease 1s;
  background-color:#fff;
  overflow-x: hidden;
}
#gallery .item{
  width:20%;
  display:block;
  float: left;
  transition: all ease 400ms;
  background-color:#fff;
  position: relative;
}
#gallery .item:hover,
#gallery .item:focus{
  transform:scale(1.1);
  z-index:50;
  box-shadow:0 0 10px black;}
#gallery .item figure{
  transition: all ease 1s;
  overflow:hidden;
  height:210px;
  padding:0;
  margin:5px;
  position: relative;
}
#gallery .item figure img{
  transform: scale(1.4);
  transition: all ease 1s;object-fit: cover;
    height: 100%;
    width: 100%;
}
#gallery .item:hover figure,
#gallery .item:focus figure{
  transition: all ease 400ms;
}
#gallery .item:hover figure img,
#gallery .item:focus figure img{
  transform:scale(1.4);
  transition: all ease 1s;
}
#gallery.hover{
  transition: all ease 1s;
/*   opacity:.7; */
}
#gallery.hover .item{
  opacity:.9;
  filter: blur(1px);
}
#gallery.hover .item:hover,
#gallery.hover .item:focus{
  opacity:1;
  filter: blur(0);
}
#gallery .item figcaption{
  position:absolute;
  font-size:18px;
  color:#fff;
  width:100%;
  height:100%;
  padding:10%;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  top:0;
  left:0;
  transform:scale(1.3);
  filter: blur(4px);
  opacity:0;
  transition:500ms;
  background-color: rgba(0,154,178,.6);
  text-transform:uppercase;
  font-weight:bold;
}
#gallery .item:hover figcaption,
#gallery .item:focus figcaption{
  transform:scale(1);
  filter: blur(0);
  opacity:1;
  transition:300ms;}
@media (max-width:1368px){
  #gallery .item{width:25%;}
}
@media (max-width:1080px){
  #gallery .item{width:33.3%;}
}
@media (max-width:800px){
  #gallery .item{width:50%;}
  #gallery .item figure{
    height:250px;
  }
  #gallery .item figure img{
    transform:rotate(0) scale(1);
    transition: all ease 1s;
    width:auto;
    min-width:100%;
    height:100%;
    min-height:250px;
  }
  #gallery .item:hover figure img{
    transform:rotate(0) scale(1);
    
  }
}
@media (max-width:500px){
  #gallery .item{width:100%;}
  #gallery .item figure{
    height:250px;
  }

}
.ic1 {box-shadow: 0 0 15px 0 rgb(0 0 0 / 18%); background: #fff; text-align: center; padding: 20px; border-radius: 8px; min-height:201px;margin-bottom:15px;}
.ic1 span{ display:block;}
.ic1 a { font-size:16px; color:#974b3f; padding-top:10px; font-weight:600;}
 
.ibox-content {
    background-color: #ffffff;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border-color: #e7eaec;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 0;
}

.inner-slide {text-align:center; padding-bottom: 20px;}
.inner-slide a  {color:#000;}
.m-bar     {background:#d3af5e; padding: 6px 0px;}
.m-bar span {color:#fff; display: inline-block; padding-right: 30px; font-weight: 400;}
.l-input1  {background: #f8f8f8;
    border-radius: 0px;}


.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color:#005550;    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s;z-index: 99; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 18px;
    
    color: #fff;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
.resp-nav      				{display: none; }
.resnav-icon 				{ padding: 4px 0px;color: #005550;font-size: 30px;display: inline-block;}
.dropdown-container 		{  display: none;  background-color: #262626;  padding-left: 8px;}
.fa-caret-down 				{float: right;padding-right: 8px;}	
.nest-nav:focus 			{border:none; outline: none;}	
.nest-nav 					{padding: 8px 8px 8px 32px;text-decoration: none;font-size: 22px;color: #fff;display: block;transition: 0.3s;background: none;border: none;width: 100%;text-align: left;}
.dropdown-container a 		{ font-size: 18px;}
.dd-flex {float:right;   }