@font-face {
    font-family: 'Gibson-BoldIt';
    src: url('../fonts/gibson/Gibson-BoldItalic.eot');
    src: url('../fonts/gibson/Gibson-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gibson/Gibson-BoldItalic.woff2') format('woff2'),
        url('../fonts/gibson/Gibson-BoldItalic.woff') format('woff'),
        url('../fonts/gibson/Gibson-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gibson-SemiboldIt';
    src: url('../fonts/gibson/Gibson-SemiBoldItalic.eot');
    src: url('../fonts/gibson/Gibson-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gibson/Gibson-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/gibson/Gibson-SemiBoldItalic.woff') format('woff'),
        url('../fonts/gibson/Gibson-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gibson-LightIt';
    src: url('../fonts/gibson/Gibson-LightItalic.eot');
    src: url('../fonts/gibson/Gibson-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gibson/Gibson-LightItalic.woff2') format('woff2'),
        url('../fonts/gibson/Gibson-LightItalic.woff') format('woff'),
        url('../fonts/gibson/Gibson-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

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

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

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

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

@font-face {
    font-family: 'Gibson-Semibold';
    src: url('../fonts/gibson/Gibson-SemiBold.eot');
    src: url('../fonts/gibson/Gibson-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gibson/Gibson-SemiBold.woff2') format('woff2'),
        url('../fonts/gibson/Gibson-SemiBold.woff') format('woff'),
        url('../fonts/gibson/Gibson-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Abril-reg';
    src: url('../fonts/abril/AbrilFatface-Regular.eot');
    src: url('../fonts/abril/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/abril/AbrilFatface-Regular.woff2') format('woff2'),
        url('../fonts/abril/AbrilFatface-Regular.woff') format('woff'),
        url('../fonts/abril/AbrilFatface-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.faq-accordion .card{
    border:none !important;
    margin-bottom: 20px;
    box-shadow: 0px 7px 15px rgba(0,0,0,0.05);
    border-radius: 0px;
}

.faq-accordion .card .card-header{
     border-radius: 0px;
     border:none !important;
     padding: 0px;
}

.faq-accordion .card .card-header a.accordion-title{
     border-radius: 0px;
     border:none !important;
     border-left: 4px solid #0071b9 !important;
     background: #FFF;
     font-size: 20px;
     color: #666;
     font-weight: 600;
     display: block;
     padding: 20px;
     transition: all 0.6s ease;
}

.faq-accordion .card .card-header a.accordion-title:hover, .faq-accordion .card .card-header a.accordion-title[aria-expanded="true"]{
    background: #0071b9;
    color: #FFF;
     border-left: 4px solid #111 !important;
}

.faq-accordion .card .card-body{
    padding: 20px;
    font-size: 17px;
    line-height: 32px;
}

.accordion-title:before {
    float: right !important;
    font-family: "FontAwesome";
    content:"\f107";
    padding-right: 5px;
    font-weight: 300;
}
.accordion-title.collapsed:before {
    float: right !important;
    content:"\f106";
}


a.navbar-brand img{
    height: 50px;
    transition: 0.5s;
}

.shrink a.navbar-brand img{
    height: 40px;
    transition: 0.5s;
}

.shrink .navbar-collapse {
    top: 66px;
}

.shrink.fixed-top {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.38);
}

/* .portfolio-item{
    margin-right: 10px;
} */

/* the slides */
.slick-slide {
    margin: 0 8px;
}
/* the parent */
.slick-list {
    margin: 0 -8px;
}
.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  .portfolio-item {
    margin-bottom: 30px;
  }


.slick-slide {
    outline: none !important;
    }

    .portfolio-item a:focus{
        outline: none !important;
    }

    .footerlink{
        list-style: none;
        padding: 0;
    }
    .footerlink li a{
        color: #fff;
        text-decoration: none;
        -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-text-shadow: 0 30px 0px transparent;
    -moz-text-shadow: 0 30px 0px transparent;
    -ms-text-shadow: 0 30px 0px transparent;
    -o-text-shadow: 0 30px 0px transparent;
    text-shadow: 0 30px 0px transparent;
    color: rgba(255, 255, 255, 0.52);
    overflow: visible;
    position: relative;
    overflow: hidden;
    }
    .footerlink li{
        margin-bottom: 20px;
    }
    .footerlink li:last-child{
        margin-bottom: 0;
    }
  
 .footerlink li a:hover {
    -webkit-text-shadow: 0 0px 0px #fff;
    -moz-text-shadow: 0 0px 0px #fff;
    -ms-text-shadow: 0 0px 0px #fff;
    -o-text-shadow: 0 0px 0px #fff;
    text-shadow: 0 0px 0px #fff;
  }
  .footerlink li a::before{
      content: "";
      background: #fff;
      position: absolute;
      left: 0;
      bottom: -5px;
      height: 1px;
      width: 100%;
      transform: scale(0);
      transition: 0.5s;
      
  }

  .footerlink li a:hover:before{    
    transform: scale(1);
  }

  .sub-footer{
      padding-top: 20px;
  }
  .copyrights p, .copyrights a {
        color: #817e7e;
        text-decoration: none;
        font-size: 14px;
    }

.logointro{
    animation: cfadeInUp .5s linear 1.3s forwards;
    opacity: 0;
}

  
@keyframes cfadeInUp {
    from {
        transform: translate3d(0,80px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes cfadeInUp {
    from {
        transform: translate3d(0,80px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

  .vertical-outer {
    display: table;
    height: 100vh;
    text-align: center;
    width: 100%;
    position: relative;
}

.vertical-inner {
    display: table-cell;
    height: auto;
    vertical-align: middle;
}

.introbg{
    background-image: url(../images/intro/bg.jpg);
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

/* .fixed-top {
    top: -120px;
    transition: 0.5s;
}

.showmen{
    top: 0;
} */



.intocap{    
    font-family: 'Gibson';
    font-family: 'Gibson-Light';
    font-size: 35px;
    color: #0080c8;
    margin-bottom: 0;
    line-height: 40px;
    padding-top: 50px;
    opacity: 0;
    width: 40%;
    margin: 0 auto;
    animation: cfadeInUp .5s linear 1.5s forwards;
}


@keyframes cfadeInUp {
    from {
        transform: translate3d(0,30px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes cfadeInUp {
    from {
        transform: translate3d(0,30px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.intocap span{
    display: block;
}

.relpos{
    position: relative;
}
.introcapbgwrap{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 0%;
    display: inline-block;
    transform: scale(0);
    animation: cscale 1s linear 0.1s forwards;
    opacity: 0;
    
}

.introcapbgwrap img{
    width: 90%;   
    opacity: 0.6;
}


@keyframes cscale {
    from {
        transform: scale(0);
        bottom: -100%;
        opacity: 0;
    }

    to {
        transform: scale(1);
        bottom: 0%;
        opacity: 1;
    }
}

@-webkit-keyframes cscale {
    from {
        transform: scale(0);
        bottom: -100%;
        opacity: 0;
    }

    to {
        transform: scale(1);
        bottom: 0%;
        opacity: 1;
    }
}

.buidingbg{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.bottomborderwrap{
    position: absolute;
    bottom: 12px;
    left: 0;
    float: left;
    width: 100%;
    z-index: 6;
    
}


.borderbtm{
    position: relative;
    float: left;
    width: 100%;
}

.logointro{
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    top: 6%;
}

.borderbtm::before{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 12px;
    background: #127791;
}

.togglebtnwrap{
    position: absolute;
    bottom: 30px;
    display: inline-block;
    /* width: 100%; */
    text-align: center;
    z-index: 9;
    right: 30px;
}

.togbtn{
    width: 50px;
    height: 50px;
    border: 0;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    background: #0089d0;
    margin: 0 auto;
    
}

.togbtn i{
    font-size: 25px;
    color: #fff;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
.togglebtnwrap p{
    margin-bottom: 0;
    font-size: 14px;
    margin-top: 4px;
    color: #0089d0;
}

.togbtn::before{
    /* content: "";
    position: absolute;
    left: 7px;
    bottom: 4px;
    width: 2px;
    height: 5px;
    background: #0080c8;
    border-radius: 10px; */
    
}

@-webkit-keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      -webkit-transform: translateY(0);
    }
  
    40% {
      -webkit-transform: translateY(-10px);
    }
  
    60% {
      -webkit-transform: translateY(-10px);
    }
  }
  
  @-moz-keyframes bounce {
  
    0%,
    20%,
    50%,
    80%,
    100% {
      -moz-transform: translateY(0);
    }
  
    40% {
      -moz-transform: translateY(-10px);
    }
    60% {
        -webkit-transform: translateY(-10px);
      }
  }
  
  @-o-keyframes bounce {
  
    0%,
    20%,
    50%,
    80%,
    100% {
      -o-transform: translateY(0);
    }
  
    40% {
      -o-transform: translateY(-10px);
    }
  
    60% {
        -webkit-transform: translateY(-10px);
      }
  }
  
  @keyframes bounce {
  
    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0);
    }
  
    40% {
      transform: translateY(-10px);
    }
  
    60% {
        -webkit-transform: translateY(-10px);
      }
  }


  .cloud{
      position: absolute;
  }

  .cloud1{
    -webkit-animation: animateCloud1 20s linear infinite;
	-moz-animation: animateCloud1 20s linear infinite;
    animation: animateCloud1 20s linear infinite;
    width: 110px;
    top: 10%;
    left: 90%;
	
  }
  .cloud2{
    -webkit-animation: animateCloud2 30s linear infinite;
	-moz-animation: animateCloud2 30s linear infinite;
	animation: animateCloud2 30s linear infinite;
    opacity: 0.6;
    width: 68px;
    top: 12%;
    left: 80%;
 }
    .cloud3{
        -webkit-animation: animateCloud3 40s linear infinite;
        -moz-animation: animateCloud3 40s linear infinite;
        animation: animateCloud3 40s linear infinite;
        opacity: 0.6;
        width: 68px;
        top: 20%;
        left: 80%;
    }
    .cloud4{
        -webkit-animation: animateCloud4 50s linear infinite;
        -moz-animation: animateCloud4 50s linear infinite;
        animation: animateCloud4 50s linear infinite;
        width: 110px;
        top: 3%;
        left: 60%;
    }


    
/* KEYFRAMES */

@-webkit-keyframes animateCloud1 {
    0% {
        left: 30%;
    }
    100% {
        left: -100px;
    }
}

@-moz-keyframes animateCloud1 {
    0% {
        left: 30%;
    }
    100% {
        left: -100px;
    }
}

@keyframes animateCloud1 {
    0% {
        left: 30%;
    }
    100% {
        left: -100px;
    }
}

/* ANIMATIONS */


/* KEYFRAMES */

@-webkit-keyframes animateCloud2 {
    0% {
        left: 60%;
    }
    100% {
        left: -100px;
    }
}

@-moz-keyframes animateCloud2 {
    0% {
        left: 60%;
    }
    100% {
        left: -100px;
    }
}

@keyframes animateCloud2 {
    0% {
        left: 60%;
    }
    100% {
        left: -100px;
    }
}

/* ANIMATIONS */


/* KEYFRAMES */

@-webkit-keyframes animateCloud3 {
    0% {
        left: 90%;
    }
    100% {
        left: -100px;
    }
}

@-moz-keyframes animateCloud3 {
    0% {
        left: 90%;
    }
    100% {
        left: -100px;
    }
}

@keyframes animateCloud3 {
    0% {
        left: 90%;
    }
    100% {
        left: -100px;
    }
}

/* ANIMATIONS */


/* KEYFRAMES */

@-webkit-keyframes animateCloud4 {
    0% {
        left: 700%;
    }
    100% {
        left: -100px;
    }
}

@-moz-keyframes animateCloud4 {
    0% {
        left: 70%;
    }
    100% {
        left: -100px;
    }
}

@keyframes animateCloud4 {
    0% {
        left: 70%;
    }
    100% {
        left: -100px;
    }
}

/* ANIMATIONS */

.navbar-brand {
    padding: 0;
}

a.navbar-brand img {
    height: 77px;
    transition: 0.5s;
}

.navbar {
    padding: 10px 0;
    padding-bottom: 0;
}


.cmpd-1{
    padding: 10px 0;
}
.cmpd-2{
    padding: 20px 0;
}
.cmpd-3{
    padding: 40px 0;
}
.cmpd-4{
    padding: 40px 0;
}
.cmpd-5{
    padding: 50px 0;
}
.cmpd-6{
    padding: 60px 0;
}
.cmpd-7{
    padding: 70px 0;
}
.cmpd-8{
    padding: 80px 0;
}
.cmpd-9{
    padding: 90px 0;
}
.cmpd-10{
    padding: 100px 0;
}

.aboutcont h2{
    color: #0071b9;
    font-family: 'Gibson-Semibold';
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 10px;
}

h1.home-heading{
    color: #0071b9;
    font-family: 'Gibson-Semibold';
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 10px;
}

p{
    /* font-family: 'Gibson-Light'; */
    font-size: 18px;
    color: #817e7e;
    
}

.aboutcont p:last-child{
    margin-bottom: 0;
}

a.cmbtn, .cmbtn{
    background: #0071b9;
    padding: 10px 35px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    border-radius: 25px;
    margin-top: 10px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
}

.contformwrap .cmbtn{
    padding: 10px 80px;
}

a.cmbtn span, .cmbtn span{
position: relative;
z-index: 9;
color: #fff;
}

a.cmbtn:after, .cmbtn:after{
    content: "";
    position: absolute;
    left: 0;
    top: 40%;
    background: #075688;
    width: 2px;
    height: 2px;
    opacity: 0;
    border-radius: 100%;
    transition: 0.5s ease-in-out;
}

a.cmbtn:hover:after, .cmbtn:hover:after{
    opacity: 1;
    transform: scale(150);
    border-radius: 100%;
}

.contformwrap .cmbtn:hover:after{
    transform: scale(250);
}




.detailwrap > span{
    display: inline-block;
    vertical-align: middle;
    width: 52%;
}

.detailwrap > span:first-child{
    width: 42%;
    text-align: right;
    padding-right: 10px;
}
.detailwrap > span > h4{
    color: #fff;
    font-family: 'Gibson-Semibold';
    font-size: 28px;
    margin-bottom: 0;
}

.detailwrap > span > h4 > em{
    font-style: normal;
    padding-left: 3px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Gibson-Light';
    text-transform: uppercase;
}

.detailwrap > span > p{
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 20px;
}

.detailsec{
    /* background-image: url(../images/bg/detbg.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background: transparent
}


.comhead h2{
    color: #817e7e;
    font-family: 'Gibson-Semibold';
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.clientsec{

}

.clientlist{

}
.clientlist ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    display: inline-block;
    margin-left:0px;
    width: 100%;
}

.clientlist ul li{
    display: inline-block;
    width: 20%;
    margin-bottom: -1px;
    text-align: center;
    border: 1px solid #c1c0c0;
    float: left;
    margin-left: -1px;
    padding: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.clientlist a.cmbtn{
    margin-top: 20px;
}
footer{
    position: relative;
    background: #636363;
    padding: 50px 0;
}

footer::before{
    content: "";
    background: #282829;
    width: 41%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
}

.footerhead h5{
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    font-family: 'Gibson-Semibold';
    letter-spacing: 1px;
}

h3.subhead{
    font-size: 14px;
    font-family: 'Gibson-Semibold';
    color: #fff;
    letter-spacing: 1px;
}

.addr p, .addr p a{
    font-size: 14px;
    color: #fff !important;
    line-height: 25px;
}

a[href^="tel"]{
    color:inherit !important;
    text-decoration:none;
}


.addr p span{
    display: block
}

.footsocl ul{
   list-style: none;
   padding: 0;
   margin: 0;
}
.footsocl ul li{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.footsocl ul li:last-child{
    margin-right: 0;
}   
.footsocl ul li a{
    font-size: 20px;
    color: #fff;
    
}
.footsocl ul li i{
    transition: 0.5s
}
.footsocl ul li:hover i.fa-facebook{
    /* -webkit-transform: rotate(360deg);
    transform: rotate(360deg); */
    color: #3b5998;
}
.footsocl ul li:hover i.fa-twitter{
    /* -webkit-transform: rotate(360deg);
    transform: rotate(360deg); */
    color: #00acee;
}
.footsocl ul li:hover i.fa-youtube{
    /* -webkit-transform: rotate(360deg);
    transform: rotate(360deg); */
    color: #c4302b;
}
.footsocl ul li:hover i.fa-whatsapp{
    /* -webkit-transform: rotate(360deg);
    transform: rotate(360deg); */
    color: #25d366;
}

.footsocl ul li:hover i.fa-linkedin {
    color: #0077B5;
}

.footsocl{
    position: relative;
    padding-top: 40px;
}

.footsocl::before{
    content: "";
    position: absolute;
    background: #282829;
    width: 100%;
    height: 1px;
    left: 0;
    top: 24px;
}

.procont{
    padding: 0 10px;
}

.prosliderwrap{
    margin-top: 20px;
}
.cmnul ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.cmnul ul li{
    margin: 10px;
    position: relative;
}

/* .big.item{
    width: 50% !important;
}

.small.item{
    width: 25% !important;
} */
.slick-slide {
    margin: 0 0px;
}

.bigimg li{
    /* background: #ffe7f3; */
}

.small1 li:first-child{
    /* background: #fdf1e2; */
    margin-bottom: 18px;
}

.small1 li:last-child{
    /* background: #fff9cf; */
}


.small2 li:first-child{
    background: #dae4ff;
    margin-bottom: 18px;
}

.small2 li:last-child{
    background: #ffd4d4;
}

.cmnul li a {
    display: inline-block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cmnul li a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.cmnul li a:hover:after{
    transform: scale(30);
}
.cmnul.bigimg li a:hover:after{
    transform: scale(63);
}


.innerprolist li a {
    position: relative;
    overflow: hidden;
}

.innerprolist li a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.innerprolist li a:hover:after{
    transform: scale(30);
}
.innerprolist li.big a:hover:after{
    transform: scale(60);
}


/* .cmnul li a::before{
    content: "\f067";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    font: normal normal normal 20px/1 FontAwesome;
    color: #fff;
    z-index: 9;
    opacity: 0;
    
} */


.innerprolist li a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 30px;
    width: 30px;
    background-image: url(../images/add.png);
    text-align: center;
    z-index: 9;
    opacity: 0;
    background-size: 100%; 
}
.innerprolist li a:hover:before{
    opacity: 0;
    animation: fadedwn .3s linear .5s forwards;
}


.cmnul li a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 30px;
    width: 30px;
    background-image: url(../images/add.png);
    text-align: center;
    z-index: 9;
    opacity: 0;
    background-size: 100%;
}
.cmnul li a:hover:before{
    opacity: 0;
    animation: fadedwn .3s linear .5s forwards;
}
@-webkit-keyframes fadedwn {
    0% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateY(0);
    }
 }
 
 @keyframes fadedwn {
    0% {
       opacity: 0;
       transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
 }
 


/* 
.cmnul li a::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    transition: 0.5s;
    background: rgba(0, 0, 0, 0.4)
} */

/* .cmnul li a:hover:after{
    height: 50%;
}

.cmnul li a:hover:before{
    height: 50%;
} */


.slick-list:focus {
    outline: none;
}

.prohead{
    position: absolute;
    left: auto;
    text-align: center;
    width: 100%;
    bottom: 3%;
}

.prohead h3{
    font-size: 18px;
    font-family: 'Gibson';
    color: #636363;
    margin-bottom: 0;
}

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

.prolist ul li{
    display: inline-block;
    margin-right: 10px;
}

.prolist ul li:last-child{
margin-right: 0;
}

.prolist ul li a{
    color: #817e7e;
    text-decoration: none;
    font-size: 16px;
    transition: 0.5s
}

.prolist ul li:hover a{
color: #0071b9;
}

.prolist{
    margin-top: 25px;
}


.productsec{
    /* background-image: url(../images/bg/probg.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background: transparent;
}

.productsec::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-image: url(../images/bg/probgoverlay.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0.5;
}

.banverticalout{
    display: table;
    height: 90vh;
    width: 100%;
    position: relative;
   
}

.banverticalinner{
    display: table-cell;
    height: auto;
    vertical-align: middle;
    text-align: left;
}
.bancap{
    position: relative;
    width: 36%;
}

.bancap h1{
    font-family: 'Abril-reg';
    font-size: 64px;
    color: #1272b7;
    letter-spacing: 1px;
    line-height: 66px;
    margin-bottom: 0;
}

.bancap p{
    color: #393a3b;
    font-size: 35px;
    width: 80%;
    margin-bottom: 0;
    line-height: 45px;
}

.carousel-item .container{
    max-width: 68%;
}

.bancapcont{
    text-align: right
}


.capshape, .bancapcont{
    position: relative;
    z-index: 999;
}


.capanim{
    overflow: hidden;
    display: inline-block
}
.capanim h1, .capanim p {
    margin-left: -100%;
    animation: showtxt 1s ease-in-out forwards 1s;
}


@keyframes showtxt {
    from{
        margin-left: -70%; 
    }
    to {
        margin-left: 0%;
    }
  }

.capshape::before{
    content: "";
    position: absolute;
    left: -100px;
    top: -120px;
    width: 334px;
    height: 334px;
    background-image: url(../images/banner/capbg.png);
}

.bancapcont::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 40%;
    width: 163px;
    height: 163px;
    background-image: url(../images/banner/banimgbg.png);
    
}

/* .carousel-control-prev-icon {
    background-image: url(../images/banner/arrow.png);
    background-position: left;
    width: 42px;
    height: 40px;
    transition: 0.5s;
    background-size: cover;
}

.carousel-control-prev-icon:hover{
    background-position: -43px 0px;
}




.carousel-control-next-icon {
    background-image: url(../images/banner/arrow.png);
    background-position: right;
    width: 42px;
    height: 40px;
    background-size: cover;
    transition: 0.5s
}

.carousel-control-next-icon:hover {
    background-position: -86px 0px;
} */

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: no-repeat 50%/100% 100%;
    border: 2px solid #b3bbc9;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {
    background: #1272b7;
    border: 2px solid #1272b7;
}


.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: none;
    transition: 0.8s;
    position: relative;
}
.carousel-control-prev-icon::before, .carousel-control-next-icon::before{
    font: normal normal normal 22px/1 FontAwesome;
    transition: 0.8s;
    color: rgba(97, 96, 102, 0.7);
}

.carousel-control-prev-icon:hover:before, .carousel-control-next-icon:hover:before{
    color: #fff;
}

.carousel-control-prev-icon::before{
    content: '\f104';   
}

.carousel-control-next-icon::before{
    content: '\f105';   
}
.carousel-indicators {
    bottom: 15%;
    -ms-flex-pack: left;
    justify-content: left;
    left: 3%;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 8px;
    background-color: #1272b7;
    opacity: .2;
}
.carousel-item.active .capshape::before{
    animation: zoomcapbg 0.5s linear;
}


@keyframes zoomcapbg {
    from{
        -webkit-transform:scale(0);
      -moz-transform:scale(0);
      -ms-transform:scale(0);
      -o-transform:scale(0);
      transform:scale(0);
    }
    to {
      -webkit-transform:scale(1);
      -moz-transform:scale(1);
      -ms-transform:scale(1);
      -o-transform:scale(1);
      transform:scale(1);
    }
  }
.carousel-item.active .bancapcont::before{
    animation: scale 5s linear infinite;
}

@keyframes scale {
    0%{
        -webkit-transform:scale(0.5);
      -moz-transform:scale(0.5);
      -ms-transform:scale(0.5);
      -o-transform:scale(0.5);
      transform:scale(0.5);
    }
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
    100% {
        -webkit-transform:scale(0.5);
        -moz-transform:scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform:scale(0.5);
        transform:scale(0.5);
      }
      
  }

  .capimgshape{
      transition: 0.6s ease-in-out 0.1s;
      opacity: 0;
  }

  .carousel-item.active .capimgshape{
    margin-top: 35px;
      opacity: 0;
    animation: cusfadeInLeft 1s linear 1s forwards;
}
  
/** fadeInLeft **/

@-webkit-keyframes cusfadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(20px);
        -moz-transform: translatex(20px);
        -o-transform: translatex(20px);
        transform: translatex(20px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes cusfadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(20px);
        -moz-transform: translatex(20px);
        -o-transform: translatex(20px);
        transform: translatex(20px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes cusfadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(20px);
        -moz-transform: translatex(20px);
        -o-transform: translatex(20px);
        transform: translatex(20px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}

.showmen.showmenubg{
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

.showmenubg a.navbar-brand img {
    height: 70px;
    margin-top: 0;
}
.posrel{
    position: relative;
}
.headcont{
    position: absolute;
    right: 0;
    top: 5%;
    z-index: 9999;
    transition: 0.5s ease-in-out
}

.showmenubg .headcont{
    top: 2%;
}

.headcont ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.headcont ul li{
    display: inline-block;
    margin-right: 21px;
    vertical-align: top;
}

.headcont ul li a{
    color: #636363;
    text-decoration: none;
    font-size: 16px;
    transition: 0.5s;
}

.headcont ul li a:hover{
    color: #1272b7;
}

.showmenubg .headcont ul li a{
    font-size: 14px;
    transition: 0.5s;
}

.social-links{
    position: relative;
}

.swipedwnlist{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: 0.5s;
    padding-top: 0;
}

.swipedwnlist.swipedwnlistshow{
    top: 37px;
    opacity: 1;
    padding-top: 11px;
}

.swipedwnlist .social-links span {
    display: block;
    transition: 0.5s;
    width: 40px;
    height: 0px;
    padding: 0px 0;
    border: 1px solid #636363;
    border-radius: 100%;
    margin-bottom: 0px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.7);
    /* border: 1px solid #fff; */
    text-align: center;
    
}

.swipedwnlist .social-links span:hover {
    /* background: #0071b9;
    border: 1px solid #0071b9; */
    background: #fff;
    border: 1px solid #636363;
}
.swipedwnlist .social-links span  a{
    color: #636363;
}
.swipedwnlist .social-links span:hover  a{
    color: #fff;
}

/* .swipedwnlist .social-links span:hover  a .fa-facebook{
    color: #3b5998;
    transition: 0.5s;
}
.swipedwnlist .social-links span:hover  a .fa-twitter{
    color: #00acee;
    transition: 0.5s;
}
.swipedwnlist .social-links span:hover  a .fa-youtube{
    color: #c4302b;
    transition: 0.5s;
}
.swipedwnlist .social-links span:hover  a .fa-skype{
    color: #00AFF0;
    transition: 0.5s;
} */

.swipedwnlist .social-links span.fb:hover{
    background: #3b5998;
    border: 1px solid #3b5998;
 }
.swipedwnlist .social-links span.tw:hover{
    background: #00acee;
    border: 1px solid #00acee;
}
.swipedwnlist .social-links span.yt:hover{
    background: #c4302b;
    border: 1px solid #c4302b;
}
.swipedwnlist .social-links span.sk:hover{
    background: #25d366;
    border: 1px solid #25d366;
}

.swipedwnlist .social-links span.lk:hover {
    background: #0077B5;
    border: 1px solid #0077B5;
}
.social-links span a.grennhvr{
    padding: 6px 0px;
    border: 1px solid #636363;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    transition: 0.5s;
    display: inline-block;
    text-align: center;
}

.social-links span a.grennhvr:hover{
    background: #fff;
    color: #fff;
    border: 1px solid #fff;
}


.social-links span.clr{
    display: inline-block;
    position: relative;
    z-index: 99999;
}



.swipedwnlist .social-links span a{
    font-size: 0px;
    transition: 0.5s;
}

.swipedwnlist.swipedwnlistshow .social-links span {
    height: 40px;
    padding: 7px 0;    
    margin-bottom: 10px;
    opacity: 1;
}
.swipedwnlist.swipedwnlistshow .social-links span a {
    font-size: 18px;
    height: 40px;
    width: 40px;
    display: inline-block;
    padding-top: 0;
}





.stellarnav > ul > li.sociallinks-wraper{
    padding-right: 0;
}

.innerbannerwrap{
    /* background-image: url(../images/innerban/bg.jpg); */
    background-size: cover;
    background-repeat: no-repeat;
    height: 230px;
    background-color: #e4f0fe;
    position: relative;
    overflow: hidden;
    background-position: center;
}

.bgcirc{
    position: absolute;
    left: 5%;
    top: -70%;
    background: #c3e1fb;
    width: 250px;
    height: 250px;
    border-radius: 100%;
}
.bigcircle{
    background: #cae4fb;
    width: 700px;
    height: 700px;
    right: 0;
    left: auto;
    top: -224%;
    animation: scaleban 20s linear infinite;
}

.mediumcircle{
    background: #cae4fb;
    width: 250px;
    height: 250px;
    animation: scaleban 30s linear infinite;
}

.smallcircle{
    background: #a1d1f7;
    width: 150px;
    height: 150px;
    top: auto;
    right: 30%;
    left: auto;
    bottom: -40%;
    animation: scaleban 40s linear infinite;
}

.innerbanner{

}

.innbancont{
    padding-top: 160px;
}

.innbancont h1{
color: #0171b7;
font-family: 'Gibson-Semibold';
font-size: 30px;
margin-bottom: 0;
}
.innbancont h2{
color: #0171b7;
font-family: 'Gibson-Semibold';
font-size: 30px;
margin-bottom: 0;
}
.breadcrumbwrap{
    
}

.breadwrap{
    padding: 20px 0;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 10px;

}

.breadwrap ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.breadwrap ul li{
    display: inline-block;
    margin-right: 8px;
    position: relative;
    border-right: 1px solid #b3b3b3;
    line-height: 14px;
    vertical-align: top;
    padding-right: 13px;
}


.breadwrap ul li:last-child{
border-right: 0;
}


.breadwrap ul li a{
    text-decoration: none;
    color: #636363;
}


.breadwrap ul li a.active {
    text-decoration: none;
    color: #0071b9;
}

.innerhead h3{
color: #0071b9;
font-size: 25px;
}

.innerhead{

}

.contetn p{
    margin-bottom: 25px;
    /* text-align: justify; */
    padding-right: 20px;
}

.contetn p:last-child{
    margin-bottom: 0;
}

.contetn p a{
    text-decoration: none;
    /* color: #636363; */
    display: inline-block
}


.contetn{
    margin-top: 30px;
}

.missonwrap{
    /* background-image: linear-gradient(#fff, #f7d3e5); */
    padding: 60px 40px;
    position: relative;
    /* border: 1px solid #b7b7b7; */
    background-image: url(../images/mission.jpg);
    /* background: rgba(0, 113, 185, 0.88); */

    overflow: hidden;
    

}

.missonwrap:hover{
    
}




.missonwrap.vission{
    /* background-image: linear-gradient(#fff, #fdf1e3); */
    margin-top: 30px;
    background-image: url(../images/vission.jpg);
    /* background: rgba(0, 113, 185, 0.88); */
}



.missioncont{
    position: relative;
}

.missioncont p{
    line-height: 25px;
    font-size: 18px;
    color: #fff;
    /* opacity: 0;
    animation: fadedwn .5s linear .5s forwards; */
    text-align: justify;
}

.vission p{
    /* opacity: 0;
    animation: fadedwn .5s linear .7s forwards; */
}

.title{
    position: absolute;
    z-index: 9;
    bottom: -8px;
    right: 5%;
}

.title h4{
    color: #fff;
    font-size: 50px;
    font-family: 'Gibson-Semibold';
    text-transform: uppercase;
    margin-bottom: 0;
    position: relative;
    background: -webkit-linear-gradient(#fff, rgba(255, 255, 255, 0.0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 45px;
}

.missonwrap:after{
    content: "";
    position: absolute;
    left: -1px;
    background: #fff;
    top: 20%;
    width: 1px;
    height: 61%;
}

.missonwrap::before{
    content: "";
    position: absolute;
    right: 0;
    /* background-image: url(../images/mission.jpg); */
    background: rgba(0, 113, 185, 0.88);
    top: 0%;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
    
}

.missonwrap:hover:before{
    animation: scaleban 15s linear infinite;
}

.missonwrap.vission::before{
    content: "";
    position: absolute;
    right: 0;
    /* background-image: url(../images/vission.jpg); */
    background: rgba(0, 113, 185, 0.88);
    top: 0%;
    width: 100%;
    height: 100%;
    /* z-index: -1; */
    transition: 0.5s;
}

.missonwrap.vission:hover:before{
    animation: scaleban 15s linear infinite;
    transition: 1s;
}
.vission .title{
    /* left: -46px; */
}

.milstonelist{
margin-top: 80px;
margin-left: 13%;
margin-right: 13%;
}

.milstonelist ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.milstonelist ul li{
    position: relative;
    border: 1px solid #a4d2f7;
    /* border-radius: 150px; */
    height: 300px;
    margin-top: -1px;
}

.milstonelist ul li:last-child{
    border-bottom: 0;
}

.milstonelist ul li:nth-child(odd){
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px;
border-left: 0;
}

.milstonelist ul li:nth-child(odd)::after{
    content: "";
    position: absolute;
    left: 0;
    width: 18%;
    height: 1px;
    background: #fff;
    bottom: -1px;
}

.milstonelist ul li:nth-child(odd)::before{
    content: "";
    position: absolute;
    left: 0;
    width: 18%;
    height: 1px;
    background: #fff;
    top: -1px;
}

.milstonelist ul li:nth-child(even){
    border-top-left-radius: 150px;
    border-bottom-left-radius: 150px;
    border-right: 0;
}

.milstonelist ul li:nth-child(even)::after{
    content: "";
    position: absolute;
    right:  0;
    width: 18%;
    height: 1px;
    background: #fff;
    top: -1px;
}

.milstonelist ul li:nth-child(even)::before{
    content: "";
    position: absolute;
    right:  0;
    width: 18%;
    height: 1px;
    background: #fff;
    bottom: -1px;
}

.milstonelist ul li:last-child{
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px;
border-left: 0;
border-right: 0;
}

.comonlist{
    position: absolute;
    width: 25%;
    text-align: center;
}

.commoncircle{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 1px solid #a4d2f7;
    margin-bottom: 10px;
    position: relative;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    background: #fff;
    transition: 0.5s;
}

.comonlist:hover .commoncircle{
    transform: scale(1.2);
}

.commoncircle::before{
    content: "";
    position: absolute;
    width: 92%;
    height: 92%;
    background-image: linear-gradient(#fff, #f7d3e5);
    left: 3px;
    top: 3px;
    border-radius: 100%;
}
.commoncircle h4{
font-size: 20px;
margin-bottom: 0;
font-family: 'Gibson-Semibold';
position: relative
}

.commoncont p{
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 8px;
    transition: 0.5s;
}

.comonlist:hover .commoncont p{
    color: #000;
    padding-top: 5px;
}

.list1{
    top: -13%;
    left: 3%;
}

.list2{
    top: -13%;
    left: 50%;
    width: 33%;

}

.list2 .commoncircle::before{
    background-image: linear-gradient(#fff, #a4d3f7);
}

.list3{
    top: 35%;
    right: -16%;
    width: 31%;
}

.list3 .commoncircle::before{
    background-image: linear-gradient(#fff, #fff9d1);
}

.list3 .commoncont{
    padding-left: 50%;
    text-align: left;
}


.list4{
    top: -13%;
    left: 54%;
    width: 31%;
}

.list4 .commoncircle::before{
    background-image: linear-gradient(#fff, #ffd5d5);
}


.list5{
    top: -13%;
    left: 13%;
    width: 30%;
}

.list5 .commoncircle::before{
    background-image: linear-gradient(#fff, #a8d5f8);
}


.list6{
    top: 35%;
    left: -22%;
    width: 45%;
}

.list6 .commoncircle::before{
    background-image: linear-gradient(#fff, #f7d3e5);
}

.list6 .commoncont{
    padding-right: 50%;
    text-align: right;
}



.list7{
    top: -13%;
    left: 11%;
    width: 34%;
}

.list7 .commoncircle::before{
    background-image: linear-gradient(#fff, #ffd5d5);
}

.list8{
    top: -13%;
    left: 54%;
    width: 33%;
}

.list8 .commoncircle::before{
    background-image: linear-gradient(#fff, #fff9d1);
}

.list9{
    top: 35%;
    right: -26%;
    width: 31%;
}

.list9 .commoncircle{
    margin-left: 0;
}

.list9 .commoncircle::before{
    background-image: linear-gradient(#fff, #a7d4f7);
}

.list9 .commoncont{
    padding-left: 20%;
    text-align: left;
}


.list10{
    top: -13%;
    left: 54%;
    width: 31%;
}

.list10 .commoncircle::before{
    background-image: linear-gradient(#fff, #f7d5e6);
}


.list11{
    top: -13%;
    left: 13%;
    width: 30%;
}

.list11 .commoncircle::before{
    background-image: linear-gradient(#fff, #fff9d2);
}


.list12{
    top: 35%;
    left: -18%;
    width: 37%;
    z-index: 9;
}

.list12 .commoncircle::before{
    background-image: linear-gradient(#fff, #ffd5d5);
}

.list12 .commoncont{
    padding-right: 52%;
    text-align: right;
}


.lastbg{
    position: absolute;
    background: #ffffff;
    width: 13%;
    height: 50px;
    top: 62%;
    right: 5%;
}

.dot{
    position: absolute;
}

.dot span{
    background: #f7d4e6;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    display: inline-block;
}


.dot1{
    left: 40%;
    top: -11px;
}

.dot2{
    top: -9px;
    right: 14%;
}

.dot2 span{
    background: #a4d2f7;
}

.dot3{
    bottom: -12px;
    right: 14%;
    z-index: 9;
}

.dot3 span{
    background: #fffad4;
}

.dot4{
    left: 49%;
    top: -11px;
}

.dot4 span{
    background: #ffd5d5;
}

.dot5{
    left: 10%;
    top: 0;
}

.dot5 span{
    background: #a5d3f7;
}

.dot6{
    bottom: 0;
    left: 10%;
}

.dot6 span{
    background: #f7d4e6;
}






.dot7{
    left: 50%;
    top: -11px;
}

.dot7 span{
    background: #ffd5d5;
}

.dot8{
    right: 11%;
    top: 0;
}

.dot8 span{
    background: #fffad4;
}

.dot9{
    right: 11%;
    bottom: -4px;
}

.dot9 span{
    background: #a3d2f7;
}


.dot10{
    left: 49%;
    top: -11px;
}

.dot10 span{
    background: #f7d4e5;
}

.dot11{
    left: 10%;
    top: 0;
}

.dot11 span{
    background: #fff9d1;
}

.productlist{
    display: inline-block;
}

.productlist ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.productlist ul li{
    display: inline-block;
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
    padding: 15px;
}


.leftbig.productlist ul li:first-child{
    width: 50%;
}

.rightbig.productlist ul li:first-child{
    width: 50%;
    float: right
}




.proheadtxt{
    position: absolute;
    bottom: 3%;
    text-align: center;
    left: auto;
    width: 100%;
    padding-right: 15px;
}

.proheadtxt h3{
    margin-bottom: 0;
    color: #636363;
    font-size: 18px;
    margin-top: 0;
}



.productlist ul li a{
display: inline-block
}

/* .csr p{
    
}
.csr p img{
    float: left;
} */


.strentlist{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
}

.strentlist li{
    display: inline-block;
    width: 33%;
    float: left;
    padding: 10px;
    /* background: #efefef; */
    padding: 20px 40px;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.strentlist li:hover{
    background: rgba(16, 159, 218, 0.11);
}

.strentlist li:nth-child(3n+0){
    border-right: 0;
}

.strentlist li:last-child{
    border-bottom: 0;
}



.strentlist li:nth-child(even){
    /* background: #fff; */
}



.strengthicon{
    margin-bottom: 0px;
    text-align: center;
}

.strengthicon span{

}

.strengthicon span img{
    margin-bottom: 10px;
}

.strengthicon span p{
    font-size: 16px;
    min-height: 110px;
    margin-bottom: 0;
}

.cmnlist{

}

.cmnlist ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 20px;
}

.cmnlist ul li{
    font-size: 18px;
    color: #817e7e;
    margin-bottom: 15px;
    position: relative;
    padding-left: 13px;
}

.cmnlist ul li::before{
    content: "\f105";
    font: normal normal normal 20px/1 FontAwesome;
    position: absolute;
    left: 0;
    top: 4px;
    color: #0071b9;
}

.subhead{

}
.subhead h3{
    font-family: 'Gibson';
    color: #0071b9;
    font-size: 23px;
    margin-bottom: 0;
}

.addcol{

}

.addhead{
margin-top: 20px;
}

.addhead h5{
    color: #636363;
    font-size: 20px;
    margin-bottom: 20px;
}

.addcont{

}

.addcont p{
    font-size: 15px;
    line-height: 26px;
}

.addcont p a{
    color: #817e7e;
    text-decoration: none;
}
.addcont p span{
    display: block;
}

.person{

}

.person h6{
    color: #0071b9;
    font-size: 15px;
    margin-bottom: 0;
}

.person h6 small{
    color: #817e7e;
    font-family: 'Gibson-SemiboldIt';
    font-size: 90%;
    letter-spacing: 0.5px;
}

.person p{

}

.bdr{
    position: relative;
}

.bdr::before{
    content: "";
    position: absolute;
    right: 13px;
    top: 20%;
    height: 60%;
    width: 1px;
    background: #d4d4d4;
}

.form-check{
text-align: left;
padding-left: 0;
}

.form-check span{
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
    color: #817e7e;
    padding-left: 1.25rem;
}
.contformwrap{
    text-align: center;
    background: #fff;
    padding: 40px;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.16);
    padding-top: 30px;
    height: 500px;
    max-height: 500px;
}
.contformwrap .form-control {
    height: 50px;
    border-radius: 0;
}

.contformwrap textarea.form-control {
    height: auto;
}

.mapwrap{
    margin-bottom: -10px;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
    background-image: none !important
}

.form-check p{
    padding-left: 0;
    font-size: 17px;
    margin-bottom: 5px;
}


.clientlists {
    border: 1px solid #e0e0e0;
    margin-bottom: 30px;
    transition: .5s;
}


.clientlists img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: .5s;
}

.clientlists:hover {
    border: 1px solid #007cc2;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
}

.clientlists:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.tab-content{
    margin-top: 50px;
}

.clientswrap .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* background: #e8e8e8; */
    color: #c1c1c1;
    font-family: 'Gibson';
    position: relative;
    padding-left: 0;
    padding-right: 0;
    transition: 0.5s;
}

.clientswrap .nav-tabs .nav-link::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #c7c7c7;
}

.clientswrap .nav-tabs .nav-link::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    transition: 0.5s;
    background: #007cc2;
}

.clientswrap .nav-tabs .nav-link:hover:after, .clientswrap .nav-tabs .nav-link.active:after{
    width: 100%;
}

.clientswrap .nav-tabs .nav-item {
    /* margin-bottom: -1px; */
    display: inline-block;
    /* width: 18%; */
    text-align: left;
    margin-right: 40px;
    position: relative;
}
.clientswrap .nav-tabs .nav-item::after {
    content: "";
    position: absolute;
    background: #c7c7c7;
    right: -20px;
    top: 13px;
    width: 1px;
    height: 40%;
}

.clientswrap .nav-tabs .nav-item:last-child:after{
    display: none
}
.clientswrap .nav-tabs {
    border-bottom: 0;
    /* text-align: center;
    align-items: center;
    justify-content: center; */
}

.clientswrap .nav-tabs .nav-item.show .nav-link, .clientswrap .nav-tabs .nav-link.active, .clientswrap .nav-tabs .nav-link:hover {
    /* color: #fff;
    background-color: #0171b7; */
    color: #007cc2;
}
.quality .cmnlist ul{
    padding-left: 20px;
}
.quality .cmnlist ul li{
    margin-bottom: 18px;
    font-size: 16px;
}

.qualcont p:first-child{
    margin-bottom: 0;
}

.qualcont .cmnlist ul{
    margin-top: 10px;
}

.qualcont .cmnlist ul li::before {
    top: 4px;
    font-size: 17px;
}

.listul{
    padding: 10px 0;
}

.listul ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.listul ul li{
    display: inline-block;
    position: relative;
    color: #817e7e;
    font-size: 16px;
    padding-right: 15px;
}

.listul ul li:last-child{
padding-right: 0;
}


.listul ul li::before{
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    color: #d2d2d2;
}

.listul ul li:last-child:before{
    display: none
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0089d0;
}
.owl-theme .owl-dots .owl-dot {
    outline: none;
}

.fans{
    position: absolute;
    bottom: 20%;
    left: 26%;
    z-index: -1;
    opacity: 0.2;
}

.fan2{
    bottom: 0%;
    left: 34%;
   
}

.fan3{
    bottom: 0%;
    left: 55%;
}

.fan4{
    bottom: 20%;
    left: 64%;
}

.fans .fanband{
   
}

.fans::before{
    content: "";
    background-image: url(../images/intro/wings.png);
    background-size: 100%;
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;    
    background-position: center;
position: absolute;
left: 15%;
top: 0;
animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.infragal{
    margin-bottom: 30px;
}



.innerimg{
position: relative;
padding: 20px;
}

.innerimg::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #d4d4d4;
    height: 90%;
    width: 90%;
    /* z-index: -1; */
}



.innerimg img{
    box-shadow: -15px 17px 48px rgba(0, 0, 0, 0.2);
    position: relative;
}

.innerimg.lef::before{
    left: 0;
}

.innerimg.lef img{
    box-shadow: 17px 20px 48px rgba(0, 0, 0, 0.2);
}


.partnerslistwrap ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    width: 100%;
}


.partnerslistwrap ul li {
    position: relative;
    display: inline-block;
    float: left;
    width: 20%;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-align: center;
    padding-top: 14px;
    border: 1px solid #c7c7c7;
    margin-left: -1px;
    margin-bottom: -1px;
    padding: 10px;
}
.partnerslistwrap ul {
    /* text-align: center; */
}
/* 
.partnerslistwrap ul li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 3px;
    background-image: url(../images/partnerdotbot.png);
    width: 96%;
    background-repeat: no-repeat;
}

.partnerslistwrap ul li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 93%;
    background-image: url(../images/partnerdot.png);
    width: 2px;
    background-repeat: no-repeat;
} */

.partnerslistwrap ul li:nth-child(7n+0):after {
    background-image: none;
}

.formbg{
    background: #0071b9;
    position: relative;
}

.formbg::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 50%;
}


.form-control {
    border: 0;
    border-bottom: 1px solid #ced4da;
}

.banshap{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    z-index: 9;
    
}

.carousel {
    overflow: hidden;
}

/* .zoombanbg {
    
  } */
    
  @keyframes scaleban {
    50% {
      -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
    }
  }


  .carousel-control-next, .carousel-control-prev{
      z-index: 99;
  }

  .carousel-item::before{
	  display:none;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      animation: scaleban 40s linear infinite;
      background-image: url(../images/banner/bannershape.png);
      width: 856px;
      height: 756px;
      background-repeat: no-repeat;
      z-index: 99;
  }

  .productdetailslider, .productdetailthumbslider {
    width: 100%;
    margin: 0 auto 10px;
  }

  .productdetailslider, .productdetailthumbslider{
      padding-left: 0 !important; 
  }

  
  
  .slide-item img {
    width: 100%;
  }
  
  .thumbnail-item img {
    width: 100%;
    margin: 0 auto;
  }


/* .productdetailthumbslider .slick-slide {
    margin: 5px;
} */

.productdetailthumbslider .slick-next {
    right: -25px;
}

.productdetailthumbslider .slick-prev {
    left: -25px;
}

.productdetailthumbslider .slick-prev:before, .relatedslider .slick-prev:before{
    content: '\f104';
    font: normal normal normal 20px/1 FontAwesome;
    transition: 0.5s;
    color: rgba(97, 96, 102, 0.7)
}


.productdetailthumbslider .slick-next:before, .relatedslider .slick-next:before {
    content: '\f105';
    font: normal normal normal 20px/1 FontAwesome;
    transition: 0.5s;
    color: rgba(97, 96, 102, 0.7);
    padding-left: 3px;
}



.productdetailthumbslider .slick-prev:hover:before, .productdetailthumbslider .slick-next:hover:before, .relatedslider .slick-prev:hover:before, .relatedslider .slick-next:hover:before {
    color: #0072b8;
}

.productdetailthumbslider .slick-prev, .productdetailthumbslider .slick-next, .relatedslider .slick-prev, .relatedslider .slick-next {
    width: 30px;
    height: 30px;
    z-index: 9;
    transition: 0.5s;
    border: 1px solid rgba(97, 96, 102, 0.55);
    border-radius: 100%;
    text-align: center;
    background: #fff;
    opacity: 0;
}

.relatedslider .slick-prev, .relatedslider .slick-next{
    opacity: 1;
}

.productdetailthumbslider:hover .slick-prev, .productdetailthumbslider:hover .slick-next {
opacity: 1;
}

.productdetailthumbslider .slick-prev:hover, .productdetailthumbslider .slick-next:hover, .relatedslider .slick-prev:hover, .relatedslider .slick-next:hover {
    border: 1px solid #0072b8;
    background: #0072b8;
   
}

.productdetailthumbslider .slick-next:hover:before, .relatedslider .slick-next:hover:before {
    color: #fff;
}
.productdetailthumbslider .slick-prev:hover:before, .relatedslider .slick-prev:hover:before {
    color: #fff;
}

.productdetailcont{
    padding-left: 0px;
}


.productdetailcont table { 
	width: 100%; 
    border-collapse: collapse; 
    margin-top: 40px;
	}

/* Zebra striping */
.productdetailcont tr:nth-of-type(even) { 
	background: #eee; 
	}

.productdetailcont th { 
	background: #0072b8; 
	color: white;  
	}

.productdetailcont td, .productdetailcont th { 
	padding: 10px; 
	/* border: 1px solid #ccc;  */
	text-align: left; 
	font-size: 16px;
    }
    
    .productdetailcont td {
        padding: 10px;
        /* border: 1px solid #ccc; */
        text-align: left;
        font-size: 16px;
    }


    .productdetailcont a.cmbtn {
        background: #797979;
        padding: 5px 25px;
        display: inline-block;
        font-size: 13px;
        margin-top: 0;
    }

    .productdetailcont a.cmbtn.successbtn{
        background: #4cae4c;
    }
    a.cmbtn.successbtn:hover:after{
        background: transparent;
        transform: scale(0)
    }
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 768px) {

	.productdetailcont table, .itemtab table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	.productdetailcont table, .productdetailcont thead, .productdetailcont tbody, .productdetailcont th, .productdetailcont td, .productdetailcont tr, .itemtab table, .itemtab thead, .itemtab tbody, .itemtab th, .itemtab td, .itemtab tr { 
        display: block; 
        position: relative;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.productdetailcont thead tr, .itemtab thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
    
    .itemtab tr td:last-child{
        position: absolute;
        top: 3px;
        border: 0;
        right: 2px;
        padding: 0;
        font-size: 22px;
    }
	.productdetailcont tr, .itemtab tr { border: 1px solid #ccc; }
	
	.productdetailcont td, .itemtab td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
        padding-left: 50%; 
        padding-top: 10px;
        font-size: 12px;
        padding-bottom: 10px;
	}

	.productdetailcont td:before, .itemtab td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);
		color: #000;
		font-weight: 500;
	}

}




.sticky-top{
    top: 120px;
}

.infraimg{

}

.infraimg img{
    
}

.prodetwrap{
    position: relative;
}

.cartforwrap{
    position: fixed;
    top: 0;
    right: -50%;
    background: #fff;
    padding: 0px;
    padding-top: 0;
    width: 50%;
    height: 100vh;
    z-index: 999999;
    transition: 0.5s;
    text-align: center
}

.cartforwrap.showit{
    right: 0;
}

.cartform{
    
}

.cartformhead{
background: #0072b8;
text-align: center;
padding: 15px 0;
}

.cartformhead h2{
    font-size: 25px;
margin-bottom: 0;
font-family: 'Gibson-Semibold';
color: #fff
}

.fixedform{
    padding: 30px 50px;
}

.relatedslider.slick-slider {
    margin:0 -15px;
}
.relatedslider .slick-slide {
    padding:10px;

}

.fixedform .form-control {
    height: 45px;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #d4d4d4;
}

.fixedform  textarea.form-control {
    height: auto;
}

.fixedform{
    text-align: center;
    margin: 0 auto
}

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

.closeicn{
    position: absolute;
    top: 15px;
    right: 14px;
    cursor: pointer;
}

.formoverlaywrap{
    content: "";
    position: fixed;
    left:  0;
    top: 0;
    background: rgba(0, 0, 0, 0.44);    
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.1s;
    z-index: -9;
}

.formoverlaywrap.showit{
   opacity: 1;
   z-index: 999999;
}

.enqfloatbtn{
    position: fixed;
    top: 45%;
    right: -50%;
    z-index: 9999;
    transition: 0.5s;
    transform: rotate(-90deg);
    background: #0072b8;
    padding: 10px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}


.enqfloatbtn.showit {
    right: -50px;
}

.badgecart{
    position: absolute;
    top: -15px;
    right: -15px;
    transform: rotate(90deg);
}
.badgecart .badge-light{
    color: #212529;
    background-color: #ffe500;
    padding: 0;
    font-size: 12px;
    width: 30px;
    height: 30px;
    text-align: center;
    /* padding-top: 6px; */
    border-radius: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.enqfloatbtn h2{
    font-size: 20px;
    margin-bottom: 0;
    font-family: 'Gibson';
    color: #fff
}

.fancybox-container{
    z-index: 9999999;
}


.slick-dots {
    position: static;
}

.relhead{

}

.relhead h4{
    color: #636363;
    font-size: 22px;
}

.relatedslider .slick-dots li.slick-active button:before {
    color: #0072b8;
}

.relatedslider .slick-dots li button:before{
    color: #0072b8;
}

.relatedslider .slick-dots li button:before {
    width: 13px;
    height: 13px;
    background: #0072b8;
    border-radius: 100%;
}

.frmb{
    text-align: center;
}

.frmb .btn.cmbtn {
    background: #ffffff;
    padding: 10px 60px;
    color: #0071b9;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    border-radius: 0;
    margin-top: 15px;
    transition: 0.5s;
    position: relative;
    overflow: hidden;
    border: 0;
}
.frmb .btn.cmbtn:hover span{
    color: #fff;
}
.frmb .btn.cmbtn:hover:after {
    opacity: 1;
    transform: scale(180);
    border-radius: 100%;
}
.frmb .btn.cmbtn span{
    color: #0071b9;
    font-weight: 700;
}

.relsliderimg{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.relsliderimg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    height: 30px;
    width: 30px;
    background-image: url(../images/add.png);
    text-align: center;
    z-index: 9;
    opacity: 0;
    background-size: 100%;
}

.relsliderimg:hover:before {
    opacity: 0;
    animation: fadedwn .3s linear .5s forwards;
}

.relsliderimg::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.relsliderimg:hover:after {
    transform: scale(33);
}

.prname{
    position: absolute;
    left: auto;
    text-align: center;
    width: 100%;
    bottom: 3%;
}

.prname h4{
    font-size: 18px;
    font-family: 'Gibson';
    color: #636363;
    margin-bottom: 0;
}
/* .bgpos{
    position: relative;
}

.bgpos::before{
    content: "";
    position: absolute;
    left: 0;
    top: 
} */

.testimonial{
    background: #ffe7f3;
    position: relative;
}

.testimonial.tin-fcts{
    background: #0072B808;
}


.testimonialcont{

}

.testimonialcont p{

}

.testimonialcont h5{
    font-size: 18px;
    color: #817e7e;
    margin-bottom: 4px;
}

.testimonialcont h6{
    font-size: 13px;
    font-style: italic;
    color: #817e7e;
}

.testimonialimg{
margin-bottom: 20px;
}

.testimonialimg img{
    border: 2px solid #d1aebf;
    border-radius: 100%;
    text-align: center;
    margin: 0 auto;
}

.quote{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 12%;
    text-align: center;
}
.testimonialslider .slick-prev{
    left: -150px;
}

.testimonialslider .slick-next{
    right: -150px;
}


.insfraslider .slick-prev{
    left: 5%;
}

.insfraslider .slick-next{
    right: 5%;
}


.testimonialslider .slick-prev, .testimonialslider .slick-next, .insfraslider .slick-prev, .insfraslider .slick-next {
    width: 42px;
    height: 42px;
    z-index: 9;
    transition: 0.5s;
    border: 2px solid rgba(97, 96, 102, 0.55);
    border-radius: 100%;
    text-align: center;
    /* background: #fff; */
}



.testimonialslider .slick-prev:before, .insfraslider .slick-prev:before {
    content: '\f104';
    font: normal normal normal 23px/1 FontAwesome;
    transition: 0.5s;
    color: rgba(97, 96, 102, 0.7);
}

.testimonialslider .slick-next:before, .insfraslider .slick-next:before {
    content: '\f105';
    font: normal normal normal 23px/1 FontAwesome;
    transition: 0.5s;
    color: rgba(97, 96, 102, 0.7);
    padding-left: 3px;
}

.testimonialslider .slick-prev:hover, .testimonialslider .slick-next:hover, .insfraslider .slick-prev:hover, .insfraslider .slick-next:hover {
    border: 1px solid #0072b8;
    background: #0072b8;
}

.testimonialslider .slick-prev:hover:before, .testimonialslider .slick-next:hover:before, .insfraslider .slick-prev:hover:before, .insfraslider .slick-next:hover:before {
    color: #0072b8;
}

.testimonialslider .slick-prev:hover:before, .insfraslider .slick-prev:hover:before {
    color: #fff;
}

.testimonialslider .slick-next:hover:before, .insfraslider .slick-next:hover:before {
    color: #fff;
}

.mapwrap{
    position: relative;
}
.locpin{
    position: absolute;
}

.pinpoint {
    background: #fff;
    width: 5px;
    height: 5px;
    display: block;
    border-radius: 100%;
    position: absolute;
    z-index: 99;
}

.glowpoin {
    background: rgba(255, 255, 255, 0.3);
    width: 0px;
    height: 0px;
    display: block;
    border-radius: 100%;
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 9;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation: glowdot 1.5s ease-in-out infinite;
    animation: glowdot 1.5s ease-in-out infinite;
    
}

.glowpoin.active {
    width: 15px;
    height: 15px;
}

@-webkit-keyframes glowdot{
    0%{
        -webkit-transform:rotate(0deg) scale(0.1);
        transform:rotate(0deg) scale(0.1);
        opacity:0;
    }
    50%{
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1);
        opacity:0.6;
    }
    100%{
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(1.5);
        opacity:0;
    }
}
@-moz-keyframes glowdot{
    0%{
        -webkit-transform:rotate(0deg) scale(0.1);
        transform:rotate(0deg) scale(0.1);
        opacity:0;
    }
    50%{
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1);
        opacity:0.6;
    }
    100%{
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(1.5);
        opacity:0;
    }
}
@-o-keyframes glowdot{
    0%{
        -webkit-transform:rotate(0deg) scale(0.1);
        transform:rotate(0deg) scale(0.1);
        opacity:0;
    }
    50%{
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1);
        opacity:0.6;
    }
    100%{
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(1.5);
        opacity:0;
    }
}
@keyframes glowdot{
    0%{
        -webkit-transform:rotate(0deg) scale(0.1);
        transform:rotate(0deg) scale(0.1);
        opacity:0;
    }
    50%{
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1);
        opacity:0.6;
    }
    100%{
        -webkit-transform:rotate(0deg) scale(0.5);
        transform:rotate(0deg) scale(1.5);
        opacity:0;
    }
}

.locpin1{
    top: 37%;
    left: 8%;
}

.locpin2{
    left: 38%;
    top: 20%;
}

.locpin3{
    top: 20%;
    left: 46%;
}

.locpin4{
    top: 41%;
    left: 51%;
}

.locpin5{
    top: 45%;
    left: 60%;
}

.locpin6{
    top: 74%;
    left: 76%;
}

.loctxt{
    position: absolute;
}

.loctxt p{
    font-size: 12px;
    color: #cacaca;
}


.text1{
    top: 23%;
    left: 6%;
}

.text2{
    left: 31%;
    top: 14%;
}

.text3{
    top: 5%;
    left: 46%;
}

.text4{
    top: 35%;
    left: 31%;
}

.text5{
    top: 38%;
    left: 65%;
}

.text6{
    top: 68%;
    left: 61%;
}

.procartlistwrap{
    text-align: left;
    padding-left: 11px;
}

.procartlistwrap ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    text-align: left;
    
}

/* .procartlistwrap ul li{

}
.procartlistwrap ul li p{
    color: #495057;
    font-size: 1rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}


.procartlistwrap ul li span{
    width: 90%;
    display: inline-block;
}

.procartlistwrap ul li span:last-child{
    width: 10%;
}

.procartlistwrap ul li span.remove{
    text-align: right;
    cursor: pointer;
} */

span.remove{
    text-align: right;
    cursor: pointer;
}

/* .prolistitem{
    height: 200px;
} */


.proitemhrad{
    text-align: left;
    padding-left: 11px;
}
.proitemhrad h4{
    font-size: 17px;
    margin-bottom: 13px;
    color: #0072b8;
}


.itemtab .table thead th{

}
.buidingbg .build{
    position: relative;
    z-index: 999;
}

.recyvle{
    position: absolute;
    text-align: center;
    width: 100%;
    left: auto;
    animation-name:ball-bounce;
  animation-iteration-count:infinite;
  animation-duration:2.5s;
  animation-timing-function:cubic-bezier(0.5, 0.5, 0.5, 0.5);
}

.pro1{
    top: 5%;
    padding-right: 4%;
    animation-delay:0.5s;
}

.pro1 img, .pro2 img, .pro3 img{
    width: 30px;
}

.pro2{
    top: 5%;
    padding-left: 3%;
    animation-delay:0.1s;
}

.pro3{
    top: 0%;
    padding-left: 0%;
    animation-delay:0.3s;
}


@keyframes ball-bounce {
    0% { transform:translate(0px,0px);}
    
    25% {transform:translate(0px, 120px);}
    
    50%{ transform:translate(0,10px);}
    
    70% {
        transform:translate(0px,120px);
    }
    
    100% {transform:translate(0px,0px);}
    
    
  }



  .heartimg{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right:  0;
    text-align: center;
    margin: auto;
    padding-top: 10%;
  }

  .heartimg img{

  }

  /* .introcapbgwrap span{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100vh;
  }

  .introcapbgwrap span::before{
      content: "";
      position: absolute;
      left: 0;
      height: 100%;
      top: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      border-radius: 100%;
} */

.recycimg{
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 8px;
}
.recycimg img {
    width: 15%;
}

.fixedformdet{
    height: 70vh;
}


.prosliderwrap .owl-carousel .owl-nav button.owl-next, .prosliderwrap .owl-carousel .owl-nav button.owl-prev {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font-size: 0;
    width: 42px;
    height: 42px;
    background: transparent;
    border: 2px solid #b3bbc9;
    border-radius: 100%;
    position: relative;
    outline: none;
}

.prosliderwrap .owl-carousel .owl-nav button.owl-next::before, .prosliderwrap .owl-carousel .owl-nav button.owl-prev:before{
    font: normal normal normal 22px/1 FontAwesome;
    transition: 0.8s;
    color: rgba(97, 96, 102, 0.7);
}

.prosliderwrap .owl-carousel .owl-nav button.owl-prev:before{
    content: '\f104';
}

.prosliderwrap .owl-carousel .owl-nav button.owl-next::before{
    content: '\f105';
}

 .prosliderwrap .owl-carousel .owl-nav.disabled {
    display: block;
}

.boxpen{
    position: absolute;
    left: auto;
    width: calc(100% - 120px);
    bottom: 0;
    text-align: center;
    margin-left: 120px;
}

.boxpen img{

}

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

.detcountwrap li{
    display: inline-block;
    width: 16%;
}


.detailwrap > span:first-child {
    width: 100%;
    text-align: center;
    padding-right: 0;
    margin-bottom: 10px;
}

.productsec .prosliderwrap  .owl-nav button.owl-next{
    position: absolute;
    top: 45%;
    right: -55px;
}

.productsec .prosliderwrap  .owl-nav button.owl-prev{
    position: absolute;
    top: 45%;
    left: -55px; 
}

.aboutsec {
    background-color: rgba(0, 137, 208, 0.1);
}

.formbg .tab-content {
    margin-top: 0;
}

.formbg .nav-tabs .nav-item {
    width: 50%;
}

.formbg .nav-tabs .nav-link {
    border: 0;
    background: #dcdcdc;
    border-radius: 0;
    color: #9e9e9e;
    font-size: 20px;
    font-family: 'Gibson-Semibold';
}
.formbg .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.13);
}

.formbg .nav-tabs .nav-item.show .nav-link, .formbg .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    background: #0089d0;
}

.formbg h3 {
    color: #0071b9;
    font-size: 25px;
    font-family: 'Gibson';
}

.file-upload {
    display: block;
    text-align: center;
}

.file-upload .file-select {
    display: block;
    color: #495057;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
}

.file-upload .file-select .file-select-name {
    line-height: 50px;
    display: inline-block;
    padding: 0 10px;
    font-size: 1rem;
    color: #828282;
}

.file-upload input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    
}

.file-upload .file-select .file-select-button {
    background: #cecece;
    padding: 0 30px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 0;
    font-size: 1rem;
    color: #fff;
}

.carerr .innerhead {
    padding-bottom: 1px !important;
}
.form-control.is-invalid ~ .file-select, .was-validated .form-control:invalid ~ .file-select{
    border-color: #dc3545;
}

.evendet h3{
    font-family: 'Gibson';
    color: #0171b7;
    margin-bottom: 0;
}

.evendet ul{
    list-style: none;
    padding: 0;
}

.evendet ul li{
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #949494;
}

.evendet ul li span{
    
}

.evendet p{

}

.eventcardwrap  {
    position: relative;
    border: 1px solid #e8e8e8;
    overflow: hidden;
    height: 310px;
    max-height: 310px;
    margin-bottom: 30px;
}

.eventcardcont{
    background-color: #0089d1;
    padding: 10px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 79%;
    height: 100%;
    transition: 0.5s;
}

.eventcardwrap:hover .eventcardcont{
    top: 0;
}

.eventcardcont h3{
    color: #fff;
    font-size: 18px;
    font-family: 'Gibson';
    line-height: 25px;
}

.eventcardcont h3 span{
    display: block;
}

.eventcardcont p{
    color: #fff;
    font-size: 15px;
    font-family: 'Gibson';
}

.eventcardimg{
   
}

.infra{
    overflow: hidden;
}


@-webkit-keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  
  @keyframes rollIn {
    from {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
      transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }


  .playwrpa{
    position: absolute;
    bottom: 0;
    right: 0;
  }

.playwrpa::before{
    content: "";
    position: absolute;
    box-shadow: 0px 1px 50px rgba(0, 0, 0, 0.42);
    border-radius: 100%;
    background: rgb(255, 255, 255);
    padding: 35px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation: glowdot 1.5s ease-in-out infinite;
    animation: glowdot 1.5s ease-in-out infinite;
    left: -15px;
    bottom: -15px;
}
  

.playbg{
    background: red;
    width: 40px;
    height: 40px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative;
    z-index: 9;
}

.playbg i{
    color: #fff;
    padding-left: 5px;
    font-size: 13px;
}

.pointer{
    cursor: pointer;
}

.ifrabg{
    background-image: url(../images/bg/innerbg.jpg);
    background-attachment: fixed;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


img.vert-move1 {
    -webkit-animation: mover 1.5s infinite  alternate 3s;
    animation: mover 1.5s infinite  alternate 3s;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

.quantity.form-control{
    width: 80px;
    border: 1px solid #d4d4d4;
    text-align: center;
    height: 30px;
}

h3.cushead{
    font-size: 17px;
    margin-bottom: 20px;
    color: #0072b8;
}


.destxt{

}

.destxt h4{
    font-size: 16px;
    line-height: 1px;
}

.innerprowrap{
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    /* display: flex;
    text-align: center;
    justify-content: center;
    align-items: center; */
    margin-bottom: 10px;
    border: 1px solid #d4d4d4;
}


.innerprowrap.active{
    border: 3px solid #0089d1;
}


.innerprowrap::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 100%;
    background: rgba(0, 114, 184, 0.8);
}
.innerprowrap:hover:after{
    transform: scale(44);
}

.addicon{
    display: inline-block;
    position: absolute;
    top: 45%;
    left: 35%;
}

.addicon.carticn{
    left: 55%;
}

.addicon::before{
    content: "";
    position: absolute;
    height: 44px;
    width: 44px;
    background-image: url(../images/cartadd.png);
    text-align: center;
    z-index: 9;
    opacity: 0;
    /* background-size: 100%; */
}

.addicon.carticn::before{
    background-image: url(../images/cartadd.png);
    background-position: 44px;
    
}

.innerprowrap.active .addicon.carticn::before {
    background-image: url(../images/cartremove.png);
    background-position: 44px;
}


.innerprowrap:hover .addicon:before{
    opacity: 0;
    animation: fadedwn .3s linear .5s forwards;
}

.innerprowrap:hover .addicon.carticn:before{
    opacity: 0;
    animation: fadedwn .3s linear .7s forwards;
}
@-webkit-keyframes fadedwn {
    0% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateY(0);
    }
 }
 
 @keyframes fadedwn {
    0% {
       opacity: 0;
       transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
 }

.addedproicn{
    position: absolute;
    top: 10px;
    right: 10px;
    background: #0089d1;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.5s;
}

.innerprowrap.active .addedproicn{
    opacity: 1;
}

.addedproicn i{
    font-size: 22px;
    color: #fff;
}

.itemtab .table td{
    font-size: 14px;
}

.itemtab .table td a{
    color: red
}

.itemtab .table thead th {
    font-weight: 500;
}

.innerprcapwrap p{
    color: #817e7e;
    margin-bottom: 5px;
    font-family: 'Gibson';
}

.innerprcapwrap{
    margin-bottom: 40px;
}

.innerprcapwrap span{

}

.innerprcapwrap p.shaphead{
    font-size: 17px;
}

.innerprcapwrap p.lentdet{
    font-size: 15px;
}

.relatedproduct{
    background-color: rgba(0, 137, 208, 0.1);
}

.animated-bag {
    transform: translateX(20px) translateX(4px) rotate(36deg);
    position: absolute;
    width: 7px;
    -webkit-animation: cartbag 1.7s ease infinite;
    -moz-animation: cartbag 1.7s ease infinite;
    animation: cartbag 1.7s ease infinite;
}

@-webkit-keyframes cartbag {
	0% {
		transform: translateX(20px) translateX(4px) rotate(36deg);
	}
	50% {
        transform: translateX(2px) translateX(4px) rotate(36deg) scale(0.5);
        opacity: 0;
	}
	60% {
        transform: translateX(2px) translateX(4px) rotate(36deg) scale(0);
        opacity: 0;
	}
	100% {
        transform: translateX(0px) translateX(4px) rotate(36deg) scale(0);
        opacity: 0;
	}
}
@-moz-keyframes cartbag {
	0% {
		transform: translateX(20px) translateX(4px) rotate(36deg);
	}
	50% {
        transform: translateX(2px) translateX(4px) rotate(36deg) scale(0.5);
        opacity: 0;
	}
	60% {
        transform: translateX(2px) translateX(4px) rotate(36deg) scale(0);
        opacity: 0;
	}
	100% {
        transform: translateX(0px) translateX(4px) rotate(36deg) scale(0);
        opacity: 0;
	}
}
@keyframes cartbag {
	0% {
		transform: translateX(20px) translateX(4px) rotate(36deg);
	}
	50% {
        transform: translateX(2px) translateX(4px) rotate(36deg) scale(0.5);
        opacity: 0;
	}
	60% {
        transform: translateX(2px) translateX(4px) rotate(36deg) scale(0);
        opacity: 0;
	}
	100% {
        transform: translateX(0px) translateX(4px) rotate(36deg) scale(0);
        opacity: 0;
	}
}



@keyframes wobble{
    0% {
    transform: translateY(-1px);
    }
    10% {
    transform: translateY(2px);
    }
    20% {
    transform: translateY(-1px);
    }
    30% {
    transform: translateY(0);
    }
    60% {
    transform: translateY(0);
    }
    100% {
    transform: translateY(0);
    }
    }
    @-webkit-keyframes wobble{
    0% {
    -webkit-transform: translateY(-1px);
    }
    10% {
    -webkit-transform: translateY(2px);
    }
    20% {
    -webkit-transform: translateY(-1px);
    }
    30% {
    -webkit-transform: translateY(0);
    }
    60% {
    -webkit-transform: translateY(0);
    }
    100% {
    -webkit-transform: translateY(0);
    }
    }


    .carticon{
        /*  */
        animation: wobble 1.7s ease infinite 0.6s;
    }

    .enqfloatbtn span{
        display: inline-block;
        vertical-align: middle;
    }
    .carticon i{
        font-size: 20px;
        color: #fff;
        transform: rotate(90deg);
        
    }


    .bannerpos{
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
    }

    .bannerpos img{

    }

    .sweet-overlay {
        z-index: 1000000;
    }

    .sweet-alert{
        z-index: 9999999;
    }

    label.error{
        display: none !important
    }

    .form-control.error{
        border-bottom: 1px solid red;
    }

    .form-control.error ~ .file-select{
        border-bottom: 1px solid red;
    }

    .form-check-label {
        margin-right: 10px;
    }
	
.sector{position:relative;background-color:rgba(0, 0, 0, 0.50);}	
.sector span {
    background: rgba(0, 0, 0, 0.54) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: "";
    font-size: 24px;
    height: 43px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
	
 /*  Clients Tablutaor Start*/

.tabs_wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background: transparent;
}

ul.tabs {
      display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 9;
    margin: 0 0 0;
    padding: 0;
    width: 27%;
    min-width: 175px;
    list-style: none;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); */
    /* border: 1px solid #bdbdbd; */
}
ul.tabs li {
  margin: 0;
  cursor: pointer;
 padding: 10px 10px;
  line-height: 31px;
      color: #333;
    text-align: left;
    background-color: #666;
    background: transparent;
  -ms-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
ul.tabs li:hover {
    background: #d4d4d4;
    color: white;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #0E90D3;

}
ul.tabs li.active {
         background: transparent;
         position: relative;
    color: #fff;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    background: #0E90D3;
    border-right: 0;
    /* background: white; */
    border: 0;
	font-size:16px;
    border-right: 0;

}

ul.tabs li.active:before{
    /*     content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: -3px;
    top: 15px;
    color: #fa7012;
    z-index: 99;
    font-size: 20px;*/
}
ul.tabs li.active:after{

        content: "";
    width: 0px;
    height: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0E90D3;
    position: absolute;
    right: -10px;
    top: 15px;
}
.tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 8;
    left: -0.4%;
    width: 70%;
		min-height:665px !important;
    min-width: 10px;
    text-align: left;
    background: white;
    border-radius: 0;
    /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); */
    border-right: 0;
    border: 1px solid #d4d4d4;
}

.tab_content {
  padding: 25px 20px;
  height: 100%;
  display: none;
}

.tab_drawer_heading {
  display: none;
}

/*.tab_content h2{
    margin-top: 0;
}*/
.tab_content p{
    font-size: 16px;
    letter-spacing: 1px;
    font-size: 17px;
    color: #000000;
    font-family: 'Lato';
    letter-spacing: 1px;
}

.tab_content .common-heading h2 {
        font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
}
.tab_content .common-heading h2 span {
    display: inline-block;
}

.tab_content ul{
    list-style: none;
    padding: 0;
}
.tab_content ul li{
        font-size: 15px;
    color: #000000;
    font-family: 'Lato';
    width:25%;
}
.tab_content ul li i{
    margin-right: 10px;
    font-size: 14px;
}




@media screen and (max-width: 781px) {
  ul.tabs {
    display: none;
  }
  .tab_content h2{
    margin-top: 20px;
  }
  .tab_container {
    display: block;
    margin: 0 auto;
    width: 95%;
    border-top: none;
    border-radius: 0;
    /*box-shadow: 0px 0px 10px black;*/
  }

  .tab_drawer_heading {
    background: #0E90D3; 
    color: #fff;
    margin: 0;
    padding: 10px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;

  }
  .tab_drawer_heading:hover {
    background: #0E90D3;
    color: white;
  }

  .d_active {
    background: #0E90D3;
    color: #dddddd;
  }
}



.careerform{
        background: #eaeaea;
    padding: 30px;
        margin-top: 40px;
}
.careerform .common-heading h2 {
        font-size: 25px;
    line-height: 25px;
    margin-bottom: 30px;
        margin-top: 5px;
}
.careerform .common-heading h2 span {
    display: inline-block;
}


.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 0;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
   border: 1px solid rgba(95, 95, 95, 0.18);
    background-color: #fff;
    padding: 0;
    width: 100%;
        margin-bottom: -5px;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: rgba(95, 95, 95, 0.18);
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 12px 25px;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 64%;
    min-height: 38px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
        height: 100%;
    color: #f1e5e6;
    background-color: rgba(94, 94, 94, 0.5);
    display: inline-block;
    transition: 0.5s;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: rgba(94, 94, 94, 0.7);
}


.form-control:focus{
    outline: 0;
    border-color: transparent;
    border: 0;
    border: 1px solid rgba(95, 95, 95, 0.18);
    box-shadow: none;
}

.infotxt{
    font-size: 12px;
    color: #9c9c9c;
}


.servicesec .common-heading h2 {
        font-size: 25px;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 0;
}
.servicesec .common-heading h2 span {
    display: inline-block;
}
.mt50{
    margin-top: 50px;
}

.testcontsec p{
        font-size: 16px;
    color: #000000;
    font-family: 'Lato-light';
    letter-spacing: 1px;
}

.hrtag{
    margin: 50px 0;
}

.certcap h3{
     margin-top: 5px;
    font-size: 15px;
    text-align: center;
    line-height: 17px;
    min-height: 40px;
}


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

.navbar-inverse .navbar-toggle {
    border-color: #ff710e;
}

.carreer p{
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 1px;
    /* margin-bottom: 0; */
    
    font-size: 18px;
    color: #000000;
    font-family: 'Lato';
    letter-spacing: 1px;
}	

 /*  Clients Tablutaor End*/
	
.nopad{padding:0px;}	
		
	.dest{display:block;}
	.mob{display:none;}	
	
.backtop {
	border-radius:100%;
    background: #0072B8 none repeat scroll 0 0;
    bottom: -50px;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height:36px;
    position: fixed;
    right: 15px;
    text-align: center;
    transform: rotate(-90deg);
    transition: all 0.5s ease 0s;
    width: 40px;
	font-size:22px;
    z-index: 99;
	padding:0px;margin:0px;
}
.backtop:focus {
    color: #fff;
}
.showmenubg .backtop {
    bottom: 15px;
}
.backtop:hover {
    color: #fff;
    transform: rotate(-90deg) translateX(5px);
    transition: all 0.5s ease 0s;
}
	
	
.value-box .value-title { padding: 10px 10px; text-align: center; color:#007cc2; margin-bottom: 15px; font-size: 18px;   }	
	
#siteseal { margin-bottom: 10px; display: inline-block}	


.gal1{background-color:#fef1f1;}
.gal2{background-color:#ffe4d2;}
.gal3{background-color:#d7fbe7;}
.gal4{background-color:#f4deec;}
.gal5{background-color:#f8dde2;}
.gal6{background-color:#e0f0fc;}
.gal7{background-color:#fce9e1;}
.gal8{background-color:#cceffa;}
.gal9{background-color:#fef9cf;}
.gal10{background-color:#f1f3ff;}
.gal11{background-color:#c4e4fc;}
.gal12{background-color:#f7dcd9;}
.gal{padding-right:0;padding-left:0;}
.gallery-page .container-fluid{padding-left:0;}
.gallery-page img{width:100%;}
.gal{
	position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.gal:after{
	content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 20px;
    height: 20px;
    transform: scale(0);
    transition: 0.5s;
    border-radius: 100%;
    background: rgba(0, 114, 184, 0.8);
}
.gal:hover:after {
    transform: scale(44);
}
.gal:hover .addicon:before {
    opacity: 0;
    animation: fadedwn .3s linear .5s forwards;
}
.gal .addicon::before {
    content: "";
    position: absolute;
    height: 44px;
    width: 44px;
    background-image: url(../images/gallery/cartadd.png);
    text-align: center;
    z-index: 9;
    opacity: 0;
    /* background-size: 100%; */
}
.gal .addicon {
    display: inline-block;
    position: absolute;
    top: 44%;
left: 45%;}

.modal-header{position:absolute;content:"";z-index:9;right:0;top:0;border:0px;background-color:#fff;border-radius:0px;height:35px;width:35px;}
	
#popupModal .modal-dialog {
    /*max-width:360px;*/
    max-width:460px;
}

#popupModal.modal button.close {
  outline: none !important;
  opacity: 1;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 24px;
}
	
	
@media screen and (max-width: 380px) {

#popupModal .modal-dialog {max-width:100%;}	
	
}	
.thanks_page section{
    padding: 150px 0px 100px 0px !important;
}
.thanks_page section img{
    width: 50px;
}
.tick-img {
    text-align: center;
}
.thans-txt{
    font-family: 'Gibson' !important;
    font-size: 45px !important;
    text-align: center;
    margin-top: 10px;
}
.tn-txt {
    color: #000;
    font-family: 'Gibson' !important;
    font-size: 25px !important;
    text-align: center;
}
.tn-btn {
    text-align: center;
}