body{	font-family: 'robotomedium';color: #6C6C6C !important; }
p{   font-family: 'robotolight';}
a{color: white;}
 h1 {
  font-size: 2rem;
}
 .pink{color:#e5007d }
a:hover{color:#e5007d ; text-decoration: none; transition: all 0.3s;}
h3{padding:0px 20px 10px 0px;}
h5{color:#302583; }
    .logo{display: flex;      justify-content: center; position:relative; padding-bottom: 10px;} 
    .logo-wrap{padding-bottom: 10px;}
.logo-txt{color: #302583; font-size:1.2rem; text-transform: uppercase; padding-right: 50px;}
.carousel-caption h5{color: white; margin-bottom: 0px;}
ul.Alpha-list{list-style-image: url('../img/diamond.png');} 
ul.Alpha-list li{padding-bottom: 10px;}
.frame-header{background:#302583; color: white;}
.frame-header h6{margin-bottom: 0px; padding: 5px;}
.frame-des{background: white; border: solid 1px #302583;height: 215px; }
.frame-des ul{font-size: 0.8rem; margin: 0; padding-left: 20px; }
.Alpha-table .table-bordered thead th{background: #302583; color: white; font-weight: normal;}
.green{color:#e5007d }
.blue{color:#302583 }
.off-white{background:#ffffeb }
.sky-blue{background:#0169a6 }
.sky-blue{background:#0169a6 }
.brick-red{background:#781f19 }
.mist-green{background:#7f9660 }
.cauffield-green{background:#325745 }
.taurus-blue{background:#21406e }
.inner-banner .carousel-inner{height:400px;}
 .service-icon{width:90px;}
.mainmenu a {
  color:black
}
.hero-title{font-size: 1.5rem;}
.service{background-color: white;}
.top-header{
  position: fixed;
    top:0px;
    z-index: 999;
    background:white;
    width: 100%;
}
.loader-svg {
  display: flex;
  align-items: flex-end;
}
.loader-svg .mid svg polygon {
  stroke-dasharray: 50;
  animation: midanim 2.5s linear infinite;
}
@keyframes midanim {
to {
  stroke-dashoffset:100; 
}
}
.loader-svg svg polygon {
  stroke-dasharray: 25;
  animation: anim 2s linear infinite;
}
@keyframes anim {
to {
  stroke-dashoffset:100; 
}
}
.loader-text {
  text-align: center;
  font-size: 50px;
  text-transform: uppercase;
  margin: 20px 0;
  color: transparent;
  -webkit-text-stroke: 0.5px #8cc210;
}
.loader-text span {
color: transparent;
  -webkit-text-stroke: 0.5px #8cc210;
  animation: dash 1.5s infinite;
}
@keyframes dash {
from {
  -webkit-text-stroke: 0.5px #8cc210;
}
to {
  color: #8cc210;
} 
}
.social_media{position: absolute;right: 50px;
  bottom: 3px;}
.social-icon {
  margin: 5px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 0px solid #fff;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  text-decoration: none
}
.social-icon i{background-color: transparent; color: white;}
.text-facebook { color: #3b5999; }
.text-twitter { color: #55acee; }
.text-skype { color: #00AFF0; }
.text-youtube { color: #cd201f; }

.bg-facebook { background: #3b5999; }
.bg-twitter { background: #55acee; }
.bg-skype { background: #00AFF0; }
.bg-youtube { background: #cd201f; }
.logo-img img{width:120px;}

.fixed-top .mainmenu a, .fixed-top .logo-txt {
  color: #302583 ;
}

.fixed-top .mainmenu .active a:focus,.fixed-top .mainmenu .active a:hover{color: white;}
@media (min-width: 992px){
.navbar-expand-lg .navbar-collapse {
  justify-content: center;
}
}
.our-products h3{text-align: center; font-size: 40px; padding-top: 40px;padding-bottom: 20px; text-transform: uppercase;
  
}
.our-products p{
  background: #005ba291; padding: 10px;
 }
.thumbnail {
  position: relative;height: 200px; width: 100%; overflow: hidden;padding-bottom: 30px;
}
 .thumbnail img {
  transition: transform .8s;
  transform-origin: 0,0;width: 100%;height: 100%;
}
 .thumbnail:hover img {
  transform: scale(1.2, 1.2);
width: 100%;
   height: 100%;
   
}

.section-background {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  height:100%;
  width: 100%;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}


.parallax {
  position: relative;
  background-image: url("../img/hero.jpg");
}

.why-choose{
  background: #0000008a;
    padding: 20px;
}
.why-choose h6{
 font-size: 1.3rem; background-color: #e5007d; padding:5px;border-radius: 5px
}
.parallax2 {
  position: relative;
  background-image: url("../img/banners/Tensile Structure Option-1.jpg");
}

.caption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0; 
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0, .65);
  border: 5px solid #00D180;
}
.caption {
  opacity: 0;
  transition-property: opacity, transform;
  transition-duration: .8s;
}
.caption h3{font-size: 16px; background-color: #ffa200; color: white; padding: 2px;}
.caption:hover {
  opacity: 1;
  transform: scale(1.2, 1.2); 
}

#loading{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #1d3a8e;
  color: white;
  opacity: 1;
  transition: 0.5s;
  visibility: visible;z-index: 99999;
}
#loading.hidden{
  opacity: 0;
  visibility: hidden;
}
.phone .nav li:last-child{padding-left:30px;}
ul.social-icons {
 margin-bottom: 0px; 

}
.social-icons li {
  vertical-align: top;
  display: inline;
  height: 100px;
}
.social-icons a {
  color:black;border: solid 1px black;
  text-decoration: none;
} 
 
.fa-twitter, .fa-linkedin, .fa-facebook, .fa-instagram {
 
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition: .5s;
  background-color: white;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  
    display: flex; padding:20px;
  justify-content: center;
  align-items: center; font-family:FontAwesome ; background: #302583;
  
  background-image: none; 
}
.carousel-control-prev{left: 40px; width: 0px;}
.carousel-control-next{right: 40px; width: 0px;}
.carousel-control-next-icon:after
{
  content: '\f054';
  font-size:20px;
  color:white;
}

.carousel-control-prev-icon:after {
  content: '\f053';
  font-size:20px;
  color:white;
}
  
 
.color-shape{height: 150px; position: relative; margin-top: 10px;}
.color-value{ font-size: 0.8rem; }
h4{color:#e5007d}
.navbar-expand-lg .navbar-nav .nav-link{padding-right: 0.9rem;
    padding-left: .9rem;}
    .sub-title{text-align: center;font-size: 2.2em;}
    .top-menu{background:#302583; padding: 5px;}
.shadow{
  box-shadow: -5px 13px 5px -12px rgba(0,0,0,0.75);
-webkit-box-shadow: -5px 13px 5px -12px rgba(0,0,0,0.75);
-moz-box-shadow: -5px 13px 5px -12px rgba(0,0,0,0.75);
}
     .header-menu{
    position: relative;
   
   
  }
  .header-menu-left{  width:100%; padding: 10px;}
  
    .header-top{position: relative; background: #302583; width: 100%;}
  .header-top li { color: white; font-size: 1rem; }
   .triangle-bottomleft { 
    width: 0; 
    height: 0; 
    border-bottom: 55px solid white; 
    border-right: 50px solid transparent; position:absolute;left: 0px;
    top: 0px;
 }

 
 @media (min-width: 1400px) {
  .container{
    width: 1400px;
  }
}

@media (min-width:768px) {
 

}


 .sidebar{background-color: #302583;}
 ul.sidebar{margin: 0; padding: 0;list-style-type: none;}
 ul.sidebar li a:hover{background:#e5007d; color: white;  }
  ul.sidebar li.active {background:#e5007d;}
 ul.sidebar li a{color:white; padding: 10px; padding-left: 20px; display: block;}
 
   .text-brown{color:rgb(212, 146, 0)}
    .text-dark{color:#4a4a4a}
   
     footer li a {color:white; }
     footer li a:hover {color:#009140}
     footer li {padding-bottom: 10px; font-size: 14px; }
     footer h5 {padding-bottom: 30px;  color:white; text-transform: uppercase; font-size: 1rem;}
     footer{width:100%;float:left;color:#fff;margin-top:-1px;background-position:center;background-size:cover;background-attachment:fixed;

     
    
    background:#512382;
    }
      .address li {
        list-style: none;
        margin-bottom: 10px;
    }
     
  
     .scrolltop{
          position: fixed;
          right: 10px;
          bottom: 10px;
          color: #302583;
          z-index: 999999;
          font-size: 2em;
        }
        .breadcrumb{background:transparent; padding-left: 0px;}
        .breadcrumb a{ color: #d49200;}
     .phone{font-size:1.4em; position:absolute; right:50px; top: 32px;color: #e5007d; z-index: 9999;}
     .social{float:right}
     .btn-black{background:#d49200; border:none}
     .btn-black:hover{background:#4a4a4a; transition: 1s;}
     .nav-item:hover{background-color: #0d6bba; transition: 1s;}
     .product-border{margin-top:20px;border:dotted 2px #f1cc80; padding: 20px}
     .title {
      font-size: 27px;
      color: #1D0748;
      position: relative;
      width: 100%;
      float: left;
      margin: 0 0 25px 0;
      padding: 0 0 25px 0;
      border-bottom: 1px solid #a0a0a0;
  }
     .title:after {
      width: 112px;
      height: 3px;
      background-color: #009140;
      position: absolute;
      left: 0;
      bottom: -3px;
      content: '';
  }
.carousel-caption{
     text-align: center;
    background: #302583; left: 0px;
    width:30%;right: 0px; bottom: 60px; 
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}

.hero{width:100%;float:left;background:#302583; padding:80px 0;color:#fff;margin-top:-1px;}
.services-hero{width:100%;float:left;background-position:center;background-size:cover;background-attachment:fixed;background-image:url(../img/products/1.jpg);background-repeat:no-repeat;padding:80px 0;color:#fff;margin-top:-1px;}
 .link{
  padding:15px;
  text-decoration: none;
  color: white;
  
  text-align: center;
  position: relative;font-size: 14px;
  transition: all 0.4s ease-out;
   background: #302583; cursor: pointer; border-right: solid 5px #e5007d;
}

 
 .link a{
  position: relative;
  z-index: 2; color: white;
}
.link a:hover{text-decoration: none;}

 .link:after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #e5007d;
  transition: all 0.4s ease-out;
}

.link:hover{
  color: #fff;text-decoration: none;
}

 .link:hover:after{
  width: 100%;
}


.loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  
}
.section-pad{padding: 80px 0px;}
 

   .card img:hover {
    transform: scale(1.1);
  }
   
   /* Safari */
   @-webkit-keyframes spin {
     0% { -webkit-transform: rotate(0deg); }
     100% { -webkit-transform: rotate(360deg); }
   }
   
   @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
   }

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

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;background: white;
  animation: smoothScroll 1s forwards;
    -webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    -moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
    width: 100%;
    top:0px;
  color: black !important; width: 100%;  
     
  
}
.carousel-caption h5{font-size: 2rem;}
.navbar-toggler{ margin-left: 40px;}
   .navbar-light .navbar-toggler{border:none;}
     @media only screen and (max-width:1024px){
      .enquiry-btn{font-size: 12px !important;  padding: 5px !important;}
      .social_media{top:40px}
      .social-icon{    width: 15px; height: 15px; font-size: 12px; margin:0px;}
      .logo-img img{width: 100px;}
      .collage img{width: 100% !important; position: relative !important; right: 0px !important;}
      .top-header{background:white;}
      .about-intro .cont .feat{padding-left:15px !important;}
      #carouselExampleIndicators{margin-top: 130px;}
      .about-intro .imgs .img2{width: 60% !important;bottom: 0 !important;
        right: 0 !important;}
      .about-intro .imgs .img1 img{width:90% !important; bottom: -90px;
        right:0px;}
      .carousel-caption{position: relative; width:100%; padding:5px;}
      .carousel-caption h5{font-size: 1rem;}
      .inner-banner{margin-top: 145px;}
      .inner-banner .carousel-inner{height:auto;}
      ul.social-icons{padding: 0px  !important; position: absolute;
        right: 5px;  top: 2px;}
       h1{font-size: 2rem; text-align: center;}
       .title{font-size:1.5rem !important;}
      .container-fluid{width: 100% !important;}
      .section-pad{padding: 50px 0px !important;}
          .title{font-size: 2em;}
          #sidebar .list-group-item{text-align: left;}
          .sub-title{font-size:1.6em;}
          .gst{text-align:center}
          .phone{font-size: 1rem;
            position: absolute;
            right: 100px;bottom: -40px;
            top: 84px;
            color: #e5007d;
            
            right: 30px;}
          #products h3{font-size:1.3em;}
          .header-menu{width:100%; padding-bottom: 0px;}
          .logo-txt{font-size: inherit;}
          .phone{padding-left:30px;}
          .phone .nav{display: block; text-align: center;}
          .main-timeline .timeline-icon{background: none;}
          .phone .nav li:last-child{padding-left:inherit;}
          .nopad{padding-left: 0px; padding-right: 0px;}
          .phone .nav{text-align: left; }
          .mainmenu{margin-top: 10px; margin-bottom: 10px;}
          /* .phone .nav li { font-size:0.7rem;} */
           
        
                    .main-timeline .timeline-content{padding: 15px 0px 15px 65px !important;}
          .logo-txt span{display: none;}
          .header-menu-left{border-bottom: solid 3px #e5007d; height: 8px;}
          .header-menu{border-left: solid 3px #e5007d;padding: 5px;
           top: 5px;}
           .logo-txt{display: none;}
           #menu{background: #302583;}
           #menu li a{color: white; padding-left:53px;}
           .navbar{padding: 0px;}
           .mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#e5007d !important;}
           .carousel-control-next{right:30px}
           .carousel-control-prev{left: 30px;}
     }
     
     @media screen and (max-width:1200px) and (min-width: 768px) {
      .header-menu{width: 100%;}
    }
  .fixed-top-header{background-color:#e5007d;}
      
 
.service-section .service-content .service {
  margin-bottom: 30px;
  box-shadow: 0 0 11px 0 rgba(6, 22, 58, 0.14);
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}
.service-section .service-content .service:hover .service-img img {
  transform: scale(1.1);
}
.service-section .service-content .service .service-img {
  overflow: hidden;
  padding: 0;
}
.service-section .service-content .service .service-img img {
  width: 100%;
  transition: transform 0.5s ease-in-out;
}
 
.service-section .service-content .service .product-details {
  padding: 25px 20px 30px 20px;
}
 .product-title h5 a {
  color: #003d8e;
  margin-top: 0;
  margin-bottom: 10px;
   
  transition: all 0.3s; 
  text-decoration: none;
} 
.product-details P{color: black;}
.service-section .service-content .owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  top: 33%;
  
  text-align: center;
  z-index: 5;
  width: 40px;
  height: 40px;
   
  background: #e5007d;
  transition: all 0.3s;
  color: #fff;
}
.service-section .service-content .owl-nav .owl-prev span {
  font-size: 25px;
  margin-top: -6px;
  display: inline-block;
}
.service-section .service-content .owl-nav .owl-prev:hover {
  background: #fff;
   
  color: #e5007d;
}
.service-section .service-content .owl-nav .owl-next {
  position: absolute;
  right: 0px;
  top: 33%;
   text-align: center;
  z-index: 5;
  width: 40px;
  height: 40px;
   
  outline: 0;
  background: #e5007d;
  color: #fff;
  transition: all 0.3s;
}
.service-section .service-content .owl-nav .owl-next span {
  font-size: 25px;
  margin-top: -6px;
  display: inline-block;
}
.service-section .service-content .owl-nav .owl-next:hover {
  background: #fff;
  border-color: #e5007d;
  color: #e5007d;
}

@media only screen and (max-width: 577px) {
  .service-section .owl-nav .owl-prev {
    left:0px !important;
  }
  .service-section .owl-nav .owl-next {
    right:0px !important;
  }
}

.slick-slide {
  margin: 0px 20px;
}

 
.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block; width: 100%;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.navbar-light .navbar-nav .nav-link{color:#e5007d}
.menu-gap{width: 200px;}
.mainmenu  .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav
.nav-link{text-transform:capitalize;   font-family: 'robotolight';padding:5px 10px; font-size: 16px;display:
block !important;}
 .mainmenu .active a:focus,.mainmenu .active a:hover{color: white;}
.mainmenu li a:hover,.mainmenu li a:focus, .navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:hover{color: #404040;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #e5007d;}
.mainmenu .dropdown-menu > li > a{color: #fff;font-size: 14px; }
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #e5007d;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #e5007d;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#302583;color: white; border-radius: 0px;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#302583}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#302583}

/******************************Drop-down menu work on hover**********************************/

@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:92%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
.navbar{padding: 0px; margin-top: 10px;}
}
@media only screen and (max-width: 767px) {
  .menu-gap{width: inherit !important;}
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
.triangle-bottomleft{display: none;}
.inner-banner .carousel-inner{height: auto;}
}
.gallery-div .col-lg-3, .gallery-div .col-sm-4 {padding: 5px;} 
.Portfolio {
  position: relative;
  transition-duration: 0.4s;
 
  animation: winanim 0.5s ;
-webkit-backface-visibility:visible;
  backface-visibility:visible;

}
.gallery .nav-link{font-size:1.2rem;}

 .Portfolio img {
  width: 100%;
  height:100%;
   
}

.desc {
  padding: 5px;
  text-align: center;
  font-size: 90%;
  background:#e5007d;
  
}
 .gallery{width: 100%; display: flex; justify-content: center;}
.gallery .nav-link{color:white; background: #302583; border-radius: 0px;}
.gallery .nav-pills .nav-link.active{background: #e5007d;}
.gallery .nav-link:hover{color:white; background: #e5007d;}

@keyframes winanim {
  0%{opacity:0;transform:scale3d(.3,.3,.3)}
  50%{opacity:1}
  
}


.testimonial-carousel .carousel .carousel-item {
 
	overflow: hidden;
	min-height:100px;
 
}
.testimonial-carousel .carousel .media img {
	width: 80px;
	height: 80px;
	display: block;
	border-radius: 50%;
}
.testimonial-carousel .carousel .testimonial {
	padding: 0 15px 0 60px ;
	position: relative;
}
.testimonial-carousel .carousel .testimonial::before {
	content: "\201C";
	font-family: Arial,sans-serif;
	color: #e2e2e2;
	font-weight: bold;
	font-size: 68px;
	line-height: 54px;
	position: absolute;
	left: 15px;
	top: 0;
}
.testimonial-carousel .carousel .overview b {
	text-transform: uppercase;
	color: #1d3a8e;
}
.testimonial-carousel .carousel .carousel-indicators {
	bottom: -40px;   
}
.testimonial-carousel .carousel-indicators li, .carousel-indicators li.active {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin: 1px 3px;
	box-sizing: border-box;
}
.testimonial-carousel .carousel-indicators li {	
	background: #e2e2e2;
	border: 4px solid #fff;
}
.testimonial-carousel .carousel-indicators li.active {
	color: #fff;
	background: #1c47e3;    
	border: 5px double;    
}
 
 
.carousel-indicators {
	bottom: -40px;
}
#sidebar {
    
  z-index: 3;
}

#sidebar i {
  margin-right: 6px;
}

#sidebar .list-group-item {
  border-radius: 0;
  background-color: #302583;
  color: white;
  border-left: 0;
  border-right: 0;margin-bottom:1px;
 
}
#sidebar .list-group-item:hover { background-color: #e5007d;}

/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
  background-color: #e5007d;
}

/* closed state */
#sidebar .list-group .list-group-item[aria-expanded="false"]::after {
content: " \f067";
font-family: FontAwesome;
display: inline;
text-align: right;
padding-left: 5px;position: absolute;
  right: 10px;
}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
background-color: #e5007d; color:black;
}
#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
content: " \f068";
font-family: FontAwesome;
display: inline;
text-align: right;
padding-left: 5px;position: absolute;
  right: 10px;
}

/* level 1*/
#sidebar .list-group .collapse .list-group-item,
#sidebar .list-group .collapsing .list-group-item  {
padding-left: 20px;
}

#sidebar .list-group .collapse .list-group-item:hover{color:white; background:#302583 ; text-decoration:underline } 

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item,
#sidebar .list-group .collapse > .collapsing .list-group-item {
padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
padding-left: 40px;
}

.loader-logo{width: 150px;}

.collapse.show {
visibility: visible;
}
.collapsing {
visibility: visible;
height: 0;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.collapsing.width {
-webkit-transition-property: width, visibility;
transition-property: width, visibility;
width: 0;
height: 100%;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.preloader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  background:white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  transition: opacity 0.3s linear infinite;
}

.loading {
  display: flex; position: fixed; top: 50%;
}

.services{background-color: #e5007d;
  padding: 5px;
  border-radius: 5px;}

@media screen and (min-width: 1500px) {
  .logo-txt {
    font-size: 1.8rem;padding-left: 5%;
  }
}
.border-hr{border-top: solid 2px #d4d4d4; margin-top: 10%;}
.enquiry-btn{background-color: #8cc210;
  font-size: 16px;
  padding: 5px 10px;
  margin-right: 30px;}
  .enquiry-btn:hover{background-color: #302583; color: white;}
  .quote {
	padding: 0 15px 0 60px ;
	position: relative; font-size: 1.2rem;margin-top: 5%;
}
.quote::before {
	content: "\201C";
	font-family: Arial,sans-serif;
	color: #e2e2e2;
	font-weight: bold;
	font-size: 68px;
	line-height: 54px;
	position: absolute;
	left: 15px;
	top: 0;
}
 

#fixedMenuTop a {
  color: #69ab10;
  text-decoration: underline;
}


.collage img{
  width: 350px;
    position: absolute;
    right: 40px;
}
.collage{position: relative;}
.collage-inner img{ position: absolute; width: 65%;
  bottom: -50px;
  right: 0px;
  border: solid 2px white;}
.section-padding {
  padding: 75px 0;
}

.section-ptb {
  padding: 80px 0;
}
 
img {
  width: 100%;
  height: auto;
}
.about .about-circle-crev {
  position: relative;
  width: calc(100% - 50px);
}
 
.triangle_top_left {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 70px 100px 0 0;
  border-color: #e5007d transparent transparent transparent;
  position: fixed;
  top: 0;
  z-index: 999990;
}

.triangle_top_right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 70px 100px 100px;
  border-color: #e5007d transparent transparent transparent;
  position: fixed;right: -100px;
  top: 0;
  z-index: 999990;
}