body{

    font-family:  'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


a:hover , a:link  {
    text-decoration: none;
}
#loader {
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    background: #fff;
    top: 0;
    z-index: 5000;
}

.box {

    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 30px;
    position: relative;
    vertical-align: middle;
    -webkit-transition: .3s color, .3s border, .3s transform, .3s opacity;
    transition: .3s color, .3s border, .3s transform, .3s opacity;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

#loader p {
    position: absolute;
    transform: rotate(-45deg);
    bottom: 33%;
    left: 30%;
    color: #000;
    font-weight: 700;

}
#loader p .blue {
  color: #0054a4 !important;
  font-size: 55px;

}


.loader-16 {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-perspective: 1000px;
    perspective: 1000px;
    border-radius: 50%;
}

[class*="loader-"] {
    display: inline-block;
    width: 10em;
    height: 10em;
    color: inherit;
    vertical-align: middle;
    pointer-events: none;
}
.loader-16:before, .loader-16:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -webkit-animation: 1s spin linear infinite;
          animation: 1s spin linear infinite;
}
.loader-16:before {
  -webkit-transform: rotateX(70deg);
          transform: rotateX(70deg);
  color: #0054a4;

}
.loader-16:after {
  -webkit-transform: rotateY(70deg);
          transform: rotateY(70deg);
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

@-webkit-keyframes spin {
  0%,
    100% {
    box-shadow: .2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: .2em .2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 .2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -.2em .2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -.2em -.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: .2em -.2em 0 0 currentcolor;
  }
}
@keyframes spin {
  0%,
    100% {
    box-shadow: .5em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: .5em .5em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 .5em 0 0px currentcolor;
  }
  37% {
    box-shadow: -.5em .5em 0 0 currentcolor;
  }
  50% {
    box-shadow: -.5em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -.5em -.5em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -.5em 0 0 currentcolor;
  }
  87% {
    box-shadow: .5em -.5em 0 0 currentcolor;
  }
}



#fullpage {

    background: #fff ;
}


#fp-nav ul li .fp-tooltip {
    color: #47525d ;
    font-weight: 600;
    border-radius: 5px;
    padding: 2px 5px;
    background: #fff;

}


#fp-nav ul li {
    display: none;
}


#fp-nav ul li:nth-child(1) , #fp-nav ul li:nth-child(2) , 
#fp-nav ul li:nth-child(3) , #fp-nav ul li:nth-child(4)
 {
    display: inherit;
    margin: 15px 7px;
}



#fp-nav ul li a span, .fp-slidesNav ul li a span , #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{

    background: transparent;
    color: #47525d;
    margin: -6px 0 0 -6px;
    font-size: 18px;
}

#fp-nav ul li a.active span{
    color: #0054a4;
}

#fp-nav ul li a.active span i {
    border-bottom: 1px solid #0054a4;    
    padding-bottom: 2px;
}


#fullpage .section {
    background: #fff ;
    padding: 65px 0px 20px 0px ;
}



.top-nav {    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 500;
    background: rgba(255, 255, 255, 0.86);
}

.top-nav .nav-container{
    max-width: 1200px;
    margin: auto;
    position: relative;
    border-bottom: 1px solid #73c5ff;
}

.top-nav .nav-container:before {
    content: '4GTSS';
    position: absolute;
    left: 48%;
    padding: 10px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #73c5ff;
    font-size: 14px;
    font-weight: 600;
    color: #0053a4;
    z-index: 3;
    bottom: -17px;

}

.top-nav .social-ico i {
    font-size: 1.2em;
    color: #677497;
    padding: 8px;
    line-height: 50px;
}
.top-nav .social-ico i:hover{

    cursor: pointer;

}


.top-nav .social-ico .fa-facebook:hover{

    color: #3B5998;
}

.top-nav .social-ico .fa-twitter:hover{

    color: #00aced;
}

.top-nav .social-ico .fa-linkedin-square:hover{

    color: #4875B4;
}


 .top-nav .logo-container {
    height: 50px;
    width: 180px;
 }

 .top-nav .logo-container .logo {

    background-image: url(../img/logo.png);
    height: 55px;
    margin-top: 4px;
    background-size: contain;
    background-repeat: no-repeat;

 }





.navbar-default , .navbar-default .navbar-collapse, .navbar-default .navbar-form{
  background: transparent;
  border: none;
}
.navbar {
  min-height: 65px;
  margin-bottom: 0;
}
.navbar-brand {
  padding: 0;
}
.navbar-default .navbar-nav > li > a {
  font-weight: 600;
}

.navbar-default .navbar-nav > li > a:hover , .navbar-default .navbar-nav > li.active > a  , .navbar-default .navbar-nav > li.active > a:hover,
 .navbar-default .navbar-nav > li.active > a:link ,  .navbar-default .navbar-nav > li.active > a:visited {
    border-bottom: 1px solid #0054a4;
    background: transparent;
    color: #0054a4;
}



@media (max-width: 767px){
    
  
  .navbar-nav {
    background:  #fff;
    margin-bottom: 0;
    padding-bottom: 5px;
  }
}



[data-silent-target]:hover{
    cursor: pointer;
}





#fullpage .section .slide.bg-blue .fp-tableCell {


    background: rgb(21, 145, 245) ;

}

#fullpage .section .slide.bg-blue .fp-tableCell * {
    color: #fff;
}




.portfolio-nav {

    position: absolute;
    height: 50px;
    width: 100%;
    z-index: 200;
    bottom: 20px;

}


.portfolio-nav ul {
    height: 100%;
    padding: 0 ;
    text-align: center;
    list-style: none;
    z-index: 200;    
    display: flex;
    align-items: stretch; /* Default */
    justify-content: space-between;

    width: 100%;
    line-height: 50px;
    background: #475b66;

}


.portfolio-nav ul li {
    cursor: pointer;
    flex:  1 ; /* Default */

    height: 100%;
}

.portfolio-nav ul li.active {
    background: #222b2f;

}
.portfolio-nav ul li.active a {
    color: #fff;
}
.portfolio-nav ul li a {
    color: #fff;
}

.portfolio-nav ul li i {
    color: #fff;
    font-size: 1.2em;
    margin-right: 5px;
}

@media (max-width: 767px){
    
   .portfolio-nav ul {
    line-height: 25px;
   }
}





.firstcharacter {
  color: #da481b;
  float: left;
  font-size: 40px;
  line-height: 33px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}


.fp-controlArrow {
    display: none;
}




.back {
    background: #ddd;
    position: absolute;
    top: 80px;
    border-radius: 20px;
    background: rgba(9, 73, 124, 0.74);
    left: 20px;
    z-index: 300;
    padding: 10px;
    transition: all ease 0.5s ;
}

.back:hover , .request:hover{

    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    transition: all ease 0.5s ;
}
.back i , .back span , .request i , .request span {
    color: #fff;
    font-size: 0.9em ; 
}


.request {
    position: absolute;
    bottom: 75px;
    right: 15px;
    border-radius: 20px;
    background: rgba(9, 73, 124, 0.74);
    z-index: 300;
    padding: 10px;
    transition: all ease 0.5s ;
}

 .fp-tableCell > div {
    padding-right: 40px;
}






/* ---------------------------     Landing Page      ---------------------------- */







#first .triangle-top{
    position: absolute;
    content: '';
    width: 33%;
    height: 65%;
    top: -50%;
    left: 33%;
    background-color: #e5f1fd; 
    transform: rotate(45deg);
    background-size: contain;
    -webkit-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    overflow: hidden;
    z-index: 0; 
}




#first .triangle-bottom {
    position: absolute;
    content: '';
       /* width: 50%; */
    /* height: 50%; */
    width: 33%;
    height: 65%;
    /* bottom: 100%; */
    bottom: -50%;
    left: 33%;
    background-color: #e5f1fd; 
    transform: rotate(45deg);
    background-size: contain;
    -webkit-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    overflow: hidden;
    z-index: 0; 
}




#first .triangle-right {
    position: absolute;
    content: '';
    width: 45%;
    top: 5%;
    height: 96%;
    background-color: #e5f1fd;
    right: -1%;
    transform: rotate(45deg);
    background-size: contain;
    -webkit-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    overflow: hidden;
    z-index: 0;
}

#first .triangle-right img {
       transform: rotate(-45deg);
    width: 115%;
    left: -5%;
    position: relative;
    top: 24%;
}

#first .left .head-text {
    position: relative;
}





/* #### Mobile Phones Portrait or Landscape #### */
@media (max-width: 768px){
  /* some CSS here */
   #first .triangle-right {
        
        display: none;

    }
    #first .triangle-top {
        top: -20%;
        left: 43%;
        height: 36%;
        display: none;
    }
    #first .triangle-bottom {
        bottom: -20%;
        left: 32%;
        height: 31%;
        display: none;
    }

    #first .left .sub-head {
        font-size: 18px;
        line-height: 1.2em;
        padding: 0 30px;
    }
}

@media (min-width: 768px)  and (max-height: 660px ) and (max-width: 1000px ){

    #first .triangle-right {
        height: 74%;
    }
}


/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
  /* some CSS here */
}






#first .sliders-indicators {

    position: absolute;
    bottom: 30px;
    left: 47%;
    z-index: 4;
}

#first .sliders-indicators div {
    width: 15px;
    height: 15px;
    border: 2px solid #1762ac;
    border-radius: 50%;
    float: left;
    margin-right: 5px;

}

#first .sliders-indicators div:hover{
    cursor: pointer;
    background: #1762ac;
}

#first .sliders-indicators div.active {
    background: #1762ac;
}


 .header {
    position: relative;
    text-align: left;
    font-family:  'Open Sans', sans-serif;
    color: #0054a4;
    line-height: 1.1em;
    font-size: 50px;
    font-weight: 600;
}



 .more-button {

        border: 0 ; 
        background: #fff;
        color: #0054a4;
        padding: 10px 40px;
        font-size: 1.3em;
        -webkit-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        width: 200px;
        border-radius: 19px;
        margin: 0 auto;

}


 .more-button:hover {
    color: #fff;
    background: #0054a4;
    transition: all ease 0.5s;
    padding: 10px 50px;

}

 .sub-head {
    font-family:  'Open Sans', sans-serif;
    letter-spacing: 1px;
    line-height: 1.8em;
    padding: 0 70px;
    color: #0054a4;

}





/*              Products And Solutions          */






.products-solutions .fp-tableCell .fp-scroller{
    padding-top: 50px;
}
.products-solutions h1 {
   
    color: #47525d;
    font-size: 48px;
    line-height: 50px;
    font-weight: 600;
    max-width: 100%;
    margin: 0 auto 100px auto;
    text-align: center;
}

.products-solutions h2 {

    font-weight: 600;
    font-size: 26px;
    color: #47525d;
}

.products-solutions p{
    font-size: 18px;
    color: #3d464d;
    letter-spacing: 1px;
    line-height: 30px;
    padding-right: 20px;
}

.products-solutions .product-container{
    padding-bottom: 100px;
}

.products-solutions .product-container .more  {

    font-size: 16px;
}


.products-solutions img {
    width: 30%;

}






/*  -----------------------  SINGLE STYLE  ---------------------------- */


.product-image {
    width: 100%;
   /* max-height: 300px;*/
}


.single-style .product-head {

  margin-top: 10px;
  margin-bottom: 35px;
}


.single-style p {
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 1.5em;
    margin-bottom: 20px;
}


.slider-container .sections.single-style  .part , .section.single-style  .part {
    padding: 10px ;

}

.product-row {
  display: flex;
}

.single-style .content{

    border: 1px solid #ddd;
    height: 100%;
    min-height: 140px;
    padding: 0 10px;
}


@media (max-width: 768px){

  .slide.bg-blue .image-container{
    margin-bottom: 20px;
  }
  .portfolio-nav.responsive ul {
    line-height: 20px;
  }
  .portfolio-nav.responsive ul li {
    padding-top: 5px;
    
    font-size: 12px;
  } 
  .portfolio-nav.responsive ul li img {

    width: 15px;
    height: 15px;
  }
    .products-solutions p{
        padding-right: 0;
    }
}




.slider-container .slide.bg-blue p.full::first-letter {
  float: left;
  font-size: 40px;
  line-height: 33px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}




/*  -----------------------  SINGLE STYLE  ---------------------------- */




.slider-container p.full{
    font-size: 12pt;
    letter-spacing: 1px;
    color: #475b66;
}

.slider-container .welcome-style p.full {

    line-height: 3rem;
}

.slider-container .header , .single-style .header{
    color: #475b66;
}

.slider-container .sections , .single-style ,.slider-container .timeline {
    position: relative;
}


.single-style span.header  {
    position: relative;
}


.single-style span.header:after {
    position: absolute;
    content: '';
    width: 50%;
    margin: auto;
    left: 25%;
    bottom: -2px;
    border-bottom: 2px solid #da481b;

}

/*
.slider-container .triangle   , .single-style:before{
   
    position: absolute;
    content: '';
    border-radius: 30px 0 30px 0;
    right: -13%;
     top: 23%;
    width: 25%;
    z-index: 0;
    height: 50%;
    background: rgba(181, 226, 255, 0.25);
    transform: rotate(44deg);
}
*/

.single-style:before{
   
    position: absolute;
    content: '';
    /* left: 35%; */
    border-radius: 30px 0 30px 0;
    right: -13%;
     top: 23%;
    width: 25%;
    z-index: 0;
    height: 50%;
    background: rgba(181, 226, 255, 0.25);
    transform: rotate(44deg);
}



.slider-container .sections .ulhead  {
        color: #475b66;
        margin-top: 30px;
}

.slider-container .sections ul li {
    position: relative;
    text-align: left;
    font-size: 17px;
    padding-left: 15px;
    margin-bottom: 5px;
}

.slider-container .sections ul li:before {
    
    content: "\f178";
    font: normal normal normal 14px/1 FontAwesome;
    color: #da491c; 
    position: absolute;
    left: -5px;
    top: 5px;
}

.slider-container .sections .part ,  .single-style .part {
    padding: 0 25px;
    text-align: center;
}

.slider-container .sections h4 ,  .single-style h4 {
    line-height: 1.25;
    font-size: 22px;
    color: #2f618d;
}

.slider-container .sections h4 i ,  .single-style  h4 i  {
    color: #475b66;
    display: block;
    margin-bottom: 14px;
    font-size: 35px;
    line-height: 50px;
}


  .slider-container .sections h4 img, .single-style  h4 img {
      display: block;
      margin-bottom: 20px;
      width: 50px;
      height: 50px;
      margin: auto;
  }

.slider-container .slide:not(.bg-blue) .full-slider{
    padding: 50px 5px 50px 15px;

}

.slider-container .header, .single-style .header {
    font-size: 40px ;
  }

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

  .slider-container .header, .single-style .header {
    font-size: 30px ;
  }

  .slider-container p, .single-style p {
    font-size: 14px ;
  }
  .slider-container .sections h4, .single-style h4 {
    font-size: 18px;
  }
  .single-style .content{
    min-height: 100px;
  }
  .slider-container .sections h4 i, .single-style  h4 i{
    font-size: 35px;
    margin-bottom: 5px;
  }

  .single-style p {
    margin-bottom: 10px;
  }
  .portfolio-nav {
    height: 35px;
  }
  .portfolio-nav ul {

    line-height: 35px;
  }

  .slider-container .slide:not(.bg-blue) .full-slider {
    padding-top: 45px;
  }
}

.single-style.product .fp-tableCell{
  display: inherit;
}

.breadcrumb {
  background: transparent;
  position: absolute;
  top: 15px;
}


h1.coming-soon {
    text-align: center;
    font-size: 6em;
    text-transform: uppercase;
    color: #0054a4;
    letter-spacing: 11px;
}

h1.coming-soon span {
    color: #83aed3;
}

.soon-form {

  max-width: 400px;
  text-align: center;
  margin: auto;

}

.soon-form button {

    border-radius: 20px;
    font-size: 16px;
    padding: 10px;
    background: transparent;
    border: 2px solid #83aed3;
    transition: all ease 0.5s;
}

.soon-form input {

    border-color: #475b66;
}

.soon-form button:hover {

    border: 2px solid #222b2f;
    transition: all ease 0.5s;
    
}

/* ---------------------------------------------    Portflio   ----------------------------------------- */



.border-top {
    border-top: 3px solid #e06e2c;
}

.icon {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    margin: auto;
}





/* ---------------------------------------------    who-we   ----------------------------------------- */


#fullpage .who-we.section .fp-tableCell {
    background: #fff;

}
.who-we h1{
    font-size: 8em;
    color: #45475e;
}


 .under-line {
    border-bottom: 2px solid #da481b;
}


.who-we .content p i {
    color: #4e98de ; 
}
.who-we .content p span {

    padding-left: 20px;
}
.who-we .content p {
    font-size: 16px;

}

.who-we .content.right h3 {

    margin-top: 10px;
    color: #da481b;
}

.who-we .content.right .details {
    margin-left: 130px;
    margin-right: 20px; 
    line-height: 2em;
    margin-bottom: 30px;
}




.who-we .triangle {
    position: absolute;
    content: '';
    left: -15%;
    bottom: 30%;
    width: 25%;
    z-index: 0;
    height: 50%;        
    background-color: #e5f1fd; 
        -webkit-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    transform: rotate(44deg);
}





.blue 
{
    color:  #20a4df !important ;
}
.red  {
    color: #df6520 !important;

}

@media (max-width: 991px){

  .who-we .content.right .pull-left {
        float: none  !important;
    text-align: center;
  }
  .who-we .content.right .details {
    margin-left: 0;
  }

}




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

      .who-we .content h3 {
        font-size: 20px;
      }
      .who-we .content p {
        font-size: 16px;
      }
    .who-we .content.right .details {
        margin-bottom: 20px;
    }
    .who-we .content img {
        width: 80px;
        height: 80px;
    }
    .who-we h1{
      margin-top: 0;
    }


}


/*  -----------------------  Contact Us STYLE  ---------------------------- */


.contact-us h1 .header{

    color: #47525d;
    font-size: 60px;
}

.address {
    padding-right : 40px;
}

.address  #address-table  , .address  #address-table  tr , .address  #address-table   td {
    
    border:0px;
}

.contact-us .address i {

    width: 20px;
    text-align: center;
    margin-right: 10px;
}

.contact-us .address p {
    margin-left: 40px;
}

.contact-us .form-container2 {
    
    color: #47525d;
    font-size: 1.3em;
    padding-top: 20px;
}



.contact-us .triangle {
    position: absolute;
    content: '';
    right: -15%;
    bottom: 30%;
    width: 25%;
    z-index: 0;
    height: 50%;        
    background-color: #e5f1fd; 
        -webkit-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 22px -5px rgba(0,0,0,0.75);
    transform: rotate(44deg);
}


.contact-us .form-container2 button {
    background: transparent;
    padding: 10px 30px 10px 50px;
    border-radius: 20px;
    background: #0053a4;
    color: #fff;
    position: relative;
    border: 0;
    font-size: 16px;
    margin-top: 20px;

}

.contact-us .form-container2 button:hover {
    opacity: 0.8;
}

.contact-us .form-container2 button:hover i {

    animation-name: moveIcon;
    animation-duration: 1s;


}

@keyframes moveIcon  {
    0% {top: 0 ; left: 15px  }
    50% {color: #0053a4  }
    100% {top: -40px; left: 50px}
}


.contact-us .form-container2 button i {
    position: absolute;
    transition: all ease 0.5s ;
    left: 15px;

}


.contact-us .form-container2 .input-group-addon {

    background: #eee;
    border-right: 0;
    min-width: 40px;
}



.contact-us .form-container2 .input-group-addon i , .contact-us .address.second i {

    color: #0053a4;
}


@media (max-width: 768px) {
    .contact-us .triangle {
        display: none;
    }

   .single-style p {
    font-size: 14px ;
  }

   .contact-us textarea:focus {
    margin-bottom: 60px;
   }

input[type='text'],textarea {font-size:1em;}

}



button:focus {
 outline: 0;
}

#request-brochure .input-group-addon {
    min-width: 40px;
}

#request-brochure  input  {
    font-size: 16px;
    color: #034d8c;
}
#request-brochure  textarea {

    font-size: 16px;
    color: #034d8c;
}

#request-brochure .input-group-addon i {

    color: #034d8c;
}

#request-brochure .modal-header {
    background: #337ab7;
    color: #fff;
}

 .alert {
  padding: 5px;
  margin-bottom: 10px;
}

 .tooltip.top .tooltip-arrow{
  
    border-top-color: #b84848;
}
 .tooltip-inner{
  
    background-color: #b84848;
}


input:required , textarea:required , select:required {
    border-bottom: 1px solid #ff9f9f;
}


.contact-us .address  h3 {
    color: #0958a6;
}





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

    .contact-us .address  h3 {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;

    }
    .contact-us .address  h3 {
        font-size: 18px;
    }
    .contact-us .address  img {
        width: 300px;
    }

}


@media (max-width: 992px){

    .product-row{
        display: block;
    }

}


/*  -----------------------  FOOTER STYLE  ---------------------------- */




.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 200;
    height: 20px;
    padding-left: 20px;
    background: #fff;
    color: #697696;
    font-weight: 600;

}


.footer .social-ico i {

    margin-left: 20px;
    color: #697696;
}





/*  -----------------  Responsive Design ------------------------------ */ 


@media (max-width: 768px) {

    .header {
        font-size: 30px;
    }
    .sub-head {
        font-size: 18px;
    }

    .products-solutions h1 {
        font-size: 30px;
    }
    .who-we .triangle {
        display: none;
    }
    .contact-us h1 .header {
        font-size: 30px;
    }
}





.client-slider img {
  width: 90%; 
  height: 100px;
}


.client-slider img:hover {

  filter: none;
  transition: all ease 0.5s;
}

.client-slider {
      margin: 70px auto;
    width: 95%;
}

.slick-prev:before, .slick-next:before {
  color: #2d5a7a;
}